Скачать "Шрифт и иллюстрация"
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FgJDOcZWi0TM%252Fmaxresdefault.jpg&w=1139&q=75)
Похожие ролики из нашего каталога
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FGBywl2VpHIU%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FK-ILfqengsU%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252Fbguz02SSnpg%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FhOuaOwzxY9k%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FiMZQ4Ql2ONg%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252Fy6DUMlbH2A4%252Fmaxresdefault.webp&w=1139&q=75)
Теги видео
Субтитры
Английский
00:00:07
привет я александра королькова00:00:10
арт-директор шрифтовой студии пара type00:00:12
давайте поговорим о взаимодействии00:00:14
шрифта и иллюстрации в первую очередь00:00:17
это видео предназначено для00:00:19
иллюстраторов и для дизайнеров00:00:21
работающих с иллюстраций вообще почему00:00:24
иллюстратору стоит как то хотя бы00:00:27
немного изучать шрифт пытаться в нем00:00:30
разобраться00:00:31
потому что это настолько00:00:34
неочевидная история что для того чтобы00:00:38
допустим грамотно подобрать шрифт00:00:40
поставить его рядом со своей иллюстраций00:00:43
или для того чтобы выбрать шрифт как00:00:45
референс для того чтобы перерисовывать00:00:47
буквы если вам это понадобилось00:00:50
недостаточно только хорошего вкуса и00:00:52
только чувство пропорций00:00:54
объясняю на примере почему шрифт такая00:00:57
не очевидная штука00:00:59
в русском алфавите например в кириллице00:01:03
есть четыре основных конструкций знаков00:01:06
прописные и строчные прямые строчные00:01:08
курсивный рукописные так вот подавляющее00:01:12
большинство шрифтов которые реально00:01:15
используются в книгах или на экране00:01:17
буквы в них выглядят как00:01:20
вторые буквы сверху это строчные буквы а00:01:25
когда человек пытается вспомнить как они00:01:28
выглядят если ему надо буквы нарисовать00:01:30
то он вспоминает либо верхний ряд либо00:01:33
нижней потому что сверху прописные00:01:36
которые ребенок изучает когда учиться00:01:40
читать а снизу рукописные которые тоже00:01:43
ребенок изучает когда учиться писать а00:01:46
вот те буквы которые мы чаще всего00:01:48
читаем мы не учим сознательно поэтому00:01:52
сознательно их вспомнить практически00:01:55
нереально и если человек не знает о том00:01:59
что конструкция буков вообще-то не одна00:02:01
и есть разные варианты он никогда не00:02:04
угадает как выглядит например русская00:02:06
буква б00:02:08
почему еще шрифт не очевидная штука00:02:11
потому что кроме того что есть разные00:02:14
конструкции есть еще и такая вещь как00:02:16
оптическая компенсация это наверное00:02:19
скорее совет или дизайнеров если вы00:02:23
начинаете рисовать какие-то буквы00:02:26
допустим в логотипе то не в коем случае00:02:28
нельзя делать все точно по сетке потому00:02:33
что например для того чтобы круг и00:02:36
квадрат выглядели одного размера круг должен00:02:39
свисать чуть сверху чуть снизу00:02:42
относительно высоты квадрата то же самое00:02:44
с треугольника и это все касается и букв00:02:48
тоже то есть в любом нормально сделать00:02:50
наш лифте круглая буква всегда будет00:02:53
выше чем прямоугольное и00:02:57
додуматься до этого полностью00:02:59
самостоятельно может быть немножко00:03:02
сложно то есть шрифт в принципе такая00:03:05
вещь которую стоит изучать о которой00:03:07
стоит подумать ну а теперь собственно00:03:09
взаимодействие можно наверно выделить00:03:13
три основных способа взаимодействия00:03:16
шрифта и иллюстрации и00:03:19
способ первый это00:03:21
буква как объект изображения00:03:25
он наверное реже всего встречается но00:03:28
представить себе его достаточно просто00:03:30
то есть это любые крупные красивые00:03:34
украшенные буквы начиная от киевской00:03:38
книги допустим00:03:40
продолжая ильи к боковым и это может00:03:44
быть абсолютно что угодно это могут быть00:03:46
какие-то рекламные вещи это может быть00:03:49
даже допустим вот такая книжка в которой00:03:52
каждый разворот это буква но мы не можем00:03:56
сказать что этот типографика в чистом00:03:58
виде это буква как объект изображения00:04:00
буква как иллюстрация00:04:03
что в таком случае когда мы имеем дело с00:04:07
таким типом взаимодействия нам важно вот00:04:11
тут важнее всего грамотно выбрать тот00:04:15
шрифт который вы используете как00:04:17
референс то есть тот шрифт на который вы00:04:19
смотрите чтобы нарисовать свою букву ну00:04:24
и второй момент не ошибиться при00:04:25
рисовании ног если человек все нормально00:04:28
с пропорциями то проблем быть с этим не00:04:31
должно так вот грамотный выбор шрифта00:04:33
это наверно это вещи которые мы сегодня00:04:36
будем больше всего гово ведь00:04:39
как вообще выбирать шрифт особенно если00:04:43
вы не знаете нескольких десятков шрифтов00:04:46
по именам наизусть да у вас нет там00:04:49
какой какой-то подборки любимых шрифтов00:04:52
торопись как вообще выбрать подходящий00:04:54
шрифт00:04:55
первое что надо запомнить ни в коем00:04:58
случае не надо гуглить словосочетание00:05:00
красивый шрифт потому что если так00:05:04
погуглить то то что вы получите в00:05:08
результате будет чем угодно только не00:05:12
действительно хорошим подходящим шрифтом00:05:15
это может быть что-то совершенно ужасное00:05:18
и00:05:19
не нужно заходить на сайты типа тысячу00:05:23
шрифтов скачать бесплатно потому что на00:05:27
самом деле в даже если мы говорим о00:05:29
кириллицы в00:05:30
мире вряд ли найдётся тысяча00:05:34
действительно качественных кириллических00:05:37
шрифтов00:05:38
а уж так чтобы их можно было скачать это00:05:40
еще менее вероятно то есть на таком00:05:43
сайте вы скорее всего00:05:45
наткнетесь на смесь00:05:47
бесплатных всем известных шрифтов и00:05:50
пиратских то есть ворованных копий а00:05:53
шрифтов из шрифтовых магазинов и скорее00:05:57
всего у вас какой какой иллюстратор или00:06:00
как у дизайнера проблем не будет а вот у00:06:02
вашего клиента они очень даже могут быть00:06:05
поэтому вот такие вещи лучше просто не00:06:08
гуглить не искать чтобы не00:06:11
случайно не влипнуть в неприятности а00:06:14
что же тогда делать особенно если шлеме00:06:18
действительно нужен бесплатный где00:06:20
вообще тогда брать шрифты00:06:22
в принципе я могу дать ссылку под видео00:06:26
на статью в которой мы с коллегами00:06:29
собрали 200 с лишним шрифтов либо00:06:31
бесплатных либо доступных допустим по00:06:34
догов sky подписки в которых нормального00:06:36
качества русские буквы и которые можно00:06:41
заранее прочитав лицензию которые можно00:06:45
скорее всего использовать не платя за00:06:47
это чего-то дополнительно вот так00:06:51
выглядит статья и внизу вы найдете мне00:06:53
ссылку00:06:55
второй способ взаимодействия шрифты00:06:59
иллюстрации это когда ешь лифт и00:07:03
изображение это субъекта единой00:07:05
композиции я не буду говорить00:07:08
равноправные субъекты да потому что как00:07:11
правило бывает так что что-то все-таки00:07:12
важнее либо иллюстрация важнее из лифт00:07:15
должен ей не мешать и не перебивать ее00:07:18
либо надпись важнее а иллюстрация как бы00:07:21
ее поддерживает но в любом случае это00:07:24
субъекты композиции и они должны00:07:27
работать вместе они должны как-то00:07:29
сосуществовать не должны конфликтовать00:07:31
друг с другом00:07:33
это может быть опять же что угодно от00:07:37
обложки детской книги до00:07:41
произведения искусства типа энди уорхола00:07:44
то00:07:45
какой то условно конструктиве sky00:07:48
композиции и вообще это может быть00:07:50
абсолютно что угодно я подбираю картинки00:07:53
из сохраненного в пинтересте в00:07:56
инстаграме просто чтобы было видно00:07:59
насколько хорошо могут стоять рядом00:08:02
изображение шрифт чем это может быть как00:08:05
готовый наборный шрифт просто поставлены00:08:08
рядом с картинкой так это может быть и00:08:11
шрифт нарисованы специальных художником00:08:13
для того чтобы он стал частью композиции00:08:16
это может быть шрифт поверх изображение00:08:19
шрифт рядом с изображением в общем как00:08:22
угодно00:08:24
может быть такой такая вещь когда это00:08:28
большая шрифтовая как бы композиция00:08:30
типографической и в него встроен00:08:33
маленький кусочек иллюстрации или фото00:08:36
но в любом случае они должны как-то00:08:38
взаимодействовать они существуют не в00:08:40
вакууме и не независима друг от друга00:08:44
они стоят рядом в принципе почему я00:08:49
показываю так много советских детских00:08:51
книг потому что выбор шрифтов был00:08:54
достаточно ограничен и для того чтобы00:08:57
штифт идеально соседствовал с00:08:59
иллюстрацией художником часто00:09:01
приходилось рисовать буквы00:09:03
самостоятельно00:09:05
современной практике часто наоборот00:09:09
шрифтовые дизайнеры типограф и00:09:11
графические дизайнеры когда хотят00:09:13
показать красиво какой-то шрифт это00:09:16
какие-то буквы надпись композицию00:09:19
подбирают картинку и ставят ее так чтобы00:09:22
она подчеркивала буквы и00:09:25
и то и другое да это две стороны одной00:09:28
медали и то и другое это вот какое-то00:09:31
взаимодействие субъектов и так что же00:09:36
важно когда шрифты и изображения00:09:39
это субъекты единой композиции00:09:42
первое что важно это пластическое00:09:47
графическое соответствие шрифта и00:09:50
иллюстрации вот этот пункт опасности00:09:54
если00:09:56
условно если шрифт рядом с картинкой00:09:59
ставит какой-то дежурный дизайнер00:10:02
которому в общем все равно что это за00:10:04
картинка просто берет и ставит что-то00:10:07
рядом00:10:08
второй момент это историческое00:10:11
соответствие шрифты и изображения и00:10:14
соответствие их по характеру и00:10:17
третий момент это00:10:19
качество самих букв то есть качество00:10:22
выбора шрифта или качество нарисованного00:10:25
шрифта вот этот пункт как в опасности с00:10:28
противоположной стороны когда00:10:31
иллюстратор не разбирается в шрифте и00:10:33
случайно выбрал допустим не совсем то00:10:35
давайте все разберем подробно первый00:10:39
момент пластическое соответствие шрифты00:10:42
иллюстрации00:10:43
вот те кто учился в полиграфия на словах00:10:48
пластическое соответствие сразу00:10:51
вспоминают одну фамилию с именем и00:10:54
отчеством это конечно владимир андреевич00:10:57
фаворский и на самом деле00:11:00
стоит все-таки продраться через его00:11:04
достаточно сложный текст и почитать что00:11:07
фаворский говорил о букве как00:11:11
пластическом изображение и для этого в00:11:15
общем то сейчас уже не обязательно00:11:18
искать вот эту вот толстую бордовую00:11:20
книгу достаточно зайти на сайт журнала и00:11:25
издательство шрифт ребята опубликовали00:11:28
все что фаворский писал о буквах00:11:31
подобрали к этому00:11:33
идеальным образом00:11:35
иллюстрация из архивов фаворского его00:11:38
семьи и00:11:39
тоже дам ссылку просто стоит пойти и00:11:42
прочитать потому что то классификация00:11:45
шрифтов которую предлагал фаворский00:11:47
совершенно не похожа ни на что другое то00:11:51
есть он не делит шрифты на там не знаешь00:11:55
ли ты засечками шрифты без засечек 600:11:58
того исторического периода этого нет он00:12:01
делит шрифты на объемные00:12:03
пространственные цветные и скелетные то00:12:07
есть я не буду сейчас пересказывать00:12:09
теорию фаворского но реально стоит ее00:12:12
прочитать чтобы понять как и изображение00:12:16
взаимодействует с плоскостью и как буква00:12:19
в то же самое время тем же самым образом00:12:21
тоже взаимодействует из плоскости из00:12:24
изображения и00:12:27
для того чтобы проиллюстрировать вот00:12:31
этот момент да можно мысленно проделать00:12:34
простенькое упражнение вот вы сейчас00:12:36
видите на экране три картинки и 300:12:39
надписи и можно просто представить себе00:12:43
как-то сайт нести какая надпись какой00:12:46
картинке относится какая с какой будет00:12:49
лучше всего стоять рядом и00:12:52
в общем-то это как-то сразу все00:12:55
расставляет на свои места и00:12:57
на самом деле вот для такого00:13:00
взаимодействия есть очень простое00:13:03
правило если нет какой-то специальной00:13:07
задачи вот сделать ярче текст или00:13:10
сделать ярче иллюстрации если они00:13:11
примерно равноправны то изображение и00:13:15
текст00:13:16
стоящий рядом с изображением00:13:18
стоит ставить примерно в одном масштабе00:13:21
то есть чтобы мелкие детали размер00:13:25
мелких деталей на иллюстрации примерно00:13:28
соответствовал размеру мелких деталей в00:13:30
шрифте00:13:32
самый большой кусок чёрного условного00:13:35
черного в иллюстрации должен00:13:37
соответствовать самому большому куску00:13:39
условного черного в тексте если у нас00:13:42
какая-то мелко трав чистая гравюр очка00:13:44
рядом с ней надо ставить тоненькую00:13:46
antiqua если у нас такое конструктиве00:13:51
ска изображение с большими плоскостями00:13:53
на ту скорее всего речь идет о том чтобы00:13:56
крупно поставить рядом жирный гротеск00:13:59
то есть вот если мы поставим рядом00:14:02
условных ежиков и условные буквы то вот00:14:06
при таком раскладе00:14:07
текста картинка будут примерно00:14:10
равнозначными00:14:12
может ли быть как-то по-другому что что00:14:16
произойдет если мы сделаем не так ну00:14:18
например вот что если шрифт мельче и00:14:21
тоньше то видно что картинка его00:14:24
забивает то что картинка очень легкое00:14:26
воздушное00:14:27
но тем ни менее текст выглядит каким-то00:14:30
ценны необязательным лишним дополнением00:14:33
а если наоборот поставить текст ярче то00:14:37
он будет уже забивать картинку и00:14:40
окажется что мы должны в первую очередь00:14:42
смотреть на текст а00:14:44
сбоку ну какая то условная картинка для00:14:48
привлечения внимания00:14:49
то есть вот какую-то внутреннюю00:14:51
драматургии в композиции мы можем00:14:54
выстраивать за счет того00:14:56
что ярче что больше привлекает к себе00:14:59
внимание что больше вызывает на себя00:15:02
внимание читателя и соответственно что00:15:05
что мы будем смотреть в первую очередь и00:15:09
наверное классический подход вот к00:15:12
такому к такой постановке рядом00:15:14
иллюстрации шрифта и это подбирать их00:15:18
пластически близкими друг к другу с раз00:15:21
уж мы начали тему и же это вот пять00:15:24
разных ежей которые подобраны 5 разных00:15:27
шрифтов и00:15:30
подобраны так чтобы шрифт более менее00:15:33
соответствовал по именно по пластике00:15:36
картинки если мы эти шрифты с этими00:15:39
ежами перепутаем то ну вот в этом00:15:42
конкретном случае будет скорее хуже чем00:15:45
лучше00:15:47
дальше резонный вопрос а что если на00:15:51
иллюстрации у нас нет четких линий и вот00:15:54
тех самых черных штрихов которые должны00:15:57
более-менее соответствует штрихам в00:15:59
букве а вот в этом случае скорее всего00:16:03
придется буквы рисовать то есть если00:16:07
представить себе иллюстрации лебедево то00:16:11
вот это тот случай когда наборный шрифт00:16:14
на этой иллюстрации00:16:16
очень сложно поставить хорошо00:16:18
практически невозможно поэтому00:16:22
обложке своих книг он рисовал полностью00:16:25
так чтобы и шрифты картинка абсолютно00:16:29
соответствовали друг другу по стилистике00:16:32
по пластике то есть шрифт реально00:16:35
становится частью изображения00:16:39
это может быть естественно не только00:16:42
лебедев00:16:43
это может быть остров это может быть00:16:46
маврина и в общем-то вполне себе00:16:49
современные иллюстраторы алексей липунов00:16:52
или они эрлих тоже рядом с наброском00:16:55
ставят именно00:16:58
рукописную тем же инструментом сделаную00:17:01
надпись потому что вот к этим котиком00:17:03
поставить наборный шрифт хорошо00:17:06
поставить ну это будет сложно00:17:09
может быть исполнении шрифта и00:17:13
иллюстрации в какой-то единой техники00:17:15
допустим штамп или аппликации то есть в00:17:17
общем что угодно но если иллюстрация00:17:21
явно сложно если в ней явно нет чего то00:17:25
что можно трактовать как черное реально00:17:28
и черные или условное черная то скорее00:17:31
всего шрифт к ней придется рисовать и00:17:34
поставить рядом наборный будет сложно00:17:39
следующий момент это00:17:41
соответствие шрифта и изображение с00:17:43
точки зрения характера и с точки зрения00:17:46
истории а вот об этом00:17:50
много говорят когда в кино допустим00:17:54
повествующем 30-х годах 20 века вдруг00:17:58
появляется шрифт arial и все кто00:18:01
разбирается шрифтах смотрят на этой00:18:03
горят ну да конечно00:18:05
чтобы такого не было ну как минимум надо00:18:08
просто смотреть на картинку на характер00:18:12
чтобы хотя бы с характером не ошибиться00:18:15
то есть вот тут например довольно00:18:18
очевидно тоже какой шрифт какой картинке00:18:20
относятся00:18:21
чтобы не ошибиться в смысле истории ну в00:18:24
идеале конечно стоит изучать историю00:18:27
шрифта как минимум ну не знаю стараться00:18:32
подобрать что-то наименее агрессивно и00:18:35
наименее конфликтная и00:18:37
естественно чем ярче характер шрифта тем00:18:42
легче с ним ошибиться и тем больше это00:18:45
будет заметно00:18:47
можно вот какие то очень условные00:18:50
надписи набрать максимально00:18:53
неподходящими для этого шрифтами чтобы00:18:56
вот просто каждому было очевидно что так00:18:59
делать не стоит и00:19:01
на самом деле вот есть некое наверное00:19:06
воображаемая ось от самых незаметных и00:19:09
спокойных шрифтов до самых ярких00:19:13
выразительных с каким-нибудь00:19:16
таким характером который сложно с чем-то00:19:19
перепутать и вот чем мы ближе к00:19:22
незаметному нейтральному концессий тем00:19:26
легче будет шрифт подходить к любому00:19:28
изображению к любой тематики но наверное00:19:32
в некоторых смыслах тем скучнее это00:19:34
будет выглядеть а чем мы ближе к яркому00:19:37
выразительному концу оси тем в случае00:19:42
хорошего подбора эффект будет больше но00:19:45
в случае ошибки это может вызвать смех00:19:49
вместо нормальной реакции00:19:53
стоит ли всегда выбирать абсолютно00:19:57
что-то нейтральный но тут вопрос и на00:20:00
самом деле вот вот эту ось на можно00:20:03
представить себе даже не в где00:20:06
одномерной оси в виде условного00:20:08
цветового круга то есть в серединке у00:20:12
нас будут шрифты нейтральные незаметные00:20:16
функциональные а по краям будут штифт с00:20:19
ярким характером и соответственно чем00:20:21
ярче характер тем как бы дальше друг от00:20:24
друга на этом круге они будут находиться00:20:27
то есть шрифт условно техногенный и00:20:30
шрифт условно мягкий и съедобный на00:20:35
по краю круга будут очень сильно друг от00:20:38
друга отличаются а шрифты с с тем же00:20:42
характером с тем же настроением но00:20:44
гораздо менее выраженным будут очень00:20:47
похожи один на другой то есть цена00:20:49
ошибки очень невелика00:20:51
но вот стоит ли всегда использовать00:20:55
что-то максимально нейтрально это00:20:57
неоднозначный вопрос в качестве примера00:21:00
можно привести королевы елизаветы вторую00:21:03
она очень часто одевается в какие-то00:21:06
совершенно безумно яркие цвета но зато00:21:09
при этом ты сразу понимаешь на групповой00:21:13
фотографии там в толпе что вот эта00:21:15
королева елизавета .00:21:18
если она оденется во что-нибудь00:21:21
нейтральные духовно богатые серые и00:21:24
коричневые мы ее можем вообще даже не00:21:26
сразу узнать хотя на фото я давно ну00:21:29
какая-то милая старушка получается то00:21:33
есть вот тут вопрос вопрос подбора00:21:37
вопрос того на сколько угадали потому00:21:39
что если радикально не угадать я видела00:21:44
вывеску вот с такой надписью сделанный00:21:47
вот таким шрифтом я ее видела в жизни то00:21:50
есть тут и00:21:52
к смыслу текста штифт подобран00:21:55
прекрасное название к смыслу подобрана00:21:57
замечательно то есть такое встретишь00:22:01
один раз в жизни не забудешь никогда00:22:03
и00:22:04
третье что важно и это качество самих00:22:08
букв то есть мы об этом начинали уже00:22:11
говорить в части подбора что не стоит00:22:15
гуглить красивые шрифты и гуглить00:22:18
красивые шрифты скачать00:22:20
но если чуточку глубже начать копать эту00:22:24
тему00:22:25
важно понимать что буква это не кусок00:22:31
пластилина да это не просто какой-то00:22:34
контур с которым может происходить что00:22:36
угодно я честно пыталась нарисовать00:22:39
максимально ужасную букву но коллеги00:22:42
сказали что она все-таки довольно мило и00:22:44
накидали картинок на кого она похожа но00:22:47
тем не менее все таки наверное так00:22:50
рисовать буквы не стоит что важно в00:22:54
отношении к буквам если вы рисуете их00:22:56
руками важно понимать что у буквы есть00:22:59
скелет и что первоначально этот скелет00:23:02
появлялся из-за того что букву писали00:23:06
неким инструментом00:23:09
очень полезно неважно иллюстратор в или00:23:13
дизайнер полезно посмотреть хотя бы00:23:16
какую-нибудь книгу паллеты рингу ну00:23:19
например вот обзор трех штук у меня есть00:23:22
советую глянуть00:23:24
вот и00:23:26
тоже наверное очень полезная вещь00:23:28
особенно для иллюстратора по изучать00:23:32
каллиграфию причем желательно еще и00:23:35
такую которая позволяет писать что-то00:23:38
похожее на реальные наборные буквы00:23:41
потому что когда мы пишем разными00:23:43
инструментами у нас получаются разные00:23:46
скелет это каким-то образом влияет на00:23:48
форму у нас по разным распределяется00:23:50
черное и белое00:23:51
и это00:23:52
очень важная штука для того чтобы вот00:23:56
представлять себе как буквы устроено00:23:58
изнутри00:24:00
вот здесь буквы написанные разными00:24:03
инструментами а здесь их скелеты и видно00:24:07
что скелеты тоже получаются разные00:24:12
про скелеты про инструменты про00:24:16
возможность или невозможность00:24:19
написать кириллицей шаг конечным пиррола00:24:21
мочим ведутся споры00:24:23
тоже уже записано видео и там в том00:24:27
числе есть ссылки на а людей за которыми00:24:31
стоит наблюдать потому что они реально00:24:33
хорошо рисуют русские буквы и00:24:38
третий тип00:24:40
взаимодействия00:24:42
текста и изображения это иллюстрация00:24:44
плюс текстовый блок то есть они в этом00:24:48
случае не совсем равнозначны да это00:24:50
отдельного с есть иллюстрация отдельно у00:24:53
нас есть большой массив текста на что00:24:56
стоит обращать внимание в этом случае00:24:59
вообще на самом деле вот в первую00:25:03
очередь наверное стоит подумать о том00:25:06
что это далеко не всегда обязана быть00:25:08
полоса текста полосная картинка00:25:12
прямоугольного формата то есть нам может00:25:15
казаться что а вот когда-то все так было00:25:18
на самом деле нет вот это вот книга это00:25:21
15 или 16 лет и посмотрите насколько00:25:24
современная верстка то есть как00:25:27
иллюстрации вписаны в куски тексты как00:25:31
это все интересно друг с другом00:25:33
взаимодействует то есть независимо от00:25:36
того дизайнер вылью или иллюстратор если вы00:25:40
работаете с большим массивом текста и00:25:43
иллюстрациями иногда особенно если речь00:25:46
идет о книге они о вы обе иногда стоит00:25:50
подумать о том как это может быть00:25:52
интереснее чем просто поставить рядом00:25:55
два прямоугольника один с одним другой с00:25:57
другим00:25:59
в детских книгах это понятная00:26:02
иллюстрация могла просто вписываться00:26:04
внутрь страницы и рядом с текстом стоять00:26:07
и00:26:09
все-таки о каких-то вот важных моментах00:26:13
первое00:26:14
пластическое соответствие шрифта и00:26:17
иллюстрации вот уже не на уровне одна00:26:20
буква кусок изображения а на уровне хотя00:26:23
бы общего тона страницы00:26:25
второе нормальный выбор шрифта в этом мы00:26:29
уже начали говорить еще продолжим и00:26:32
третье это грамотная верстка текста00:26:36
потому что на самом деле вот00:26:39
убить впечатление от хорошего макета00:26:43
плохой версткой это реально и так по00:26:46
пунктам чуть более подробно00:26:49
пластическое соответствие текста и00:26:52
изображения хотя бы на уровне тона00:26:54
странице что это значит это значит что00:26:58
вот у нас есть некий условный текстовый00:27:00
разворот это реальный пример из моей00:27:03
практики это греческая книга до который00:27:06
я делала шрифт и00:27:09
история с этой книгой в том что шрифт00:27:12
очень светлый и00:27:14
когда эта книга богослужебное и когда в00:27:18
нее подбирали00:27:19
стилистику для00:27:23
изображений мы столкнулись с такой00:27:26
проблемой что00:27:28
подобрать изображение так чтобы они не00:27:31
убивали текст оказалась очень сложно00:27:34
потому что шрифт эта историческая00:27:37
реконструкция00:27:38
шрифт реально светлый очень и00:27:42
когда00:27:43
дизайнер книги попытался поставить в00:27:47
этот макет00:27:48
картинку в духе византийских миниатюр00:27:51
такую00:27:52
разноцветную00:27:54
довольно массивную00:27:56
такой довольно тяжелую по тону оказалось00:27:59
что она убивает шрифт просто на корню то00:28:04
есть мы видим только картинку на текст00:28:07
мы в одном случае вообще не смотрим и00:28:09
что идеально в этом случае работала бы00:28:12
что-нибудь очень тонкая черно-белая00:28:14
может быть вообще гравюра я очень00:28:16
надеюсь что в следующих томах правера00:28:19
там и будет второй момент это нормальный00:28:22
выбор шрифта то есть он должен00:28:24
соответствовать длине текста или степень00:28:27
его нейтральности и текста вас ти должна00:28:30
соответствовать длине текста то есть чем00:28:32
текст длиннее тем шрифт должен быть00:28:36
привычнее если текст совсем короткий это00:28:39
буквально там два-три слова то шрифт00:28:41
может быть любым абсолютно диким00:28:44
соответствие длине текста качество00:28:47
самого шрифта и если мы говорим не о00:28:50
длинном длинном тексте набранным чем-то00:28:53
привычным00:28:55
коротком тексте выражающим характер то00:28:59
наверно характер шрифта должен00:29:01
соответствовать характеру текста ну или00:29:04
или если он конфликтует а это должен00:29:07
быть осознанный конфликт что то что мы00:29:10
хотим сказать этим выбором00:29:14
мы уже говорили про вот эту воображаемую00:29:17
ось да то есть соответственно чем текст00:29:20
длиннее если у нас война и мир то мы00:29:23
выбираем шрифт максимально привычного00:29:26
рисунка если текст это рекламный слоган00:29:30
то шрифт может быть даже совсем диким00:29:36
почему так потому что шрифты с ярко00:29:39
выраженным характером00:29:41
обычно по своим параметрам абсолютно не00:29:44
подходит для набора длинного текста то00:29:46
есть то что вы сейчас видите на экране00:29:48
прочитать невозможно при том что шрифт в00:29:52
общем-то хороший я бы даже сказала очень00:29:54
хороший но он хорош когда мы видим00:29:58
несколько букв крупно как только мы00:30:01
начинаем его уменьшать то сразу00:30:04
пропадает и вся красота букв и весь00:30:07
смысл текста00:30:10
об этом тоже уже записано небольшая00:30:14
видеолекция которые вы можете посмотреть00:30:16
по ссылке00:30:18
что еще важно важно качество шрифта то00:30:23
есть должен быть мало того что привычным00:30:27
и удобочитаемым он должен еще быть00:30:29
хорошо сделан как в плане конструкции о00:30:32
которых мы говорили в самом начале так и00:30:35
в смысле ритма текста то есть вот сейчас00:30:37
вы видите текст у которого в шрифте00:30:40
абсолютно нарушен ритм и сделано куча00:30:43
грубых ошибок в конструкции и читать это00:30:45
будет невозможно если речь идёт даже о00:30:48
тексте вот такой длины00:30:51
если вам интересно как00:30:55
выглядит шрифт с качественной кириллицей00:30:58
как вот он должен работать в тексте00:31:00
какие у него должны быть конструкций на00:31:02
что должны быть похожей буквы то посылки00:31:06
по еще одной ссылки в описании можете00:31:09
прочитать статью как разобраться в00:31:11
кириллице то есть она описывает по00:31:15
возможности в краткой форме все начиная00:31:18
от ритма в тексте и заканчивая00:31:21
конкретными конструкциями конкретных пух00:31:23
и00:31:25
в общем то если не читать осмотреть то00:31:29
же самое то в плейлистах здесь есть00:31:32
плейлист как устроены кириллица в00:31:35
котором буквы которых идет речь в статье00:31:37
разобраны достаточно подробно причем в00:31:40
режиме реального времени с рисованием00:31:42
картинок и00:31:45
вот продвинутый способ выбора шрифта00:31:50
включает в себя представление о задачи00:31:54
для которой нам нужен шрифт00:31:55
соответственно о параметрах и пропорциях00:31:58
которыми он должен обладать00:31:59
о00:32:00
характере шрифта а00:32:03
знаковым составе и вот в нашем случае00:32:06
качестве кириллицы и00:32:08
еще такое тоже не всегда очевидный00:32:11
момент цена потому что для коммерческого00:32:14
использования как правило если шрифт не00:32:18
относится к бесплатным лицензии имеет00:32:21
свою цену в зависимости от типа00:32:23
применения00:32:25
опять же я про эту статью уже говорила00:32:28
скажу еще раз если нет задачи00:32:32
заморачиваться с лицензиями и бюджетом00:32:34
то возможно стоит выбирать среди00:32:37
бесплатных или распространяемых по00:32:40
подписке шрифтов и00:32:43
третье что важно это грамотная верстка00:32:47
текста то есть это должны быть00:32:49
правильные знаки на своих местах это00:32:51
должно быть грамотное распределение00:32:53
белого но это конечно большая отдельная00:32:57
тема которую в о взаимодействии шрифты00:33:01
иллюстрации наверно рассматривать00:33:02
подробно не стоит могу сказать что00:33:06
старое издание живой типографики в виде00:33:09
pdf а доступна по ссылке его можно00:33:13
скачать потому что00:33:15
сейчас в бумажном виде к нему не найти и00:33:18
довольно много о том вот что это за00:33:21
правильное nike что это за свои места00:33:23
что это за распределение белого отступ и00:33:27
отбивки и так далее как вообще сверстать00:33:29
текст нормально там можно прочитать00:33:33
ссылка тоже будет в описании00:33:36
на этом видимо00:33:38
взаимодействие шрифты иллюстрации все00:33:41
что я могу сказать00:33:42
спасибо приходить ещеОписание:
Как взаимодействуют шрифт и изображение? Разбираем на примере ёжиков, королевы Елизаветы и советских детских книг 🦔 🦔 🦔 Как поставить рядом шрифт и иллюстрацию, чтобы они хорошо работали вместе? Как искать и выбирать шрифты иллюстратору? Объясняю на основе материала для лекции на фестивале МОРС, прочитанной осенью 2021 года. Ссылки: Если нет бюджета на шрифты https://info.paratype.ru/no-funds-for-fonts/ В. А. Фаворский о шрифте https://typejournal.ru/articles/Favorsky-About-Type Книги про леттеринг https://www.youtube.com/watch?v=w5hkvwyjUCc Как полюбить кириллицу https://www.youtube.com/watch?v=pn1TdpaR_6Y Как работает шрифт — в двух словах https://www.youtube.com/watch?v=32U8rKToIWY Как разобраться в кириллице https://info.paratype.ru/cyrillics_101/ Плейлист о кириллице https://www.youtube.com/playlist?list=PLStMSPU3mEiLpF7pzBRXTgHdKLu8dsqE9 PDF старого издания «Живой типографики» https://yadi.sk/showcaptcha?cc=1&mt=08236DDA941212EF1DFB5F5465974872DF0B4F0AAA9F38B7BAAEAA557192FCCC3DA0292B596EB379B579781A50B2748802D70094E1026B272F0BD11EE43AD1325B183E495AA9CD15EDAC193B5BB0876C547F35A8F198B5CB1BD5B7F9D3EDFC75C37DF4C11B5B58F61D23900EBB07E2F3487C48C07403BA9D120F06AB33F184FD797D6336A52E299EF83840C78503131A77F64461490B4A245D6CA4A986C19A1BF7F658DF78628A26CA8DF046DB19925C81A8E5F4D73D86B39B2A54729442520FE9E9D7EE24BAF60B0C42BDCF6E79F20E642443A0D7ACE7AAC10A590E03&retpath=aHR0cHM6Ly95YWRpLnNrL2kvb3kxOU56Tmp5ZFpqUj8%2C_e83073fadd3bd28107dbd5e0f83f3cff&t=2/1718057731/9ae3638f954be28ae455eebd7984f70c&u=be8facf2-d476c5bd-b3204271-625aafb0&s=489006b3b262dedf5f2f01b413ad7b6a В видео использованы изображения: 01 Келлская книга (The Book of Kells) 02 Илья Кабаков, иллюстрации для журнала «Мурзилка», 1968 03 Abram Games https://www.facebook.com/unsupportedbrowser 04 Художник Владимир Конашевич 05 Художник Светозар Остров 06 Энди Уорхол https://www.facebook.com/unsupportedbrowser 07 https://www.facebook.com/unsupportedbrowser 08 https://www.facebook.com/unsupportedbrowser 09 Bruno Munari’s ABC 10 https://www.facebook.com/unsupportedbrowser 11 Roger Duvoisin 12 Франтишек Шторм, каталог stormtype.com, 2004 13 https://www.facebook.com/unsupportedbrowser 13 https://www.facebook.com/unsupportedbrowser 14 https://ru.pinterest.com/pin/458241330807156826/ 15 Сказка о царе Салтане, художник Татьяна Маврина 16 Художник Владимир Конашевич 17 Художник Владимир Перцов 18 https://www.facebook.com/unsupportedbrowser 19 https://www.facebook.com/unsupportedbrowser 20 Лев Токмаков, иллюстрации для журнала «Мурзилка», 1968,1971 21 Художник Владимир Лебедев 22 Художник Владимир Лебедев 23 Художник Светозар Остров 24 https://www.facebook.com/unsupportedbrowser 25 https://ru.pinterest.com/pin/458241330832292924/ 26 https://ru.pinterest.com/pin/458241330827686492/ 27 Вернер Ролевинк, «Связка времен». Напечатано в Лувене Иоганном Вельденером, 1476
Готовим варианты загрузки
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах
Вопросы о скачивании видео
Как можно скачать видео "Шрифт и иллюстрация"?
Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.
Какой формат видео "Шрифт и иллюстрация" выбрать?
Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.
Почему компьютер зависает при загрузке видео "Шрифт и иллюстрация"?
Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.
Как скачать видео "Шрифт и иллюстрация" на телефон?
Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.
Как скачать аудиодорожку (музыку) в MP3 "Шрифт и иллюстрация"?
Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.
Как сохранить кадр из видео "Шрифт и иллюстрация"?
Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.
Сколько это всё стоит?
Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.