• Photoshop  \ 
• Уроки Фотошоп  \ 
• Работа с текстом  \ 
• Типографическая иллюстрация

Шаг 1

Первым делом, создадим большую текстуру, имитирующую деревянную поверхность. Добиться точно такого же результат как в уроке, скорей всего не получится, а потому попробуйте сделать что-то похожее.
Создайте новый документ с размерами 6000х6000 пикселей и разрешением 300dpi.
Поменяйте цвет переднего плана (foreground color) на тёмно-коричневый(#48403a), а заднего (background color) на светло-коричневый(#ac9f92). Заполните фон нового документа цветом переднего плана и примените к нему Filter > Render > Fibers. В настройках фильтра выставьте Variance на 12.0 и Strength на 34.0 и жмите на кнопку «randomize», пока не добьётесь похожего результата (можно также немного поиграть с настройками, добиваясь удовлетворительного результата)

Другая возможность: автор также предлагает скачать платный набор деревянных текстур: ссылка



Шаг 2

Теперь добьёмся большей глубины волокон и немного затемним их. Создайте слой с картой градиента (Layer > New Adjustment Layer > Gradient Map), с настройками показанными ниже, измените его режим наложения (Blending Mode) на Overlay и поставьте непрозрачность (Opacity) на 50%



Шаг 3

Создайте новый слой и залейте его цветом #633a1c. Поставьте этот слой в режим Multiply



Шаг 4

Создайте ещё один слой, поменяйте цвет переднего плана на белый и выберите Gradient Tool. Залейте новый слой градиентом сверху вниз от белого к прозрачному (поменять настройки градиента можно, нажав на полосу градиента вверху справа) и поставьте его Opacity на 10%. Выберите всё (Ctrl+A) и копируйте слитно все слои (Ctrl+Shift+C)



Шаг 5

Создайте новый документ. При создании, поставьте следующие настройки:
Preset: International Paper
Size: A4
Resolution: 300
Color Mode: CMYK

Вставьте на фоновый слой ране созданную текстуру (Ctrl+V). Используя этот шрифт, напишите каждую букву на отдельном слое. Цвет не имеет значения – позже мы заменим его текстурой (автор выбрал различные оттенки зелёного, просто чтобы показать расположение слоёв с буквами)



Шаг 6

Нажмите два раза на иконку слоя буквы «T» и добавьте стили слоя (Layer Style) показанные ниже.
Цвета, использованные автором в эффектах: Drop Shadow #000000; Outer Glow #476454; Bevel and Emboss Highlight #f09629 и Shadow #45293c; Stroke #466454




После применения эффектов, должно получиться следующее



Шаг 7

Копируйте стили слоя буквы «T» (нажмите правой кнопкой на иконку слоя и выберите Copy Layer Style) и вставьте их на каждый слой с буквами (Paste Layer Style). Создайте также большой знак Амперсанд (&) позади букв



Шаг 8

Создайте новый слой выше слоя с буквой «T», вставьте на него нашу деревянную текстуру и, удерживая Alt, нажмите между новым слоем и слоем с буквой (чтобы сделать из него маску отсечения = clipping mask)



Шаг 9

Создайте ещё один слой выше слоя с текстурой и сделайте из него маску отсечения. Удерживая Ctrl, кликните по иконке слоя буквы «T», чтобы выделить букву, и уменьшите выделение на 7 пикселей (Select > Modify > Contract)



Шаг 10

Залейте выделение белым (на новом слое, созданном в предыдущем шаге), снимите выделение (Ctrl+D) и немного размойте (Filter > Blur > Gaussian Blur)



Шаг 11

Поменяйте Opacity этого слоя на 40%, выберите Eraser Tool (поставьте в настройках Hardness на 80%) и сотрите нижнюю часть белой заливки



Шаг 12

Скачайте эти изображения: большой винт, маленький винт. Вырежьте их из фона и обесцветьте (Ctrl+Shift+U).
Поместите большой винт в середину буквы «Т» и примените к слою с винтом эффекты, показанные ниже



Должно получиться так, будто винт удерживает букву



Шаг 13

Примените к маленькому винту те же эффекты, что и к большому.
Обработайте остальные буквы по принципу буквы «Т» и распределите винты как показано ниже



Шаг 14

Скачайте векторный узор ornate pattern, откройте его в Illustrator’е и нажмите два раза на изображение детали. С помощью Direct Selection Tool выберите белую часть детали и измените её цвет на #486554. Копируйте деталь (Ctrl+C), вернитесь к документу в ФШ и вставьте деталь (Ctrl+V), выбрав в появившемся окне Smart Object

Если у вас нет программы Adobe Illustrator, можете использовать готовый PSD-файл узора:  Pattern1.rar ( 120.4к )

Шаг 15

Добавьте к слою с деталью эффекты показанные ниже



Выглядит немного странно, но мы исправим это в следующем шаге



Шаг 16

Создайте выше слоя с деталью новый слой и сделайте из него маску отсечения. Выберите мягкую кисть и цветом #74cdd8 закрасьте верх детали



Шаг 17

Выберите слои шага 14 и 16 и нажмите Ctrl+G, чтобы объединить их в группу. Дублируйте группу, поверните и разместите как показано ниже



Шаг 18

Дублируйте группу ещё раз, увеличьте, поверните и разместите правей и ниже текста



Шаг 19

Копируйте группу ещё несколько раз и расположите уменьшенные копии, как показано ниже – попытайтесь выбрать для них естественное и органичное направление



Шаг 20

Добавляем ещё несколько копий



Шаг 21

Изменим контраст и цветовую гамму композиции с помощью корректирующих слоёв. Добавляем слой в самом вверху палитры через Layer > New Adjustment Layer > Gradient Map, с настройками как на рисунке ниже, и меняем его режим наложения на Linear Burn и Opacity на 30%



Шаг 22

Добавляем следующий корректирующий слой: Layer > New Adjustment Layer > Selective Color



Шаг 23

Можно немного разнообразить цвет узоров – добавим немного оранжевого. Дублируйте один из слоёв с узором (не группу), уменьшите и повторите шаг 16, поменяв цвет на #f7db58. Выберите оба слоя и объедините их в группу



Шаг 24

Дублируйте новую группу несколько раз и распределите как показано ниже



Шаг 25

Создайте новый слой и, выделяя каждую букву (Ctrl+клик), немного порисуйте поверх тем же цветом #f7db58



Шаг 26

Вернитесь к изображению узора в Illustrator’е и нажмите два раза на сам узор (а не на деталь, как до этого). Выберите белую часть и поменяйте её цвет на чёрный. Копируйте узор (Ctrl+C) и вернитесь в ФШ. Создайте новый документ, не меняя предлагаемых фотошопом размеров, и вставьте скопированный узор (Ctrl+V). Отключите видимость слоя «Background» и создайте из изображения узор для ФШ через Edit > Define Pattern

Готовый PSD-файл узора: ссылка



Шаг 27

Вернитесь к основному документу и создайте новый слой выше фона с деревянной текстурой. Возьмите Paint Bucket Tool, сверху выберите Pattern, для заливки узором, затем выберите, созданный ранее узор, и залейте новый слой этим узором



Настройте стили слоя как показано ниже и поменяйте Fill этого слоя на 0%



Так должен выглядеть узор при увеличении в 100%



Шаг 28

Создайте новый слой (над слоем с узором), сделайте из него маску отсечения и, выбрав большую мягкую кисть, нарисуйте несколько светлых пятен в середине изображения. Понизьте Opacity этого слоя, чтобы пятна стали больше похожи на световые



Шаг 29

Создайте ещё один слой-маску отсечения и оранжевым цветом (#f7db58) добавьте несколько пятен в произвольных местах композиции, по принципу предыдущего шага



Финал

нажмите для увеличения

Автор: Alex Beltechi
Перевод: doofy

Урок добавил(а): DogKilleR