Как сделать надпись в стиле ретровейв в фотошопе
В этом уроке я покажу вам, как, используя стили слоя, текстуры и корректирующие слои, создать полутоновый ретро текст. Начнем!
На создание этого эффекта меня вдохновили различные стили слоя , доступные на сайте GraphicRiver.
Примечание: Автор использовал платный шрифт Burford Base font. Для выполнения урока вы можете подобрать подходящий шрифт на нашем сайте в разделе дополнений.
1. Создаем слой для узора
Шаг 1
Создаем новый документ размером 512 х 512 пикселей с белым фоном. Дублируем фоновый слой, жмем правой кнопкой по копии и выбираем ConverttoSmartObject (Преобразовать в смарт-объект).
Шаг 2
Устанавливаем цвет переднего и заднего планов на черный и белый и переходим Filter – Render – Clouds (Фильтр – Рендеринг – Облака).
2. Создаем полутоновую гранж-текстуру
Шаг 1
Переходим Filter – FilterGallery – Grain (Фильтр – Галерея фильтров - Зерно) и применяем следующие настройки:
- Intensity (Интенсивность): 60
- Contrast (Контрастность): 0
- Grain Type (Тип зерна): Sprinkles (Брызги)
Шаг 2
В нижней части Галереи фильтров нажимаем кнопку Neweffectlayer (Новый слой эффектов), чтобы добавить еще один фильтр.
Переходим Sketch – HalftonePattern (Эскиз – Полутоновый узор) и применяем следующие настройки:
- Size (Размер): 2
- Contrast (Контрастность): 6
- Pattern Type (Тип узора): Dot (Точка)
Шаг 3
Добавляем еще один слой с эффектом, переходим Sketch – GraphicPen (Эскиз – Тушь) и применяем следующие настройки:
- Stroke Length (Длина штриха): 15
- Light/Dark Balance (Тоновой баланс): 50
- StrokeDirection (Направление штрихов): RightDiagonal (По диагонали вправо)
Закончив, кликаем ОК.
Шаг 4
Переходим Edit – DefinePattern (Редактирование – Определить узор) и вводим название «Передний узор».
3. Создаем узор для фона
Шаг 1
Создаем документ размером 950 х 750 пикселей, кликаем на кнопку Createnewfilloradjustmentlayer (Создать новую заливку или корректирующий слой) в нижней части панели слоев и выбираем SolidColor (Цвет).
Шаг 2
Шаг 3
Дважды кликаем по слою с цветовой заливкой и применяем стиль слоя PatternOverlay (Наложение узора):
- BlendMode (Режим смешивания): SoftLight (Мягкий свет)
- Pattern (Узор): Dots (из скачанного набора с простыми узорами)
В результате у нас получится вот такой фон.
4. Создаем смарт-объект с текстом
Шаг 1
Пишем текст, используя шрифт Burford. Цвет устанавливаем на белый, размер – на 350 pt, Tracking (Трекинг) – на -75.
Шаг 2
Называем текстовый слой «Текст», кликаем по нему правой кнопкой мыши и выбираем ConverttoSmartObject (Преобразовать в смарт-объект).
Шаг 3
Дублируем слой «Текст» (Ctrl+J).
5. Применяем к тексту выдавливание
Шаг 1
Еще раз дублируем текстовый слой, называем копию «Экструзия» и размещаем в группе «Экструзия» (Ctrl+G).
Шаг 2
Выбираем слой «Экструзия», жмем Ctrl+T, чтобы активировать режим свободной трансформации. По одному разу нажимаем на клавиши со стрелками влево и вниз, чтобы сместить текстовый слой на 1 пиксель.
Нажимаем Enter, чтобы применить изменения.
Шаг 3
Нажимаем сочетание клавиш Shift+Ctrl+Alt+T примерно 21 раз, чтобы создать 21 копию текстового слоя со смещением на 1 пиксель.
Вы сами можете для себя решить сколько копий должно быть, основываясь на том, насколько выдавленным вы хотите получить текст.
Шаг 4
Выделяем все слои «Экструзия» и переходим Layer – Arrange – Reverse (Слои – Упорядочить – Инверсия), чтобы расставить их в правильном порядке.
Шаг 5
Первые три слоя размещаем в группе «Спереди», нижние три – в группе «Сзади», а остальные – в группе «Посредине».
6. Создаем слои с тенью
Шаг 1
Дублируем последнюю копию слоя «Экструзия» (нижний слой в группе «Сзади») и называем копию «Тень».
Перемещаем слой «Тень» из группы «Сзади» и добавляем его в отдельную группу «Тень».
Шаг 2
Повторяем описанную выше технику с трансформацией и копированием, чтобы создать копии слоя «Тень». Только в этот раз делаем смещение слоя «Тень» на 1 пиксель вправо и вниз.
Шаг 3
Шаг 4
Слой «Текст» и его копию размещаем в группе «Текст».
7. Применяем стили слоя к копии текста
Дважды кликаем по копии слоя «Текст», чтобы применить к нему стили слоя.
Шаг 1
Добавляем Stroke (Обводка) со следующими настройками:
Шаг 2
Добавляем InnerShadow (Внутренняя тень) со следующими настройками:
BlendMode (Режим смешивания): LinearBurn (Линейный затемнитель)
Шаг 3
Добавляем ColorOverlay (Наложение цвета) со следующими настройками:
Шаг 4
Добавляем PatternOverlay (Наложение узора) со следующими настройками:
- BlendMode (Режим смешивания): ColorBurn (Затемнение основы)
- Pattern (Узор): Sawtooth (из скачанного набора с простыми узорами)
- Scale (Масштаб): 50%
Шаг 5
Устанавливаем Fill (Заливка) копии слоя «Текст» на 0.
Шаг 6
Дважды кликаем по оригинальному слою «Текст», чтобы применить стиль слоя PatternOverlay (Наложение узора) со следующими параметрами:
- Opacity (Непрозрачность): 95%
- Pattern (Узор): «Передний узор», который мы создали выше
- Scale (Масштаб): 50%
Мы стилизовали переднюю часть текста.
8. Применяем стили слоя к экструзии
Шаг 1
Шаг 2
Кликаем правой кнопкой по группе «Спереди», выбираем CopyLayerStyle (Скопировать стиль слоя), затем кликаем правой кнопкой по слою «Сзади» и выбираем PasteLayerStyle (Вставить стиль слоя).
Раскрываем группу «Посредине», выделяем все слои внутри, кликаем по ним правой кнопкой мышки и выбираем PasteLayerStyle (Вставить стиль слоя).
Шаг 3
Дважды кликаем по группе «Посредине», чтобы применить стиль слоя PatternOverlay (Наложение узора) со следующими параметрами:
- BlendMode (Режим смешивания): Divide (Разделить)
- Opacity (Непрозрачность): 35%
- Pattern (Узор): Diagonal line medium (из скачанного набора с простыми узорами)
Получаем вот такой результат.
9. Применяем стили слоя к тени
Шаг 1
Дважды кликаем по группе «Тень», чтобы применить стиль слоя ColorOverlay (Наложение цветом) со следующими настройками:
Шаг 2
Устанавливаем Fill (Заливка) группы «Тень» на 0%.
10. Добавляем текстуры
Перед добавлением текстур, переносим группы «Текст», «Экструзия» и «Тень» в отдельную группу и называем ее «Текстовый эффект», чтобы панель слоев находилась в структурированном виде.
Шаг 1
Лучше всего добавить текстуру в видео смарт-объекта. Для этого переходим File – PlaceLinked (Файл – Поместить связанные).
Начинаем с добавления гранж-текстуры 11 сразу над слоем с цветовой заливкой. При необходимости, корректируем размер текстуры.
Называем ее «Фоновая текстура» и устанавливаем режим смешивания на ColorDodge (Осветление основы) с непрозрачностью 30%.
Шаг 2
Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и устанавливаем Saturation (Насыщенность) на -100.
Если вы используете более старую версию Фотошоп или у вас не получается применить коррекцию непосредственно к самому смарт-объекту, вы можете растрировать текстурный слой или воспользоваться корректирующими слоями Layer – NewAdjustmentLayer (Слой – Новый корректирующий слой).
Шаг 3
Переходим Image – Adjustments – Brightness/Contrast (Изображение – Коррекция – Яркость/Контрастность).
Активируем UseLegacy (Использовать прежние) и устанавливаем Contrast (Контрастность) на -50.
Настройка UseLegacy (Использовать прежние) позволяет сделать так, что контрастности на картинке будет гораздо меньше.
Шаг 4
Размещаем текстуру с шумом выше всех предыдущих слоев и, при необходимости, корректируем ее размер.
Называем слой с этой текстурой «Наложение текстуры 1» и меняем режим смешивания на Overlay (Перекрытие).
Шаг 5
Переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни) и устанавливаем серый ползунок Gamma (Средние тона) на 0,70.
Шаг 6
Выше добавляем гранж-текстуру 16 и корректируем ее размер.
Называем слой «Наложение текстуры 2» и устанавливаем режим смешивания на SoftLight (Мягкий свет) с непрозрачность 20%.
Шаг 7
Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и устанавливаем Saturation (Насыщенность) на -100.
В этом уроке вы узнаете, как создать объёмный ретро текст, используя многократное использование стилей на одном слое.
Сложность урока: Средний
Последние обновления в Photoshop CC 2015 привнесли много интересных возможностей. Например, многократное применение стилей на одном слое.
В этом уроке я покажу вам, как создать ретро текст, используя только один слой. Итак, давайте приступим!
Итоговый результат
1. Создаём задний фон
Шаг 1
Создайте новый документ 950 x 950 px. Дважды продублируйте слой с задним фоном. Уменьшите значение Заливки (Fill) до 0 для второго дубликата слоя.
Шаг 2
Дважды щёлкните по первому дубликату слоя с задним фоном, чтобы применить стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:
Мы применили заливку градиентом.
Шаг 3
Дважды щёлкните по второму дубликату слоя с задним фоном, чтобы применить стиль слоя Перекрытие узора (Pattern Overlay). Установите следующие настройки для данного стиля слоя:
- Режим наложения (Blend Mode): Мягкий свет (Soft Light)
- Узор (Pattern): Sawtooth (Прим.переводчика: зуб пилы)
Мы применили нежный узор шеврона к заливке градиентом.
2. Создаём текст
Шаг 1
Напечатайте текст, используя шрифт Intro Inline Regular, размер шрифта 200 pt, цвет шрифта любой оттенок на ваш выбор, т.к. позже мы применим стиль слоя Наложение цвета (Color Overlay).
Если вы решили создать текст, состоящий более чем из одной строки, то откройте закладку Символ (Character), идём Окно – Символ (Window > Character), а затем в окне настроек шрифта, поменяйте значение Интерлиньяж (Leading) на 190 pt.
Шаг 2
Чтобы буквы были равномерно распределены, вам нужно установить курсор между каждой парой букв, которые вы хотите отрегулировать, а затем в настройке Трэкинг для выделенных символов (Tracking), задайте подходящее значение.
Значения, которые были использованы здесь:
- W/O, O/N: -50
- D/E, E/R: 100
- F/U, U/L: 150
3. Добавляем обводку и оттиск обводки
Дважды щёлкните по слою с текстом, чтобы применить следующий стиль слоя:
Шаг 1
Примените стиль слоя Обводка (Stroke) со следующими значениями:
Примечание переводчика: данная опция появилась в программе Photoshop CC 2015.
Шаг 2
Новая опция Отдельный оттиск (Overprint) - это дополнительное улучшение к эффекту Обводка (Stroke).
Как работает данная опция, она совмещает полупрозрачную заливку внутренней обводки (с Непрозрачностью (Opacity) меньше, чем 100%) с цветом фигуры или текста, к которому применяется, создавая дополнительный оттиск.
Шаг 3
Когда опция Отдельный оттиск (Overprint) отключена, заливка фигуры или текста будет полностью выбита, а вместо этого будет виден задний фон за полупрозрачной обводкой.
4. Добавление эффекта многократности стиля слоя
Шаг 1
Некоторые стили слоя имеют небольшой значок (+), который расположен справа (Обводка (Stroke), Внутренняя тень (Inner Shadow), Наложение цвета (Color Overlay), Наложение градиента (Gradient Overlay) и Тень (Drop Shadow)).
Если вы нажмёте значок (+), то вы сможете добавить до 10 копий стилей слоя, которые будут добавлены к оригинальному стилю слоя.
Поэтому, если вы нажмёте значок (+), который расположен напротив стиля слоя Обводка (Stroke), то вы увидите, как добавится ещё один стиль слоя Обводка (Stroke) ниже оригинального стиля слоя с теми же самыми настройками и значениями.
Шаг 2
Щёлкните по копии стиля слоя Обводка (Stroke), чтобы он стал активным, а затем, примените следующие настройки:
Как вы видите, данный стиль слоя добавил ещё один эффект обводки к тексту без необходимости создания отдельного слоя или стиля слоя.
5. Добавляем внутреннюю тень
Шаг 1
Далее, добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:
Шаг 2
Далее, добавьте копию стиля слоя Внутренняя тень (Inner Shadow) со следующими настройками:
Это позволит вам добавить внутреннюю тень под другим углом, используя один слой и тот же стиль слоя.
6. Добавляем внутреннее свечение и наложение цвета
Шаг 1
Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:
Шаг 2
Добавьте стиль слоя Наложение цвета (Color Overlay) со следующими настройками:
7. Добавляем тень
Шаг 1
Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:
Шаг 2
Далее, добавьте копию стиля слоя Тень (Drop Shadow) со следующими настройками:
Шаг 3
Добавьте вторую копию стиля слоя Тень (Drop Shadow) со следующими настройками:
Шаг 4
Добавьте третью копию стиля слоя Тень (Drop Shadow) со следующими настройками:
Шаг 5
Далее, добавьте четвёртую копию стиля слоя Тень (Drop Shadow). Данная копия стиля слоя будет очень похожа на третью копию, поэтому, вместо нажатия значка (+) какого-либо стиль слоя Тень (Drop Shadow), нажмите на значок (+) напротив третьей копии стиля слоя Тень (Drop Shadow).
Примечание переводчика: настройки третьей и четвёртой копии будут почти те же самые, поэтому, автор предлагает продублировать третью копию, вместо какой-либо другой копии, чтобы не менять все настройки.
Четвёртая копия появится ниже третьей копии с теми же самыми настройками и значениями. Поменяйте только следующие настройки:
И вуаля! Полученный результат. Довольно-таки сложный эффект ретро текста, который был создан с помощью единственного слоя с текстом, включая одни и те же стили слоя.
Вы также увидите, что все копии стилей слоя также добавлены к перечню стилей слоя, которые мы применили к слою с текстом.
8. Несколько дополнительных новых опций
Шаг 1
Дополнительно к опции со значком (+), вы также можете увидеть несколько новых опций в нижнем левом углу окна настроек Стилей слоя (Layer Style). Первый значок слева – это значок (fx).
Если вы нажмёте этот значок (fx), то появится текстовое меню с несколькими опциями, которые вы можете выбрать, чтобы применить в качестве дополнительных эффектов, точно также как вы добавляли копии стилей слоя.
Шаг 2
Здесь же в текстовом меню есть опция Удалить Скрытые Эффекты (Delete Hidden Effects), которая удаляет все неиспользуемые или неактивные эффекты, стили слоя или их копии. Через меню (fx) вы можете просмотреть или добавить обратно любой стиль слоя в любое момент, когда вы захотите.
Шаг 3
Опция Показать Все Эффекты (Show All Effects) покажет все эффекты, используются ли они или нет.
Шаг 4
Опция Восстановить по Умолчанию (Reset to Default List) просто восстановит всё по умолчанию, включая удаление каких-либо созданных копий стилей слоя.
Шаг 5
Значок Переместить Эффект наверх (Move effect up), а также значок Переместить эффект вниз (Move effect down) (Прим.переводчика: значки со стрелками вниз и верх) могут быть использованы, чтобы изменить порядок стилей слоя и их копий, а с помощью значка ‘Delete’ (Прим.переводчика: значок ‘мусорного ведра’ в нижнем правом углу отмечен кружком), вы можете удалить выбранный стиль слоя, а также его копию.
9. Добавляем текстуру
Как только мы завершили работу со стилями слоя, добавьте гранжевую текстуру бумаги на наш рабочий документ, расположив текстуру поверх всех слоёв. Примените масштабирование по мере необходимости, расположив текстуру, как вам нравится.
Далее, поменяйте режим наложения для данного слоя с текстурой бумаги на Линейный затемнитель (Linear Burn), а также уменьшите непрозрачность слоя до 50%.
Поздравляю! Мы завершили урок!
В этом уроке мы добавили простой градиент на задний фон, добавив к нему нежный узор.
Далее, мы добавили текст, а затем изменили пару настроек, такие как интерлиньяж и трэкинг.
Затем мы применили пару стилей слоя, включая новые настройки стилей слоя, чтобы создать ретро эффект.
В заключение, мы добавили простую гранжевую текстуру в качестве заключительного штриха к эффекту.
В этом уроке я покажу вам, как создать абстрактный яркий текстовый эффект в стиле ретро.
Материалы для урока:
Шаг 1. Создаем новый документ любого размера, заливаем фон градиентом:
Создаем новый слой над фоновым, с помощью специальных кистей или фильтра Clouds (Облака) создаем облака в центре и внизу документа - это будет основа для текстового эффекта.
Не создавайте слишком плотные облака.
Вы можете воспользоваться трансформацией в перспективе (CTRL+T), чтобы отредактировать форму облаком, которые находятся ниже:
Шаг 2. Используем загруженный шрифт, чтобы написать какой-нибудь текст в центре полотна (я использовал желтый цвет):
Применяем стили слоя к тексту Layer - Layer Style (Слой - Стиль слоя):
Drop Shadow (Тень)
Inner Glow (Внутреннее свечение)
Bevel and Emboss (Фаска и Тиснение)
Stroke (Обводка)
И получаем вот такой результат:
Дублируем (CTRL+J) текстовый слой дважды и перемещаем каждую копию немного влево и вверх, уменьшаем Opacity (Непрозрачность) слоев до 15% и 40%:
Шаг 3. Теперь создадим специальную кисть. Создаем новый документ такого же размера, как и основной, с которым мы работаем. Создаем новый слой над фоновым.
На Панели инструментов выбираем Slice Tool (Раскройка) (C):
Кликаем правой кнопкой мышки по документу и выбираем Divide Slice (Разделить раскройку):
Активируем параметр Divide vertically into (Разделить по вертикали) и вводим значение 10, после этого жмем OK:
Затем используем Rectangular Marqueе Tool (Прямоугольное выделение), чтобы выделить каждую вторую полосу (для одновременного выделения удерживайте клавишу SHIFT):
Заливаем выделение черным цветом:
И получаем вот такой результат:
Скрываем фон и переходим Edit - Define Brush Preset (Редактирование - Определить кисть):
Теперь мы можем повернуть полосы и создать новую кисть :
Затем используем созданные кисти для создания текстуры (уменьшаем Opacity (Непрозрачность) и Flow (Нажим) кисти примерно до 30%):
Шаг 4. Теперь давайте создадим основу для текстового слоя. Создаем новый слой под текстовым и используем вертикальные полосы, чтобы создать текстуру, как показано ниже:
Применяем Filter - Distort - Twirl (Фильтр - Искажение - Скручивание) с такими параметрами:
Жмем CTRL+F, чтобы повторно применить фильтр Twirl (Скручивание). Получаем вот такой результат:
Используем Free Transform (Свободная трансформация) (CTRL+T), чтобы сжать его книзу, затем уменьшаем Opacity (Непрозрачность) слоя примерно до 30%. После этого используем ластик (Е), чтобы стереть края. Получаем вот такой результат:
Создаем новый слой над предыдущим, используем черную мягкую кисть (В), чтобы аккуратно нарисовать тень под текстом:
Шаг 5. Теперь создадим еще одну абстрактную текстуру с помощью наших кистей. Создаем новый слой и выделяем окружность инструментом Elliptical Marquee Tool (Овальное выделение) (М), берем кисть с вертикальными линиями (уменьшаем размер) и рисуем внутри выделения (непрозрачность кисти уменьшаем до 50%):
Затем дублируем (CTRL+J) этот слой и поворачиваем копию на 90 градусов (CTRL+T):
Объединяем два слоя (CTRL+E) и получаем вот такой результат:
Воспользуемся Warp (Деформация) (CTRL+T), чтобы трансформировать текстуру, как показано ниже:
Закончив, дублируем (CTRL+J) текстуру несколько раз и уменьшаем размер каждой копии, располагаем их по всему документу.
Корректируем Opacity (Непрозрачность) дубликатов или используем мягкий ластик (Е) с Flow (Нажим) и Opacity (Непрозрачность) 50%, чтобы удалить некоторые участки текстуры. Это необходимо для создания эффекта глубины, чем дальше будет находиться объект, тем меньше его видно:
Шаг 6. Мы почти закончили! В качестве финальных штрихов я добавил новый слой над всеми предыдущими и воспользовался маленькой белой кисть (В), чтобы нарисовать точки вокруг текста, как показано ниже:
Также я создал еще один новый слой и установил режим смешивания на Overlay (Перекрытие), затем воспользовался мягкой белой кисть (В), чтобы создать эффект свечения по краям букв:
Еще я добавил немного больше цвета на текст, также я применил Lens Flare фильтр (Блик):
В этом уроке вы научитесь тому, как использовать смарт объекты, текстуры и стили слоя, в результате чего мы создадим объёмный 3D эффект для надписи в стиле ретро.
Сложность урока: Средний
В этом уроке вы научитесь тому, как использовать смарт объекты, текстуры и стили слоя, в результате чего мы создадим объёмный 3D эффект для надписи в стиле ретро.
Результат урока
Детали урока
1. Создание фона
Шаг 1
Создайте новый документ 1000 x 700px. Внизу палитры слоёв кликните на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и выберите коррекцию Цвет (Solid Color).
Шаг 2
2. Создание текста
Шаг 1
Шаг 2
Дайте название слою с текстом Text, нажмите на нём правой кнопкой мыши и выберите функцию Преобразовать в Смарт объект (Convert to Smart Object).
Шаг 3
Дублируйте слой Text, затем сделайте его невидимым и перетащите оригинальный текстовый слой выше слоя с копией.
3. Создание объёма
Шаг 1
Дублируйте копию текстового слоя Text copy, используя комбинацию клавиш Ctrl+J.
Шаг 2
Теперь, стоя на слое Text copy 2, нажмите клавишу со стрелкой вправо на клавиатуре один раз, а затем нажмите клавишу со стрелкой вниз один раз. Это нужно для того, чтобы переместить слой Text copy 2 на 1px вправо и на 1px вниз.
Шаг 3
Повторите действия с копированием текста и сдвигом копии ещё 12 раз, чтобы создать эффект объёма. Последний слой должен иметь название Text copy 14.
Шаг 4
Выделите все копии текстовых слоёв и зайдите в меню Слои > Упорядочить > Инверсия (Layer > Arrange > Reverse), чтобы изменить порядок слоёв для объёма.
Шаг 5
Уберите активность самого верхнего слоя Text copy, а остальные текстовые копии объедините в группу Ctrl+G и назовите её Extrusion.
4. Создание верхних слоёв
Шаг 1
Переименуйте слой Text copy и назовите его Text Top. Дублируйте этот слой и измените для копии значение Заливки (Fill), установи её на 0%.
Шаг 2
Дублируйте слой Text Top copy.
5. Применяем стили слоя
Теперь дважды кликните по слою Text copy 2, внутри группы Extrusion, чтобы применить следующие стили слоя.
Шаг 1
Тиснение (Bevel and Emboss)
Шаг 2
Настроим стиль слоя Контур (Contour) со следующими настройками:
- Контур: Полукруг (Contour: Half Round)
- Поставьте флажок в окошке Сглаживание (Anti-aliased)
- Диапазон (Range) 100%
Шаг 3
Наложение цвета (Color Overlay)
Шаг 4
Щелкните правой кнопкой мыши по слою с применёнными стилями и выберите опцию Скопировать стиль слоя (Copy Layer Style).
Шаг 5
Выделите остальные слои в группе Extrusion, щелкните правой кнопкой мыши и выберите опцию Вклеить стиль слоя (Paste Layer Style).
6. Применяем стили к группе Extrusion
Шаг 1
Дважды щелкните по группе Extrusion, чтобы применить следующие стили слоя:
Настроим стиль слоя Тень (Drop Shadow)
Шаг 2
Добавьте еще один стиль слоя Тень (Drop Shadow), нажав на значок + рядом с вкладкой. Используйте такие настройки для нового эффекта:
Тень (Drop Shadow) 2
- Непрозрачность (Opacity) 35%
- Снимите флажок в окошке Глобальное освещение (Use Global Light)
- Угол (Angle): 126
- Смещение (Distance): 23
- Размер (Size): 2
Шаг 3
Добавьте еще один стиль слоя Тень (Drop Shadow) с такими параметрами:
Тень (Drop Shadow) 3
- Непрозрачность (Opacity) 5%
- Снимите флажок в окошке Глобальное освещение (Use Global Light)
- Угол (Angle): 124
- Смещение (Distance): 37
- Размер (Size): 0
Таким образом получаем тень как на скриншоте.
7. Применяем стили к верхним слоям
Шаг 1
Дважды кликните по слою Text Top copy и примените стиль слоя Наложение узора (Pattern Overlay) с такими параметрами:
- Режим наложения (Blend Mode): Мягкий свет (Soft Light)
- Непрозрачность (Opacity) 35%
- Масштаб (Scale) 50
Примечание переводчика: так как автор не дал файл узора, предлагаю использовать мой паттерн Zig zag, специально подготовленный для этого урока. Настройки масштаба варьируйте по вкусу.
Вот так выглядит надпись с применённым узором. На самом деле вы можете применить любой узор, который вам нравится.
Шаг 2
Дважды щелкните по слою Text Top copy 2, чтобы применить следующие стили слоя:
Шаг 3
Выполнить обводку (Stroke) 2
Шаг 4
Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:
Шаг 5
Внутренняя тень (Inner Shadow) 2
Шаг 6
Внутренняя тень (Inner Shadow) 3
Таким образом мы добавили обводку и внутреннюю тень к тексту.
7. Добавление текстуры
Шаг 1
Поместите текстуру Background 7 из скачанного архива поверх всех слоев. По мере необходимости измените её размеры относительно вашего документа.
Затем измените режим наложения слоя на Мягкий свет (Soft Light) и уменьшите Непрозрачность (Opacity) до 50%.
Шаг 2
Идём в меню Изображение - Коррекция - Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation), затем меняем значение Насыщенности (Saturation) на -100.
Шаг 3
Идём в меню Изображение - Коррекция - Уровни (Image > Adjustments > Levels) и меняем значение теней на 35.
Вот и всё! Надпись готова!
Если вы хотите изменить содержание надписи, вот как это можно сделать быстро:
1. Дважды кликните по миниатюре слоя Text с оригинальным текстом
2. Измените текст в открывшемся документе
3. Идём в меню Изображение – Показать все (Image > Reveal All)
4. Перейдите в меню Файл - Сохранить (File > Save), затем Файл - Закрыть (File > Close).
Эффект будет применён к новому тексту!
Примечание переводчика: Будет проще и быстрее изменить текст, открыв смарт объект и после редактирования текста, при закрытии этого документа, подтвердить изменения.
Заключение
В этом уроке вы научились использовать смарт-объекты для создания текста и применения к нему объёма. Овладели навыками применения стилей слоя для того, чтобы создать ретро эффект в стиле 3D. И, наконец, вы научились работать с наложением текстур, чтобы завершить данный эффект.
TextStudio - это пространство для художественного творчества, которое финансируется в основном за счет рекламы.
Чтобы разблокировать TextStudio в вашем блокировщике рекламы:
1. Нажмите на значок блокировки рекламы в правом верхнем углу браузера:
2. Затем нажмите кнопку деактивации.
- ТЕКСТ
- СТИЛИ
- ЗАДНИЙ ПЛАН
- АНИМАЦИЯ
- СКАЧАТЬ
- СЛАБЫЙ
- В СРЕДНЕМ
- ВЫСОКО
- МАКСИМУМ (600px) -->
- НАСТРОЕННЫЙ
- КВАДРАТ
- НЕТ
- НЕБОЛЬШОЙ
- СПОСОБ
- БОЛЬШОЙ
- .PNG
- .GIF
- .TEXTSTUDIO
- .APNG
- .GIF HD
- .WEBM
- .ZIP (PNGs)
- НАЖАТЬ ИЗОБРАЖЕНИЕ
Вы должны установить ссылку на ru.textstudio.co или стать участником PREMIUM.
TextStudio PREMIUM
Разблокируйте все функции с TextStudio PREMIUM.
- Ссылка на авторство не требуется
- Запись высокого качества
- Неограниченные загрузки
- Просмотр без рекламы
Создайте 3D-логотип, анимированный или нет, с помощью этого настраиваемого текста в стиле ретро-ретро.
Языки
Помощь
TextStudio - это онлайн-приложение для создания собственных текстов и логотипов.
Читайте также: