Вы находитесь на странице: 1из 119

1.

Оживляем постер
Создайте новый документ. На новом слое напишите нужный текст. Используйте различные
цвета для слов и букв. Для корректировки ширины букв воспользуйтесь меню Редактирование >
Трансформация > Масштаб.

Отключите фон и объедините видимые слои. Включите фон. К слою с текстом добавьте слой-
маску (layer mask).
Откройте фотошаблон в новом документе. Затем просто скопируйте изображение ( Ctrl +A для
выделения фотографии, Ctrl + C для того чтобы скопировать фото). Вернитесь в рабочий
документ с текстом, встаньте на текстовый слой и перейдите на вкладку Каналы(Channels Tab).
Выберите нижний слой на вкладке под названием "Маска" (с пометкой Ctrl + \).

Стоя на данном слое, нажмите комбинацию клавиш Ctrl+V , для того, чтобы вставить
выбранное фото в канал.
Пока выделение вставленного фото еще не снято, активируйте
инструмент Трансформирование (Ctrl + T) и преобразуйте картинку (масштабируйте, поверните
или сделайте то, что считаете нужным).
Вернитесь на вкладку Слои (Layers Tab). Как вы видите, мы получили черно-белое
изображение внутри букв.

Встаньте на маску слоя и нажмите комбинацию клавиш Ctrl+I, для того что бы инвертировать
векторную маску (слой-маску \ layer mask).
Для того что бы получить более интересный эффект, вы можете дополнительно
воспользоваться корректирующими слоями (adjsutments layers), такими как Яркость
\Контрастность (Brightness/Contrast).
Создайте новый документ в Фотошопе размером 1280х720 пикселей. Я использую разрешение
143,99 пиксель/дюйм, так как работаю на MacBook Pro с Retina с дисплеем. 

Залейте фоновый слой чёрным цветом, используя инструмент Заливка (Paint Bucket Tool) (G).

Текст

Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) напишите «XCOM».
Используйте шрифт «Futura» размером 200pt цветом #00c0ff.

Стилизация

Кликните дважды на текстовом слое, чтобы открыть окно стилей. Примените следующие стили:
Внутреннее свечение (Inner Glow):

Режим наложения (Blend Mode): Линейный осветлитель (Linear Dodge)


Непрозрачность (Opacity): 100%
Шум (Noise): 0%
Цвет (Color): Белый
Метод (Technique): Мягкий (Softer)
Источник (Source): Из центра (Center)
Стягивание (Choke): 0%
Размер (Size): 40 пикселей
Контур (Contour): По Гауссу (Gaussian); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 72%
Колебание (Jitter): 0%

Внешнее свечение (Outer Glow):

Режим наложения (Blend Mode): Осветление (Screen)


Непрозрачность (Opacity): 75%
Шум (Noise): 0%
Цвет (Color): #00d8ff
Метод (Technique): Мягкий (Softer)
Размах (Spread): 0%
Размер (Size): 70 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 50%
Колебание (Jitter): 0%

Результат:
Пиксельная маска

Нужно вырезать центральную часть букв «COM». Инструментом Прямоугольная область


(Rectangular Marquee Tool) (M) выделите то, что нужно скрыть/удалить.

К текстовому слою добавьте маску (кликните на иконке в нижней части палитры слоёв).
Смягчение краёв

Сейчас мы добавим размытие, чтобы края не были такими чёткими. Выберите текстовый слой и
перейдите в меню Фильтр > Преобразовать для смарт-фильтров (Filter > Convert for Smart Filters).
Текстовый слой будет преобразован в смарт-объект. Это позволит изменить настройки фильтра в
любое время так же, как и стили слоя. 

Примените фильтр Размытие по Гауссу (Фильтр > Размытие > Размытие по Гауссу) (Filter > Blur >
Gaussian Blur).
Создание узора

Нужно добавить горизонтальные линии на текст. Для этого мы создадим узор. Создайте новый
документ размером 14х14 пикселей.

Так как холст имеет очень маленький размер, Вам нужно увеличить масштаб насколько это
возможно. 
Выберите инструмент Градиент (Gradient Tool) (G): Стиль (Style) – Зеркальный (Reflected).

Залейте холст от центра вниз, удерживая клавишу Shift. 


Благодаря зеркальной заливке края линий будут немного размыты. Перейдите в меню
Редактирование > Сохранить узор (Edit > Define Pattern), чтобы сохранить узор.

Наложение узора

Вернитесь в основной документ и перейдите к стилям текстового слоя. Примените стиль Наложение
узора (Pattern Overlay).

Режим наложения (Blend Mode): Нормальный (Normal)


Непрозрачность (Opacity): 100%
Узор (Pattern): созданный градиентный узор
Масштаб (Scale): 100%
Связать со слоем (Link with Layer): Включено
Не изменив режим наложения узора, Вы получите такой результат:

В настройках стиля Установите Режим наложения (Blend Mode) на Жёсткий свет (Hard Light) и
понизьте непрозрачность.

Нужно убрать линии с пустого участка букв «COM». Выделите пустую область инструментом
Прямоугольная область (Rectangular Marquee Tool) (M).
Перейдите в меню Выделение > Модификация > Растушевка (Select > Modify > Feather) и введите
значение 20 пикселей. Чем оно выше, тем мягче будут края выделенной области.

К смарт-объекту добавьте маску, чтобы скрыть часть линий. Удерживая Alt, кликните на иконке
маски.

Чтобы сделать надпись ярче, создайте корректирующий слой Уровни (Levels). Затем чёрной кистью
обрисуйте нижнюю и верхнюю часть текста на маске корректирующего слоя, чтобы ослабить там
свечение.
2. С блестками
Шаг 1
Создаем новый документ размером 950 х 800 пикселей и над
слоем Background (Фон) вставляем текстуру стены.

При необходимости корректируем размер текстуры и называем слой «Фоновая


текстура».

Шаг 2
В нижней части панели слоев нажимаем на
кнопку Create new fill or adjustment layer (Создать новую заливку или
корректирующий слой) и выбираем Levels (Уровни).
Шаг 3
Выбираем слой Levels (Уровни) и трансформируем его в обтравочную маску
(Ctrl+Alt+G) для слоя «Фоновая текстура». Затем устанавливаем центральный
серый ползунок на 1,95.
Шаг 4
Большими буквами пишем текст, используя шрифт InterFace Regular.

Устанавливаем размер на 250 pt, Tracking (Трэкинг) – на 100 и, если у вас


несколько строк текста, то меняем Leading (Интерлиньяж) на 250.

2. Добавляем текстуры и маски

Шаг 1
Выше предыдущих слоев вставляем розовую текстуру бумаги, при
необходимости корректируем ее размер и называем слой «Розовый».
Шаг 2
Зажимаем клавишу Alt и в нижней части панели слоев нажимаем на
кнопку Add layer mask  (Добавить слой-маску), чтобы полностью скрыть
текстуру.
Шаг 3
Дублируем (Ctrl+J) слой «Розовый».

Шаг 4
Повторяем действия и добавляем вторую текстуру – упаковочную бумагу.
Переименовываем слой с текстурой на «Золотой» и дублируем его (Ctrl+J).
3. Создаем кисточку «Конфетти»

Шаг 1
Активируем инструмент Brush Tool  (B) (Кисть) и открываем панель Window –
Brush (Окно – Кисть). Выбираем круглую жесткую кисть и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)


Shape Dynamics (Динамика формы)
Шаг 2
В правом нижнем углу панели кистей нажимаем на
кнопку Create new brush (Создать новую кисть), в появившемся окне в поле с
названием вводим «Круглое конфетти» и нажимаем ОК.

Шаг 3
Устанавливаем набор кисточек «Сердце», выбираем кисть s24 и настраиваем ее:
Brush Tip Shape (Форма отпечатка кисти)

Shape Dynamics (Динамика формы)
Scattering (Рассеивание)
Сохраняем кисть и называем ее «Конфетти в форме сердца».

Шаг 4
Выбираем квадратную кисть Hard Square 24 и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)


Shape Dynamics (Динамика формы)
Scattering (Рассеивание)
Сохраняем кисточку и называем ее «Верхнее конфетти».
4. Выполняем обводку текста

Шаг 1
Кликаем правой кнопкой по тексту и выбираем Create Work Path (Создать
рабочий контур). Затем скрываем текстовый слой, кликнув на значок глаза
напротив названия слоя.

Шаг 2
Берем Brush Tool  (B) (Кисть), выбираем кисточку «Конфетти в форме сердца» и
устанавливаем цвет переднего плана на белый.

Выбираем маску слоя «Золотой» и один раз жмем клавишу Enter, чтобы кистью
выполнить обводку рабочего контура.
Шаг 3
Выбираем маску копии слоя «Золотой» и один раз жмем клавишу Enter, чтобы
кистью выполнить обводку рабочего контура.
Шаг 4
Скрываем обе копии слоя «Золотой».

5. Создаем рабочий контур с помощью Пера

Шаг 1
Теперь нам нужно создать еще один рабочий контур внутри предыдущего. Для
этого мы воспользуемся инструментом Pen Tool (P)   (Перо). На верхней панели
режим рисования устанавливаем на Path(Контур).

Чтобы создать идеально прямую линию, кликаем в точке начала, затем,


удерживая Shift, кликаем еще раз, чтобы добавить следующую опорную точку.
Шаг 2
Жмем клавишу Esc (или зажимаем клавишу Ctrl и кликаем в любом месте
документа), чтобы закончить создание текущего контура и приступить к новому.
Шаг 3
Чтобы создать кривую линию, вы должны в момент добавления новой опорной
точки, не отпуская левую кнопку мышки, потянуть, чтобы появились усики.

Шаг 4

С помощью инструмента Direct Selection Tool  (A) (Частичное выделение) вы в


любой момент можете подкорректировать опорные точки и направление
усиков, изменив тем самым форму рабочего контура.
Шаг 5
Закончив создание дополнительного рабочего контура, берем Brush Tool  (B)
(Кисть), выбираем кисточку «Круглое конфетти» и выполняем обводку контура на
копиях слоя «Розовый».

После этого нажимаем клавишу А, затем Enter, чтобы удалить рабочий контур.
6. Стилизуем круглое конфетти
Дважды кликаем по слою «Розовый», чтобы открыть окно Layer Style (Стиль
слоя), и применяем следующие стили слоя:

Шаг 1
Добавляем стиль слоя Color Overlay (Наложение цвета) со следующими
параметрами:

 Цвет: #edcdd2

При желании, вы можете поэкспериментировать с другими цветами и режимами


смешивания.

Шаг 2
Добавляем стиль слоя Drop Shadow (Тень) со следующими параметрами:

 Opacity (Непрозрачность): 10%
 Distance (Смещение): 7
 Size (Размер): 3
Шаг 3
Кликаем правой кнопкой по слою «Розовый» и
выбираем Copy Layer Style (Скопировать стиль слоя). Затем кликаем правой
кнопкой по копии слоя «Розовый» и выбираем Paste Layer Style (Вставить стиль
слоя).
7. Стилизуем конфетти в форме сердца

Шаг 1
Восстанавливаем видимость копий слоя «Золотой».
Шаг 2
Дважды кликаем по оригинальному слою «Золотой» и применяем стиль
слоя Drop Shadow (Тень) со следующими настройками:

 Opacity (Непрозрачность): 20%
 Distance (Смещение): 7
 Size (Размер): 3
Шаг 3
Копируем и вставляем стили на дубликат слоя «Золотой».
8. Перемещаем текстуры внутри маски

Шаг 1
Перемещаем слой «Золотой» под копию слоя «Розовый», чтобы эффект выглядел
более динамично. Затем кликаем на значок цепи между слоем и маской, чтобы
их разъединить. Делаем это для всех четырех слоев.

Шаг 2
Кликаем на миниатюру слоя и жмем Ctrl+T, чтобы активировать режим
свободной трансформации. Корректируем положение и размер текстуры, пока
не получим желаемый результат.
Шаг 3
Закончив, нажимаем Enter, чтобы принять изменения.
9. Добавляем размытые конфетти

Шаг 1
Выше всех предыдущих слоев снова добавляем текстуру упаковочной бумаги и
называем ее «Верхнее конфетти». Это конфетти находится ближе к зрителю и
должно быть крупнее, чем то, что на буквах, поэтому сильно не уменьшайте
масштаб текстуры.

Зажимаем клавишу Alt и добавляем черную маску на слой «Верхнее конфетти».


Затем берем кисточку «Верхнее конфетти» и вручную рисуем конфетти вокруг
текста.
Шаг 2
Кликаем правой кнопкой по слою «Верхнее конфетти» и
выбираем Convert to Smart Object(Преобразовать в смарт-объект).

Шаг 3
Далее переходим Filter – Blur Gallery – Path Blur (Фильтр – Галерея размытия –
Размытие контура). Ставим опорные точки и создаем дугообразную линию.
Настройки используйте либо такие как у меня, либо на ваше усмотрение.
Шаг 4
Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по
Гауссу) и устанавливаем Radius (Радиус) на 3.
Шаг 5
Дважды кликаем по слою «Верхнее конфетти» и применяем стиль
слоя Drop Shadow (Тень) со следующими настройками:

 Opacity (Непрозрачность): 5%
 Distance (Смещение): 70
 Size (Размер): 5

Этим мы и закончим создание текстового эффекта.


Поздравляю, мы закончили!

В начале урока мы создали простой фон, текст и добавили несколько текстур с


масками.

Затем настроили и сохранили несколько кисточек, создали рабочий контур и


обвели его кистями. После этого с помощью Pen Tool  (Перо) мы добавили
дополнительный рабочий контур, применили к нему круглое конфетти и
стилизовали его.

И в конце нарисовали размытое конфетти вокруг текста.


3. Плюшевый текст

Создаем новый документ размером 1000 х 460 пикселей. Цвет переднего плана
устанавливаем на #9193c3 и заднего – на #525578. Берем Gradient Tool  (G)
(Градиент), выбираем градиент от цвета переднего плана к цвету заднего и
стиль Radial (Радиальный).

Затем заливаем документ градиентом от центра к любому углу.

Над фоновым слоем вставляем текстуру мешковины и меняем ее режим


смешивания на Multiply(Умножение). Затем корректируем размер и положение
(Ctrl+T) так, чтобы получить наилучший результат.
Пишем текст большими буквами, используя шрифт Titan One. Цвет
устанавливаем на #d8d8d8, Size(размер) – на 250 pt и Tracking (Трэкинг) – на 50.

Шаг 2
Дважды кликаем по текстовому слою, чтобы применить стили слоя:

Bevel and Emboss (Тиснение)

 Size (Размер): 27
 Ставим галочку напротив Anti-aliased (Сглаживание)
 Shadow Mode (Режим тени) – Цвет: #d8d8d8
Contour (Контур)

 Contour (Контур): Half Round (Полукруг)
 Ставим галочку напротив Anti-aliased (Сглаживание)
Texture (Текстура)

 Pattern (Узор): Светлая текстура


 Depth (Глубина): 50%
Inner Shadow (Внутренняя тень)

 Color (Цвет): #b5b5b5
 Distance (Смещение): 0
 Size (Размер): 10
Drop Shadow (Тень)

 Opacity (Непрозрачность): 60%
 Distance (Смещение): 8
 Size (Размер): 9
Таким образом, мы придали тексту эффект 3D.
Шаг 3
Берем Brush Tool   (B) (Кисть) и открываем панель Window – Brush (Окно –
Кисть). Выбираем кисточку Dune Grass и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)

Shape Dynamics (Динамика формы)
Color Dynamics (Динамика цвета)
Шаг 4
Кликаем правой кнопкой по текстовому слою и
выбираем Create Work Path (Создать рабочий контур). Затем над предыдущими
слоями добавляем новый и называем его «Обводка». Убедитесь, что
инструмент Brush Tool  (B) (Кисть) все еще активен.
Устанавливаем цвет переднего плана на #cdcdcd и заднего – на #f3f3f3. Затем
несколько раз (5-7) жмем кнопку Enter, чтобы выполнить обводку контура нашей
кисточкой. Закончив, берем Direct SelectionTool  (A) (Частичное выделение) и
еще раз жмем Enter, чтобы удалить рабочий контур.

Зажимаем клавишу Ctrl и кликаем по миниатюре текстового слоя на панели


слоев, чтобы загрузить его выделение.
Выше предыдущих слоев добавляем новый и называем его «Текстура».
Устанавливаем цвет переднего плана на #d8d8d8 и заднего – на #858585. Затем
переходим Filter – Render – Clouds (Фильтр – Рендеринг – Облака).
Переходим Select – Deselect (Выделение – Снять выделение) (Ctrl+D).

Переходим Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум).


Устанавливаем Amount (Эффект) на 20, Distribution (Распределение) –
на Gaussian (По Гауссу) и активируем Monochromatic(Монохромный).
Устанавливаем режим смешивания слоя «Текстура» на Soft Light (Мягкий свет).
Это поможет нам добиться реалистичного эффекта.
Шаг 5
Снова загружаем выделение текста, затем выше предыдущих слоев добавляем
новый, называем его «Полосы» и устанавливаем режим смешивания этого слоя
на Linear Burn (Линейный затемнитель). Мы будем сразу видеть результат
работы, и это поможет нам выбрать наиболее подходящий цвет.

Выбираем оттенок для полос (в данном уроке использован цвет #e890b9). Только
не берите слишком темный оттенок, так как режим
смешивания Linear Burn (Линейный затемнитель) все равно сделает цвет
темнее.

Далее берем круглую жесткую кисточку (В) и устанавливаем диаметр в


зависимости от того, насколько широкими или узкими должны быть полоски.

После этого, удерживая клавишу Shift, кликаем слева от текста на том уровне, на
котором должна быть полоса, и проводим кистью до самого правого края.
Благодаря клавише Shift линия получится идеально ровной.

Повторяем это действие, чтобы добавить больше полос. Также вы можете


регулировать диаметр кисточки и получить более интересный результат.
Берем Pen Tool  (P) (Перо) и на верхней панели устанавливаем режим
рисования на Path (Контур). Далее мы должны создать прямые линии у верхнего
и нижнего краев каждой полосы.

Для этого кликаем слева от текста ровно на уровне верхней границы полосы,
зажимаем клавишу Shift и кликаем справа от текста.

Не волнуйтесь, если линия не разместилась идеально на верхней границе


полосы, ниже мы подкорректируем ее положение. После создания каждой линии
нажимаем клавишу Esc, чтобы оборвать контур.
Закончив, берем Path Selection Tool  (A) (Выделение контура), кликаем по
линии, которую нужно переместить, и стрелками на клавиатуре корректируем
положение. Поправив линии, кликаем в любом месте документа, чтобы снять
выделение с линий.

Шаг 6
Берем Eraser Tool  (E) (Ластик), открываем панель Brush  (Кисть), выбираем
мягкую круглую кисточку размером 5 пикселей и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)


Shape Dynamics (Динамика формы)
Один раз жмем клавишу Enter, чтобы применить ластик к линиям, которые мы
создали выше. В результате мы создали на цветных полосах неровные края,
которые позволят создать нам более реалистичный эффект пушистого текста.
Шаг 7
Берем Brush Tool  (B) (Кисть) и на панели Brush (Кисть) выбираем кисточку
Grass. Настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)


Shape Dynamics (Динамика формы)
Выше предыдущих слоев добавляем новый и называем его «Обводка полос».
Убедитесь, что цвет переднего плана такой же, как у полос. Затем несколько раз
(3-5) нажимаем клавишу Enter, чтобы обвести кисточкой созданные выше линии.
Если вы довольны результатом, берем Direct Selection Tool  (A) (Частичное
выделение) и нажимаем Enter, чтобы избавиться от контура. После этого
переходим Select – Deselect (Выделение – Снять выделение), чтобы удалить
выделение, а затем применяем Filter – Sharpen – Sharpen (Фильтр – Резкость –
Резкость), чтобы края полос были более четкими.

Закончив, устанавливаем режим смешивания слоя «Полосы»


на Normal (Нормальный).

Зажимаем клавишу Ctrl и одновременно выбираем слои «Полосы» и «Обводка


полос», затем переходим Layer – Merge Layers (Слой – Объединить слои) и
меняем режим смешивания объединенного слоя на Linear Burn (Линейный
затемнитель).

Проверяем, чтобы цвет переднего плана все еще был установлен на цвет полос,
а фоновый цвет устанавливаем на белый. Затем переходим Filter – Noise –
Add Noise (Фильтр – Шум – Добавить шум). Устанавливаем Amount (Эффект) на
5, Distribution (Распределение) – на Gaussian (По Гауссу) и
активируем Monochromatic (Монохромный).
Шаг 8
Перемещаем слой «Обводка» в самый верх панели слоев.

Дублируем (Ctrl+J) текстовый слой и «Обводка», затем кликаем правой кнопкой


по текстовому слою и выбираем Clear Layer Style (Очистить стиль слоя).
Удерживая клавишу Ctrl, выделяем копию текстового слоя и обводки и
объединяем их в один слой (Ctrl+E). Называем получившийся слой «Тень» и
размещаем под оригинальным текстовым слоем.

Дважды кликаем по слою «Тень», чтобы применить стиль


слоя Drop Shadow (Тень):

 Color (Цвет): #767676
 Opacity (Непрозрачность): 58%
 Distance (Смещение): 15
 Size (Размер): 10
Это добавит тексту больше объема.
Шаг 9
Снова активируем Brush Tool  (B) (Кисть) и настраиваем кисточку Grass:

Brush Tip Shape (Форма отпечатка кисти)

Shape Dynamics (Динамика формы)
Scattering (Рассеивание)
Color Dynamics (Динамика цвета)
Проверяем, чтобы цвет переднего плана все еще был установлен на цвет полос,
а фоновый – на белый. Затем под слоем «Тень» создаем новый и называем его
«Ворсинки».

Аккуратно проводим кисточкой вокруг текста, чтобы хаотично добавить немного


ворсинок.
4. Освежающий
Создайте новый документ размером 850 × 550 пикселей с разрешением 72
пикселя на дюйм. Кликните по образцу цвета переднего плана и установите его
цвет на # 22272d, а затем установите фоновый цвет на # 101115. Выберите
инструмент Градиент  (Gradient tool) (G), кликните по миниатюре градиента на
панели параметров, чтобы открыть редактор градиента, выберите градиент «От
основного к фоновому» (Foreground to Background) и нажмите ОК. Теперь
установите в верхней панели Радиальный градиент (Radial Gradient). Зажимая
левую кнопку мыши, создайте направление от центра документа к одному из
углов, чтобы сделать градиентный фон.

Выберите инструмент Текст  (Type tool) (T) и используя шрифт «Franks» 230 пт,
напишите слово «FRESH» белым цветом по центру документа.
Уменьшите заливку (Fill) текстового слоя до 0%, а затем дважды нажмите
комбинацию клавиш Ctrl+J, чтобы сделать две копии.
Шаг 2
Дважды кликните по миниатюре текстового слоя на панели слоев, чтобы
открыть окно параметра Стиль слоя (Layer Style). Выберите Тиснение (Bevel &
Emboss) в списке слева. Установите размер до 27 пикселей, снимите
флажок Глобальное освещение (Use Global Light), установите Угол (Angle) на
149° и Высоту (Altitude) на 58°. Нажмите на «стрелку», которая находится рядом с
миниатюрой Контур глянца(Gloss Contour) и выберите Перевернутый
конус (Cone – Inverted). Поставьте галочку на Сглаживание(Anti-aliased),
измените Режим подсветки (Highlight Mode) на Перекрытие (Overlay), сделайте
непрозрачность Режима подсветки до 100% и измените
непрозрачность Режима тени (Shadow Mode) до 0%.

Теперь выберите Контур (Contour) в списке и поставьте галочку


на Сглаживание (Anti-aliased).
Выберите далее в списке Обводка (Stroke). Установите размер в 1 пиксель.
Измените Тип обводки (Fill Type) на градиент и установите Угол (Angle) 90°.
Теперь кликните по миниатюре градиента, чтобы открыть редактор градиента.
Нажмите справа на кнопку Загрузить (Load), выбираете ранее скаченный
вместе с архивом набор градиентов «CHROMES.grd» и нажмите Открыть.
Градиенты будут добавлены в нижней части списка. Выберите градиент
«Stainless steel 10x» и нажмите OK, чтобы закрыть редактор градиента.
Выберите далее Внутренние свечение (Inner Glow). Измените режим
наложения на Мягкий свет (Soft Light) и установите Шум (Noise) на 100%. Теперь
установите желтый цвет (# c7bf5a) и нажмите ОК, чтобы закрыть окно палитры
цветов. Установите Источник (Source): «Из центра» (Center) и измените размер
до 20 пикселей.
Далее в списке выберите Наложение градиента (Gradient Overlay) и затем
кликните по миниатюре градиента, чтобы открыть редактор. Кликните два раза
по контрольной точке цвета в левом нижнем углу градиента, в появившемся
окне палитры цветов установите цвет # 016f6e и нажмите ОК. Теперь кликните
два раза по контрольной точке цвета в правом нижнем углу и измените цвет
на # fee847, нажмите ОК и потом снова нажмите ОК, чтобы закрыть редактор
градиента.
Теперь выберите Тень (Drop Shadow). Установите непрозрачность на 19%,
уберите галочку Глобальное освещение (Global Light), измените Угол (Angle) на
-143° и установите Смещение (Distance) на 18 пикселей. Нажмите ОК, чтобы
закрыть окно параметра Стиль слоя (Layer Style). Мы создали стиль для нашего
текста. Если вы хотите, то можете попробовать различные градиентные заливки.
Шаг 3
Дважды кликните по миниатюре копии текстового слоя, чтобы снова открыть
окно параметра Стиль слоя (Layer Style). Выберите Тиснение (Bevel & Emboss),
измените Размер (Size) на 10 пикселей, уберите галочку Глобальное
освещение (Use Global Light) и установите Угол (Angle) на 63°, а Высоту (Altitude)
на 69°. Установите галочку Сглаживание (Anti-aliased) и
измените Режимподсветки (Highlight Mode)
на Перекрытие (Overlay), Непрозрачность (Opacity) режима подсветки
установите на 100%, а непрозрачность Режима тени (Shadow Mode) до 0%.
Нажмите OK, чтобы применить стиль слоя. Так мы добавили еще один
глянцевый слой в наш текст.
Шаг 4
Дважды кликните по миниатюре копии второго текстового слоя, чтобы снова
открыть окно параметра Стиль слоя (Layer Style). Выберите Тиснение (Bevel &
Emboss), измените Размер (Size) на 21 пиксель, уберите галочку Глобальное
освещение (Use Global Light) и установите Угол (Angle) на -121°
а Высоту(Altitude) на 58°. Установите галочку Сглаживание (Anti-aliased),
измените Режим подсветки (Highlight Mode)
на Перекрытие (Overlay), Непрозрачность (Opacity) режима подсветки
установите на 100%, а непрозрачность Режима тени (Shadow Mode) до 0%.
Теперь в списке выберите Контур (Contour), кликните на «стрелку», которая
находится рядом с миниатюрой контура и выберите Полукруг (Half Round),
поставьте галочку на Сглаживание (Anti-aliased).
Выберите Внешнее свечение (Outer Glow). Измените режим наложения (Blend
Mode) на Линейный свет (Linear Light) и установите Шум (Noise) на 19%.
Выберите цвет #dbffb7, нажмите ОК, чтобы закрыть палитру цветов и измените
размер до 7 пикселей. Нажмите OK, чтобы применить данный стиль слоя. Мы
добавили последний глянцевый слой, а также внешнее свечение, чтобы эффект
выглядел более интересным.
Шаг 5
Откройте изображение «Брызги воды», выберите инструмент Перемещение  
(Move tool) (V) и, зажав левую кнопку мыши, перетащите изображение в нашу
работу, поместите его поверх остальных слоев. Затем перейдите
в Редактирование > Свободное трансформирование (Edit > Free Transform),
чтобы изменить размер брызг и по мере необходимости переместить
изображение, чтобы брызги покрывали весь текст, как показано ниже. Нажмите
Enter, чтобы применить преобразование.

Дважды кликните по имени миниатюры слоя и переименуйте его в «Капли»,


затем измените значение Заливки (Fill) на 0%. Теперь дважды кликните по
миниатюре слоя, чтобы открыть окно параметра Стиль слоя (Layer Style).
Выберите Тиснение (Bevel & Emboss) и поставьте галочку на Сглаживание(Anti-
aliased), измените Режим подсветки (Highlight Mode) на Яркий свет (Vivid Light)
и уменьшите непрозрачность Режима тени (Shadow Mode) до 10%.
Теперь выберите Контур (Contour) и измените его на Перевернутый
конус (Cone – Inverted), поставьте галочку на Сглаживание (Anti-aliased).
Выберите Тень (Drop Shadow) и уменьшите Непрозрачность (Opacity) до 15%,
уберите галочку Глобальное освещение (Global Light), измените Угол (Angle) на
113° и установите Смещение (Distance) до 7 пикселей. Нажмите OK, чтобы
применить стиль слоя. Это стиль сделает капли прозрачными и реалистичными,
и они прекрасно будут сочетаться с текстом.
Зажмите клавишу Ctrl, кликните левой кнопкой мыши по миниатюре текстового
слоя, чтобы создать активное выделение текста, затем нажмите
значок Добавить слой-маску  (Add Layer Mask) (круг в квадрате) в нижней
части панели слоев. Так вы уберете лишние капели, которые находятся за
пределами текста, но при этом вы в любой момент можете удалить слой-маску и
применить слой с каплями к любому другому тексту, который вы создаете.
Шаг 6
Откройте одно из изображений капель воды в папке «Gex78» (подойдет любое
изображение). С помощью инструмента Перемещение  (Move Tool)
перетащите изображение в нашу работу и поместите его ниже слоя с текстом.
Дважды кликните на имя миниатюры слоя и переименуйте его в «Water BG». В
верхней части панели слоев измените режим наложения
на Перекрытие (Overlay). Перейдите в Редактирование > Свободное
трансформирование (Edit > Free Transform) и измените размер изображения
так, как показано ниже на рисунке.
Нажмите значок Добавить слой-маску  (Add Layer Mask) в нижней части
панели слоев и нажмите клавишу D, а затем клавишу X, чтобы установить
цвета Переднего плана и Фона (Foreground & Background) на черно-белый.
Выберите инструмент Градиент (Gradient tool) и кликните по миниатюре
градиента на панели параметров, выберите градиент От основного к
фоновому (Foreground to Background) и нажмите ОК, чтобы закрыть редактор
градиента, затем установите Линейный градиент(Linear Gradient) на панели
параметров.

Затем поместите курсор немного выше верхнего края изображения с капелями


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

Шаг 7
Выберите верхний слой, а затем, удерживая клавишу Shift, выделите все слои,
кроме Фонового слоя (Background) и слоя Water BG. Перейдите в Слои >
Дубликат слоев (Layer > Duplicate Layers) и после нажмите ОК, затем
выберите Слои > Объединить слои (Layer > Merge Layers). Дважды кликните на
имя дублированного слоя и переименуйте его в «Reflection».

Перейдите в Редактирование > Трансформирование > Отразить по


вертикали (Edit > Transform > Flip Vertical), чтобы перевернуть объединённый
слой . Выберите инструмент Перемещение  (Move Tool) и, удерживая клавишу
Shift, перетащите отражение вниз, пока оно не коснется нижнего края текста.
Перейдите в Фильтр > Галерея фильтров > Искажение > Океанские
волны (Filter > Filter Gallery > Distort > Ocean Ripple) и установите оба значения на
9. Это сделает отражение более реалистичным. Если Галерея фильтров
неактивна, перейдите в Изображение > Режим > 8 бит/канал(Image > Mode > 8
Bits/Channel) и повторите попытку снова.
Измените режим наложения слоя «Reflection» на Жесткий свет (Hard Light) и
уменьшите Непрозрачность (Opacity) до 65%. Затем следуйте тем же указаниям
в пунктах 2 и 3 в Шаге 6, чтобы стереть нижнюю часть отражения и создать
эффект растворения с помощью слой-маски и градиента. Удостоверьтесь, что вы
перетаскиваете градиент снизу перевернутого текста, чтобы получить
правильное растворение.
Шаг 8
Нажмите на значок Создать новый слой (Create a New Layer) в нижней части
панели слоев, чтобы добавить новый слой над слоем с отражением.
Переименуйте его в «Shadow», далее кликните по образцу цвета переднего
плана и выберите цвет # 464646, после нажмите ОК, чтобы закрыть Палитру
цветов (Color Picker). Выберите инструмент Кисть  (Brush Toll) (B) и откройте
панель Окно > Кисть (Window > Brush). Перейдите во вкладку Форма отпечатка
кисти (Brush Tip Shape) и установите Кегль(Size) кисти 80
пикселей, Форму (Roundness) установите на 50%, а также Интервал (Spacing) до
50%. Теперь нажмите Динамика формы (Shape Dynamics) и измените
размер Колебание  размера (Jitter) на 30% и убедитесь, что для
параметра Управление (Control) установлено значение Выключено (Off) для
всех экземпляров.

Измените режим наложения слоя «Shadow» на Умножение (Multiply) и


уменьшите Непрозрачность(Opacity) до 30%. Теперь нарисуем тень под текстом.
Вы можете изменить значение непрозрачности, если вам нужно добавить тень.
Нажмите на значок Создать новый корректирующий слой (Create New
Adjustment Layer) в нижней части панели слоев и выберите Градиент (Gradient).
В открывшемся окне кликните по миниатюре градиента, а потом дважды
кликните по контрольной точке внизу слева и введите # 7c7c7c, потом нажмите
ОК, чтобы закрыть палитру цветов. Теперь дважды кликните по контрольной
точке в правом углу, используйте тот же цвет и дважды нажмите ОК. Вернитесь в
диалоговое окно Заливка градиента(Gradient Fill) и выберите
стиль Радиальный (Radial), масштаб установите на 500%, поставьте
галочку Инверсия (Reverse) и нажмите ОК.
Наконец, измените режим наложения корректирующего слоя на Линейный
затемнитесь (Linear Burn) и уменьшите Непрозрачность (Opacity) до 30%. Так
мы завершили работу над эффектом, слегка отрегулировав цвет.

Вот финальный результат. Этот эффект мы получили, используя разнообразные


стили слоев и разные изображения с брызгами и каплями воды. Надеюсь, что
вам понравился этот урок и он оказался для вас полезным.
5. Хромированный текст
Создайте текст, используя шрифт Dymaxion Script, размер шрифта 150 pt, цвет
шрифта #a4a4a4.
Шаг 2
Продублируйте слой с текстом. Уменьшите значение Заливки (Fill) до 0 для
дубликата слоя, а затем продублируйте дубликат слоя.

3. Стилизуем Первый Слой с Текстом


Дважды щёлкните по оригинальному слою с текстом, чтобы применить
следующие стили слоя:

Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие
настройки для данного стиля слоя:

 Метод (Technique): Жёсткая огранка (Chisel Hard)
 Размер (Size): 7
 Контур Глянца (Gloss Contour): Конус (Cone)
 Поставьте галочку в окошке Сглаживание (Anti-aliased)
 Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
 Непрозрачность (Opacity) 50%
 Режим тени (Shadow Mode)
– Умножение (Multiply) Непрозрачность (Opacity) 50%
Шаг 2
Выберите стиль слоя Контур (Contour). Установите следующие настройки для
данного стиля слоя:

 Контур (Contour): Перевёрнутый конус (Cone—Inverted)
 Поставьте галочку в окошке Сглаживание (Anti-aliased)
Шаг 3
Выберите стиль слоя Тень (Drop Shadow). Установите следующие настройки для
данного стиля слоя:

 Непрозрачность (Opacity) 90%
 Смещение (Distance): 3
 Размах (Spread): 0
 Размер (Size): 7

Итак, мы создали стилизацию для основного слоя с текстом.


4. Стилизуем Первый Дубликат Слоя с
Текстом
Дважды щёлкните по первому дубликату слоя с текстом, чтобы применить
следующие стили слоя:

Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие
настройки для данного стиля слоя:

 Размер (Size): 7
 Контур Глянца (Gloss Contour): Скруглённые ступени (Rounded Steps)
 Поставьте галочку в окошке Сглаживание (Anti-aliased)
 Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
 Непрозрачность (Opacity) 50%
 Режим тени (Shadow Mode)
– Умножение (Multiply) Непрозрачность (Opacity) 20%
Шаг 2
Выберите стиль слоя Контур (Contour). Установите следующие настройки для
данного стиля слоя:

 Контур (Contour): Глубокая выемка (Cove-Deep)
 Поставьте галочку в окошке Сглаживание (Anti-aliased)
Итак, мы создали стилизацию для второго слоя с текстом.

5. Стилизуем Второй Дубликат Слоя с


Текстом
Дважды щёлкните по второму дубликату слою с текстом, чтобы применить
следующие стили слоя:

Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие
настройки для данного стиля слоя:

 Размер (Size): 7
 Контур Глянца (Gloss Contour): Двойное кольцо (Ring double)
 Поставьте галочку в окошке Сглаживание (Anti-aliased)
 Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
 Непрозрачность (Opacity) 70%
 Режим тени (Shadow Mode)
– Умножение (Multiply) Непрозрачность (Opacity) 20%
Шаг 2
Выберите стиль слоя Контур (Contour). Установите следующие настройки для
данного стиля слоя:

 Контур (Contour): Конус (Cone)
 Поставьте галочку в окошке Сглаживание (Anti-aliased)
Шаг 3
Выберите стиль слоя Тень (Drop Shadow). Установите следующие настройки для
данного стиля слоя:

 Непрозрачность (Opacity) 70%
 Смещение (Distance): 3
 Размах (Spread): 0
 Размер (Size): 7

Итак, мы создали стилизацию для последнего слоя с текстом, усилив детали и


завершая хромовый эффект.
6. Добавляем Текстуру к Тексту

Шаг 1
Откройте второе исходное изображение с автомобилем. Переместите данное
изображение на наш рабочий документ. Расположите данный слой с
автомобилем поверх всех остальных слоёв. Назовите этот слой Текстура
Текста (Text Texture). Примените масштабирование по мере необходимости.
Теперь, удерживая клавишу (ctrl)+щёлкните по миниатюре слоя с текстом, чтобы
загрузить активное выделение.
Шаг 2
Нажмите значок Добавить слой-маску  (Add layer mask) в нижней части
панели слоёв, чтобы удалить текстуру за пределами контура активного
выделения.

Если вы захотите сместить или повернуть текстуру, то вы можете щёлкнуть по


значку звена цепи между миниатюрой слоя и миниатюрой слой-маски, чтобы
отключить его, а затем щёлкните по миниатюре слоя и сместите текстуру внутри
маски.
Шаг 3
Поменяйте режим наложения для слоя Текстура Текста (Text Texture)
на Затемнение основы (Color Burn), а также
уменьшите Непрозрачность (Opacity) слоя до 30%.

Вы можете с помощью инструмента Перемещение   (Move Tool) сместить


текстуру, чтобы получить желаемый результат.

Текстура создаст красивый оттенок и усилит детали, а также сделает эффект


более реалистичным.

7. Проводим Заключительную Цветовую


Коррекцию

Шаг 1
Нажмите значок Создать новый корректирующий слой или слой-
заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в
появившемся окне выберите опцию Карта градиента (Gradient Map).
Шаг 2
Установите цвета градиента: фиолетовый, зелёный и оранжевый, а также
поставьте галочку в окошке Дизеринг (Dither).

Поменяйте режим наложения для корректирующего слоя Карта


градиента (Gradient Map) на Цветность (Color), а затем
уменьшите Непрозрачность (Opacity) до 15%.

Таким образом, мы добавили винтажное чувство к итоговому результату.

Вам также может понравиться