French Spanish German Italian English Japanese Swedish

Типографика в Photoshop: создаём красивые картинки.

ХУДОжnick

Всех приветствую, дорогие мои читатели и почитатели. Сегодняшний урок наглядно продемонстрирует, как можно создать симпатичную обоину на рабочий стол исключительно средствами Photoshop CS5. А именно, мы с Вами постараемся использовать маленькие слова для создания Большого Слова. Мы будем использовать наклон шрифта, его толщину, размер и расположение для придания словам определённого визуального стиля, и из этих слов мы создадим легко воспринимаемый цельный объект.

Создаём градиент

Итак, создайте документ нужного вам разрешения, в моём случае это 1920×1080. Залейте фон каким либо градиентом, на данном этапе цвет и тип градиента не сильно важен.

Теперь каким-нибудь красивым толстым шрифтом напишите то слово, которое в дальнейшем должно быть сформировано из других слов. Не обязательно конечно слово, можно и изображение использовать в качестве основы. Цвет заготовки не сильно важен, так как это просто заготовка для работы, в финальном результате её быть не должно.

Пишем текст-заготовку

Начинайте располагать слова по всей площади заготовки. Лучше не стараться заполнить какой либо кусок словами, а работать постепенно, сразу по всей площади. Цвет желательно использовать чёрный, так будет более наглядно. Не забывайте играться стилем и размером шрифтов: шрифт желательно использовать один и тот же, например я использовал  Calibri, так как у него имеются 4 стиля (regular, bold, italic, bold italic)и этот шрифт очень легко читаем.

Начало работы

Обычно в работах таково типа (кстати, это называется типографика) зашифровывается какая-либо фраза, слово. А Мы с Вами тоже используем какую либо интересую фразу! Как насчёт: Ветка правильного искусства на древе истории…. Красиво звучит! = ).Итак, как нам выделить данный слоган? Во первых – размером шрифта. Да, размер и здесь имеет значение… Слова для нашего слогана должны быть значительно больше размером, чем те слова, которыми мы заполняем площадь фигуры.

Процесс создания

После примерно часа таскания слоёв с текстом, Photoshop начинает подтормаживать, работать из рук вон плохо. Исправляется это просто – сливаем все наши текстовые слои в один. (выделяем все текстовые слои за исключением основы – > layers – > merge layer).

Итоговый результат без обработки

Допустим, вы получили результат, который вас утраивает. Можно остановиться, и даже подготовить ваше творение для печати. Но можно сделать ещё красивее! Нужно всё это дело раскрасить, мы ведь художники. Тут уж дело за вашей фантазией = ). Процесс моей работы был таким: сначала я добавил всем словам оттенки (закрепил прозрачность слоя, залил нужными цветами растрированный текст). Разумеется, слой со словом Your, который был основой, я уже спрятал за ненадобностью.

Закрепляем прозрачность слоя

Продублировал слой с текстом, расположил его позади основного, и применил фильтр блюр (любой из имеющихся), подтерев затем не вписывающиеся края инструментом Eraser со сглаженными краями кисти (Ластик).

Раскрашиваем...

Так же имеет смысл выделить наш слоган (так как он растрирован, придётся использовать один из инструментов контурного выделения), скопировать слоган на новый слой, и добавить эффектов свечения +  ко всему я использовал фильтр sharpen на фон, 5 раз.

Выделяем текст Шарпим фон

Стоит отметить, что на каждом этапе я оцениваю изображение, и довожу каждый слой до ума. Результат смотрим и качаем.

Результат

4 Responses to “Типографика в Photoshop: создаём красивые картинки.”

Leave a Reply