Этапы разработки леттеринга
Так сложилось, что с кириллицей удаётся поработать крайне редко: основная база клиентов находится за рубежом, а когда заказывают люди из России, то нередко просят надписи на латинице. Летом 2017-го года ко мне обратилась владелица магазина авторских товаров «Мам, купи!» с задачей сделать два кириллических принта для летней коллекции, получилось интересно. Недавно вышел большой проект на Behance с одной из работ для той коллекции ─ «Мне нужна только движуха», ─ а сегодня я более подробно о ней расскажу.
Задача
Как уже было сказано, базовой задачей этого проекта была разработка надписи на русском языке. Так как магазин «Мам, купи!» покупатели ценят за смысловое содержание принтов и надписей на продукции, было важно добиться максимальной читаемости, но сохранив при этом интересную форму и не сделав надпись скучной.
Одним из пожеланий заказчика стало сохранение текстуры, которая характерна для работ, выполненных кистью ─ надпись должна выглядеть фактурно и не быть однотонной и простой. Помимо этого вместо привычного мне векторного формата, финальную работу нужно было сделать в растре, что принесло немного хлопот при обработки наброска на компьютере.
Процесс разработки
1. Инструменты
Для работы над этим проектом я использовал сухую кисть с резервуаром, а для более очевидной текстуры брашпена купил две банки туши ─ чёрную и красную. Основным цветом скетча является красный, но на каждой строчке надписи я опускал кончик кисти в банку с чёрной тушью, чтобы местами цвет был более тёмным, что даёт на этапе постобработки больший простор при работе с цветом наброска ─ в растровых проектах это особенно ценно.
- Pentel «Aqua Brush» среднего размера ≈ 400₽
- Бумага не имеет значения, я использовал обычную офисную
- Тушь Гамма ≈ 70₽
2. Наброски и поиск композиции
Так как принту предстояло оказаться на таких товарах, как бутылки, фляги, обложки для паспорта, тетради и так далее, он должен был умещаться в вертикальной ориентации, поэтому формат выбрать было просто. Главной проблемой при создании многострочных принтов являются буквы с выносными элементами, которые залезают на строку, расположенную ниже. В этой работе такая была всего одна и букву «у» в слове «нужна» от буквы «т» в слове «только» я отделил, немного сместив нижнюю строчку влево, чтобы петля «у» задевала лишь часть расположенной под собой «т». На этапе пост-обработки я отделил между букв этот небольшой участок с помощью небольшой ненавязчивой тени.
Так как аудиторию магазина в своей основе составляет молодёжь, принт должен был быть исполнен в яркой и интересной композиции. Для этого я сделал буквы «играющими» и нарочно сбил базовую линию каждой строки, сделав их разной величины. Вследствие этого между строками появляются либо композиционные дыры, либо знаки «залезают» друг на друга, поэтому размеры и пропорции букв в каждой строке прямо зависели от размеров букв строки ниже или выше, а пустые области были композиционно «закрыты» с помощью выносных элементов.
3. Постобработка и поиск проблемных мест
На этапе постобработки передо мной стояли следующие задачи: во-первых, обеспечить максимальную читабельность выбранному варианту, выявить наиболее проблемные места и сделать их понятными. Во-вторых, довести скетч до финального состояния, в котором он отправится в печать ─ так как работа целиком и полностью должна была обладать характерной кистевой структурой, все доработки было необходимо осуществить на компьютере. В-третьих, нужно было отделить надпись от белого фона вручную, так как результат программных методов меня не устроил.
Сделать максимально читабельный набросок с первого раза получается не всегда, поэтому всю работу над этим я провожу при доработке основного скетча на бумаге или на компьютере. Первым делом мы ищем, какие моменты вызывают у людей затруднения и почему, какие буквы их путают. Для этого я советую создать небольшую фокус-группу, куда вы будете отправлять работы, требующие обязательной читабельности.
Все эти проблемы, включая доработку форм букв, мы разгребаем уже в фотошопе с помощью инструмента «перо», который при грамотном подходе может заменить аналогичный инструмент из Adobe Illustrator. После выделения нужного фрагмента с помощью пера на панели сверху рядом с вкладками «изображение» и «слои» найдите кнопку «выделение», чтобы превратить выбранную пером область в область выделения. Белый фон я удаляю вокруг букв постепенно, с помощью того же выделения, но в инверсии.
Первым делом мы отделяем набросок от фона (анимация ниже). Для этого я использую инструмент «exposition/экспозиция», который находится во вкладке «image/изображение» ─ «correction/коррекция». Поиграйте с ползунками этого инструмента, фон должен стать максимально белым, а набросок при этом не должен сильно потускнеть. Для увеличения контраста при необходимости используйте после описанной выше процедуры инструмент «карта градиента».
Далее я удаляю с работы весь мусор и оставляю только необходимое (анимация выше). Для подчёркивания выбранного инструмента я оставил в работе брызги туши, которые выполняют ещё одну роль ─ закрывают небольшие композиционные пробелы так, что надпись выглядит максимально цельно и плотно, а композиционный рисунок не имеет дыр и лишних пробелов.
При правке и доработке формы букв, я использую обычную круглую программную кисть с минимальным уровнем жёсткости, чтобы переходы цвета в исправленной области были не такими грубыми.
4. Утверждение работы и печать
На утверждении и сдаче работы дело не кончается ─ заказчик не только владелец магазина, но и иллюстратор. Получив надпись, Даша совместила её со своими акварельными иллюстрациями плодов граната и отправила в печать.
Прежде чем отправить вас смотреть, как выглядит принт на готовой продукции, благодарю тех, кто дошёл до конца. Лучшая благодарность с вашей стороны ─ лайк, репост и подписка на паблик «Бауэр говорит». Спасибо!
