В этом уроке я покажу вам, как с помощью стилей слоя создать яркий 3D-эффект. По ходу урока мы применим к стилям фильтр Размытие в движении, чтобы создать потрясающий голографический эффект в стиле Звездных войн. Также вы узнаете, как записать все действия в экшен, чтобы можно было быстро и легко повторно применить эффект к любому тексту.
Скачать архив с материалами к уроку
1. Создаем стили слоя
Шаг 1
Перед началом записи экшена нам нужно создать стили слоя. Это позволит сократить количество шагов в экшене и даст возможность редактировать некоторые его параметры.
Скачиваем zip-архив и извлекаем его в любую папку. Затем открываем файл Holo-Tuto-Background.jpg в Фотошоп.
Шаг 2
Шаг 3
Переходим на панель слоев и устанавливаем Fill (Заливка) слоя HOLO на 0%. Затем дважды кликаем левой кнопкой по этому же слою, чтобы открыть окно Layer Style (Стиль слоя). После этого добавляем стиль Color Overlay (Наложение цвета):
- Blend Mode (Режим наложения): Normal (Нормальный)
- Цвет: # 001f36
- Opacity (Непрозрачность): 100%
Шаг 4
Далее применяем Outer Glow (Внешнее свечение):
- Blend Mode (Режим наложения): Normal (Нормальный)
- Opacity (Непрозрачность): 64%
- Noise (Шум): 0%
- Цвет: # 004377
- Technique (Метод): Softer (Мягкий)
- Spread (Размах): 22%
- Size (Размер): 73 пикс.
- Contour (Контур): Linear (Линейный)
- Anti-aliased (Сглаживание): вкл
- Range (Диапазон): 100%
- Jitter (Колебание): 0%
После этого нажимаем на кнопку New Style (Новый стиль) и сохраняем его под названием «HOLO – A».
Не закрываем окно Layer Style (Стиль слоя).
Шаг 5
Первый слой со стилями готов, и мы можем заняться вторым.
Снимаем галочку с Outer Glow (Внешнее свечение). Затем корректируем настройки Color Overlay (Наложения цвета):
- Blend Mode (Режим наложения): Soft Light (Мягкий свет)
- Цвет: # 12b4ff
- Opacity (Непрозрачность): 100%
Шаг 6
Добавляем стиль слоя Bevel & Emboss (Фаска и тиснение) со следующими настройками:
- Style (Стиль): Emboss (Тиснение)
- Technique (Метод): Smooth (Плавное)
- Depth (Глубина): 1000%
- Direction (Направление): Up (Вверх)
- Size (Размер): 9 пикс.
- Soften (Смягчение): 12 пикс.
- Use Global Light (Глобальное освещение): выкл
- Angle (Угол): -95º
- Altitude (Высота): 36º
- Gloss Contour (Контур глянца): Ring Double (Двойное кольцо)
- Anti-aliased (Сглаживание): вкл
- Highlight Mode (Режим подсветки): Color Dodge (Осветление основы). Цвет: # 7ba4c6 Opacity (Непрозрачность): 86%
- Shadow Mode (Режим тени): Hard Light (Жесткий свет). Цвет: # 8fd1ff Opacity(Непрозрачность): 75%
Шаг 7
Добавляем стиль слоя Inner Shadow (Внутренняя тень) со следующими настройками:
- Blend Mode (Режим наложения): Screen (Осветление)
- Цвет: # 009cff
- Opacity (Непрозрачность): 100%
- Use Global Light (Глобальное освещение): выкл
- Angle (Угол): 90º
- Distance (Смещение): 19 пикс.
- Choke (Стягивание): 0%
- Size (Размер): 32 пикс.
- Contour (Контур): Cone (Конус)
- Anti-aliased (Сглаживание): вкл
- Noise (Шум): 0%
Шаг 8
Далее мы будем использовать узор, который находится в скачанном zip-архиве. Это обычные горизонтальные линии. Я нарисовал его с помощью белых линий и прозрачного фона.
- Blend Mode (Режим наложения): Normal (Нормальный)
- Opacity (Непрозрачность): 36%
- Pattern (Узор): Holographic Pattern (Кликаем по миниатюре узора, чтобы открыть панель. Затем нажимаем на значок шестеренки в правом верхнем углу и выбираем Load Patterns (Загрузить узоры). После этого выбираем скачанный Holographic Pattern).
- Scale (Масштаб): 150%
- Link with Layer (Связать со слоем): вкл
Шаг 9
Добавляем стиль слоя Drop Shadow (Тень) со следующими настройками:
- Blend Mode (Режим наложения): Normal (Нормальный)
- Цвет: # 004280
- Opacity (Непрозрачность): 100%
- Use Global Light (Глобальное освещение): вкл
- Angle (Угол): -87º
- Distance (Смещение): 0 пикс.
- Spread (Размах): 16%
- Size (Размер): 16 пикс.
- Contour (Контур): Linear (Линейный)
- Anti-aliased (Сглаживание): выкл
- Noise (Шум): 0%
- Layer Knocks Out Drop Shadow (Слой выбивает тень): вкл
Закончив, нажимаем на кнопку New Style (Новый стиль) и сохраняем с названием HOLO – B. После этого закрываем окно Layer Style (Стиль слоя).
2. Как создать экшен
Шаг 1
Переходим на панель слоев и выбираем слой HOLO. После этого открываем панель Window – Actions (Окно – Операции). Затем в нижней части панели нажимаем на кнопку Create new set (Создать новый набор) и называем его «Мой текстовый эффект». После этого жмем на кнопку Create new action (Создать новую операцию) и вводим название «Голографический эффект».
С этого момента Фотошоп записывает все действия внутри программы в экшен. Следите за панелью операций, на ней будут отображаться ваши шаги. При необходимости можно удалить лишнее действие. Для этого выберите его и нажмите на значок с корзиной внизу панели.
Шаг 2
Дважды кликаем по названию слоя HOLO и переименовываем его на HOLO – A (будьте внимательны и не снимите выделение со слоя HOLO). Затем правой кнопкой кликаем по этому слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
Шаг 3
Жмем Ctrl+T, чтобы активировать свободную трансформацию. На верхней панели деактивируем Maintain aspect ratio (Сохранять пропорции) и растягиваем текст по вертикали до 59%. Не нажимайте клавишу Enter, чтобы применить изменения. Трансформация должна оставаться активной!
Шаг 4
Кликаем правой кнопкой мышки внутри рамки трансформации и выбираем Perspective(Перспектива). Затем мышкой хватаем правую верхнюю опорную точку и смещаем ее на 22º влево. После этого жмем Enter, чтобы применить трансформацию.
Шаг 5
Теперь переходим к панели Window – Styles (Окно – Стили). Стили слоя, которые мы сохраняли в первой части урока, находятся здесь. Ищем стиль HOLO – A и кликаем по нему, чтобы применить к выбранному слою.
После этого применяем фильтр Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении). Устанавливаем Angle (Угол) на 80º и Distance (Смещение) – на 68 пикселей.
Размытие в движении поможет создать нужный 3D-эффект.
Шаг 6
Жмем Ctrl+J, чтобы дублировать слой, называем копию HOLO – B. После этого открываем панель Styles (Стили) и применяем к копии стиль HOLO – B.
Шаг 7
На панели слоев кликаем по стрелке напротив слоя HOLO – B, чтобы развернуть все его эффекты. Дважды кликаем по фильтру Motion Blur (Размытие в движении), чтобы изменить его настройки. Устанавливаем Angle (Угол) на 90º и Distance (Смещение) – на 42 пикселя.
Шаг 8
С зажатой клавишей Ctrl выделяем оба слоя одновременно HOLO – A и HOLO – B и преобразовываем их в смарт-объект. Дважды кликаем по этому смарт-объекту, чтобы открыть окно стилей. После этого применяем стиль слоя Outer Glow (Внешнее свечение) со следующими параметрами:
- Blend Mode (Режим наложения): Normal (Нормальный)
- Opacity (Непрозрачность): 19%
- Noise (Шум): 0%
- Цвет: # 3253ff
- Technique (Метод): Softer (Мягкий)
- Spread (Размах): 18%
- Size (Размер): 156 пикс.
- Contour (Контур): Linear (Линейный)
- Anti-aliased (Сглаживание): вкл
- Range (Диапазон): 100%
- Jitter (Колебание): 0%
Жмем ОК, чтобы закрыть окно Layer Style (Стиль слоя).
Шаг 9
Переходим на панель операций и жмем на кнопку Stop Recording (Остановить запись).
Мы закончили!
Вот так выглядит финальный результат:
В этом уроке мы создали с вами голографический эффект на тексте и записали процесс в экшен. Сначала мы создали два слоя со стилями, затем объединили их вместе и применили к ним размытие в движении для имитации эффекта 3D. Теперь вы можете применять этот экшен к любому тексту. Достаточно сделать пару кликов мышкой!
Чтобы применить экшен, выбираем его на панели операций и в нижней части жмем на кнопку Play (Воспроизвести).
Надеюсь, вам понравился урок. Не стесняйтесь оставлять комментарии ниже.
Также не забудьте посмотреть мой набор текстовых эффектов Cyberpunk. В них включены смарт-объекты для быстрого и удобного редактирования.
Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru
