Уроки Работа с текстом Виктория Лебедева 22 апреля 2016

Создаем весенний текст в Фотошоп

Сложность урока: Легкий

Весна - в воздухе! И в честь этого, мы собираемся создать весенне-вдохновенный текстовый эффект, похожий на текстовые эффекты на Envato Market, используя некоторые текстуры, кисти, стили слоя и фильтры. Давайте начнем!

Примечание переводчика: для выполнения этого урока требуется Adobe Photoshop CC 2015

Скачать архив с материалами к уроку

Финальное изображение:

1. Создание фона

Шаг 1

Создайте новый документ размером 849 х 603 px, затем поверх фонового слоя поместите изображение текстуры дерева и измените его размер на ваше усмотрение.

Шаг 2

Перейдите в меню Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) и установите Radius (Радиус) 0,5. Это немного сгладит текстуру.

Шаг 3

В нижней части палитры Layers (Слои) нажмите на значок Create new fill or adjustment layer (Создать новый слой-заливку или корректирующий слой) и выберите Hue / Saturation (Цветовой фон/ Насыщенность).

Шаг 4

Уменьшите Saturation (Насыщенность) до -15.

Шаг 5

Нажмите снова на значок Create new fill or adjustment layer (Создать новый слой-заливку или корректирующий слой) и выберите Levels (Уровни), затем измените значение среднего ползунка на 0.95.

2. Создание и дублирование текста

Шаг 1

Создайте текст из заглавных букв, используя шрифт Big Bottom Cartoon. Измените размер до 120 pt и значение Tracking (Межбуквенный интервал) до 250.

Шаг 2

Дублируйте текстовый слой, затем перейдите в меню Edit > Free Transform (Редактирование > Свободная трансформация).

Нажмите один раз клавишу «стрелка вниз» и один раз «стрелка вправо», чтобы переместить дубликат текстового слоя на 1 px вниз и на 1 px вправо.

Нажмите клавишу Enter, чтобы принять изменения.

Шаг 3

Нажмите Ctrl+Alt+Shift+T три раза, чтобы создать три новых дубликата с примененной трансформацией.

3. Переименование и реорганизация текстовых слоев, создание других слоев

Шаг 1

Переименуйте текстовые слои в Текст с номером слоя снизу вверх.

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

Шаг 2

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

Шаг 3

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

Шаг 4

Дублируйте слой Текст 1, переименуйте его в Верхний слой и поместите поверх всех слоев, что у вас есть.

И, наконец, создайте еще один новый слой поверх всех слоев и назовите его Обводка травой.

4. Обводка текстовых слоев

Шаг 1

Кликните правой кнопкой мыши по слою Текст 1 и выберите Create Work Path (Создать рабочий контур).

Установите цвет переднего плана на # b6b567 и цвет фона # 425103, возьмите инструмент Brush Tool (Кисть) и выберите кисть Grass (Трава).

Шаг 2

Выберите слой Слой 1 и нажмите клавишу Enter, чтобы обвести контур этой кистью.

Шаг 3

Кликните правой кнопкой мыши по слою Текст 2, выберите Create Work Path (Создать рабочий контур), а затем выберите Слой 2, и нажмите клавишу Enter, чтобы обвести контур.

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

Шаг 4

Создайте снова рабочий контур для слоя Текст 1, выберите слой Обводка Травой и обведите контур.

Шаг 5

Выберите слой Верхний слой и нажмите в нижней части палитры Layers (Слои) на значок Add layer mask (Добавить слой-маску).

Возьмите Eraser Tool (Ластик), выберите травяную кисть и установите цвет переднего плана белый.

Убедитесь, что выбрана маска слоя и нажмите клавишу Enter, чтобы обвести рабочий контур слоя Текст 1 в последний раз.

Выберите Direct Selection Tool (Выделение узла) (A) и нажмите клавишу Enter, чтобы избавиться от рабочего контура.

5. Добавление травяной текстуры

Шаг 1

Сгруппируйте текстовые слои в группу и назовите ее Текстовые слои.

Шаг 2

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

Шаг 3

Кликните правой кнопкой мыши по слою с текстурой травы и выберите Create Clipping Mask (Создать обтравочную маску).

Дублируйте текстуру травы дважды. Поместите одну из копий в верхней части слоя Верхний слой, а другую в верхней части слоя Обводка травой и создайте обтравочные маски для обоих.

6. Стили слоя Верхний слой

Шаг 1

Дважды кликните по слою Верхний слой и используйте следующие параметры, чтобы применить эффект Bevel&Emboss (Тиснение).

  • Size (Размер): 13
  • Use Global Light (Глобальное освещение) – уберите галочку
  • Angle (Угол): 27
  • Altitude (Высота): 42
  • Anti-aliased (Сглаживание) – поставьте галочку
  • Highlight Mode (Режим подсветки): Soft Light (Мягкий свет)
  • Opacity (Непрозрачность): 30%
  • Highlight Color (Цвет подсветки): # 286fb8
  • Shadow Mode (режим тени): Multiply (Умножение)
  • Color (Цвет тени): #8b8e79
  • Opacity (Непрозрачность): 50%

Это добавит некоторый объем тексту.

Шаг 2

Сгруппируйте все слои за исключением фоновых слоев и их корректирующих слоев. Затем дублируйте группу и перейдите в меню Layer > Merge Group (Слой > Объединить группу).

7. Стиль группы

Сделайте двойной клик по Группа 1, чтобы применить следующие стили слоя.

Шаг 1

Добавьте Inner Shadow (Внутренняя тень) с настройками:

  • Blend Mode (Режим наложения): Color Burn (Затемнение Основы)
  • Color (Цвет): # 5d6625
  • Opacity (Непрозрачность): 35%
  • Use Global Light (Глобальное освещение)- уберите галочку
  • Angle (Угол): -104
  • Distance (Смещение): 8
  • Size (Размер): 9

Шаг 2

Добавьте Drop Shadow (Тень) со следующими настройками (1):

  • Opacity (Непрозрачность): 43%
  • Use Global Light (Глобальное освещение)- уберите галочку
  • Angle (Угол): -41
  • Distance (Смещение): 10
  • Size (Размер): 27
  • Noise (Шум): 5

Шаг 3

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

  • Opacity (Непрозрачность): 25%
  • Use Global Light (Глобальное освещение)- уберите галочку
  • Angle (Угол): 41
  • Distance (Смещение): 45
  • Size (Размер): 27
  • Noise (Шум): 5

Шаг 4

Добавьте еще Drop Shadow (Тень) со следующими настройками (3):

  • Blend Mode (Режим наложения): Linear Burn (Линейный затемнитель)
  • Opacity (Непрозрачность): 35%
  • Use Global Light (Глобальное освещение) - уберите галочку
  • Angle (Угол): 126
  • Distance (Смещение): 15
  • Size (Размер): 27
  • Noise (Шум): 5

Шаг 5

Добавьте еще Drop Shadow (Тень) со следующими настройками (4):

  • Blend Mode (Режим наложения): Vivid Light (Яркий свет)
  • Color (Цвет): #ffffff
  • Opacity (Непрозрачность): 10%
  • Distance (Смещение): 15
  • Spread (Размах): 27
  • Size (Размер): 27
  • Noise (Шум): 5

Это улучшит экструзию слоев и добавит тень.

8. Стиль объединенного слоя Группа

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

Шаг 1

Добавьте Bevel&Emboss (Тиснение) со следующими настройками:

  • Size (Размер): 29
  • Use Global Light (Глобальное освещение) – уберите галочку
  • Angle (Угол): 61
  • Altitude (Высота): 37
  • Anti-aliased (Сглаживание) – поставьте галочку
  • Highlight Mode (Режим подсветки): Soft Light (Мягкий свет)
  • Opacity (Непрозрачность): 50%
  • Shadow Mode (режим тени): Multiply (Умножение)
  • Color (Цвет тени): #8b8e79
  • Opacity (Непрозрачность): 70%

Шаг 2

Добавьте Texture (Текстура) со следующими настройками:

  • Pattern (Узор): Black Mamba (Черная мамба)

Это добавит реалистичного текстурирования траве.

9. Добавление цветов

Шаг 1

Выберите цветы, которые хотите добавить из архива Цветы png, и добавьте один из них поверх всех слоев.

С помощью Free Transformation (Свободная трансформация) (Ctrl+T) измените размер, поверните и поместите его, где хотите, а затем нажмите клавишу Enter, чтобы принять изменения.

Шаг 2

Дважды кликните по слою с цветком и добавьте эффект Drop Shadow (Тень), используя следующие параметры:

  • Opacity (Непрозрачность): 55%
  • Use Global Light (Глобальное освещение) - уберите галочку
  • Angle (Угол): 90
  • Distance (Смещение): 6
  • Size (Размер): 9

Шаг 3

Кликните правой кнопкой мыши по слою с цветком и выберите Copy Layer Style (Скопировать стиль слоя).

Шаг 4

Добавьте остальные цветы, как вам хочется, дублируйте и трансформируйте их, пока не понравится результат.

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

Шаг 5

Сгруппируйте все слои с цветами в группу Цветы.

Добавьте корректирующий слой Hue/Saturation (Цветовой тон / Насыщенность) в качестве обтравочной маски для группы, измените значение Saturation (Насыщенность) до -15.

10. Применение фильтра High Pass (Цветовой контраст)

Шаг 1

Дублируйте все слои и группы за исключением фоновых слоев и их корректирующих слоев.

Раскройте список эффектов Группа 1 копия 2, нажмите и перетащите эффекты Drop Shadow (Тень) на иконку Delete (Удалить) в нижней части палитры Layers (Слои), чтобы удалить их.

Шаг 2

Выделите дублированные слои и перейдите в меню Layer > Merge Layers (Слой > Объединить слои), а затем в меню Filter > Convert for Smart Filters (Фильтр > Преобразовать в Смарт-объект) и переименуйте слой в Фильтры.

Шаг 3

Перейдите в меню Filter > Other > High Pass (Фильтр > Другое > Цветовой контраст) и измените Radius (Радиус) на 5.

Шаг 4

Измените у слоя Фильтры режим наложения на Soft Light (Мягкий Свет) и Opacity (Непрозрачность) на 50%.

Шаг 5

Дублируйте слой Фильтры, измените у копии Opacity (Непрозрачность) на 35%.

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

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

Затем создали и продублировали текст, а также несколько других слоев, чтобы начать работу над эффектами.

После этого создали обводку травой, добавили текстуру травы и добавили различным слоям стили, чтобы придать текстуру и объем. Мы также поместили и добавили стиль цветочным слоям по всему тексту.

Наконец, мы объединили и изменили слои, применили фильтр High Pass (Цветовой Контраст), который сделал резче детали и созданный эффект, на этом и закончили.

Финальное изображение:

Автор: Rose

Источник: design.tutsplus.com

Комментарии 81

Спасибо за урок.

Спасибо за урок!

Спасибо за урок.

Спасибо, очень интересный и нужный урок)

Спасибо за урок!С первым днем весны,вас)

Спасибо за весенний урок!

Это моя работа

замечательный урок! делала ребенку рамку на годик и за основу взял этот урок.

Виктория, спасибо за урок!

ну с копиями не разобрался ну чуть чуть получилось

очень познавательный урок.спасибо

Спасибо за урок!

Не ко времени конечно,лето уже,но ничего

Спасибо! Очень не простой урок, зато красочный.

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

Ярко и красочно получилось)Спасибо!

Спасибо за урок! Очень здорово!)

Спасибо за урок!

Но я где-то явно допустила ошибку, в связи с чем хотела задать вопрос: из-за чего у надписи может оставаться светлая кромка, не "зарастающая" текстурой?

И вопрос 2: как использовать паттерн Black Mamba, если у него расширение не .pat, a .png?

Заранее спасибо!

девушке своей сделал =D

Спасибо большое за урок ! Красивый и весенний !

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее