Как добавить свечение тексту в фотошопе
Перейти к содержимому

Как добавить свечение тексту в фотошопе

  • автор:

Светящийся текст в фотошопе

Автор: Ольга Максимчук (Princypessa). Дата публикации: 24 мая 2020 . Категория: Уроки фотошопа текст.

Светящийся текст в фотошопе

Сегодня мы будем добавлять тексту эффект светового взрыва.

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

Сначала мы создадим новый документ и зальем фоновый слой черным цветом.

Затем установим шрифт из папки с исходниками, при помощи инструмента Текст напишем текст и применим к текстовому слою стили слоя.

Далее создадим три копии текстового слоя, сольем слои в один и применим к образовавшемуся слою фильтр Радиальное размытие.

В конце урока «Светящийся текст в фотошопе» мы добавим в работу изображение со звездами, применим к слою корректирующий слой Уровни и понизим прозрачность слоя со звездами.

Светящийся текст в фотошопе

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

1

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

2

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

3

Заливаем слой «Фон» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок.

6

6

6

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

7

Активируем инструмент Текст. Пишем слово «Light». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем цвет текста на белый (# ffffff), увеличиваем размер текста и вводим настройки, как на рисунке ниже. В верхней панели настроек инструмента Текст кликаем по иконке панели символов и меняем настройки на следующие. При помощи инструмента Перемещение располагаем текст по центру холста.

13

13

13

13

13

13

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

Во вкладке Наложение градиента щелкаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим следующие значения: для левой Контрольной точки оттенок # 1c4672, для правой – оттенок # 00f2f3. Если в активном в данный момент градиенте есть более двух точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне. Для верхних Контрольных точек устанавливаем 100% прозрачность. Полные настройки для вкладки Наложение градиента на втором скриншоте.

16

16

16

Во вкладке Тиснение вводим настройки, как на изображении. Используем оттенки, установленные по умолчанию – черный (# 000000) и белый (# ffffff).

17

Результат после применения стилей слоя.

18

В панели слоев создаем три дубликата текстового слоя (Ctrl+J). В панели слоев при помощи клавиши Ctrl выделяем все три копии текстового слоя, кликаем по ним ПКМ и из выпадающего списка выбираем «Растрировать текст». Не снимая выделения, снова кликаем ПКМ по слоям и выбираем «Объединить слои». Переименовываем образовавшийся слой в «Размытие».

23

23

23

23

23

Переходим в меню Фильтр-Размытие-Радиальное размытие. Применяем фильтр с настройками, как на картинке, к слою «Размытие».

26

26

26

Нажимаем сочетание клавиш Ctrl+F, чтобы применить последний примененный фильтр еще раз.

27

В панели слоев меняем режим наложения слоя «Размытие» на Линейный осветлитель (добавить).

29

29

В панели слоев создаем дубликат слоя «Размытие» (Ctrl+J).

31

31

Помещаем в документ (Файл-Поместить встроенные) изображение «Звезды» из папки с исходниками. В панели слоев перетаскиваем слой со звездами выше слоя «Фон».

33

33

Вызываем Свободное трансформирование (Ctrl+T). Зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки, чтобы растянуть изображение на весь холст. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно.

35

35

Выше слоя со звездами в панели слоев добавляем корректирующий слой Уровни. В окне корректирующего слоя вводим настройки, как на рисунке ниже и нажимаем на иконку обтравочной маски, отмеченную стрелочкой. Обтравочная маска «прикрепит» корректирующий слой к нижележащему слою (со звездами) и коррекция будет влиять только на слой «Звезды», не затрагивая остальные слои.

39

39

39

39

В панели слоев понижаем прозрачность слоя «Звезды».

41

41

Эффект светящегося взрыва для текста готов! Урок «Светящийся текст в фотошопе» завершен.

финальный результат

Отличного настроения и творческих успехов!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

Добавление эффектов освещения

3D-функции Photoshop будут удалены в будущих обновлениях. Пользователям, работающим с 3D-функциями, рекомендуется ознакомиться с новой коллекцией Adobe Substance 3D, которая представляет собой новое поколение 3D-инструментов от Adobe. Дополнительная информация о прекращении поддержки 3D-функций в Photoshop представлена здесь: Photoshop 3D | Распространенные вопросы о прекращении поддержки 3D-функций в Photoshop.

Применение фильтра «Эффекты освещения»

Фильтр «Эффекты освещения» позволяет создавать в RGB-изображениях различные эффекты освещения. Предусмотрена также возможность применять для создания объемных эффектов текстуры, полученные из файлов изображений в градациях серого (они называются картами рельефа), а также сохранять собственные стили для использования в других изображениях.

Примечание.

Фильтр Эффекты освещения в Photoshop работает только на 8-битных RGB-изображениях. Для использования эффектов освещения у вас должна быть поддерживаемая видеокарта. Дополнительную информацию см. в разделе Часто задаваемые вопросы.

Создаём Неоновый Текст в программе Adobe Photoshop

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

Исходные материалы

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

  • Шрифт Beon Medium
  • Текстура Кирпичная Стена Image 2 — Large (2000×2328) (Изображение 2 – Размер большой (2000×2328)
  • Набор Текстур Гранж

1. Создаём Задний Фон

Шаг 1

Создайте новый документ 1500 x 950 px, установите Разрешение (Resolution) 300.

Итак, идём Файл – Поместить встроенные (File > Place Embedded), и в появившемся окне, выберите исходное изображение с текстурой кирпичной стены. Примените масштабирование на своё усмотрение. Нажмите клавишу (Enter), чтобы применить изменения.

Place the Brick Texture

Шаг 2

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

Levels

Шаг 3

Преобразуйте данный корректирующий слой Уровни (Levels) в обтравочную маску к слою с текстурой кирпичной стенки. Далее, в настройках корректирующего слоя Уровни (Levels), установите значение для Теней (Shadows) 85.

Levels Values

Шаг 4

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

Hue Saturation

2. Создаём Текст

Шаг 1

Создайте текст, все буквы заглавные. Шрифт ‘Beon Medium’. Цвет текста #a33e88 , размер шрифта 103 pt.

Create the Text

Шаг 2

Продублируйте слой с текстом. Отключите видимость оригинального слоя с текстом, щёлкнув по глазку рядом с миниатюрой слоя. Далее, щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне, выберите опцию Растрировать текст (Rasterize).

Что мы сделаем далее- это отделим вертикальные и диагональные фрагменты текста от горизонтальных фрагментов текста, чтобы применить эффекты, используя различные значения Углов (Angle).

Rasterize Type

Шаг 3

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool (или выберите любой инструмент выделения, который вам нравится), в настройках данного инструмента, выберите режим Добавление к выделенной области (Add to selection), и с помощью данного инструмента, выделите горизонтальные фрагменты текста.

Select Horizontal Parts

Шаг 4

Далее, идём Редактирование — Вырезать (Edit > Cut), а затем идём Редактирование – Специальная вставка – Вставить по месту (Edit > Paste Special > Paste in Place). Таким образом, горизонтальные фрагменты будут выделены на отдельном слое. Назовите слой с вертикальными фрагментами Вертикальные (Vertical), а слой с горизонтальными фрагментами Горизонтальные (Horizontal).

Separate Vertical and Horizontal Parts

Шаг 5

Уменьшите значение Заливки (Fill) до 0 для обоих слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal).

Fill Value

Шаг 6

Дважды продублируйте каждый из слоёв Вертикальные (Vertical) и Горизонтальные (Horizontal), далее, сгруппируйте слои в соответствующие группы. Назовите новые группы Вертикальные / Горизонтальные (Vertical/Horizontal). Примечание переводчика: в каждой группе должно быть по 3 слоя.

Duplicate and Group Layers

Шаг 7

Расположите слой с группой Горизонтальные (Horizontal) ниже слоя с группой Вертикальные (Vertical).

Group Order

3. Добавляем Стилизацию к Оригинальному Слою с Горизонтальными Фрагментами Текста

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

Шаг 1

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

Bevel and Emboss

  • Размер (Size): 10
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 0
  • Высота (Altitude): 70
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%

Шаг 2

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

Contour

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

Шаг 3

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

Inner Shadow

  • Режим наложения (Blend Mode): Осветление (Screen)
  • Цвет: #e658d4
  • Угол (Angle): 30
  • Смещение (Distance): 0

Шаг 4

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

Inner Glow

  • Непрозрачность (Opacity): 85%
  • Цвет: #fe66f1
  • Источник (Source): Из центра (Center)
  • Размер (Size): 18

Шаг 5

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

Drop Shadow

  • Смещение (Distance): 13
  • Размер (Size): 7

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

Styled Original Horizontal Layer

4. Добавляем Стилизацию к Первому Дубликату Слоя с Горизонтальными Фрагментами Текста

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

Шаг 1

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

Bevel and Emboss

  • Размер (Size): 16
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -36
  • Высота (Altitude): 42
  • Контур глянца (Contour): Cove — Deep
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%

Шаг 2

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

Contour

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

Итак, мы дополнительно добавили свечение к тексту.

Styled First Copy Horizontal Layer

5. Добавляем Стилизацию ко Второму Дубликату Слоя с Горизонтальными Фрагментами Текста

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

Шаг 1

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

Bevel and Emboss

  • Размер (Size): 16
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 18
  • Высота (Altitude): 58
  • Контур глянца (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%

Шаг 2

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

Contour

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

Шаг 3

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

Inner Glow

  • Режим наложения (Blend Mode): Линейный свет (Linear Light)
  • Шум (Noise): 5%
  • Цвет: #ffdcfa
  • Источник (Source): Из центра (Center)
  • Размер (Size): 38

Шаг 4

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

Outer Glow

  • Цвет: #7f2d65
  • Размер (Size): 15

Это стилизация заключительного слоя Горизонтальные (horizontal). Мы дополнительно добавили глянец и свечение.

Styled Second Copy Horizontal Layer

6. Добавляем Стилизацию к Оригинальному Слою с Вертикальными Фрагментами Текста

Шаг 1

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

Дважды щёлкните по оригинальному слою Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на 90 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 74.

Bevel and Emboss

Шаг 2

Для стиля слоя Внутреннее свечение (Inner Glow), просто поменяйте Размер (Size) на 15.

Inner Glow

Мы провели коррекцию эффекта в соответствии с вертикальными и диагональными фрагментами текста.

Modified Style for the Original Vertical Layer

7. Добавляем Стилизацию к Первому Дубликату Слоя с Вертикальными Фрагментами Текста

Скопируйте стили слоя первого дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя к первому дубликату слоя Вертикальные (Vertical). Дважды щёлкните по дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -76 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53.

Bevel and Emboss

Результат для первого дубликата слоя.

Modified Style for the First Copy Vertical Layer

8. Добавляем Стилизацию ко Второму Дубликату Слоя с Вертикальными Фрагментами Текста

Скопируйте стили слоя второго дубликата слоя Горизонтальные (Horizontal), а затем, вклейте скопированные стили слоя ко второму дубликату слоя Вертикальные (Vertical). Дважды щёлкните по второму дубликату слоя Вертикальные (Vertical), чтобы откорректировать Угол (Angle), установив значение на -82 в стиле слоя Тиснение (Bevel and Emboss), а также поменять значения Высоты (Altitude) на 53.

Bevel and Emboss

Итак, мы завершили стилизацию обеих частей текста.

Modified Style for the Second Copy Vertical Layer

9. Дополнительно Добавляем Свечение и Создаём Электрические Провода

Шаг 1

Создайте новый слой ниже слоя с текстом, видимость которого мы отключили ранее. Назовите этот слой ‘Свечение на заднем фоне’. Поменяйте режим наложения для данного слоя на Линейный свет (Linear Light).

Установите цвет переднего плана на #98338b , выберите инструмент Кисть (Brush Tool), установите большую мягкую кисть. Просто щёлкните несколько раз, добавив свечение за текстом (не ведите кистью, просто поставьте цветное пятно).

Add Background Glow

Шаг 2

Создайте ещё один новый слой ниже слоя ‘Свечение на заднем фоне’. Назовите этот слой ‘Провода’. Выберите инструмент Перо (Pen Tool), в настройках данного инструмента выберите режим Контуры (Path).

Что вам нужно сделать далее- это создать контуры там, где бы вы хотели добавить электрические провода. Вы можете добавлять опорные точки, а также создавать кривые, потянув за направляющие опорные точки. При создании контуров, не забывайте, что контуры не должны быть идеальными. В любой момент, вы можете воспользоваться инструментом Стрелка (Direct Selection Tool) для коррекции опорных точек или направляющих линий.

Create the Cable Paths Using the Pen Tool

Шаг 3

Чтобы создать раздельные контуры, удерживайте клавишу (Ctrl). Вначале нарисуйте контур, потом нажмите + удерживайте клавишу (Ctrl), далее, щёлкните за пределами контура, таким образом, создав отдельный контур, который не будет привязан к следующему контуру, который вы будете создавать далее.

Separating the Paths

Шаг 4

Не торопитесь в этом шаге, чтобы получить интересный результат.

Finish Creating the Paths

Шаг 5

Выберите инструмент Кисть (Brush Tool), далее, зайдите в панель настроек кисти Окно – Кисти (Window > Brush), установите жёсткую круглую кисть 7 px, значение Интервала (Spacing) 1.

Brush Settings

Шаг 6

Установите цвет переднего плана на #252525 , выберите инструмент Стрелка (Direct Selection Tool), щёлкните правой кнопкой мыши по контуру и в появившемся окне, выберите опцию Выполнить обводку контура (Stroke Path).

Stroke Path

Шаг 7

В появившемся окне, выберите инструмент Кисть (Brush), а также уберите галочку в окошке Имитировать нажим (Simulate Pressure).

Stroke Path Box

Шаг 8

Итак, мы выполнили обводку контура. Нажмите клавишу (Enter), чтобы удалить рабочий контур.

Stroked Path

10. Добавляем Стилизацию к Проводам

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

Шаг 1

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

Bevel and Emboss

  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Цвет: #ec6ab7
  • Непрозрачность (Opacity): 24%

Шаг 2

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

Contour

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

Шаг 3

Добавьте стиль слоя Наложение узора (Pattern Overlay) со следующими настройками:

Pattern Overlay

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Узор (Pattern): 8

Шаг 4

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

Drop Shadow

  • Непрозрачность (Opacity): 60%
  • Смещение (Distance): 13
  • Размер (Size): 10

Итак, мы добавили стилизацию к проводам.

The Styled Cable

11. Создаём Крепления

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), чтобы создать прямоугольник размерами 11 x 15 px. Примечание переводчика: далее, я опишу весь процесс создания крепления: 1. в настройках данного инструмента установите режим Слой-фигура (Layer-shape) 2. Добавьте опорные точки, сместите их (применяя инструмент Стрелка) 3. Растрируйте фигуру 4. Создайте дубликат. 5. Примените стили слоя.

Create a Rectangle

Шаг 2

Выберите инструмент Добавить опорную точку (Add Anchor Point Tool). Добавьте две опорные точки по центру вертикальных линий прямоугольника.

Add Anchor Points

Шаг 3

Теперь, выберите инструмент Стрелка (Direct Selection Tool), с помощью данного инструмента, выделите центральные точки, которые вы добавили, а затем, нажмите один раз клавишу со стрелкой ‘Влево’, чтобы сместить точки на 1 px влево. Примечание переводчика: 1. при выделении точек Стрелкой, удерживайте клавишу (Shift) 2. вы не увидите контурного выделения, не переживайте, вы уже их выделили, т.к. точки станут активными, вы это увидите, теперь, просто нажмите клавишу со стрелкой ‘влево’, чтобы сместить точки 3. попробуйте нажать несколько раз клавишу влево, чтобы заметить эффект смещения.

Move Anchor Points

Шаг 4

Продублируйте слой с прямоугольником. Поверните дубликат прямоугольника, для этого идём Редактирование – Трансформация – Поворот 90° по часовой стрелке (Edit > Transform > Rotate 90° Clockwise). Назовите первый слой с прямоугольником ‘H’ (для горизонтальных (horizontal) фрагментов текста, а второй слой назовите ‘V’ (для вертикальных (vertical).

Duplicate and Rename Rectangle Layers

12. Применяем Стилизацию к Креплениям

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

Шаг 1

Добавьте стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:

Gradient Overlay

  • Непрозрачность (Opacity): 42%
  • Тип градиента (Style): Линейный (Linear) Щёлкните по шкале градиента, чтобы установить цвета градиента #151515 слева , #6d6d6d в центре и #161616 справа.

Шаг 2

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

Drop Shadow

  • Непрозрачность (Opacity): 60%
  • Смещение (Distance): 13
  • Размер (Size): 10

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

Styled Horizontal Clip

Шаг 3

Скопируйте стили слоя, щелкнув правой кнопкой по слою ‘H’ и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy layer style). Таким же образом, вклейте стиль слоя на слой ’V’. Далее, дважды щёлкните по слою ‘V’, чтобы поменять угол стиля слоя Наложение градиента (Gradient Overlay) на 0.

Gradient Overlay

Шаг 4

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

Duplicate and Place Clips

13. Добавляем Слой с Заливкой Цвета

Создайте новый корректирующий слой Цвет (Solid Color). Цвет заливки #a34799 . Расположите данный корректирующий слой ниже слоя с электрическими проводами, поменяйте режим наложения для данного корректирующего слоя на Яркий свет (Vivid Light). Таким образом, мы добавим розовый оттенок на кирпичную стену за текстом и усилим свечение и освещение итогового результата.

Solid Color Adjustment Layer

Поздравляю! Мы завершили урок!

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

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

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

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

Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.

Создание эффекта свечения в Фотошопе

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

Процесс создания свечения

Смотрите также: “Как сделать портрет в стиле поп-арт в Фотошопе”

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

  1. В созданном документе (фон которого, например, залит черным цветом), при помощи инструмента “Текст” пишем надпись, являющуюся основой для создания эффекта свечения.Исходный текст на черном фоне в Фотошопе
  2. Используя инструмент “Слой…” (Вкладка “Слои“, группа “Новый“), создаем пустой слой.Создание нового слоя в ФотошопеПримечание: создать новый слой также можно, нажав специальную кнопку в нижней части палитры слоев.
  3. В появившемся окне с параметрами слоя просто жмем ОК.Настройки и подтверждение создания нового слоя в Фотошопе
  4. Удерживая клавишу Ctrl на клавиатуре щелкаем левой кнопкой мыши по иконке слоя с текстом в панели слоев, чтобы создать выделение.Выделение в Фотошопе при помощи сочетания клавиши Ctrl и клика мыши
  5. Теперь надо расширить созданное выделение. Для этого выбираем строку “Расширить” (Вкладка “Выделение” – группа инструментов “Модификация“).Расширение выделения в Фотошопе с помощью функции Расширить
  6. В параметрах выделения области вводим значение от 2 до 5 пикселей и нажимаем кнопку ОК.Настройка параметров расширения границ выделения
  7. В результате наблюдаем расширение границ выделения и теперь можно переключиться на новый слой (в нашем случае – Слой 1).Расширение границ выделения в Фотошопе
  8. Далее нужно выполнить заливку с помощью соответствующего инструмента, для чего жмем комбинацию Shift+F5.Сочетание клавиш для заполнения выделения в Фотошопе
  9. В окне настроек кликаем по выпадающему списку параметра “Содержание“, выбираем строку “Цвет“. В появившейся палитре цветов делаем выбранный ранее цвет светлее и нажимаем ОК и в самой палитре, и затем – в окне “Заполнить”.Заполнение выделения цветом в Фотошопе
  10. Размываем слой, при помощи специального фильтра – “Размытие по Гауссу“. Он находится во вкладке “Фильтр“, в группе инструментов “Размытие“.Размытие по Гауссу в Фотошопе
  11. Устанавливаем радиус размытия, визуально контролируя полученный эффект.Размытие по Гауссу в Фотошопе
  12. Отменяем выделение (соответствующая функция находится во вкладке “Выделение”).Отмена выделения в Фотошопе
  13. При помощи зажатой левой кнопки мыши переносим размытый слой под слой с текстом.Перемещение слоев Фотошопе при помощи мыши
  14. В палитре слоев два раза щелкаем по текстовому слою левой кнопкой мыши (не по самой надписи, а по свободной области справа от нее, так как в противном случае будет предложено просто переименовать слой).
  15. В появившемся окне настроек стиля слоя выбираем инструмент “Тиснение“, регулируем параметры “Размер” и “Смягчение“. При необходимости можно “поиграться” с другими параметрами, визуально отслеживая результат.Настройка параметров Тиснения в стиле слоя в Фотошопе
  16. После нажатия кнопки OK мы получим результат в вид созданного эффекта свечения.Эффект свечения текста в Фотошопе

Заключение

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

  • Как сделать GIF анимацию в Фотошопе: пошаговая инструкция
  • Как вставить одно изображение в другое в Фотошопе

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *