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

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

Шаг 1

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

Шаг 1

Шаг 2

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

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

Шаг 2

Шаг 3

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

Шаг 3

Шаг 4

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

Шаг 4

Шаг 5

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

Шаг 5

Шаг 6

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

Шаг 6

Шаг 7

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

Шаг 7

Шаг 8

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

Шаг 8

Шаг 9

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

Шаг 9

Шаг 10

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

ШАГ 10

Шаг 11

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

Шаг 11

Шаг 12

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

Шаг 12

Шаг 13

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

Шаг 13

Шаг 14

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

Шаг 14

Шаг 15

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

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

Шаг 15

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

, и если хотите, немного шума и с помощью корректирующих слоев снизьте

Скачать файл Photoshop, использованный в данной статье.

Перевод статьи «Easy Chalk Ornament Typography in Photoshop» был подготовлен дружной командой проекта Сайтостроение от А до Я.