Как сделать буквы из травы в фотошопе
В этом уроке вы узнаете, как, используя текстуры, изображения, стили слоя и корректирующие слои, создать волшебный текст, навеянный мультфильмом про Питера Пэна.
Сложность урока: Средний
“Весь мир состоит из веры, доверия и пыльцы феи”. В этом уроке мы унесём наш текст в Неверленд, страну вечного детства, используя текстуры и изображения, включая стили слоя и корректирующие слои, чтобы создать волшебный текст, навеянный мультфильмом про Питера Пэна. ОК. Давайте приступим!
Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые можно приобрести на сайте Envato Market.
Итоговый результат:
1. Создаём задний фон
Шаг 1
Шаг 2
Шаг 3
Откройте исходное изображение с небом. Переместите данное изображение на наш рабочий документ, расположив поверх слоя с градиентом. Примените масштабирование, а также выберите нужное расположение при необходимости.
Назовите слой с небом Небо (Sky), поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 60%.
Шаг 4
Далее, идём Фильтр – Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 1.5 рх.
Примечание переводчика: автор применяет фильтр Размытие по Гауссу (Gaussian Blur) к слою с небом.
Шаг 5
Примечание переводчика: автор добавляет корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) к слою с небом в качестве обтравочной маски.
2. Добавляем текст и текстуру листа
Шаг 1
Добавьте текст, используя шрифт Propaganda. Установите Размер (Size) шрифта 265 pt, а значение Трэкинга (Tracking) 50.
Шаг 2
Откройте исходную текстуру Листа. Переместите данную текстуру на наш рабочий документ, расположив поверх слоя с текстом. Примените масштабирование в зависимости от размера детализации, которую вы хотите создать.
Шаг 3
Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстом, чтобы загрузить активное выделение.
3. Маскируем текстуру листа, а также меняем положение текстуры внутри текста
Шаг 1
Находясь на слое с текстурой листа, нажмите кнопку Добавить слой-маску (Add layer mask) в нижней части панели слоёв, чтобы добавить маску.
Щёлкните по звену цепочки между слоем и маской, чтобы развязать их. Это позволит нам смещать изображение внутри маски, а не самого слоя.
Примечание переводчика: не забудьте перейти с маски на слой, для этого просто щёлкните по миниатюре слоя с текстурой листа, в противном случае, вы будете смещать текст, а не текстуру.
Шаг 2
Если вам нужно применить (повторить) какую-то часть текстуры к другим буквам, то просто продублируйте текстуру листа, а затем с помощью любого инструмента выделения выделите буквы, к которым вы решили не применять текстуру.
Далее, убедитесь, что вы находитесь на маске слоя, залейте выделение чёрным цветом, чтобы скрыть текстуру в области выделения.
Примечание переводчика: 1. если вы хотите подобрать текстуру листа с определённым узором (например, с определёнными прожилками листа) к определённой букве текста, тогда создайте копию текстуры листа 2. Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстом, чтобы создать активное выделение 3. Выберите инструмент Прямоугольная область (Rectangular Marquee Tool), а затем в панели управления данного инструмента, выберите режим Пересечение с выделенной областью (Intersect) 4. Выделите нужную букву инструментом выделения, а затем добавьте слой-маску (не забудьте перейти на слой с текстурой листа) 5. Повторите весь процесс для любой буквы, к которой вы решили подобрать определённый узор текстуры. 6. У автора тот же самый процесс, только наоборот, он удаляет текстуру с букв с помощью заливки на маске слоя.
Не забывайте отвязать маску, чтобы поменять расположение текстуры внутри текста, а затем вновь включить связку после завершения выбора расположения, чтобы текст был связан с текстурой.
Просто убедитесь, чтобы все буквы текста были декорированы текстурой листа, а затем отключите видимость оригинального слоя с текстом.
4. Стилизуем текстуру листа
Шаг 1
Дважды щёлкните по слою с текстурой листа, чтобы применить стиль слоя Тиснение (Bevel and Emboss). Примените следующие настройки:
- Размер (Size): 50
- Поставьте галочку в окошке Сглаживание (Anti-aliased)
- Режим подсветки (Highlight Mode): Мягкий свет (Soft Light)
Шаг 2
Щёлкните правой кнопкой мыши по слою, к которому мы применили стили слоя и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style). Далее, выберите остальные слои с текстурой листьев, которые у вас есть, щёлкните правой кнопкой мыши по ним и в появившемся окне выберите стиль слоя Вклеить стиль слоя (Paste Layer Style).
Таким образом, мы добавили объём к тексту.
5. Создаём экструзию
Шаг 1
Выделите все слои с текстурами листьев, которые у вас есть, чтобы продублировать их, а затем нажмите клавиши (Ctrl+E), чтобы объединить дубликаты слоёв в один слой.
Примечание переводчика: если у вас один слой с текстурой листа, тогда создайте новый слой поверх данного слоя, далее, выделите оба слоя и нажмите клавиши (Ctrl+E).
Назовите объединённый слой Экструзия (Extrusion), а затем сместите данный слой вниз, расположив ниже всех слоёв с текстурами листьев.
Шаг 2
Нажмите клавиши (Ctrl+T) для активации режима Свободная трансформация (Free Transform). Далее, нажмите один раз клавишу направления со стрелкой вниз, а затем один раз клавишу направления со стрелкой вправо, чтобы сместить экструзию на 1 рх вниз и на 1 рх вправо.
Нажмите клавишу (Enter), чтобы применить изменения.
Шаг 3
Теперь нажмите клавиши (Ctrl+Alt+Shift+T) шесть раз, чтобы создать шесть дубликатов слоёв с одинаковой трансформацией.
Шаг 4
Сгруппируйте все слои с экструзией в одну группу. Назовите новую группу Экструзия (Extrusion).
6. Стилизуем экструзию
Шаг 1
Дважды щёлкните по слою с группой Экструзия (Extrusion), чтобы применить стиль слоя
Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
- Размер (Size): 10
- Поставьте галочку в окошке Сглаживание (Anti-aliased)
- Режим подсветки (Highlight Mode): Мягкий свет (Soft Light)
- Режим тени (Shadow Mode) – Непрозрачность (Opacity): 25%
Таким образом, мы добавили немного объёма к экструзии.
7. Создаём рабочий контур
Шаг 1
Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстом, чтобы загрузить активное выделение, далее, удерживая клавишу (Shift), чтобы добавить к выделенной области, ещё раз удерживая клавишу (Ctrl), щёлкните по миниатюре последнего дубликата слоя Экструзии (Extrusion).
Шаг 2
Выберите любой инструмент выделения, а затем щёлкните правой кнопкой по выделенной области и в появившемся меню выберите опцию Создать рабочий контур (Make Work Path).
Шаг 3
Установите Допуск (Tolerance) 1.0, а затем нажмите кнопку OK.
Шаг 4
Таким образом, мы преобразуем активное выделение в рабочий контур.
Создайте новый слой поверх всех остальных слоёв, назовите этот слой Обводка (Stroke), а затем выберите инструмент Кисть (Brush Tool).
8. Создаём и применяем Обводящую кисть
Шаг 1
Откройте панель настроек кисти Окно - Кисть (Window > Brush), выберите стандартную кисть Разбросанные кленовые листья (Scattered Maple Leavestip), установите настройки кисти, которые указаны на скриншотах ниже:
Форма отпечатка кисти (Brush Tip Shape):
Динамика формы (Shape Dynamics):
Шаг 2
Нажмите клавишу (Enter), чтобы применить обводку к контуру, используя настроенную кисть.
Нажмите клавишу ‘A’, чтобы активировать инструмент Стрелка (Direct Selection Tool), и ещё раз нажмите клавишу (Enter), чтобы избавиться от рабочего контура.
9. Стилизуем обводку
Шаг 1
Ещё раз откройте исходную текстуру с листом. Переместите данную текстуру на наш рабочий документ, расположив поверх слоя Обводка (Stroke), назовите этот слой Текстура обводки (Stroke Texture).
Щёлкните правой кнопкой мыши по слою Текстура обводки (Stroke Texture) и в появившемся окне выберите опцию Создать обтравочную маску (Create Clipping Mask), чтобы закрепить слой с текстурой к обводке.
Шаг 2
Дважды щёлкните по слою Текстура обводки (Stroke Texture), чтобы применить стиль слоя Внутренняя тень (Inner Shadow).
Примените стиль слоя Внутренняя тень (Inner Shadow). Установите следующие настройки для данного стиля слоя:
Таким образом, мы немного затемнили края.
10. Добавляем вьющееся растение
Шаг 1
Откройте исходное изображение с растениями и листьями. С помощью инструмента Лассо (Lasso Tool), выделите фрагмент, который обведен на скриншоте ниже, а затем перейдите Редактирование - Скопировать (Edit > Copy).
Шаг 2
Возвращаемся на наш рабочий документ, а затем идём Редактирование - Вклеить (Edit > Paste) (Ctrl+V).
Нажмите клавиши (Ctrl+T), чтобы применить масштабирование и поворот на своё усмотрение. Расположите вьющееся растение поверх текста.
Не выходя из режима Свободной трансформации (Free Transform), вы также можете щёлкнуть правой кнопкой мыши по области трансформации, чтобы применить другие опции трансформации, например, отражение по горизонтали / вертикали, при необходимости.
Нажмите клавишу (Enter), чтобы применить изменения.
Шаг 3
Вы можете воспользоваться инструментом Ластик (Eraser Tool (E)), чтобы удалить нежелательные фрагменты растения.
Шаг 4
Ещё раз вклейте исходное изображение вьющего стебля, примените трансформацию. Продолжайте добавлять растения, пока вы не завершите декорировать весь текст растениями и веточками.
Шаг 5
Сгруппируйте все слои с растениями и веточками в одну группу. Назовите новую группу Вьющееся Растение (Vines).
Шаг 6
Сгруппируйте все слои, которые вы создали, за исключением слоёв с задним фоном. Назовите новую группу Текст (Text).
11. Стилизуем группу текст (Text)
Дважды щёлкните по слою с группой Текст (Text), чтобы применить следующие стили слоя:
Шаг 1
Выберите стиль слоя Внутренняя тень (Inner Shadow). Установите следующие настройки для данного стиля слоя:
Шаг 2
Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:
Шаг 3
Выберите следующий стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:
Таким образом, мы стилизовали текст.
12. Добавляем ещё одну текстуру на задний фон и проводим коррекцию цвета текста
Шаг 1
Откройте исходное изображение со штормом. Переместите данное изображение на наш рабочий документ, расположив ниже слоя с группой Текст (Text). Назовите этот слой с изображением шторма Текстура Заднего фона (BG Texture).
Поменяйте режим наложения для слоя Текстура Заднего фона (BG Texture) на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 70%.
Шаг 2
Добавьте корректирующий слой Выборочная коррекция цвета (Selective Color) поверх слоя с группой Текст (Text) в качестве обтравочной маски.
Установите Нейтральные (Neutrals) в меню Цвета (Colors). Примените настройки, которые указаны ниже:
Шаг 3
Установите Чёрные (Blacks) в меню Цвета (Colors). Примените настройки, которые указаны ниже:
13. Добавляем искорки
Шаг 1
Создайте новый слой поверх всех слоёв, назовите этот слой Искры (Sparkles), а затем поменяйте режим наложения для данного слоя на Яркий свет (Vivid Light).
Шаг 2
Выберите любую кисть из набора кистей искры на своё усмотрение, а затем настройте кисть в панели настроек Кисть (Brush), используя такие параметры, как Интервал (Spacing) и Динамика формы (Shape Dynamics).
Далее, щёлкните и слегка поведите кистью, чтобы добавить искорки вокруг текста.
Шаг 3
Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски к слою Искры (Sparkles).
Поставьте галочку в окошке Тонирование (Colorize), а затем установите значение Цветового тона (Hue) на 233, а значение Насыщенности (Saturation) на 100.
14. Проводим заключительную коррекцию цвета
Шаг 1
Добавьте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв, поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 50%. Щёлкните по шкале градиента, чтобы установить цвета градиента.
Шаг 2
Чтобы создать градиент, необходимо щёлкнуть по шкале градиента и добавить Контрольные точки цвета (Color Stops). При выборе контрольной точки цвета, вы можете поменять значение цветового оттенка и его позицию. Примените цвета градиента слева направо, которые указаны ниже:
Цвет – Позиция (Color – Location)
Шаг 3
Добавьте корректирующий слой Градиент (Gradient) поверх всех остальных слоёв.
Примечание переводчика: Стиль (style) градиента Линейный (Linear).
Шаг 4
Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Перекрытие (Overlay), Непрозрачность (Opacity) слоя 30%.
Таким образом, мы провели коррекцию заключительного результата и добавили красивый и нежный жёлтый тон в углу сцены.
Поздравляю! Мы завершили урок!
В этом уроке мы создали простой задний фон, используя заливку градиентом и несколько текстур. Далее, мы добавили текст и создали экструзию, стилизовали их, и добавили текстуру листа, а также веточки. После этого, мы добавили стили слоя для теней и эффектов свечения, включая искорки. В заключение, мы добавили несколько корректирующих слоёв для изменения цвета и освещения итогового результата.
В этом уроке вы узнаете как создать экшен-генератор травы, который за один клик создаст траву, и вам не придется заново повторять весь процесс.
Сложность урока: Легкий
В этом уроке я покажу вам, как создать экшен-генератор травы в Adobe Photoshop. Для работы мы будем использовать две кисточки и стили слоя. На выходе мы получим готовый экшен, который за один клик создаст траву, и вам не придется заново повторять весь процесс.
1. Создаем кисточки
Шаг 1
Открываем Photoshop и создаем новый документ размером 350 х 460 пикселей.
Шаг 2
Нажимаем клавишу D, чтобы сбросить цвета на стандартные черный и белый. Затем берем Ellipse Tool (U) (Овал) и на верхней панели устанавливаем режим Shape (Фигура).
Шаг 3
Рисуем длинный и тонкий овал.
Шаг 4
Берем Convert Point Tool (Р) (Преобразовать точку), зажимаем Ctrl и кликаем в центре фигуры.
Шаг 5
Инструментом кликаем по верхней опорной точке овала, чтобы создать острый угол. Делаем то же самое с нижней опорной точкой.
Шаг 6
Зажимаем клавишу Ctrl и на панели слоев кликаем по миниатюре слоя «Овал 1», чтобы загрузить его выделение. Затем переходим Edit – Define Brush Preset (Редактирование – Определить кисть), называем новую кисточку «Основная кисть» и жмем ОК.
Шаг 7
Берем Brush Tool (B) (Кисть), кликаем правой кнопкой мыши по документу и в открывшемся окне выбираем созданную нами кисточку.
Шаг 8
Открываем панель настроек кисти Window – Brush (Окно – Кисть). Затем настраиваем Brush Tip Shape (Форма отпечатка кисти):
Шаг 9
Далее настраиваем Shape Dynamics (Динамика формы):
Шаг 10
Настраиваем Scattering (Рассеивание):
Шаг 11
Настраиваем Color Dynamics (Динамика цвета):
Настройки Color Dynamics (Динамика цвета) не влияют на финальный результат, но важно настроить этот пункт, если вы собираетесь применять кисточку к различным объектам.
Шаг 12
Теперь в верхнем правом углу панели кистей нажимаем на кнопку меню и выбираем New Brush Preset (Новый набор параметров кисти). Вводим название кисточки «Трава 1» и ставим галочку напротив Capture Brush Size in Preset (Сохранить размер кисти в наборе). После этого жмем ОК.
Шаг 13
Давайте создадим новую кисть. Возвращаемся к настройкам Brush Tip Preset (Форма отпечатка кисти) и вносим изменения:
Шаг 14
Оставляем активным Shape Dynamics (Динамика формы), но настройки не меняем. Переходим к Scattering (Рассеивание) и вносим изменения:
Шаг 15
Оставляем Color Dynamics (Динамика цвета) активным, но настройки не меняем. Сохраняем кисть и называем ее «Трава 2».
2. Создаем текст и устанавливаем узор
Шаг 1
Переходим File – Open (Файл – Открыть) и открываем скачанный фон (Background-Grass.jpg).
Шаг 2
Берем Type Tool (T) (Текст) и пишем слово GRASS. Выбираем шрифт Plump и устанавливаем размер на 300 pt.
Шаг 3
Переходим Edit – Presets – Preset Manager (Редактирование – Наборы – Управление наборами). В выпадающем меню Preset Type (Тип набора) выбираем Patterns (Узоры), затем нажимаем на кнопку Load (Загрузить) и выбираем файл Grass Pattern.pat. После этого нажимаем Done (Готово).
3. Как записать экшен
Шаг 1
Переходим Window – Actions (Окно – Операции), чтобы открыть панель Actions (Операции).
Шаг 2
Давайте для начала создадим новый набор. Для этого нажимаем на кнопку Create New Set (Создать новый набор) в нижней части панели, вводим название «Трава» и нажимаем ОК.
Шаг 3
Затем нажимаем на кнопку Create New Action (Создать новую операцию), вводим название «Травяной текст» и нажимаем Record (Записать).
С этого момента все, что мы делаем внутри Photoshop, записывается, поэтому внимательно следите за панелью Actions (Операции), чтобы не записать лишних действий. Если вы сделали ошибку, нажимаем на кнопку Stop Playing/Recording (Останавливает воспроизведение/Запись) и удаляем лишние действия в экшене «Травяной текст». Затем нажимаем Begin Recording (Начать запись), чтобы продолжить.
Шаг 4
Выбираем текстовый слой, переходим Layer – Rename Layer (Слой – Переименовать слой) и вводим «1».
Шаг 5
Создаем новый слой, кликнув на кнопку Create New Layer (Создать новый слой) в нижней части панели слоев. Называем его «Трава 1».
Шаг 6
Выбираем слой «1» и переходим Type – Create Work Path (Текст – Создать рабочий контур).
Шаг 7
Теперь выбираем слой «Трава 1». Активируем Brush Tool (B) (Кисть) и берем нашу кисть «Трава 1». Перед использованием настраиваем ее:
- Mode (Режим): Normal (Нормальный)
- Opacity (Непрозрачность): 100%
- Flow (Нажим): 100%
- Все эффекты нажима и аэрографа отключаем
Шаг 8
Переходим Window – Paths (Окно – Контуры), чтобы открыть панель контуров. Кликаем правой кнопкой по рабочему контуру на панели и выбираем Stroke Path (Выполнить обводку контура). В открывшемся окне выбираем Brush (Кисть) и снимаем галочку с Simulate Pressure (Имитировать нажатие), затем кликаем ОК.
Шаг 9
Выбираем слой «1». Затем выше создаем новый слой и называем его «Трава 2».
Шаг 10
Берем Brush Tool (B) (Кисть) и настраиваем ее:
- Brush (Кисть): Трава 2
- Mode (Режим): Normal (Нормальный)
- Opacity (Непрозрачность): 100%
- Flow (Нажим): 100%
- Все эффекты нажима и аэрографа отключаем
Шаг 11
Возвращаемся на панель контуров. Кликаем правой кнопкой по рабочему контуру и выбираем Stroke Path (Выполнить обводку контура). Как и выше, выбираем Brush (Кисть) и снимаем галочку с Simulate Pressure (Имитировать нажатие), затем жмем ОК. После этого удаляем рабочий контур.
Шаг 12
Снова выбираем слой «1». Зажимаем клавишу Shift и кликаем по слою «Трава 1», чтобы выделить все слои (кроме фонового).
Шаг 13
Кликаем правой кнопкой по слою «Трава 1» и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
Шаг 14
Дважды кликаем по смарт-объекту «Трава 1», чтобы открыть окно Layer Style (Стиль слоя). Начнем с применения Bevel & Emboss (Тиснение):
Шаг 15
Добавляем и настраиваем Inner Shadow (Внутренняя тень):
Шаг 16
Добавляем Gradient Overlay (Наложение градиента):
Шаг 17
Добавляем Pattern Overlay (Наложение узора) со следующими параметрами:
- BlendMode (Режим наложения): Normal (Нормальный)
- Opacity (Непрозрачность): 100%
- Pattern (Узор): выбираем травяной узор, который мы установили в начале урока.
- Scale (Масштаб): 25%
- LinkwithLayer (Связать со слоем): ставим галочку
Шаг 18
Добавляем Drop Shadow (Тень):
Закончив, нажимаем ОК.
Шаг 19
Переименовываем слой «Трава 1» на «Травяной текст». После этого на панели Actions (Операции) нажимаем на кнопку Stop Playing/Recording (Останавливаем воспроизведение/запись).
И получаем вот такой результат:
Поздравляю, мы закончили!
В этом уроке вы научились создавать экшен для генерации травы.
Мы начали работу с создания кисточек, затем написали текст и запустили запись экшена. После этого, с помощью кистей создали обводку и применили стили слоя, чтобы получить финальный результат.
Несколько важных моментов перед запуском экшена:
- Убедитесь, что у вас установлен узор травы.
- Убедитесь, что Opacity (Непрозрачность) и Flow (Нажим) кисточки установлены на 100%.
- Убедитесь, что перед использованием экшена вы выбрали текстовый слой.
Чтобы воспроизвести экшен, вам нужно выбрать его на панели Actions (Операции) и нажать на кнопку Play (Воспроизвести). Надеюсь, вам понравился этот урок. Не стесняйтесь оставлять комментарии внизу. Экшен, созданный в уроке, является частью Grass Generator, который вы можете приобрести на сайте GraphicRiver.
В этом уроке вы узнаете, как создать интересный текстовый эффект, используя базовые стили слоёв и текстуры.
Сложность урока: Средний
Конечный результат
В этом уроке вы узнаете, как создать эффект футбольного текста, используя базовые стили слоёв и пару текстур. Давайте начнём!
В уроке были использованы такие материалы.
1. Создаем фон
Шаг 1
Создайте новый документ размером 1000 х 1000 px, установите его разрешение на 300.
После этого кликните немного ниже правого верхнего угла и перетащите мышку в левый нижний угол, чтобы создать фоновый градиент, затем дублируйте фоновый слой, используя Ctrl + J.
Шаг 2
Дважды кликните на копию фонового слоя, примените эффект Наложение узора (Pattern Overlay), измените Режим наложения (Blend Mode) на Умножение (Multiply), Непрозрачность (Opacity) на 70% и установите узор с белой текстурой.
Шаг 3
Это добавит едва различимую текстуру к фону.
2. Создаем и оформляем текст
Шаг 1
Шаг 2
Дублируйте слой с текстом, используя Ctrl + J. К новой копии примените стили, указанные ниже.
Шаг 3: Тиснение (Bevel and Emboss)
Размер (Size): 3
Галочка Сглаживание (Anti-Aliased) должна быть установлена.
Шаг 4: Контур (Contour)
Контур: Полукруг (Half Round)
Галочка Сглаживание (Anti-Aliased) должна быть установлена.
Шаг 5: Тень (Drop Shadow)
Смещение (Distance): 1
Размер (Size): 1
Шаг 6
Мы получим такой результат.
3. Конвертируем текст в фигуру и изменяем ее параметры
Шаг 1
Выберите слой с оригинальным текстом и выберите Шрифт > Преобразовать в кривые (Type > Convert to Shape). Также команда может называться Шрифт > Преобразовать в фигуру.
Шаг 2
На панели опций (Options bar) найдите кнопку Операции с контуром (Path opeartions), после чего кликните на Объединить компоненты фигуры (Merge Shape Components). Это упростит применение эффектов в дальнейшем.
Шаг 3
Шаг 4
Дублируйте слой с фигурой и поместите его над текстовым слоем. Перейдите в Слои > Растрировать > Фигуру (Layer > Rasterize > Shape), измените параметр Заливки (Fill) на 0.
Шаг 5
Шаг 6
Переименуйте копию слоя в Тень текста, перейдите в Слои > Растрировать > Фигуру (Layer > Rasterize > Shape) и сделайте слой невидимым, кликнув на иконку глаза рядом с ним.
4. Оформляем слой с внешним штрихом формы
Дважды кликните на оригинальный слой с формой (тот, что над слоем Тень текста) и примените такие стили.
Шаг 1: Тиснение (Bevel and Emboss)
Размер (Size): 1
Галочка Сглаживание (Anti-Aliased) должна быть установлена.
Режим тени > Непрозрачность (Shadow Mode > Opacity): 35%
Шаг 2: Контур (Contour)
Галочка Сглаживание (Anti-Aliased) должна быть установлена.
Шаг 3: Тень (Drop Shadow)
Тень (Drop Shadow) применяется если вы не хотите добавлять траву под текстом. Однако, если вы захотите ее добавить, просто снимите галочку с эффекта тени для более реалистичного результата. Непрозрачность (Opacity): 35%
Шаг 4
Вот такой результат мы получим.
5. Оформляем кожаную текстуру поверх текста
Дважды кликните на растрированном слое (над текстовым слоем) и примените такие эффекты.
Шаг 1: Тиснение (Bevel and Emboss)
Размер (Size): 1
Галочка Сглаживание (Anti-Aliased) должна быть установлена.
Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
Непрозрачность (Opacity): 100%
Режим тени > Непрозрачность (Shadow Mode > Opacity): 35%
Шаг 2: Контур (Contour)
Галочка Сглаживание (Anti-Aliased) должна быть установлена.
Шаг 3: Текстура (Texture)
Узор (Pattern): Белая текстура
Масштаб (Scale): 25%
Шаг 4
Проделанные шаги оформят верхний слой и придадут тексту эффект кожи.
6. Создаем основной прямоугольник травы
Шаг 1
Выберите инструмент Прямоугольник (Rectangle Tool) и создайте белый прямоугольник за текстом (под слоем Тень текста).
Шаг 2
Выберите инструмент Выделение контура (Direct Selection Tool) и перетяните два верхних угла прямоугольника.
Шаг 3
Перейдите в Редактирование > Трансформирование контура > Перспектива (Edit > Transform Points > Perspective) и перетяните нижний край прямоугольника влево. Кнопка Alt позволит перетянуть и другую сторону. Это создаст иллюзию 3D перспективы. Когда вы закончили, нажмите кнопку Enter, чтобы подтвердить изменения.
7. Добавляем текстуру травы
Шаг 1
Разместите скачанное изображение травы над слоем с белым прямоугольником, после чего перейдите в меню Редактирование > Трансформирование контура > Перспектива (Edit > Transform Points > Perspective), кликните и перетяните один из верхних углов, чтобы переместить их внутрь, затем кликните на кнопку Enter.
Шаг 2
Кликните правой кнопкой мыши на слой с текстурой травы и выберите Создать обтравочную маску (Create Clipping Mask). Вы можете использовать инструмент Перемещение (Move Tool), чтобы расположить текстуру нужным образом.
Шаг 3
Выберите инструмент Кисть (Brush Tool), откройте панель кистей (Brush panel), выберите кисть №112 и установите настройки как показано на рисунке.
После того как вы закончили с настройками, кликните на иконку Новая кисть (Create new brush) на панели кистей и введите имя новой настройки. Это поможет нам в дальнейшем.
Форма отпечатка кисти (Brush Tip Shape)
Динамика формы (Shape Dynamics)
Рассеивание (Scattering)
Динамика цвета (Color Dynamics)
Передача (Transfer)
8. Потрепаем траву
Шаг 1
Используйте инструмент Выделение контура (Direct Selection Tool), чтобы выбрать контрольные точки прямоугольника с травой, после чего перейдите в меню Редактирование > Скопировать (Edit > Copy).
Шаг 2
Создайте новый слой над слоем с текстурой травы, назовите его Штрих травы, после чего перейдите в меню Редактирование > Вставить (Edit > Paste). Это создаст рабочий путь в документе.
Шаг 3
Шаг 4
Удерживая нажатой кнопку Ctrl, кликните по миниатюре слоя с прямоугольником, чтобы создать выделение.
Шаг 5
Перейдите в меню Выделение > Модификация > Сжать (Select > Modify > Contract) и введите значение 2. Это сожмет выделение на 2 пикселя внутрь.
Шаг 6
Перейдите в меню Выделение > Уточнить край (Select > Refine Edge), установите галочку "Умный" радиус (Smart Radius) и измените значение радиуса (Radius) на 3.
Шаг 7
Шаг 8
Выберите инструмент Осветлитель (Dodge Tool) и на панели опций (Options bar) выберите Мягкую круглую кисть (Soft Round brush) размером 65 px и жесткостью (Strenght) 50%, установите Диапазон на Средние тона (Range > Mildtones).
После этого начните осветлять контур в тех местах, где он контактирует со светлыми участками текстуры. Это поможет сделать изображение еще естественнее.
9. Добавляем землю
Шаг 1
Выберите инструмент Прямоугольник (Rectangle Tool) и создайте еще один белый прямоугольник под травой. Используя те же инструменты, что и в предыдущих шагах, выберите две нижних точки и трансформируйте их внутрь.
Шаг 2
Разместите текстуру земляного утеса (SoilCliff0027_1_S) над маленьким прямоугольником, но убедитесь, что наверху осталось немного травы.
Шаг 3
Удерживая нажатой кнопку Ctrl, кликните по миниатюре слоя с маленьким прямоугольником, чтобы создать выделение, после чего нажмите Ctrl + J, чтобы дублировать этот слой. Удалите оригинальный слой с текстурой земляного утеса.
Шаг 4
Шаг 5
Разместите текстуру земли (SoilSand0046_1_s) под слой с текстурой земляного утеса (SoilCliff0027_1_S) и перейдите в меню Редактирование > Трансформирование> Перспектива (Edit > Transform > Perspective), чтобы переместить нижние края внутрь.
Шаг 6
Кликните правой кнопкой мыши на слое с землей и выберите Создать обтравочную маску (Create Clipping Mask), после чего измените Режим наложения (Blend Mode) на Умножение (Multiply).
Шаг 7
Дважды кликните на обтравочный слой земли (слева от него есть стрелка) и примените Наложение градиента (Gradient Overlay), установив Режим наложения (Blend Mode) на Мягкий свет (Soft Light) и используя градиент от белого к черному.
Шаг 8
Пока окно Стиль слоя (Layer Style) еще открыто, кликните на градиент на документе и перетащите его, чтобы получилось темнее наверху и светлее внизу.
Шаг 9
Вот такую грязь мы получим после проделанных шагов.
10. Добавляем тень и разбросанную землю
Шаг 1
Разместите кисть на левом переднем краю прямоугольника так, чтобы ее центр был в середине земляной части, кликните, удерживая нажатой клавишу Shift и перетяните мышь к правому переднему углу, чтобы создать тень.
Шаг 2
Выберите инструмент Ластик (Eraser Tool), активируйте Мягкую круглую кисть (Soft Round Brush) и сотрите лишнюю тень слева и справа.
Шаг 3
Снова выберите инструмент Кисть (Brush Tool), активируйте кисть №11 и укажите настройки как на рисунках ниже.
Форма отпечатка кисти (Brush Tip Shape)
Динамика формы (Shape Dynamics)
Рассеивание (Scattering)
Динамика цвета (Color Dynamics)
Шаг 4
11. Добавляем траву перед текстом; Работаем с тенью
Шаг 1
Выберите инструмент Штамп ( Stamp Tool), выберите слой с текстурой травы, удерживая нажатой кнопку Alt кликните в том месте, где последняя буква встречается с травой.
Шаг 2
Создайте новый слой над всеми остальными, назовите его Трава. С еще выделенным инструментом Штамп ( Stamp Tool), выберите модифицированную травяную кисть и нарисуйте немного травы внизу текста.
Шаг 3
Выберите слой Тень текста и сделайте его видимым, кликнув на пустое место, где должен быть глаз, после этого перейдите в меню Редактирование > Трансформирование> Перспектива (Edit > Transform > Perspective) и переместите верхние края внутрь.
Шаг 4
Перейдите в меню Редактирование > Трансформирование> Искажение (Edit > Transform > Distort), после чего перетяните верхнюю сторону вниз, разместив тень на траве. Вы можете также перемещать углы, чтобы получить более приятный результат. Когда вы закончили нажмите кнопку Enter, чтобы применить изменения.
Шаг 5
Измените Режим наложения (Blend Mode) слоя Тень текста на Умножение (Multiply), а Непрозрачность (Opacity) на 50%.
Шаг 6
Перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) и установите Радиус (Radius) на 5.
12. Финальные штрихи
Шаг 1
Шаг 2
Выберите инструмент Кисть ( Brush Tool), активируйте круглую кисть размером 35 px и Жесткостью (Hardness) 90%. Кликните на середину верхней грани прямоугольника и удерживая нажатой клавишу Shift протяните вниз.
Шаг 3
Измените Размер кисти (Brush Size) на 200 px, Форму (Roundness) на 50%, затем нарисуйте эллипс в центре прямоугольника.
Шаг 4
Выберите инструмент Ластик (Eraser Tool), активируйте Круглую кисть (Round Brush), Измените Размер кисти (Brush Size) на 150 px, Форму (Roundness) на 90%, после чего кликните на середину созданного в предыдущем шаге эллипса, чтобы стереть его центр.
Шаг 5
Кликните на иконку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) внизу панели слоев (Layers panel) и выберите Карта градиента (Gradient map).
Шаг 6
Шаг 7
Не забудьте убрать эффект тени для внешней штриховки (шаг 4.3).
В этом уроке вы узнали, как создать текст в футбольном стиле, используя несколько простых техник и инструментов Photoshop. Мы начали с простого текста, затем добавили к нему немного эффектов, траву и в конце придали еще более реалистичный вид. Надеюсь вы узнали что-то новое и сможете применить эти техники в своих дальнейших работах.
Бывают ситуации, когда нужно сделать очень необычную надпись. Это может быть разработка логотипа (актуально для оформления пабликов в социальных сетях) или добавить завершающий штрих в свой коллаж. Надпись из травы поможет внести оригинальную нотку в ваш проект!
По завершению этого урока, мы получим такую надпись из травы:
Шаг 1 Открываем новый документ.
Теперь создадим траву, при помощи которой будем украшать текст. В фотошопе уже есть кисть травы, но она не подходит для создания текста. Поэтому мы создадим новую кисть. Берем инструмент Карандаш или Перо, рисуем травинку, заливаем ее черным цветом и сохраняем как кисть: Редактирование – Определить кисть .
Чтобы долго не мучатся с карандашом, пока нарисуете боле-менее прямой силуэт кисти, вы можете воспользоваться фильтром пластика и при помощи него выравнивать форму травинки.
Создаем новый документ и пишем в нем необходимую надпись, используя инструмент Текст. Щелкаем по слою с зажатым Ctrl , чтобы выделить. Затем выбираем инструмент Прямоугольная область, жмем правой кнопкой мыши на выделении и выбираем Образовать рабочий контур . В появившемся диалоговом окне достаточно оставить допуск в два пикселя. Затем уберите значок видимости текстового слоя. Должен остаться только контур.
На индикаторе основного и фонового цветов: для основного цвета выбираем светло-зеленый цвет, а для фонового темно-зеленый.
Выберите кисть и перейдите в ее настройки (клавиша F5 ). Введите параметры как на скриншотах ниже. Имейте ввиду, что размер кисти, должен соотноситься с размером вашего документа. Поскольку у меня картиночка небольшая, то и размер я поставил 20. Здесь только методом проб и ошибок можно подобрать нужный размер.
Создаем новый слой. Выбираем в качестве инструмента Перо, открываем меню рабочего контура правой кнопкой мыши, выбираем Выполнить обводку контура и обводим его несколько раз кистью.
Шаг 7 Измените параметры кисти, добавив к ней Рассеивание.
Снова выделяем наш текст (клик по слою с зажатым Ctrl ) и применяем команду Выделение — Модификация – Растушевка с параметром 3. Должно получиться так:
Теперь добавим к получившейся надписи немного объема. Создаем новый слой, не убирая выделение. Изменяем параметр кисти Интервалы на 50%:
Чтобы было наглядней, добавляем к новому слою эффект Тень (параметры оставляем стандартными).
Затем негусто раскрашиваем выделение так, чтобы между травинками был небольшой промежуток для создания объема. Мы получили объемную надпись.
Хотели сделать надпись в виде травы? С помощью Photoshop это довольно просто.
В этом уроке описано как сделать довольно симпатичный вариант надписи, используя фотографию травы, инструмент «карандаш» и немного терпения.
Урок довольно подробный, так что вы без труда сможете повторить его.
Конечный результат
Для начала давайте посмотрим, что же должно получиться.
Первая часть — фон
Урок состоит из трех частей — фон, текст и немного дополнительных эффектов. Поэтому сначала мы сделаем фон. Создаем новый документ в Photoshop, скажем размером 1920 на 1200 пикселей.
Шаг 1
Шаг 2
Сейчас мы сделаем этот фон более реальным, используя для этого готовую текстуру бумаги.
К счастью, мы можем взять хорошие текстуры бумаги с Битбокса — кроме того, они достаточно большие.
Теперь нужно сделать текстуру черно-белой (CTRL- SHIFT-U ) и растянуть ее так, чтобы она полностью закрывала наш документ.
Шаг 3
Далее мы переводим этот слой в режим перекрытия (Overlay) и ставим прозрачность на 70%, чтобы смешать текстуру с нашим зеленым фоном.
Шаг 4
Чтобы сделать текстуру еще лучше, мы копируем слой с текстурой, поворачиваем его на 180 градусов и делаем его прозрачным на 20%. Далее мы берем еще какие-нибудь текстуры бумаги (с того же Битбокса) и проделываем с ними тоже самое, размещая каждый следующий слой над предыдущим.
Все это нужно сделать для того, чтобы текстура смотрелась более реалистичной и появились мелкие детали.
Как вы можете видеть, получилось шесть слоев.
Шаг 5
Теперь необходимо скопировать самый первый зеленый фон, разместить копию над всеми слоями и поставить прозрачность на 40%.
Шаг 6
Создаем новый слой, который будет выше всех. Используя большую мягкую черную кисть (Brush — B), добавляем немного темного цвета по краям картинки. Стоит вернуть прозрачность на 30% и перевести в режим перекрытия (Overlay). Затем вы можете скопировать этот слой и применить к копии размытие по Гауссу (Gaussian Blur) при 32 пикселях. В результате углы станут более мягкими.
Шаг 7
Вот теперь мы получили отличный фон! ;-)
Вторая часть — «травяной» текст!
Сейчас мы готовы сделать сам текст. Для этого нам необходима симпатичная фотография травы.
Скачиваем большую фотографию и копируем ее в наш документ.
Шаг 9
Теперь необходимо выбрать шрифт для текста и сам текст, к примеру «Earth».
Итак, сделайте свой текст белым, поставьте режим смешивания на перекрытие (Blending mode → Overlay) и прозрачность на 50%. Это вспомогательный слой, его не будет видно в конце.
Шаг 10
Сейчас у нас есть белый прозрачный текст поверх травы.
Чтобы сделать реалистичный текст из травы, недостаточно просто вырезать кусок травы соответствующей формы — нам нужно, чтобы куски травы выходили за границы букв. Для этого нам придется вручную вырезать маленькие кусочки травы для каждой буквы.
Шаг 11
На этом шаге мы будем выделять куски травы с помощью инструмента «карандаш» (Pen Tool — P).
Сейчас нужно не просто выделить куски травы случайным образом, а выделить именно сами травинки, тогда мы получим эффект того, что трава как бы вырывается из букв.
Шаг 12
Когда вы закончите выделение контура, лучше всего сохранить его на случай, если потом оно понадобится снова. Перейдите во вкладку «контуры» и нажмите маленькую стрелочку, выбрав в списке «сохранить контур».
Выделите свой контур и перейдите к слою с травой. Сделайте копию этого слоя, чтобы хватило травы на все буквы. Затем делаем инверсию выделения (CTRL- SHIFT-I ) и вырезаем лишнюю траву.
Шаг 13
Итак, вот конечный вариант буквы «E» на нашем фоне. Но сейчас она смотрится не на много лучше, чем если бы мы не делали такие мелкие выделения травинок. Значит, нам нужно еще немного поработать на ней.
Шаг 14
Для начала мы добавим некоторые стили к слою, чтобы он выглядел более «трехмерным». Сами стили показаны ниже.
Стили слоя
Вот первый набор стилей.
Шаг 15
Теперь сделайте копию слоя и очистите стили слоя-копии. Теперь нужно добавить вот эти стили.
Стили слоя
Вот второй набор стилей слоя. Обратите внимание, что здесь прозрачность 51%.
Шаг 16
Теперь добавим немного теней. Итак, теперь выделите содержимое слоя с травой (CTRL-Click на слое) и создав новый слой под ним, запоните выделение черный цветом. Затем нажмите на клавиатуре стрелку вниз и потом стрелку вправо и злейте черным. Такую операцию необходимо повторять до тех пор, пока не получится примерно так, как показано ниже (это около 15 раз).
Шаг 17
Теперь выполним «фильтр» → «размытие» → «размытие в движении» (Filter → Blur → Motion Blur) на слое с нашей тенью, установив угол в 45 градусов и дистаницию на 30. Затем установите прозрачность на 50%. У вас должно получится что-то похожее на вот этот рисунок.
Шаг 18
Передвиньте тень вниз и вправо — если все сделано правильно, то ваш текст должен отбрасывать тень.
Шаг 19
Теперь сделайте три копии этого слоя, каждый раз отрезая от него кусок так, чтобы около букв тень была темнее. В режиме перекрытия этих слоев установите «умножение» (Blending options → Multiply).
Шаг 20
Наш текст смотрится довольно неплохо, но для лучшего эффекта необходимо добавить небольшие куски травы в область тени.
Как видно ниже, мы создали небольшие кусочки травы — они вырезаны из главной буквы.
Шаг 21
Пеедвигая эти куски в тень мы создаем эффект того, что трава выбивается из фона.
Так как эти куски находятся в тени, нам нужно сделать их более темными. Для этого воспользуйтесь инструментом Burn Tool (O).
Шаг 22
Мы закончили с одной буквой, осталось еще 4 ;-).
Шаг 23
Используя те же приемы мы получаем «А».
Шаг 24
А вот «R» и «T» на картинке.
Шаг 25
И, наконец, все слово целиком. Единственная дополнительная вещь это увеличение расстояния между буквами. Так как каждая буква и все ее слои находятся в отдельной группе, перемещение букв осуществляется довольно просто.
Третья часть — завершение
Как бы хорошо не смотрелся наш текст сейчас, он довольно скучный и монотонный. Так что в последней части мы добавим несколько дополнительных элементов в картинку.
Для начала добавим немного дополнительного текста, например цитату о Земле.
Переведем слой с цитатой в режим перекрытия (Blending options → Overlay) и выставим прозрачность на 50%. Затем добавим кавычки и источник, из которого взята цитата.
Шаг 27
Пришла очередь добавить немного света. Чтобы сделать это, создадим новый слой над всеми остальными. В это слое сделаем градиент к верхнему левому углу, изменяя фон от белого до прозрачного. Затем выставим слой в режим мягкого свечения и установим прозрачность на 50%.
Шаг 28
Сейчас мы добавим 2 ярких элемента. Это будет синяя бабочка и маленькая красная божья коровка.
Шаг 29
Вставка картинок достаточно проста. Для начала открываем картинку в Photoshop, вырезаем белый фон с помощью «волшебной палочки» (Magic Wand Tool — W), затем выполняем «выделить» → «модифицировать» → «сжать» и выполняем сжатие на 1 пиксел. Инвертируем выделение (CTRL- SHIFT-I ) и копируем бабочку в наш главный рисунок.
Для вырезания божьей коровки используем инструмент «карандаш», обводим нужную часть и копируем в главный рисунок.
Шаг 30
Теперь уменьшаем бабочку и божью коровку пропорционально, добавляем к ним тень и расставляем так, чтобы они уравновешивали друг друга на рисунке.
Конец
Автор: Павел Марковнин
Сооснователь Временно.нет. Интересуется онлайн бизнесом, дизайном, юзабилити и клиентским программированием. Участвует в разработке нескольких интернет-проектов.
Читайте также: