Объёмные золотые буквы в Photoshop
В этом уроке фотошопа мы создадим объёмные золотые буквы. Примерное время, затронутое на выполнение, равняется одному часу. Удачи!
Создайте новый документ в Фотошопе (Ctrl + N) с параметрами, указанными на скриншоте.
Нужно залить фон серым цветом. Для этого перейдите в меню заливки (Shift + F5), выберите пункт Цвет (Color).
Введите код цвета - #353535.
После заливки фон будет выглядеть так:
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) и напишите слово «GOLD». Я использовал шрифт «Athletic M54». Цвет шрифта не важен.
Кликните дважды на текстовом слое, чтобы открыть окно стилей. Примените следующие стили:
Внутренняя тень (Inner Shadow):
Режим наложения (Blend Mode): Нормальный (Normal); Цвет (Color): # fbf504
Непрозрачность (Opacity): 100%
Угол (Angle): 120 градусов; Глобальное освещение (Use Global Light): Выключено
Смещение (Distance): 0 пикселей
Стягивание (Choke): 100%
Размер (Size): 3 пикселя
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Включено
Шум (Noise): 0%
Внешнее свечение (Outer Glow):
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 100%
Шум (Noise): 0%
Цвет (Color): Белый
Метод (Technique): Мягкий (Softer)
Размах (Spread): 100%
Размер (Size): 3пикселя
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 50%
Колебание (Jitter): 0%
Внутреннее свечение (Inner Glow):
Режим наложения (Blend Mode): Умножение (Multiply)
Непрозрачность (Opacity): 23%
Шум (Noise): 0%
Цвет (Color): # 876a00
Метод (Technique): Точный (Precise)
Источник (Source): На краях (Edge)
Стягивание (Choke): 100%
Размер (Size): 7 пикселей
Контур (Contour): По гауссу (Gaussian); Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%
Колебание (Jitter): 0%
Тиснение (Bevel & Emboss):
Стиль (Style): Обводящее тиснение (Pillow Emboss)
Метод (Technique): Плавное (Smooth)
Глубина (Depth): 800%
Направление (Direction): Вверх (Up)
Размер (Size): 9 пикселей
Смягчение (Soften): 0 пикселей
Угол (Angle): 120 градусов
Глобальное освещение (Use Global Light): Включено
Высота (Altitude): 30 градусов
Контур глянца (Gloss Contour): Кольцо (Ring); Сглаживание (Anti-aliased): Включено
Режим подсветки (Highlight Mode): Осветление (Screen); Цвет (Color): #b9a56e; Непрозрачность (Opacity): 20%
Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): #ac3900; Непрозрачность (Opacity): 76%.
Наложение градиента (Gradient Overlay):
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Градиент (Gradient): #a72f00 - #ffd200; Инверсия (Reverse): Включено
Стиль (Style): Зеркальный (Reflected); Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90 градусов
Масштаб(Scale): 102%
Глянец (Satin):
Режим наложения (Blend Mode):Умножение (Multiply); Цвет (Color): #cd9600
Непрозрачность (Opacity): 52%
Угол (Angle): 19 градусов
Смещение (Distance): 12 пикселей
Размер (Size): 14 пикселей
Контур (Contour): По гауссу (Gaussian); Сглаживание (Anti-aliased): Выключено; Инвертировать (Invert): Включено
Результат после применения стилей:
Кликните правой кнопкой мыши на текстовом слое и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).
Кликните правой кнопкой мыши на текстовом слое ещё раз и выберите пункт Растрировать слой (Rasterize Layer).
Создайте 3 копии текстового слоя, используя сочетание клавиш Ctrl + J. Назовите текстовые слои «bottom», «middle» и «top», ведь это не так сложно, как определить, какой видео формат для iphone реально подходит.
Выберите слой «bottom», выберите инструмент Перемещение (Move Tool) (V), зажмите клавишу Shift и нажмите два раза на клавишу стрелки вниз (слой опустится на 20 пикселей). Затем выберите слой «middle» и опустите его на 10 пикселей вниз. Зажатая клавиша Shift даёт смещение в 10 пикселей.
К слою «middle» примените фильтр Размытие в движении (Фильтр > Размытие > Размытие в движении) (Filter > Blur > Motion Blur).
Угол (Angle): 90 градусов
Смещение (Distance): 20 пикселей
Результат:
Создайте 15 копий слоя «middle» (Ctrl + J). Выберите все слои «middle» и объедините их в один (Ctrl + E). В итоге у Вас снова должно получиться три слоя.
Результат:
Кликните дважды на слое «top», чтобы открыть окно стилей. Примените стиль Отбрасывание тени (Drop Shadow):
Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): Черный
Непрозрачность (Opacity): 22%
Угол (Angle): 90 градусов; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 32 пикселя
Размах (Spread): 26%
Размер (Size): 29 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено
К среднему слою «middle copy 15» примените следующие стили:
Внутренняя тень (Inner Shadow):
Режим наложения (Blend Mode): Осветление основы (Color Dodge); Цвет (Color): Белый
Непрозрачность (Opacity): 22%
Угол (Angle): -90 градусов; Глобальное освещение (Use Global Light): Выключено
Смещение (Distance): 21 пикселей
Стягивание (Choke): 0%
Размер (Size): 38 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Внутреннее свечение (Inner Glow):
Режим наложения (Blend Mode): Умножение (Overlay)
Непрозрачность (Opacity): 25%
Шум (Noise): 0%
Цвет (Color): Чёрный
Метод (Technique): Мягкий (Softer)
Источник (Source): На краях (Edge)
Стягивание (Choke): 0%
Размер (Size): 10 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 50%
Колебание (Jitter): 0%
Наложение цвета (Color Overlay):
Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): #903300
Непрозрачность (Opacity): 27%
К слою «bottom» примените стиль Отбрасывание тени (Drop Shadow):
Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): Черный
Непрозрачность (Opacity): 49%
Угол (Angle): 90 градусов; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 3 пикселя
Размах (Spread): 0%
Размер (Size): 8 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено
Следующий стиль – Внутренняя тень (Inner Shadow):
Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): Чёрный
Непрозрачность (Opacity): 66%
Угол (Angle): -90 градусов; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 21 пикселей
Стягивание (Choke): 0%
Размер (Size): 38 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Результат:
Загрузите текстуру скалы и вставьте её в наш документ. Расположите слой с текстурой над фоновым слоем. Инструментом Свободное трансформирование (Ctrl + T) растяните текстуру на весь холст.
К слою с текстурой примените стиль Наложение градиента (Gradient Overlay):
Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
Непрозрачность (Opacity): 44%
Градиент (Gradient): #a3a3a3 – #000000; Инверсия (Reverse): Включено
Стиль (Style): Радиальный (Radial); Выровнять по слою (Align with Layer): Включено
Угол (Angle): -180 градусов
Масштаб(Scale): 150%
В завершении примените к текстуре фильтр Умная резкость (Фильтр > Резкость > Умная резкость) (Filter > Sharpen > Smart Sharpen).
Количество (Amount): 50%
Радиус (Radius): 0,7 пикселя
Конечный результат:
Шаг 1
Создайте новый документ в Фотошопе (Ctrl + N) с параметрами, указанными на скриншоте.
Нужно залить фон серым цветом. Для этого перейдите в меню заливки (Shift + F5), выберите пункт Цвет (Color).
Введите код цвета - #353535.
После заливки фон будет выглядеть так:
Шаг 2
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) и напишите слово «GOLD». Я использовал шрифт «Athletic M54». Цвет шрифта не важен.
Шаг 3
Кликните дважды на текстовом слое, чтобы открыть окно стилей. Примените следующие стили:
Внутренняя тень (Inner Shadow):
Режим наложения (Blend Mode): Нормальный (Normal); Цвет (Color): # fbf504
Непрозрачность (Opacity): 100%
Угол (Angle): 120 градусов; Глобальное освещение (Use Global Light): Выключено
Смещение (Distance): 0 пикселей
Стягивание (Choke): 100%
Размер (Size): 3 пикселя
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Включено
Шум (Noise): 0%
Внешнее свечение (Outer Glow):
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 100%
Шум (Noise): 0%
Цвет (Color): Белый
Метод (Technique): Мягкий (Softer)
Размах (Spread): 100%
Размер (Size): 3пикселя
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 50%
Колебание (Jitter): 0%
Внутреннее свечение (Inner Glow):
Режим наложения (Blend Mode): Умножение (Multiply)
Непрозрачность (Opacity): 23%
Шум (Noise): 0%
Цвет (Color): # 876a00
Метод (Technique): Точный (Precise)
Источник (Source): На краях (Edge)
Стягивание (Choke): 100%
Размер (Size): 7 пикселей
Контур (Contour): По гауссу (Gaussian); Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%
Колебание (Jitter): 0%
Тиснение (Bevel & Emboss):
Стиль (Style): Обводящее тиснение (Pillow Emboss)
Метод (Technique): Плавное (Smooth)
Глубина (Depth): 800%
Направление (Direction): Вверх (Up)
Размер (Size): 9 пикселей
Смягчение (Soften): 0 пикселей
Угол (Angle): 120 градусов
Глобальное освещение (Use Global Light): Включено
Высота (Altitude): 30 градусов
Контур глянца (Gloss Contour): Кольцо (Ring); Сглаживание (Anti-aliased): Включено
Режим подсветки (Highlight Mode): Осветление (Screen); Цвет (Color): #b9a56e; Непрозрачность (Opacity): 20%
Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): #ac3900; Непрозрачность (Opacity): 76%.
Наложение градиента (Gradient Overlay):
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Градиент (Gradient): #a72f00 - #ffd200; Инверсия (Reverse): Включено
Стиль (Style): Зеркальный (Reflected); Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90 градусов
Масштаб(Scale): 102%
Глянец (Satin):
Режим наложения (Blend Mode):Умножение (Multiply); Цвет (Color): #cd9600
Непрозрачность (Opacity): 52%
Угол (Angle): 19 градусов
Смещение (Distance): 12 пикселей
Размер (Size): 14 пикселей
Контур (Contour): По гауссу (Gaussian); Сглаживание (Anti-aliased): Выключено; Инвертировать (Invert): Включено
Результат после применения стилей:
Шаг 4
Кликните правой кнопкой мыши на текстовом слое и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).
Кликните правой кнопкой мыши на текстовом слое ещё раз и выберите пункт Растрировать слой (Rasterize Layer).
Шаг 5
Создайте 3 копии текстового слоя, используя сочетание клавиш Ctrl + J. Назовите текстовые слои «bottom», «middle» и «top», ведь это не так сложно, как определить, какой видео формат для iphone реально подходит.
Выберите слой «bottom», выберите инструмент Перемещение (Move Tool) (V), зажмите клавишу Shift и нажмите два раза на клавишу стрелки вниз (слой опустится на 20 пикселей). Затем выберите слой «middle» и опустите его на 10 пикселей вниз. Зажатая клавиша Shift даёт смещение в 10 пикселей.
Шаг 6
К слою «middle» примените фильтр Размытие в движении (Фильтр > Размытие > Размытие в движении) (Filter > Blur > Motion Blur).
Угол (Angle): 90 градусов
Смещение (Distance): 20 пикселей
Результат:
Шаг 7
Создайте 15 копий слоя «middle» (Ctrl + J). Выберите все слои «middle» и объедините их в один (Ctrl + E). В итоге у Вас снова должно получиться три слоя.
Результат:
Шаг 8
Кликните дважды на слое «top», чтобы открыть окно стилей. Примените стиль Отбрасывание тени (Drop Shadow):
Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): Черный
Непрозрачность (Opacity): 22%
Угол (Angle): 90 градусов; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 32 пикселя
Размах (Spread): 26%
Размер (Size): 29 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено
Шаг 9
К среднему слою «middle copy 15» примените следующие стили:
Внутренняя тень (Inner Shadow):
Режим наложения (Blend Mode): Осветление основы (Color Dodge); Цвет (Color): Белый
Непрозрачность (Opacity): 22%
Угол (Angle): -90 градусов; Глобальное освещение (Use Global Light): Выключено
Смещение (Distance): 21 пикселей
Стягивание (Choke): 0%
Размер (Size): 38 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Внутреннее свечение (Inner Glow):
Режим наложения (Blend Mode): Умножение (Overlay)
Непрозрачность (Opacity): 25%
Шум (Noise): 0%
Цвет (Color): Чёрный
Метод (Technique): Мягкий (Softer)
Источник (Source): На краях (Edge)
Стягивание (Choke): 0%
Размер (Size): 10 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Диапазон (Range): 50%
Колебание (Jitter): 0%
Наложение цвета (Color Overlay):
Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): #903300
Непрозрачность (Opacity): 27%
Шаг 10
К слою «bottom» примените стиль Отбрасывание тени (Drop Shadow):
Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): Черный
Непрозрачность (Opacity): 49%
Угол (Angle): 90 градусов; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 3 пикселя
Размах (Spread): 0%
Размер (Size): 8 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено
Следующий стиль – Внутренняя тень (Inner Shadow):
Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): Чёрный
Непрозрачность (Opacity): 66%
Угол (Angle): -90 градусов; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 21 пикселей
Стягивание (Choke): 0%
Размер (Size): 38 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Результат:
Шаг 11
Загрузите текстуру скалы и вставьте её в наш документ. Расположите слой с текстурой над фоновым слоем. Инструментом Свободное трансформирование (Ctrl + T) растяните текстуру на весь холст.
К слою с текстурой примените стиль Наложение градиента (Gradient Overlay):
Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
Непрозрачность (Opacity): 44%
Градиент (Gradient): #a3a3a3 – #000000; Инверсия (Reverse): Включено
Стиль (Style): Радиальный (Radial); Выровнять по слою (Align with Layer): Включено
Угол (Angle): -180 градусов
Масштаб(Scale): 150%
В завершении примените к текстуре фильтр Умная резкость (Фильтр > Резкость > Умная резкость) (Filter > Sharpen > Smart Sharpen).
Количество (Amount): 50%
Радиус (Radius): 0,7 пикселя
Конечный результат:
