Уроки Работа с текстом Марат Садыгалиев 20 декабря 2016

Создаём блестящий новогодний текст в Фотошоп

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

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

Итоговый результат:

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

Примечание: Из набора градиентов в архиве вам понадобятся файлы: DIALS.grd, Goldmedal.grd и CHROMES.grd.

Шаг 1

Идём Файл – Новый (File>New), чтобы создать новый рабочий документ со следующими размерами 1000×700 px, нажмите кнопку ‘OK’. Установите цвет переднего плана на #665521, а цвет заднего плана на #1f150b. Выберите инструмент Градиент (Gradient tool (G)), щёлкните по шкале градиента, выберите градиент от цвета переднего плана к цвету заднего плана, а затем нажмите кнопку ‘OK’, чтобы закрыть окно Редактора градиента (Gradient Editor), далее, в настройках градиента установите Радиальный градиент (Radial Gradient).

Щёлкните мышкой в центре холста, а затем, удерживая кнопку мыши, потяните градиент в один из углов рабочего документа, чтобы создать радиальный градиент на заднем фоне. Теперь продублируйте слой с градиентом, для этого щёлкните правой кнопкой мыши по слою с градиентом и в появившемся меню выберите опцию Создать дубликат слоя (Duplicate Layer).

Дважды щёлкните по дубликату слоя с задним фоном и в появившемся окне выберите опцию Параметры наложения (Blending Options), чтобы добавить стиль слоя Наложение узора (Pattern Overlay). В окне настроек данного стиля слоя, установите режим наложения на Мягкий свет (Soft Light), а также уменьшите степень Непрозрачности (Opacity) до 15%. Теперь щёлкните по маленькой стрелке, обращённой вниз, рядом с миниатюрой узора и в появившемся окне теперь щёлкните по маленькому треугольнику в верхнем правом углу, чтобы выбрать опцию Загрузить узоры (Load Patterns) из появившегося списка. Выберите файл с исходными узорами в горошек, а затем нажмите кнопку Загрузить (Open). Выберите узор Muster 36 из набора установленных узоров в качестве основного узора для нашего заднего фона. Таким образом, мы добавим точечный узор к нашему заднему фону.

Шаг 2

Выберите инструмент Горизонтальный текст (Type tool (T)), установите цвет переднего план на #ac813d. Установите шрифт Elsie, размер шрифта 200 pt. В окне настроек символ, для этого идём Окно - Символ (Window>Character), установите Кернинг (Kerning) на Оптический (Optical). Теперь добавьте текст, каждое слово текста на отдельном слое. Выделите все три слоя с текстом, а затем нажмите значки Выравнивание центров по горизонтали (Align Horizontal Centers), Выравнивание центров по вертикали (Align Vertical Centers) чтобы выровнять текст.

Примечание переводчика: как только вы выделите слои, выберите инструмент Перемещение (Move) и в панели управления данного инструмента, активируйте режимы выравнивания. В качестве альтернативы, вы можете воспользоваться линейкой (Ctrl+R), для этого щёлкните по горизонтальной / вертикальной линейке, а затем потяните их, чтобы выставить направляющие линии.

Дважды продублируйте каждый слой с фрагментом текста, а затем уменьшите значение Заливки (Fill) для каждого второго дубликата слоя с текстом до 0%. Теперь выделите все слои, составляющие целую строчку текста (например, все слои со словом ‘Happy’), далее, удерживая клавишу (Shift), щёлкните по значку Создать новую группу (Create a New Group), чтобы сгруппировать все выделенные слои в одну группу. Щёлкните по названию группы, чтобы дать новое название.

Примечание переводчика: 1. в данном случае, автор продублировал три слоя с текстом, получив всего 9 слоёв. 2. В итоге автор создал три группы 3. Вы можете назвать группу в соответствии с фрагментом текста, например, ‘Happy’.

Шаг 3

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

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

  • Стиль (Style): Обводящее тиснение (Stroke Emboss)
  • Метод (Technique): Жёсткая огранка (Chisel Hard)
  • Размер (Size): 13
  • Контур глянца (Gloss Contour): Ring – Double
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode): цвет #9f6100

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

  • Контур (Contour): Ring
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Далее, добавьте стиль слоя Обводка (Stroke). Установите следующие настройки:

  • Размер (Size): 7
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle) 90°
  • Щёлкните по шкале градиента и в появившемся окне Редактора градиента (Gradient Editor), нажмите кнопку Загрузить (Load). Выделите исходные градиенты, которые вы скачали CHROMES.grd, DIALS.grd, и Goldmedal.grd, а затем нажмите кнопку ‘OK’. Из набора градиентов, выберите градиент stove pipe 70.

Теперь добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки:

  • Смещение (Distance): 14
  • Размах (Spread): 10%
  • Размер (Size): 10

Нажмите кнопку ‘OK’, чтобы применить стиль слоя.

Итак, мы создали внешнюю обводящую часть.

Щёлкните правой кнопкой мыши по стилям слоя и в появившемся окне выберите опцию Скопировать стиль слоя (Copy Layer Style). Примените скопированные стили слоя к остальным двум оригинальным слоям с фрагментами текста, для этого щёлкните правой кнопкой мыши по оригинальному слою и в появившемся окне выберите опцию Вклеить стиль слоя (Paste Layer Style).

Шаг 4

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

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

  • Размер (Size): 16
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -166°
  • Высота (Altitude): 69°
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)

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

  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Установите Диапазон (Range) на 90%

Далее, добавьте стиль слоя Обводка (Stroke). Установите следующие настройки:

  • Размер (Size): 1
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 90°
  • Щёлкните по шкале градиента, чтобы выбрать градиент Golden Dial Top X11, затем нажмите кнопку ‘OK’, чтобы закрыть окно Редактора градиента (Gradient Editor).

Теперь добавьте стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки:

  • Режим наложения (Blend Mode): Жёсткий свет (Hard Light)
  • Шум (Noise): 100%
  • Цвет #585858
  • Источник (Source): Из центра (Center).

Добавьте стиль слоя Глянец (Satin). Установите следующие настройки:

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Цвет #f4cfa3
  • Смещение (Distance): 26
  • Размер (Size): 49
  • Контур (Contour): Ring - Double.

В заключение, добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
  • Непрозрачность (Opacity) 30%
  • Щёлкните по шкале градиента, чтобы выбрать градиент Gold Label 160, затем нажмите кнопку ‘OK’, чтобы закрыть окно Редактора градиента (Gradient Editor) и ещё раз нажмите кнопку ‘ОК’, чтобы закрыть окно стилей слоя.

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

Шаг 5

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

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

  • Размер (Size): 16
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -166°
  • Высота (Altitude): 69°
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode), цвет #aba277

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

  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 90%

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

  • Узор (Pattern): текстура Шум (в качестве узора выберите исходную текстуру Шум)
  • Глубина (Depth): 500%.

Теперь, добавьте стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки:

  • Режим наложения (Blend Mode): Жёсткий свет (Hard Light)
  • Шум (Noise): 100%
    Щёлкните по шкале градиента, чтобы выбрать градиент Gold Label 215z, затем нажмите кнопку ‘OK’, чтобы закрыть окно Редактора градиента (Gradient Editor) и ещё раз нажмите кнопку ‘ОК’, чтобы закрыть окно стилей слоя.

Итак, мы стилизовали блестящую часть текста. Скопируйте / вклейте стили слоя для двух остальных вторых дубликатов слоя с фрагментами текста.

Шаг 6

Откройте 3 исходных изображения с фейерверком, с помощью инструмента Перемещение (Move tool (V)), переместите изображение с фейерверком на наш рабочий документ. Убедитесь, чтобы слой с фейерверком был расположен поверх всех остальных слоёв. Далее, идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image>Adjustments>Hue/Saturation). Установите значение Цветового тона (Hue) на +7, а затем нажмите кнопку ‘OK’, чтобы закрыть окно настроек коррекции Цветовой тон / Насыщенность (Hue/Saturation).

Поменяйте режим наложения для слоя с фейерверком на Линейный осветлитель (Добавить) (Linear Dodge (Add)).

Активируйте инструмент свободной трансформации, для этого идём Редактирование – Свободная трансформация (Edit>Free Transform), примените масштабирование и поворот при необходимости, расположив эффект фейерверка на верхней кромке одной из букв, нажмите клавишу (Enter), чтобы применить изменения. Повторите Шаг 6 для остальных изображений с фейерверком.

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

Итоговый результат:

Автор: planetphotoshop.com

Источник: planetphotoshop.com

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

Елена Краснощекова, Хорошо! Но стили нужно немного поправить под Ваш шрифт. Или проверить настройки стилей - возможно, что есть ошибки

А вот так выглядит с другим шрифтом. ( делала на зарубежное рождество 25 декабря 2017 года ) :)

Спасибо автору и переводчику, урок мне понравился и был полезным. :)
Правда делала его еще год назад.
На Фотошоп Мастер зарегистрировалась недавно, поэтому выкладываю свою работу только сейчас. :)

Спасибо!Шрифт к уроку,к сожалению,без русских букв.Использовал другой,но такого эффекта как исходный не удалось получить.

Спасибо за перевод!))

Спасибо большое. Всех С праздниками прошедшими.

Всех с праздником Светлой Пасхи!

Легкий и приятный урок) Спасибо.

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

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

блестяще! спс))

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

Еще 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-адрес, помогающих нам сделать его удобнее для вас. Подробнее