Академический Документы
Профессиональный Документы
Культура Документы
Москва
«Манн, Иванов и Фербер»
2020
2 In Progress: Introduction 3
УДК 76.02
ББК 85.15
Х53
Н а у ч н ы й р е д а к т о р Анна Цымбал
Хиш, Джессика
Х53 Про леттеринг. От карандашного наброска до векторной графики:
процесс работы профессионального леттерера / Джессика Хиш ; пер.
с англ. Натальи Довнар . — М. : Манн, Иванов и Фербер, 2020. — 176 c. : ил.
сем наставникам, благодаря кото-
ISBN 978-5-00146-463-1 рым мои неисправимый оптимизм
Книга иллюстратора и шрифтового дизайнера Джессики Хиш познако- и детская восторженность вылились
мит с миром рукописного и векторного леттеринга и проведет по всем этапам
в желание и умение поделиться зна-
процесса — от создания эскиза до готового проекта. В этом руководств собра-
ны исчерпывающие рекомендации по подбору инструментов, поиску, выбору
ниями со всеми, кто идет по тому же
и отшлифовке задумок и самих работ. Книга красочно проиллюстрирована пути. Я безмерно вам благодарна.
проектами самой Джессики с комментариями автора к каждому этапу работы.
Адресована всем любителям леттеринга и шрифтового дизайна.
УДК 76.02
ББК 85.15
Книги.............................................................. 88
Про процесс
Реклама........................................................110
Создание леттеринга: от белого 20
листа до готовой работы Логотипы.................................................... 134
Разное.......................................................... 146
Инструменты для рисования................. 22
Цифровые инструменты.......................... 28
Благодарности...........................................172
Программы и сервисы............................. 32
Предметный указатель...........................174
Исследование и мозговой штурм....... 34
Миниатюры.................................................. 36
Эскизы........................................................... 38
Скелет
Тело
Одежда
Векторная графика.....................................52
Рисуй, стирай, повторяй
Расположение опорных точек
Добавление опорных точек на круглый
объект
Подсказки по векторному леттерингу
Луиза Фили
целыми днями напролет. Но как превратить собираюсь в художественный колледж, а мне сове- понимать людей, попавших в сложную ситуацию, и во-
товали быть практичнее и посещать больше уроков обще полюбила все хорошее в окружающих. Если вы
это в профессию, не очень понимала, да особо математики. Единственный предмет по искусству вел спросите, в чем причина такого позитивного отношения
и не задумывалась. бывший хиппи: он играл блюз на гитаре и был преис- к людям, почему я завожу необычных друзей в интерне-
полнен благих намерений. Его уроки стали особенно те и готова выпить кофе со всеми, кто пишет приятные
Я признавалась родителям в любви к искусству и намерении стать популярными у членов школьной футбольной команды, письма, отвечу: опыт тех лет. Я хочу, чтобы меня всегда
художником, поэтом, гончаром (каждую неделю что-то новое). Удиви- которые рассчитывали легко заполучить высокий балл. окружали доброжелательные люди.
тельно, но отец — зубной врач — и мама — бывший научный сотрудник, Я чувствовала себя потерянной. С одной стороны, шко- Приближалось окончание школы, но я не строила
а теперь домохозяйка — не возражали. Думаю, их устраивал послушный ла, равнодушная к моим потребностям, с другой — хаос радужных планов. Желание заниматься искусством
ребенок, который все свободное время посвящал своему малозатратному собственных подростковых эмоций. разгорелось с новой силой, а на колледж было отложено
хобби. Тогда же развелись мои родители и моментально всего пять тысяч долларов. Мне не светили серьезный
Я выросла в провинциальной Пенсильвании, в Хазлтоне — городке, превратились из Мамы и Папы — божественных всемогу- грант или стипендия. В старших классах я выбрала все
1 Blue Comet Diner — популярный
который, откровенно говоря, не назовешь центром культуры и искусства. щих созданий — в обычных людей. Это был неспокойный творческие предметы, но три семестра увлеченной рабо-
ресторан в Хазлтоне, работавший Но детям там живется в общем-то неплохо. Думаю, я еще долго буду пом- период, но подробности опущу. Я люблю родителей и не ты не могли восполнить упущенное за предыдущие годы.
круглосуточно до 2011 года; прозвище
нить местечковые истории, в которые попадала, слоняясь без дела по пар- хочу, чтобы вы осуждали их поведение в сложный момент Я не посещала творческие факультативы, а бо2л ьшую
объясняется тем, что его владельцем
был грек. Автор обыгрывает созвучные ковкам гипермаркетов (Blockbuster, Walmart, Sheetz и других) или подра- (надеюсь, вы не осудите и мои подростковые глупости). часть моего портфолио составляли тщательно отрисо-
слова comet (комета) и vomit (рвота). батывая официанткой в незабываемом греческом ресторане (Blue Comet, Я упомянула о разводе, поскольку очень из-за него пере- ванные натюрморты с обувью. Однако учителя верили
2 Zima — слабогазированный алкоголь-
который между собой мы ласково называли Blue Vomit ). 1 живала. Во мне разыгралась буря: я во что бы то ни стало в меня и старались поддержать, и это придавало сил.
ный напиток. Jolly Ranchers — амери-
Лет до двенадцати я жила в счастливом и безоблачном мире — с бес- решила сделаться самостоятельной, найти себя, свой Конечно, я думала о RISD, или SVA4, или любом другом
канский производитель сладостей.
крайними кукурузными полями, разбитыми коленками, наградами в кон- путь. Чем сильнее накалялась обстановка дома, тем боль- арт-колледже Нью-Йорка, но понимала, что у меня нет
3 Католическая средняя школа в Хазл-
курсах рисунка и излишней чувствительностью к замечаниям педагогов. ше я ценила школу и настоящую дружбу. Всего лишь пару шансов. И даже если бы меня туда приняли, обучение
тоне. В американских школах учащиеся
составляют свое расписание, выбирая Следующий школьный этап стал сплошной мукой. Мне кажется, всю свою лет назад я мечтала о популярности, жаждала признания, было бы мне не по карману. Наш класс посетил предста-
предметы определенного направления. взрослую жизнь мы пытаемся оправиться от последствий нескольких а теперь потянулась к людям, которые приняли бы меня витель Keystone College5 и, ознакомившись с моим порт-
4 Rhode Island School of Design — Школа
неловких подростковых лет. Я стала середнячком. Сами понимаете, невоз- такой, какая я есть, добросердечным и отзывчивым. фолио, посоветовал не рассчитывать на поступление
дизайна Род-Айленда, одно из самых
можно серьезно учиться, если думаешь только о том, как стать популяр- В 11-м классе я перешла в государственную школу, к ним, поскольку мои работы были слишком однотипны.
престижных в мире учебных заведений
в области дизайна и искусства. School of ной. Я лезла из кожи вон, чтобы меня приняла группка самонадеянных и дела стали налаживаться. После уроков я подрабаты- Внутри у меня все похолодело. Если провинциальный
Visual Arts — художественный колледж подростков. Меня приглашали на вечеринки без взрослых (распитие Zima вала и на сбережения (2500 долларов) купила подержан- колледж, всего на ступеньку выше муниципального, счел
на Манхэттене, одно из ведущих учебных ную Mazda Protegé 1994 года. У меня появился парень — меня недостойной, как я могла мечтать о престижном
или поедание Jolly Ranchers ), но я маялась всю ночь и чувствовала себя не
2
ми. Тайлер с его обветшавшим кампусом в Элкинс-Парке по дизайну — упаковка, брендинг, многостраничные (нередко больше, чем коллеги с «настоящей» работой, зато из дома и подстра-
(реконструкция откладывалась из-за «скорого» переезда издания, арт-директорство — и череду бессонных ночей ивая график под себя), я поняла, к чему стремиться: когда-нибудь моя жизнь
в главный кампус в центре города, который занял более у компьютера вместе с такими же бесплотными созда- будет такой же. После шести месяцев работы мои часы в Headcase урезали:
15 лет) и примерно тысячей студентов заполнили луч- ниями. Однажды мы наткнулись в одном из кабинетов Пол не мог взять третьего штатного сотрудника, и я стала фрилансером.
шие годы моей жизни. Это было фанатичное сообщество на забытый кем-то диск группы Postal Service, и эта Той осенью я подготовила свою первую настоящую рекламу: набор
полувзрослых людей, которые не избежали ни одного музыка стала нашим музыкальным фоном до конца открыток «Двенадцать дней Рождества» с причудливыми иллюстрация-
стереотипа на своем пути, но при этом сумели очень учебы: мы так уставали, что было не до нового диска. ми — по одной на каждый день. Я помогала художественному агенту Фрэн-
творчески адаптировать типичную студенческую жизнь. По ночам мы регулярно бегали в Wawa за кошмарным
2
ку Стерджесу модернизировать его сайт и больше всего на свете хотела
Учеба затянула меня с головой. Я не могла выбрать кофе и сэндвичами. Мы шутили на тему шрифтов и на- присоединиться к его прекрасным иллюстраторам, среди которых были
специализацию, поскольку мне нравились абсолютно все ходили это чрезвычайно остроумным. Восхитительные и мои знакомые. Я понимаю, что работы 22-летней девушки и близко не
предметы: скульптура, живопись, фотография. Но внутри времена! По мере приближения выпускного мы наводи- стояли к тому, что делали его ребята. Но, когда Фрэнк увидел мои открыт-
по-прежнему что-то скребло — я понимала свой уровень. ли лоск в своих портфолио — огромной черной папке, ки, в нем что-то шевельнулось и он решил рискнуть (как он позже признал-
Увидев школьные работы сокурсников, я застеснялась от которой зависело наше будущее. ся, он увидел потенциал и побоялся, что меня переманят другие агенты).
своих посредственных тревожных абстрактных картин. Конкуренция была нешуточной, но я окончила уче- Он вручил мне список 250 арт-директоров в журналах и агентствах, кото-
1 Темпл — государственный универси-
Мне было девятнадцать, и казалось, что в моей жизни нет бу с лучшим портфолио в группе. Ночные посиделки рым я должна была выслать набор своих открыток, и я потратила послед-
тет Пенсильвании, в котором есть два
интересных событий, вдохновляющих на творческий про- в компьютерной лаборатории, учебная нагрузка на пре- ние деньги на профессиональные распечатки и марки, а затем заманила вида оплаты за обучение: для жителей
ект. Я понимала узость своего восприятия и жизненного деле возможностей и критика, от которой периодически на пиццу друзей, которые помогли мне разложить все по конвертам. штата и для остальных. Автор имеет
в виду, что даже для пенсильванцев
опыта. Можно с энтузиазмом выполнять учебные задания наворачивались слезы, стоили того. Кроме арт-директоров я отправила открытки нескольким художни-
плата здесь ниже по сравнению с други-
(работа с цветом, рисование фигур и прочее), но что я буду Я работала как проклятая, тяжелее, чем когда- кам, которыми восхищалась. В студенческие годы я черпала вдохновение ми вузами.
делать, когда учеба закончится и с помощью полученных либо, — и не жалею ни об одной минуте. За эти четыре из их творчества и без задней мысли хотела выразить им свою призна- 2 Американская сеть небольших уни-
навыков мне придется выражать себя? года я прикипела к своей работе всей душой, при этом тельность. Одним из адресатов была Луиза Фили, легендарный дизайнер, версамов с кафетериями.
**
Шрифтовые дизайнеры — обычно сумасшедшие художники-технари,
название стиля и средство производства
шрифта, а любые надписи (в основном корпеющие годами над какой-то программой, за которую никто не хочет В хороших шрифтах кернинг определя-
крупные заголовки), созданные с помо- платить. Многие не задумываются, что шрифты, которыми они пользуются ется автоматически, поэтому начинайте
щью деревянного (не металлического) с настройки «Метрический -> Авто»
ежедневно, создали вполне реальные люди, многие из которых здравству-
набора. Они бывают очень красивыми. (Auto/Metrics), которая использует дан-
ют и поныне и доступны по электронной почте. Шрифтовые дизайнеры ные, встроенные в шрифт дизайнером.
Рукописный рисуют буквы, и каждая из них взаимодействует с любым другим глифом Функция «Оптический» (Optical) учи-
тывает информацию из файла шрифта
(знаком) в гарнитуре. Шрифт должен одинаково хорошо устанавливаться
и устанавливает новый кернинг. Чтобы
на новую модель Mac с дизайнерскими программами последнего поколения отключить кернинг совсем, в палитре
и старенький ПК, где главное дизайнерское ПО — Microsoft Word. Шрифт «Символ» надо параметру «Кернинг»
должен включать «защиту от дураков» и соответствовать требованиям задать значение 0, и тогда в качестве
пробелов будут использоваться только
завтрашнего дня. При его создании надо учитывать, что в реальности мало
границы форм букв.
Готический кто понимает, как настроить кернинг (1)** в InDesign. Многие никогда не
***
воспользуются прекрасными функциями OpenType, которые дизайнеры
встраивали в свои шрифты неделями или месяцами, но будут писать раз- Для справки: вы можете подключить
функции OpenType в Illustrator или
драженные сообщения о том, что не могут найти причудливых витиеватых
InDesign через палитру OpenType и най-
росчерков, которые им обещали***. Я пробую себя в шрифтовом дизайне, ти все дополнительные знаки использу-
но не могу назвать себя специалистом. Шрифтовым занудам я отвечаю, емой гарнитуры в панели глифов.
что я на стадии Fuzzy Navel1 моей типографской карьеры, но, возможно,
Гротеск
когда-нибудь перейду на односолодовый виски. А пока я просто получаю
удовольствие от леттеринга.
Антиква
Причудливый woodtype
3. Калька
Иногда мне попадаются проекты, требующие множества проб.
Вместо того чтобы загромождать альбом 20 страницами слова gasp
во всех мыслимых и немыслимых стилях, я использую кальку или
листы тонкой бумаги (подойдет и обычная белая для принтера).
Скетчбуки выглядят слишком основательно и настраивают на се-
рьезный лад. Делая наброски на листах, я вывожу надписи не так
дотошно и свободнее экспериментирую. Если вам кажется, что один
«неудачный» рисунок испортит скетчбук, делайте эскизы на листах
или кальке и вообще откажитесь от альбома. Мой коллега по студии
в Сан-Франциско Эрик Маринович не расстается с калькой и обыч-
ной бумагой и может упражняться сколько душе угодно.
1. Скетчбук в твердой обложке с разлинованной бумагой) я пользуюсь уже пару лет. Я держу его
в сумке на случай, если мне на бегу придут в голову идеи для новых
проектов. Обычно я фиксирую мысли в смартфоне, но, когда выхожу
Я предпочитаю Fabio Ricci размером 20 × 25 см — это как раз то, что нужно.
куда-нибудь поужинать (одна или с друзьями), гораздо приличнее
Moleskine и другие небольшие блокноты прекрасны, но маловаты. Другой
вытащить миниатюрную книжку и сделать в ней записи, чем залезть
мой любимый бренд — Leuchtturm 1917. У него большая линейка продуктов,
в телефон на несколько минут. К этому блокноту у меня несколько
я предпочитаю крупноформатные — 23 × 30 см. Мне нравится, что к скетч
иное отношение, чем к блокноту Field: он предназначен только для
буку прилагается разлинованный лист — с одной стороны в клеточку,
идей, а не для текущих рабочих вопросов.
с другой — в линейку. Подкладывая его при необходимости под чистую
рабочую страницу, удобно рисовать по клеточкам или линейкам. Вы можете
изобразить в Adobe Illustrator свои варианты таких шаблонов и распечатать.
Для работы выбирайте любой скетчбук, какой вам понравится.
программы для векторной графики (Adobe Во время поездок ноутбук очень удобен, но в офисе мне нужна от-
дельная клавиатура. Мне нравится беспроводная Apple, благодаря
объяснить, но на листе мы почему-то видим гораздо больше —
проверено на практике! В школьные и студенческие годы я могла
Illustrator) или создания шрифтов, например которой и письменный стол выглядит аккуратно, и работать легко. сколько угодно перечитывать курсовую, прогонять через проверку
правописания, просить почитать друзей и прочее… Но если я чита-
RoboFont. ла с экрана, то все равно пропускала два одинаковых слова подряд.
3. Графический планшет Wacom Intuos Medium Мне нравится распечатывать работы, делать пометки и вносить
Когда я поступала в художественный колледж, я не планировала стать «ху- правки, представляя на своем месте сложного клиента. Ищите
Цифровые перья и планшеты от Wacom прекрасны, но, думаю, они принтер с разрешением 1200 dpi или выше. Нет нужды покупать
дожником компьютерной графики» (ужасно устаревшее название), но меня лучше проявляют себя в «художественных» программах, таких как дорогой цветной лазерный: черно-белый лучше всего!
заворожил процесс векторного рисования. Я обнаружила, что могу беско- Photoshop, чем в точных векторных вроде Adobe Illustrator. Я держу
1 нечно настраивать кривые Безье (1), погружаясь в состояние потока: время в офисе планшет, но он проигрывает мыши или трекпаду на ноут-
буке, пока дело не доходит до редактирования или раскрашивания 8. Струйный принтер
Кривые Безье — изогнутые сегменты течет, страницы в скетчбуке заканчиваются, солнце заходит, а я ничего не
эскизов. Забавно, но он мне нужен в основном для векторной рабо-
векторного пути. Они рассчитывают-
замечаю. Но при всей любви к традиционному рисованию должна признать, ты, когда в мыши садятся батарейки и она отказывается работать У меня большой цветной струйный принтер Epson Stylus Pro 3800,
ся математически (к счастью, Adobe
что, скорее всего, рано завершила бы карьеру из-за проблем с запястьем. (а это, скажу честно, происходит регулярно). на котором я делаю тестовую распечатку иллюстрации или смотрю
Illustrator делает это за нас).
готовую работу в полном размере, прежде чем отправить ее клиен-
За всю свою жизнь я так и не научилась правильно держать карандаш или
ту. Из цветных принтеров рекомендую крупноформатную модель
ручку. Я держу их так, как ребенок — мелок, настолько крепко, что на ла- 4. Внешний жесткий диск с отдельными картриджами (циан, маджента, желтый и черный),
дони остаются следы от ногтей. Компьютер как инструмент для рисования например Epson: вы сбережете кучу денег в будущем за счет эко-
позволяет разбить день на отдельные этапы и избежать травм от повторяю- У меня в офисе есть внешний жесткий диск, прикрученный к столу номного расхода чернил.
(в прямом смысле, на случай, если в наш офис кто-нибудь влезет).
щихся нагрузок. В конце концов, синдром запястного канала развивается
Я использую диск для резервного копирования с ноутбука. Если
именно от постоянных однообразных действий, поэтому я чередую занятия что-то случится с моими компьютерами, у меня есть не только 9. Хорошая камера + штатив
и пользуюсь разными инструментами для разных этапов процесса. Я берегу копии проектов, но и возможность легко пересесть за другой
компьютер и продолжить работу, не теряя времени. Я рекомендую При необходимости фотографировать свои работы для сайта я бы
свои запястья и пальцы.
жесткие диски: они реже ломаются, поскольку в них нет движу- вложилась в хороший DSLR (цифровой зеркальный фотоаппарат).
С хорошими программами для векторного рисования и достойными щихся механических частей. Мне очень нравится Canon EOS 5D Mark II. Для съемок я исполь-
техническими средствами я могу создавать работы, о которых мечтала: зую объектив Tamron SP 24–70 мм. У Canon есть более дорогой
более аккуратные и точные по сравнению с тем, что выполнены исключи- вариант подобного объектива, но Tamron — отличный выбор. У него
34 35
осле мозгового штурма у меня есть несколько
концепций. Если мне надо выбрать вариант
композиции слов, я приступаю к эскизам-
миниатюрам.
Это черновые эскизы, на которых я намечаю иерархию, акцентирую
самые важные слова. Хорошая иерархия особенно важна при работе
с длинной фразой. Если акцентировать каждое слово, дизайн будет
перегруженным, а если подчеркивать не те слова, что нужно, — и вовсе
нечитабельным.
Сделайте несколько набросков макетов, акцентируя разные
ключевые слова (глаголы, существительные, иногда прилагательные
и наречия) и «приглушая звучание» менее важных (например, пред-
логов). Если в детстве вы, как и я, любили рисовать структуры пред-
ложений, вы легко выделите главное. Если не выйдет, представьте, что
вам нужно создать надпись для размещения на автобусе. Люди смогут
прочесть ее мельком, за секунду-две. Что, по-вашему, они должны
из нее вынести?
Временами мне удается мысленно визуализировать миниатюры
или базовый макет, а иногда я перехожу к углубленному исследованию
миниатюр. Действуйте как вам удобнее, чтобы наметить варианты для
эскизов.
36 37
так, вы провели исследование, выжали
из себя все, с помощью миниатюр вывели
несколько основных идей. Можно присту-
пать к эскизам.
Они помогают быстро определиться с дизайном и концепциями. Уже
здесь вы можете работать вместе с клиентом. Мои эскизы достаточно
детальные. Я не делаю много вариантов на разных листах, а работаю
поэтапно: сначала общий набросок, в свободной форме, потом кол-
дую над краями букв. Создание эскизов включает несколько шагов.
38 39
Шаг 2. Выбор стиля леттеринга
*
П ерекладины
Нелегко определиться со стилем или стилями, если вы постоянно держите в голове резуль-
тат, а не принимаете решения по ходу работы. Во время мозгового штурма я обычно наме-
чаю несколько стилей, подходящих для темы (например, если это обложка книги о само-
стоятельной организации свадеб, в одном из эскизов обязательно есть рукописный стиль),
но во время работы мое ви́дение букв конкретизируется. Как правило, я применяю не более
трех стилей для разных типов текста, соблюдая четкую иерархию. Я стараюсь высылать
заказчикам три эскиза с разными идеями и дизайном, а не три вариации одного наброска.
Клиенты хотят видеть, что вы серьезно относитесь к работе и вникаете в материал, а не шле-
те им первое, что приходит на ум.
Скелет
Скелет в виде одинарной тонкой линии помогает определиться с шириной букв, высотой
строчных знаков и общими пропорциями частей. Если я работаю в рукописном стиле, то
выбираю, будет ли он прямым или с наклоном. Наклон вправо выглядит более традицион-
ным, прямой — более веселым и современным, а наклон влево напоминает стили 1930–1950-х.
Если это гротеск или антиква, я думаю, как лучше расположить буквы в отведенном им
пространстве и где добавить перекладину*, чтобы вызвать нужные чувства или ассоциации
с конкретной эпохой. Низкие перекладины в Neutraface и аналогичных гарнитурах харак-
терны для стиля середины века, а завышенные встречаются в некоторых шрифтах эпохи
модерна. На скелет больше всего влияют особенности печати и пропорции страницы. Если
мне необходимо втиснуть длинное слово в одну строку и оставить его визуально значимым,
скелет должен быть узким, а буквы — больше по высоте, чем по ширине.
41
40 Джессика Хиш. Про л е тт е ринг
Подсказки по рисованию схемы букв Перекладины не обязательно должны быть
на одной высоте. Идеальный центр у разных букв,
Я не смогу рассказать вам все о формах букв (есть множество прекрасных и очень подробных руководств, в кото-
скорее всего, окажется разным. В букве А перекла-
рых объясняются мельчайшие нюансы), но опишу свои принципы при их рисовании.
дину стоит расположить ниже (учитывая неболь-
Читабельность интересует клиентов в первую шое негативное пространство во внутрибуквенном
и i ?
е ил
очередь (с этой темы начинается любое обсужде- просвете), в Е — чуть выше, чем в F (у F много белого
ние, поэтому я говорю об этом сама — и клиентам пространства внизу по сравнению с E), а в H — чуть
кажется, что я читаю их мысли). Я пытаюсь убедить выше центральной линии. При расположении точно
их, что сделаю читабельный леттеринг, не жертвуя по центру казалось бы, что она ниже. Это похоже
стилем. Есть формы букв (чаще рукописных), ко- на обрамление картины. Вы всегда оставляете запас
не читается
торые всегда раздражают клиентов. Нужно сделать внизу, иначе работа в раме будет выглядеть низко
геометрический центр
так, чтобы ни одна из них не сливалась с другой, посаженной. Наши глаза подшучивают над нами:
а значит, ограничить число петель. идеально центрированные объекты кажутся слегка
утяжеленными внизу.
Округлые буквы, например О, слегка выходят
за базовую линию и линию верха знаков (прописных Тело
свисание
или строчных). Это называется оптической компен-
«Мясо» буквы, точнее «мышцы и жир». Вы можете сколько угодно наращивать массу, но, пока скелет неизменен,
сацией, а сами элементы букв, выходящие за пределы
форму буквы можно распознать. Если ваша (или знакомая) такса прибавит в весе, все равно будет видно, что это
строки, иногда называют свисанием. Благодаря это-
такса, ведь ее формы ни с чем не спутать. Перо, которым вы работаете (или делаете вид, что работаете), нужное
му поверхность контакта с базовой линией и линией
начертание, контрастность (разница в толщине между толстыми и тонкими штрихами) определяют «телосложе-
верха у буквы О такая же, как у других букв, и высота ние» буквы.
всех букв с виду одинакова.
свисание
Симметрия в дизайне букв не имеет ничего общего
с математической симметрией. Вы корректируете
каждый знак, чтобы достичь баланса между ним кв ы
е т бу
с к ел высо коко нтра стны й
и негативным пространством вокруг него. B, P и R
шрифт с засеч ками
могут выглядеть очень похоже, но полуовалы у них
разные — все зависит от плотности и фона.
вертикальная диагональная
Остроконечное перо. Чем сильнее нажим пера, тем толще получается ли- направляющая направляющая
ния. Этот метод называется «утолщение», поскольку чем шире расходятся
усики пера, тем больше вытекает чернил на бумагу.
Начертание / масса буквы
*
Ручки Parallel Pen, упомянутые в разделе Ширококонечное перо. Если вы рисуете буквы, используя логику плоско-
и изящный леттеринг, начертание будет светлее.
Добавление засечек Виды засечек. Существует множество видов засечек из различных исторических эпох.
Я могу говорить о них до бесконечности, поэтому приведу только несколько примеров,
Засечки можно рассматривать либо как часть тела, либо как часть одежды, в зависимости от их влияния на фор-
которые пригодятся вам в леттеринге.
му буквы. Если они небольшие, как в Copperplate, они пропадут в маленьком размере. Прищурьтесь: если засечки
исчезли, это, скорее, часть одежды, чем тела. Они бывают разных форм и размеров. Добавляя их к букве, нужно
Скругленные. Прикрепляются к основному штри-
учитывать несколько моментов.
ху и могут выглядеть старомодными, поскольку
Логика пера. Я уже упоминала о ней. Она отра- придуманы давно. В зависимости от пера, которое
жается и на засечках. Спросите себя: «Смогу ли вы используете (или делаете вид, что используете),
я сделать нужные засечки этим пером?» Посмотрите они будут относиться либо к старому стилю (ши-
на самую тонкую часть буквы, где перо едва скользит рококонечное перо, см. выше), либо к переходному,
по бумаге. Засечки нигде не должны быть толще, чем включающему как классические, так и современные
там. Конечно, при желании вы можете поступать не- элементы.
массивные засечки не сочетаются с тонкими элементами
логично, но тогда делайте это убедительно. Ошибки
прекрасны, если допускать их постоянно; тогда они Новая антиква. В Bodoni, Didot и других подобных
выглядят намеренными, а не случайными. современных гарнитурах засечки почти парал-
лельны базовой линии и совсем тонкие (как самый
Размещение засечек. Многие сомневаются, где тонкий штрих буквы).
лучше разместить засечки. В каллиграфии они
располагаются в начале и конце штриха, и сейчас Брусковая/египетская антиква. Засечки в се-
я расскажу, где должны находиться засечки в буквах мействе брусковых шрифтов — прямоугольные без
латиницы. скруглений (исключение — Clarendons). Брусковые
У строчных букв (b, d, h, k, l) засечки используют- гарнитуры обычно более приземистые и контраст-
ся только на верхних выносных элементах слева (вос- ные (типичный пример — Rockwell).
ходящий штрих). На базовой линии они могут быть
двусторонними (как в основании l) или находиться Двойные засечки. Эти засечки слегка сумасброд-
внизу справа (нисходящий штрих). На верхней линии ные, но симпатичные. Посередине они делятся на две
строки они бывают односторонними в начале буквы части. Если вы не будете одергивать себя, то сможете
и иногда двусторонними. Присмотритесь, как шриф- сделать и тройные засечки.
товые дизайнеры размещают засечки в классических
(и современных проработанных) шрифтах.
Мне нравятся росчерки, но старайтесь не перебарщивать с ними. Посмотрите на слово, которое Существует миллион способов украсить букву. Вы можете заштриховать одну или обе стороны,
вы нарисовали, и выберите самые подходящие места для росчерков. Обычно это верхние или добавить интересные перекладины к A, H, E и F, внутреннюю тень и декоративные элементы,
нижние выносные элементы, слева от заглавной буквы или на последнем нисходящем штрихе несколько уровней теней — хоть до горизонта. Изучайте декоративные шрифты и леттеринг
слова. В декоративном леттеринге не важна высота расположения декоративных элементов, викторианской эпохи, старинные карты с причудливой вязью названий городов, любуйтесь
главное — чтобы они были на своем месте и выглядели естественным продолжением буквы, а не прекрасным сайнпейнтингом по всему миру (мне очень нравится леттеринг в стиле fileteado
произвольно прилепленным элементом. Убедитесь, что росчерки выглядят так, будто их нари- в Буэнос-Айресе) или изучайте наборы деревянных типографских литер (особенно в Италии —
совали тем же инструментом, что и букву (если, конечно, вы не задумали намеренно изобразить там они невероятны!). Впитывайте в себя всё.
их иначе). т он ьш е,
ро счерк и в ы
чем кбу
ьн о
в а т ел до
л ед о г о ра з е !
непос л у ч ш
но
тес т вен
н еес
уст уп
нно е ие за в а
с т ра о л о ж е н лив
ра с п а е тс
вреза л и с я
ь естест венное
место распол ожени е
росчер ков
й
йн ы
л и н е ъ ем
м б
о бъ е о
линейный объем с элементами цветочного декора
те н ь
51
50 Джессика Хиш. Про л е тт е ринг
Рисуй, стирай, повторяй
Работа в векторе состоит из тех же этапов, что и создание эскизов. Я рисую последовательно,
начиная с легкого штриха для уточнения формы букв. Если эскиз проработан детально или
полностью состоит из фигуры (чаще всего это касается логотипов), я могу сразу обвести конту-
ры, но обычно эскиз для меня — просто подспорье, особенно если я делаю надпись в рукопис-
ном стиле или тонкие линии буквы можно вывести одним штрихом.
а-да, я знаю: большинство из вас приобрели стиле кистью и имитировать лак для
ногтей.
эту книгу, чтобы научиться рисовать буквы
в векторе. Не буду вас томить. Первая и са-
мая важная подсказка — полюбите инстру- В Adobe Illustrator создается вектор-
мент «Перо» (Pen): это основа любых про- ный контур. Перед тем как перейти
к уточнению надписи, я дорабатываю
грамм для векторной графики. межбуквенное расстояние, росчерки
и форму букв.
52
Векторная графика 53
Шаг 1. Рисуем направляющие Эскиз (непрозрачность снижена до 20%)
с векторными направляющими вверху.
Вы наверняка заметите, что в работе
Я перетаскиваю эскиз на отдельный слой в Illustrator, снижая непрозрачность (Opacity) до 15% не идеальное выравнивание: я не робот,
или около того (при этом он достаточно темный и хорошо различим и достаточно светлый, и мои рисунки не совершенны.
чтобы не отвлекать меня). На отдельном слое для направляющих ярким цветом, например
маджентой, я рисую линии толщиной 0,25 pt. Обозначаю базовые линии, высоту прописных
и строчных знаков. Я рисую направляющие, а не применяю имеющуюся в Illustrator функцию
«Вытащить направляющую из линейки» (Dragged-from-the-rulers guides), поскольку в моих ком-
позициях используются все виды базовых линий — прямые, угловые, полукруглые, круглые.
Рисованные от руки линии легче подкорректировать. Я объединяю слои эскиза и направляю-
щих и создаю новый слой для проекта.
Шаг 2. Скелет
Далее, опираясь на эскиз, я одним штрихом намечаю скелет. Я достраиваю его: это позволя-
ет вносить изменения, что невозможно в эскизе. Я исправляю промежутки между буквами,
корректирую расстояния и стараюсь убедиться, что буквы находятся под одинаковым углом
(для курсива), на одной базовой линии и высота строчных (или прописных) знаков одинакова.
Как только скелет готов и выбрана минимальная толщина штриха, я, как правило, отключаю
слой с эскизом и работаю только со скелетом и направляющими. Иногда я сверяюсь с набро-
ском, но не обвожу его. В примере ниже вы видите, как эскиз используется в качестве базовых
направляющих для векторного скелета, но я меняю наклон букв и расстояние, поэтому финаль-
ный результат — не стопроцентное повторение эскиза.
Создание опорных точек подчиняется определенным правилам (об этом я узнала по опыту
и на курсах Type@Cooper в Cooper Union). Благодаря обучению у шрифтовых дизайнеров мой
подход к работе изменился, а навыки рисования в векторе значительно улучшились. С этими
правилами я, оказывается, работаю намного продуктивнее и больше довольна результатом.
Когда мы с моим коллегой Эриком проводили мастер-классы в нашей студии, люди ждали
именно их — суперполезных советов по работе в векторе, вызывающих ахи восторга.
Симпатичные ручки
по разным причинам. Стоит освоить этот метод — он значительно облегчает редактирование
Когда вы добавляете опорные точки по контуру объекта и перетаски- надписи.
ваете направляющие, изменяя кривую, удерживайте клавишу Shift. Вы можете менять кривую, работая по очереди с каждой направляющей: удерживайте
Направляющие лягут строго вертикально (опорные точки на 9 и 3) или клавишу Shift, перетаскивая линию ближе или дальше от ее опорной точки. Нажатая клави-
строго горизонтально (опорные точки на 12 и 6). Шрифтовые дизайнеры ша Shift позволяет работать только с одной опорной точкой и направляющей. Так вы добье-
создают опорные точки и работают с направляющими Безье именно так тесь идеальной точности и более мягкого редактирования.
углами» (Rounded rectangle): в каждом углу не одна, а две точки. Если вы вы обрубите углы, проблема исчезнет и позже вам станет значительно
представите каждый скругленный угол в виде квадранта круга, то точки проще добавить штрихи и эффекты к буквам. Это не значит, что все
расположатся точно на экстремумах. заостренные штрихи и засечки надо обрубать. Смотрите сами, насколько
Когда вы оперируете кривыми, убедитесь, что каждая из них образована кой в виде перекрывающихся наклонных это делается легко и быстро.
Верно Неверно
двумя равноценными направляющими Безье. Если кривая где-то немного
топорщится или слишком пологая, одна из направляющих не справляется
со своими обязанностями.
Я не стремлюсь к идеальной математической симметрии: считаю,
по работе должно быть видно, что ее делал человек, а не робот. Но я стара-
юсь приблизиться к ней, насколько возможно. На идеальной окружности
все направляющие одинаковой длины, но на других фигурах вы заметите
немного другую логику. Например, на O, написанной курсивом, направля-
ющие внутреннего контура не симметричны, но связаны между собой.
Если надо, я могу продублировать фрагменты форм букв, но, как правило, в конце
я многое корректирую вручную. Леттереры создают художественное произведение. Мысль
скопировать формы букв иногда посещает, и, конечно, такой подход ускоряет процесс, но вы
не представляете, сколько раз в таких случаях клиенты говорили, что моя работа «слишком
похожа на шрифт». Подобные отзывы ужасно злят (тем более что шрифт — тоже художе-
ственное произведение), но я понимаю, что все хотят, чтобы даже набранное слово выглядело
особенным.
ручки. и разгруппированный
вариант. Вы можете доба-
вить объем или с помощью
эффекта «Вытягивание
и скос» (Extrude/Bevel)
в Illustrator, или вручную
(как я), дублируя буквы
и размещая копию позади
оригинальной буквы с по-
мощью опорных точек.
Процесс на практике: подходы к разным проектам тегории полиграфические и неполиграфические проекты, а также шрифтовой
дизайн). Процесс работы зависит от категории проекта и специфики клиента.
68 InДжессика
68 Progress: Хиш. Про л е тт е ринг
Introduction 69
32° удовольствия
70
40 Eats
Fortune 50
Клиент: Fortune
Арт-директор: Майкл Солита
72
Makeover Issue
74
The Best Issue
76
Mohawk Maker Quarterly
79
Summer Hair Guide
80
Summer Reading Issue Вы, вероятно, уже заметили, что я показы- летнее чтиво». Я решила показать разные
ваю много проектов из серии «Номер...». места для чтения (в палатке, на пляже и т. д.)
Заказчик: The Washington Post В журналах и газетных рубриках есть клю- и «инструменты» для леттеринга. Стиль,
Арт-директор: Кэрри Лайл чевые темы, которые повторяются из года который я выбрала, напоминал мне о летних
в год и которых уже ждут постоянные чита- днях в Пенсильвании, ловле светлячков
тели. Этот проект был из серии «Хорошее и палаточном лагере на заднем дворе.
83
Love Stories
Заказчик: The New York Times по максимуму. Раньше я шутила, что мож- увидят (и пришлют вам письма со словами
Арт-директор: Николас Блечман но участвовать в международном реклам- восхищения) меньше людей. В этом проек-
ном проекте с билбордами, рекламными те я хотела показать любовь, но не только
Проект для The New York Times, конечно, роликами, в общем, полным набором — де- романтическую, а в целом. Я стремилась
особенный. Когда создаешь что-то для та- лать работу, за которую платят месяцами, донести до читателей, что любые взаимо-
кого количества читателей (притом очень но, в отличие от маленького редакци- отношения, в которых она есть, означают
умных!), ты просто обязан выложиться онного кусочка в The New York Times, ее тесное переплетение жизней.
84
86 87
не очень нравится оформлять обложки. кие фразы. Если автор описывает узор обоев в комнате, я беру это на заметку.
Я выделяю все фрагменты о прическе героини или цвете ее платья, каждый
Моя работа печатается на бумаге, люди берут упомянутый цветок и растение, подробно описанный аксессуар или китай-
ее в руки и несут домой. В этом есть какое-то ский фарфор. В будущем все пригодится. Перед мозговым штурмом я про-
волшебство. сматриваю выделенные места и выношу их на отдельную страницу, после
чего работаю со списком слов-ассоциаций, миниатюрами и эскизами.
В детстве я не так уж много читала (я не была книжным червем, поселив- Внештатные графические дизайнеры часто создают полуготовые
шимся в библиотеке, а тихо сидела в уголке и рисовала), и мне было страш- обложки для показа клиентам из издательств. Как правило, они работают
новато браться за оформление обложек. Мне посчастливилось работать с имеющимися шрифтами и изображениями, поэтому композиции — луч-
над дизайном обложек для классических и современных книг, и в каждом ший способ представить свои идеи. Я создаю все сама, мне нет смысла делать
проекте приходилось решать уникальные задачи — полиграфические (на- полуготовое произведение на начальной стадии проекта. Клиент должен сна-
пример, тиснение фольгой на необычном материале), концептуальные или чала утвердить идею, а лучший способ представить ее — эскиз. Как правило,
художественные. я показываю арт-директору несколько вариантов (обычно два-три) с разными
В главе «Исследование и мозговой штурм» я уже говорила о необходимо- концепциями, разным дизайном и стилями леттеринга.
сти глубоко погрузиться в тему, прежде чем приступать к эскизу. Это значит, После утверждения эскиза я выполняю работу в векторе, учитывая
что нужно прочесть книгу, для которой вы собираетесь разрабатывать ди- метод печати. Если предполагается тиснение фольгой, изображение должно
зайн обложки. Краткого изложения из «Википедии» или SparkNotes недоста- быть светлее, чем желаемый результат: при печати фольга немного искажает
точно: надо погрузиться глубже. Бриф с описанием, возможно, подойдет для цвета, они становятся насыщеннее. С печатью в CMYK на офсете все проще.
иллюстративной обложки, отражающей ключевые события, но если зада- Иногда арт-директора, с которыми я работаю, добавляют эффекты, о чем
ча — передать историю абстрактно, с помощью леттеринга и декоративных я узнаю, только получив авторский экземпляр. У большинства дизайнеров
элементов, вам будет мало информации о главных фактах и событиях. Чтобы от одной мысли об этом по спине пробегает холодок, но в моем случае почти
хорошо рассказать о книге в художественной работе, необходимо узнать всегда изменения оказывались приятным сюрпризом (даже если эффекты
героев, прочувствовать их характер и атмосферу, в какой они находятся, были так себе).
представить, что их окружает.
Я стараюсь прочесть от корки до корки каждую книгу, но не всегда есть
готовая рукопись (как во время работы с Дэйвом Эггерсом) или дедлайны
по эскизам не дают такой возможности. Когда я работала над серией Penguin
Drop Caps, мне предстояло прочесть «Моби Дика» Мелвилла и «По направле-
нию к Свану» Пруста (плюс еще две книги) за шесть недель. Мне это оказа-
лось не под силу. Я заметила, что, если читаю по меньшей мере треть книги,
то понимаю, о чем идет речь, и могу приступать к исследованию. Во время
работы над обложками я не расстаюсь с Kindle. Я люблю бумажные книги, Дизайн двух моих обложек: одна
для Penguin, другая для St. Martin’s Press
но брать с собой в поездки, особенно на конференции, несколько «кирпичей»
или кипу распечаток не слишком приятно. Мне очень нравится функция
выделения. Я делаю визуальные закладки, выделяя отдельные слова и корот-
88 InДжессика
88 Progress: Хиш. Про л е тт е ринг
Introduction Книги 89
89
Barnes & Noble Classics
Клиент: Sterling Publishing / Barnes & Noble для профессионального издательства), мое
Арт-директор: Джо Обаровски сердце ушло бы в пятки. Джо, арт-директор,
прекрасно выполнил свою работу: выбрал
Эта серия обложек стала одной из моих цвета, крапчатые форзацы, следил за закра-
первых серьезных попыток войти в книж- ской обрезов. Поскольку предполагалась
ный мир (вдобавок мне впервые предстояло серия изданий, мы решили, что шрифт для
создать дизайн под тиснение фольгой). Когда имени автора будет постоянным, и не стали
Barnes & Noble впервые обратились ко мне, менять основной дизайн. Я добавила только
я даже не предполагала, что меня ждет столь- орнаменты и рамки на первой и четвертой
ко книг. Но каждые несколько месяцев мне сторонах обложки. Интересная особенность
присылали очередную порцию из трех-четы- этого проекта в том, что на обложке не видно
рех штук. Это был особый для меня проект. логотипа и штрихкода. Книги выглядели
Я в шутку говорила коллегам: скажи мне идеально современными, но без уродливых
в мои студенческие годы, что я буду оформ- бизнесоподобных штучек, типичных для
лять обложки классических книг (причем нынешнего дизайна книг.
92 93
94 95
The Circle
Клиент: McSweeney’s/Knopf
Арт-директор: Дэйв Эггерс
Типография: Thomson-Shore
Гарнитура: Neo Tech (разработчик Себ Лестер)
96
The Lolita Book Cover Project
98
Penguin Drop Caps
101
102 103
104 105
Если эти книги поставить в ряд, некоторые цвета не будут гармо- выпуская их с определенной перио-
получатся все оттенки цветов радуги нировать, но все обошлось. Работа дичностью. Лучше не думать, сколько
от A до Z: такую замечательную идею над серией заняла почти два года, человеко-часов заняло создание всего
придумал Пол. Я переживала, что и Penguin объединил книги в группы, 26 букв.
108 109
бумаги, способ печати, а иногда и на цветовое решение.
екламные проекты — обычно увлекательная Какой будет реклама, определяет арт-директор. Я со-
и суперкомандная работа, да и творческие трудничаю с ним лишь на небольшом отрезке пути.
муки неплохо оплачиваются по сравнению Моя задача — выполнить свою работу как можно лучше,
с другими видами проектов (сужу по своему а клиента — видеть кампанию целиком и сделать из нее
нечто масштабное и запоминающееся. Невозможность
опыту). контролировать какие-то моменты вызывает у некото-
рых художников тревогу, но меня это раскрепощает. Да,
В мой гонорар входят оплата за создание авторского произведения плюс
иногда я огорчаюсь, когда какую-то часть моей работы
проценты за его использование. Поэтому, если я работаю для большой
меняют в последний момент, но обычно арт-директора
рекламной кампании, лицензионные отчисления могут быть очень прилич-
относятся к моему труду уважительно, не издеваются
ными. Я кратко затрону финансовые вопросы, но на своем сайте я уже пи-
над тем, что я присылаю, и прислушиваются к моему
сала об этом, а управление дизайн-студией — достаточно сложный бизнес,
мнению, если мне есть что сказать.
который заслуживает отдельной книги.
Рекламные агентства нанимают меня для небольших проектов в рамках
крупной кампании — в итоге мой леттеринг используют наравне с работами
других иллюстраторов и фотографов. Арт-директора, с которыми я со-
трудничаю, заранее проводят исследования и мозговые штурмы, пытаясь
прощупать направление кампании, а также показывают клиенту примеры
моих работ (и работы других потенциально подходящих художников).
Меня просят прислать расценки, которые я обсуждаю со своим агентом
(всегда просчитывая несколько вариантов развития событий), и, если всех
все устраивает, меня привлекают к участию в проекте.
Это происходит не на начальной стадии, процесс не слишком отлича-
California Pizza Kitchen
ется от индивидуальной работы с клиентами. Я провожу дополнительный
мозговой штурм на основе брифа, который мне присылают, создаю для себя Клиент: California Pizza Kitchen / Draftfcb
Арт-директор: Майкл Макграт
миниатюры, готовлю эскизы для презентации и затем работу в векторе.
Арт-байер: Кэтлин Канделариа
Иногда моя задача — создать иллюстрацию для питча, и кампания продол-
жается, но без моего участия. Этот проект для California Pizza Kitchen был
Конечно, это печально, но такие ситуации бывают сплошь и рядом сложным, но я получила четкие вводные:
вписать готовый текст в форму отсутству-
в рекламных кампаниях. Убедитесь, что в договоре прописана оплата
ющего куска пиццы. Многие проекты начи-
любого вида задач, которые вы выполняете, независимо от того, будут их наются так же, как этот: клиент присылает
использовать или нет. Если ваш проект не примут, вы не получите процен- макет с иллюстрацией и готовый текст,
ты (исключение — лицензия на презентацию, если это включено в договор). а я делаю эскизы и дизайн, вписывая текст
в рекламу.
Но вам должны заплатить за работу, которую вы выполнили.
Единственное, что мне не нравится в рекламных проектах, — отсутствие
права голоса при обсуждении итоговых параметров. Я не влияю на выбор
110 InДжессика
110 Progress: Хиш. Про л е тт е ринг
Introduction Рек ла ма
111
111
Dove Chocolate
125
Праздничный сезон Oxfam
130
Bertolli Pasta
Клиент: DDB/Bertolli
Арт-директора: Агнес Арсео, Николь
Шульц, Алан Ванг, Молли Навалински
Заголовки: Sweet Sans Pro
133
амая очевидная сфера применения леттерин-
га — логотипы. И работать над ними, кстати,
очень интересно.
В отличие от большинства проектов, которые я описала выше, работа над
логотипами подразумевает тесное сотрудничество с заказчиком (а не
с агентством или издателем), поэтому вы должны быть уверены, что ваш до-
говор прозрачен, вы согласовываете каждый шаг, обсуждаете процесс и ин-
формируете о своих решениях. Многие дизайнеры логотипов не показыва-
ют карандашные эскизы заказчикам и представляют уже готовую работу.
Я предпочитаю наброски карандашом и рассказываю клиентам о процессе,
но понимаю, что многие из них не в состоянии представить по эскизу
Party Nails Logo
готовую работу. Именно поэтому дизайнеры стараются как можно раньше
Клиент: Тэйлор Уотсон / Party Nails показать окончательный вариант.
Над проектами логотипов я предпочитаю работать с другими дизайне-
Тэйлор дала мне полную свободу, поэто-
рами или агентствами, а не напрямую с клиентом. Все-таки я индивидуаль-
му мои эскизы были совсем черновыми.
Party Nails — дополнительный бизнес ный предприниматель, и мой график не позволяет браться за гигантские
Тэйлор. Периодически она размеща- брендовые проекты, для которых создать один логотип недостаточно.
ет небольшие точки в барах и делает
Разработка айдентики включает также создание голоса бренда с помощью
нереально крутой цветной маникюр,
пока вы пьете. Я хотела сделать логотип,
шрифта и цветового решения, выбор фотографий и иллюстраций, луч-
доставляющий столько же радости, как ше представляющих компанию, фирменного стиля для онлайна и СМИ,
и дизайн ногтей, поэтому без колебаний промоматериалов и т. п. Некоторые без ума от работ по расширению бренда,
выбрала стиль Лизы Франк1. Логотип
но мне это дается тяжело. Я предпочитаю быстрый темп. Мне нравится
светится всеми цветами радуги, и у него
есть две упрощенные версии. Вариант набор разных проектов, а не работа над одной задачей с одним клиентом
в середине подходит для тиснения в течение долгого времени. Только не думайте, что в личной жизни я при-
фольгой, поэтому на нем остались бли- держиваюсь той же философии «быстрых свиданий»!
ки, а в варианте ниже — только формы
Я редко берусь за разработку логотипов, а если уж могу выбирать, то
букв без декора для печати в маленьком
размере. предпочитаю заказы, где надо освежить логотип: слегка его осовременить,
а не начинать с нуля. Тогда я первым делом провожу «осмотр», оцениваю,
1 Известная американская художница, какие элементы делают логотип узнаваемым и должны остаться, и отмечаю
основательница марки своего имени области для улучшения. Я критикую стиль, но прежде всего показываю,
(в конце 1980-х и в 1990-х были очень как небольшое вмешательство поможет значительно улучшить лого-
популярны ее наклейки и канцелярские
тип, чтобы он оптимально смотрелся в маленьких размерах и так далее.
товары). Для ее стиля характерны яркие
цвета и мультяшные изображения. Как только клиенты соглашаются с моими правками и способом работы,
Прим. ред. я берусь за дело.
134 InДжессика
134 Progress: Хиш. Про л е тт е ринг
Introduction
Большинство проектов, над которыми я сейчас работаю, — обнов- Первые карандашные эскизы, которые
я отправила в виде обычных файлов JPG.
ления. О чем речь? У компании есть логотип, в принципе, она им
Они близки к Bello Script, на который
довольна, но понимает, что его стоит улучшить и модернизировать. мы опирались. После того как недопо-
Designworks в Новой Зеландии обратились ко мне от имени своего нимание исчезло, мы их выбросили.
клиента Contact Energy. Речь шла не просто об обновлении: они На странице справа показаны некоторые
варианты надписи брашпеном, четыре
готовили перезапуск бренда. Мне выдали очень подробное тех
в правой колонке — отобранные вариан-
задание и шрифт Bello Script в качестве образца. При работе с но- ты для презентации. Клиент остановился
выми клиентами, особенно в других городах и странах, приходится на первом, который я обвела в Illustrator
какое-то время искать общий язык. Мне показалось, что бриф пре- с помощью инструмента «Перо» и затем
внесла много изменений, чтобы выпря-
дельно ясен: взять Bello и сделать на его основе нечто уникальное
мить формы букв и сделать надпись ме-
для бренда. У нас состоялся вводный телефонный разговор, ничто нее похожей на нестандартный леттеринг
не предвещало сложностей. и больше — на логотип
136 137
Старая версия Старая версия
облегчила общую массу, а в точках касания сделала штрихи тоньше
Работа над логотипом и брендингом очень интересна. Я редко При редизайне я реже пользуюсь
карандашными эскизами: изменения
берусь за нее, но MailChimp обратились ко мне с просьбой об об-
часто настолько незаметные, что сложно Новая версия Новая версия
новлении. Логотипы чаще всего заказывают новые компании, передать их вручную, поэтому бо2л ьшую
которым нужна разработка с нуля: первый дизайн, который часть времени я работаю в векторе.
отразит эстетику организации. Я не считаю себя экспертом Я не жду, когда в моей рабочей папке
воцарится хаос из сотен версий одного
по брендингу и чувствую, что, если вы начинаете с нуля, вам
логотипа. Если я чувствую, что достиг-
нужен человек (и не один), который в этом хорошо разбирается. ла определенного уровня, то делаю
Грамотные брендинговые дизайнеры не только создают логотип, распечатку и записываю критические Старая версия Старая версия
отдавая остальную часть работ на откуп другим художникам, замечания на бумаге. При работе с лого- исправила сжатые участки ради читабельности, особенно в маленьких размерах разделила слова и чуть загнула C
типами особенно важно распечатывать
но сводят воедино компоненты, разрабатывают типографи-
изображение на лазерном принтере,
ку и т. д. Это серьезный проект, в котором должна участво- чтобы отследить мелкие недостатки
вать целая команда, а не такие фрилансеры-одиночки, как я. и убедиться, что движешься в верном
направлении. Можно распечатать ло-
Но MailChimp нужно было другое. У них была команда дизай-
готип в крупном и маленьком размерах
неров. Был голос бренда. Компания считалась успешной и не и посмотреть, читабелен ли он.
Новая версия Новая версия
138
Я обычно не берусь за брендинговые проекты с нуля, но это предложе- Когда мы определились со стилем
логотипа и в журнале появился
ние выглядело слишком заманчивым, чтобы отказаться. Даг Макгрей,
штатный креативный директор Лео
основатель Pop-Up Magazine, известный как организатор серии вели- Юнг (знакомый мне еще по рабо-
колепных мероприятий, создавал новый журнал. Он задумывался как те в Нью-Йорке), мы приступили
аналог The New York Times на западном побережье. Содержание было к созданию заголовков рубрик
и монограммы, которая выполняла бы
тщательно продумано и связано с культурой Калифорнии. Планирова-
несколько разных функций. Иссле-
лось задействовать местных фотографов и художников. Это был амби- дование монограмм, кажется, заняло
циозный проект, который уверенно продвигался, когда Даг обратился больше времени, чем сам логотип,
ко мне по поводу брендинга. Я поставила условие, что займусь лого- но часто так и бывает. Порой сложнее
всего определиться с элементами,
типом, когда появится креативный директор или кто-то, отвечающий
которые на первый взгляд кажутся
за первичный дизайн-макет журнала. Никакой дизайнер не обрадуется простыми и понятными.
необходимости встраивать в свою работу чужое произведение, особен-
но если речь идет о таком важном для проекта элементе. Как только
Даг нанял Карла де Торреса для предварительного этапа дизайна, мы
начали совместно создавать логотип.
Мне представлялось нечто стильное — жирное контрастное,
но повседневное и истинно калифорнийское. Мы набрасывали эскизы
на встречах, склоняясь к тому, что нам нужна насыщенная антиква
с курсивом — она не так формальна, как прямой романский шрифт,
и не настолько современна, как гротеск. У надписи должна быть инди-
видуальность, но не слишком вычурная и молодежная. Я делала легкие
эскизы во время разговоров с Карлом и Дагом и больше к карандашу
не обращалась. Основная часть работы проходила в Illustrator: я следи-
ла, чтобы буквы были одинаковыми, но не слишком плотными, а места
соединений смотрелись естественно. California Sunday
140 141
Я уже сотрудничала с Марти Голон, но в качестве не дизайнера логоти-
пов, а иллюстратора Reader’s Digest. Когда Марти попросила порабо-
тать над редизайном логотипа журнала Reminisce, я сразу согласилась.
Reminisce — смесь ностальгии и стиля Америки 1900-х, его слоган:
«Журнал о старых добрых временах». Первый вариант, который пока-
зала мне Марти, отдавал китчем 1950–1960-х, а Марти хотела вневре-
менной логотип, не так явно указывающий на конкретную эпоху.
Слева вы видите оригинальную
Голон прислала PDF-файл с логотипами в рукописном стиле
версию названия и первый вариант
из разных журналов, и они стали хорошей отправной точкой для ис- от Марти. Одна из основных задач
следования. Было заметно, что все они нарисованы вручную, и я хотела редизайна — убрать из надписи боль-
подобрать такой же воздушный стиль. Полдня я «играла» перьями, на- шие росчерки, которые сливаются
с другими элементами обложки.
брасывая основные формы, но эскизы для первой презентации сделала
карандашом. Марти их одобрила, и мы решили отрисовать в векторе
два варианта: прямой рукописный кистью и каллиграфический остро-
конечным пером. Оба мы посмотрели в макете, и победу одержал пря-
мой рукописный кистью, хотя мне нравился и второй. Ниже показан
альтернативный вариант в векторе.
Reminisce Magazine
142 143
Так выглядел оригинальный логотип.
Прежде всего нужно было убрать контуры
и объем, чтобы сфокусироваться на форме
букв. В глаза бросался «спортивный» вид
логотипа. Новую версию я собиралась сде-
лать гендерно нейтральной и отражающей
сферу деятельности компании.
телю, что нужно улучшить, и четко объясняла, почему местами форму посмотрел на мою работу и заметил: «Для
вектора неплохо». Люди должны ценить
букв следует изменить. Критикуя чей-то логотип, тщательно подби-
искусство само по себе.
райте слова. В этом проекте на изменениях настаивали дизайнеры,
а не СЕО, и я старалась быть сдержанной. Предложенные изменения
одобрили, и мы продолжили работу.
То, что это вектор, заметно по отсутствию
Для начала я перерисовала надпись, упростив ее и учитывая изме-
плавности у кривых и скачкообразным
нения, которые планировала внести. Далее я создала несколько разных переходам между прямыми и кривыми.
вариантов. В итоге клиент предпочел менее контрастный по сравнению У кончиков росчерков не было единообра-
зия, и я предложила исправить это в новой
с оригиналом, с выпрямленной базовой линией. Наклоненная буква R,
версии. Некоторые выпирали, другие
такая дорогая сердцу СЕО, осталась почти без изменений. Я дорабо- казались слишком тонкими и безжизнен-
тала росчерки, сделав их чуть менее выраженными, и создала версию ными, третьи — недоделанными. Каждый
логотипа с увеличенным межбуквенным интервалом для лучшей чита- знак на логотипе должен иметь смысловую
нагрузку и выглядеть естественно.
бельности при использовании в небольших размерах (см. ниже).
144
эту главу я вынесла разные проекты, которые
не вписываются ни в одну из предыдущих
категорий: пригласительные на свадьбу, созда-
ние титров и дизайн приглашений и сайта для
оскаровской вечеринки.
Большинство таких проектов я выполняла по заказам частных лиц или
агентств, некоторые — для удовольствия (например, Daily Drop Cap) или
безвозмездно для друзей либо благотворительных организаций. Работа над
этими проектами включает все этапы, которые я описала выше: исследова-
ние и мозговой штурм, миниатюры, эскизы, финальную отрисовку в векто-
ре. Научившись раскладывать по полочкам процесс, вы почувствуете в себе
силы справиться с любым проектом — постером, пригласительным, облож-
кой для альбома, винной этикеткой, временным тату или шапочкой для
плавания. При пошаговом разделении все становится возможным. О не-
скольких проектах, которые выпадают из общей схемы, я расскажу позже.
146 InДжессика
146 Progress: Хиш. Про л е тт е ринг
Introduction 147
Florence and the Machine
Винные этикетки для Mahonia Vineyard — известная винодельня гревом и тиснением фольгой (фотография
Mahonia Wine в Орегоне — нуждалась в эксклюзивных на предыдущей странице). Я разработала
этикетках для лимитированной серии вин. монограммы, подразумевая, что у каждой
Клиент: Mahonia Vineyard Передо мной стояла задача создать узна- последующей серии будут свой вариант
Арт-директор: Трэвис Хенри ваемый для постоянных клиентов дизайн. монограммы MV и разные цветовые реше-
Поэтому мы сохранили тот же дизайн, как ния. Здесь я привожу первые три работы,
и в других сериях, и сосредоточились на соз- которые, надеюсь, положат начало большой
дании уникальной иллюстрации с кон- и профессиональной интересной серии.
148
Открытки для Paperless Post
154
157
NPR Calendar мозг ресурсов, которым я с удовольствием лучше после всякой чепухи, перед которой
пользуюсь. Я очень хотела отразить это не смогли устоять, но и стараетесь быть луч-
Клиент: National Public Radio в типографике и, работая над дизайном, опи- ше. Каждый месяц календаря иллюстриро-
Арт-директор: Кэйти Бёрк ралась на винтажную упаковку продуктов вали работы известных художников, и я была
(а не только китчеватое многообразие 1950– на седьмом небе от счастья, когда клиент ре-
Я питаю тайную слабость ко многим СМИ, 1960-х) и дизайн раннеамериканского пери- шил вынести мой рисунок на обложку. Я вы-
но NPR (Национальное государственное ода. NPR — в числе полезных ресурсов, бла- брала максимально простую цветовую гамму,
радио) — один из немногих подпитывающих годаря которым вы не только чувствуете себя чтобы леттеринг на ее фоне заиграл.
158
Papyrus Cards
Клиент: Papyrus
Арт-директора (менялись в течение
проекта): Ребекка Шенк, Дженнифер
Лью, Кари Салливан, Сьеломар Куэвас,
Эд Хакари, Катри Хэйкок
160
Поздравительные открытки зная о возможности поиграть с деталями,
вырубками и спецэффектами. Target любит
Клиенты: Target, McDonald’s, экспериментировать с вырубками и ста-
Victoria’s Secret, Meijer, Samsung рается сделать что-то привлекательное
и интересное: открытки в виде капкейка
Samsung Korea стали одним из моих первых слева или свадебную с волнистыми краями
крупных иностранных клиентов. Мне по- (с обручальными кольцами), например,
ручили создать десяток поздравительных напечатали на матовой бумаге с тиснением
открыток. Возможно, тот проект привлек фольгой и конгревом. Основная сложность
внимание Target, с которой я работаю уже в дизайне здесь — создать вещь, которая не
много лет. Рисовать поздравительные затеряется в море себе подобных, открытку,
открытки очень увлекательно, особенно которая сама по себе станет подарком.
163
164 165
You’re My Pinspiration да находила отговорки, но в этот раз Эван поручил мне на-
рисовать надпись You’re My Pinspiration1 для открыток, ко-
Клиент: Pinterest торые пользователи могли бы вручать людям, подарившим
Арт-директор: Эван Шарп им вдохновение. Открытки напечатали в разных цветовых 1 Сочетание двух
166
Moonrise Kingdom Мне посчастливилось работать над титра- В мои задачи входило создание примерно
ми для фильма Уэса Андерсона «Королев- 20 надписей в начале фильма и шрифта
Клиент: Уэс Андерсон ство полной луны». Совместно с ним и его для титров в конце. В итоге я выполнила
Арт-директора: Уэс Андерсон, Джереми небольшой командой сопродюсеров мне два шрифта — два визуально уравновешен-
Даусон, Молли Купер предстояло воплотить в жизнь его ви́дение. ных скрипта, которые при использовании
Проект начинался с каллиграфическо-
го шрифта Edwardian Script. Команда
разработала титры, но решила, что они
слишком формальные. Кроме того, мы
переживали, как тонкая гарнитура будет
смотреться на экранах с низким разре-
шением.
171
огда я задумала написать книгу, у меня были ган, Стефани Кнопп, Пола Шери, Скотта Лазероу, Дермота Маккор-
разные мысли насчет того, как она должна вы- мака и всех из Школы искусств и архитектуры Тайлер, кто заставлял
глядеть. Я думала, что покажу эскизы и немно- меня выдавать больше, чем мне казалось возможным, и благодаря кому
я влюбилась в дизайн. Спасибо Полу Кепплу за помощь, наставниче-
го введу читателей в процесс — с нуля до го- ство и упоминание меня как суперинтерна в выходных данных книг,
тового проекта. Но, когда я начала писать, все над которыми я работала в Headcase, и Джейсону Керневичу, который
завертелось. очень повлиял на мою жизнь (дизайн, музыку, еду, выпивку, … — ваш
вариант); Луизе Фили, которая научила меня многому и щедро делилась
В итоге получилась не просто книга с красивыми иллюстрациями, а источ- временем, знаниями и мороженым. Благодарю моего агента Фрэнка
ник информации и вдохновения. Она намного глубже, чем мне виделось Стерджеса, который следил, чтобы работа не поглотила меня целиком,
вначале, и каждый день я думаю о том, что мне хотелось бы поместить Джесси Рэган, Александра (Сашу) Точиловски и других преподавате-
на эти страницы. Это не полное руководство по леттерингу и шрифтам, лей из Type@Cooper, моих нынешних и бывших коллег, особенно Эрика
такое создать невозможно. Есть много прекрасных книг о леттеринге, Мариновича, за отклики, улыбки и пиво на крыше. Всех замечательных
и я надеюсь, что моя станет дополнением или возможностью заглянуть арт-директоров и клиентов, с которыми я работала; шрифтовых бота-
в увлекательный мир леттерингозависимых. ников, молодых и не очень, которые стали моими близкими друзьями
Благодарю всех, кто помог мне в создании этой книги, прямо или и всегда готовы покритиковать, даже если я об этом не прошу. Моего ре-
косвенно: моих родителей (всех шестерых) за поддержку; Анджелу Гловач, дактора Кейт Вудроу, которая меня успокаивала и помогала сокращать
самого крутого школьного учителя на свете; Кармину Чианчулли, которая текст, оставляя чудные отступления и своеобразный язык. Разумеется,
увидела потенциал в моем посредственном школьном портфолио и дала Расса, моего мужа, за любовь, поддержку, чепуху и умничанье, которые
мне невероятную поддержку; Джо Скорцоне, Элис Друдинг, Келли Холо- он мне подарил. И моих котов, от которых я без ума.
РИСОВАНИЕ И ХЭНДМЕЙД
Издание для досуга
ИСКУССТВО
Джессика Хиш
КИНО И ФОТО
ПРО ЛЕТТЕРИНГ
От карандашного наброска до векторной графики:
процесс работы профессионального леттерера
Эта книга изменит вашу жизнь! По крайней мере,
ваше отношение к леттерингу и шрифтовому дизайну.
Благодаря пошаговым инструкциям вы научитесь
Шеф-редактор Ольга Архипова
Ответственный редактор Анна Кузьмина КРЕАТИВ
Арт-директор Мария Красовская
рисовать уникальные буквы и превратите свои эскизы
Редактор Ольга Свитова
ДИЗАЙН И РЕКЛАМА
в готовые векторные работы, которые понравятся
Верстка Надежда Кудрякова
даже самым придирчивым шрифтовым умникам. Верстка обложки Наталия Майкова
Леттеринг на обложке Наталья Торопицына
Леттеринг в верстке Анна Цымбал
Корректоры Наталья Коннова, Светлана Липовицкая
ВДОХНОВЕНИЕ
Благодарим за помощь в подготовке издания
каллиграфа Наталью Торопицыну
#miftvorchestvo
ООО «Манн, Иванов и Фербер»
www.mann-ivanov-ferber.ru
www.facebook.com/miftvorchestvo
Подписывайтесь
www.vk.com/miftvorchestvo
на полезные книжные письма
со скидками и подарками:
mif.to/cr-letter