Простая типографика с меловым орнаментом в Photoshop

В этом уроке мы попробуем создать стильный шрифт с орнаментом, далее применим эффект меловой доски при помощи Adobe Illustrator, Adobe Photoshop и некоторых векторных орнаментов. Весь процесс достаточно прост, но требует много времени, мне бы потребовалось, по меньшей мере, 3 часа для воссоздания этого дизайна.

Шаг 1

Откройте Adobe Illustrator и создайте новый документ. При помощи инструмента «Шрифт»( T) добавьте текст «2013». Я использую бесплатный шрифт, который называется Pistilli Roman:

Простая типографика с меловым орнаментом в Photoshop

Шаг 2

Сейчас пришло время добавить орнаментов. Есть пару ресурсов, откуда вы можете легко скачать орнаменты. Те, которые использую я, любезно предоставлены веб-сайтом Shutterstock. Файл под названием Set of vector graphic elements for design.

Начните добавлять орнамент, пытаясь соответствовать дизайну шрифта:

Простая типографика с меловым орнаментом в Photoshop

Шаг 3

Продолжайте добавлять детали. Помните, что переход необходимо делать максимально плавным:

Простая типографика с меловым орнаментом в Photoshop

Шаг 4

Можно дублировать один и тот же орнамент пару раз и соединять копии друг с ином:

Простая типографика с меловым орнаментом в Photoshop

Шаг 5

Добавляйте элементы орнамента, пока не почувствуете, что композиция сбалансирована:

Простая типографика с меловым орнаментом в Photoshop

Шаг 6

Последнее, что необходимо сделать, это добавить заключительные штрихи, к примеру, завитки на окончания орнаментов:

Простая типографика с меловым орнаментом в Photoshop

Шаг 7

Сейчас создайте новый документ в программе Adobe Photoshop. Размер моего документа 2880 на 1800 пикселей. Далее найдите изображение черной доски для того, чтобы использовать его как фон для дизайна:

Простая типографика с меловым орнаментом в Photoshop

Шаг 8

Скопируйте графику, которую вы создали в Illustrator и вставьте ее в Photoshop. Кроме того, добавьте новый слой и заполните его черным цветом. После этого создайте дубликат картинки «2013» и объедините его с черным фоном:

Простая типографика с меловым орнаментом в Photoshop

Шаг 9

Измените режим смешивания объединенного объекта на «Светлее»(Lighter Color):

Простая типографика с меловым орнаментом в Photoshop

Шаг 10

Зайдите в Фильтр — Галерея фильтров — Наклонные штрихи(Filter — Filter Gallery — Angled Stroke). Установите значение 67 для «Баланса направления»(Direction Balance), 9 для «Длины штриха»(Stroke Length) и 5 для «Резкости»(Sharpness):

Простая типографика с меловым орнаментом в Photoshop

Шаг 11

Добавьте маску, и, воспользовавшись инструментом «Кисть»(Brush), закрасьте маску 30% черного цвета, чтобы сделать белый менее однородным:

Простая типографика с меловым орнаментом в Photoshop

Шаг 12

Расположив слой с надписью «2013» поверх остальных слоев, перейдите во вкладку Слои — Стиль слоя — Внешнее свечение(Layer — Layer Style — Outer Glow). Используйте изображение, приведенное ниже, для задания необходимых значений:

Простая типографика с меловым орнаментом в Photoshop

Шаг 13

После этого выберете опцию «Падающая тень»(Drop Shadow). Задача данных двух стилей слоя — создать рода эффект мела:

Простая типографика с меловым орнаментом в Photoshop

Шаг 14

Примерно такой эффект должен получится у вас на данном этапе. После этого измените режим смешивания слоя со стилями на «Растворение»(Dissolve):

Простая типографика с меловым орнаментом в Photoshop

Шаг 15

Выберете все слои и создайте их дубликаты. Объедините все дублированные слои в один, и далее перейдите в Фильтр – Размытие — Размытие по Гауссу(Filter – Blur — Gaussian Blur).

Для радиуса задайте значение 5 пикселей. После применения фильтра измените режим смешивания(Blend Mode) на «Мягкий Свет»(Soft Ligh) со значением 50%. Снова создайте дубликат слоя и измените режим смешивания на «Осветление»(Screen):

Простая типографика с меловым орнаментом в Photoshop Добавьте логотип в конце, и если хотели бы, шума и при помощи корректирующих слоев снизьте контрастность. Но это на усмотрение. Идея этого урока заключалась только в том, чтобы создать красивый эффект меловой доски при помощи программ Adobe Photoshop и Adobe Illustrator:
Простая типографика с меловым орнаментом в Photoshop Скачать файл Photoshop, использованный в данной статье.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *