Как создать блестящий ретро текст в фотошоп — уроки фотошоп

Создаём в фотошопе стильный ретро текст

Последние обновления в Photoshop CC 2015 привнесли много интересных возможностей. Например, многократное применение стилей на одном слое.

В этом уроке я покажу вам, как создать ретро текст, используя только один слой. Итак, давайте приступим!

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

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

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

Шаг 1

Создайте новый документ 950 x 950 px. Дважды продублируйте слой с задним фоном. Уменьшите значение Заливки (Fill) до 0 для второго дубликата слоя.

Шаг 2

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

  • Стиль (Style): Радиальный (Radial)
  • Масштаб (Scale): 150%
  • Щёлкните по шкале градиента, чтобы появилось окно редактора градиента. Установите следующие цвета градиента: #ede6cf слева и #e1c194 справа.

Мы применили заливку градиентом.

Шаг 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) со следующими значениями:

  • Размер (Size): 3
  • Положение (Position): Внутри (Inside)
  • Непрозрачность (Opacity): 48%
  • Цвет (Color): #fffaf3
  • Поставьте галочку в окошке Отдельный оттиск (Overprint)

Примечание переводчика: данная опция появилась в программе 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), чтобы он стал активным, а затем, примените следующие настройки:

  • Положение (Position): Снаружи (Outside)
  • Непрозрачность (Opacity): 100%
  • Цвет (Color): #ffffff

Как вы видите, данный стиль слоя добавил ещё один эффект обводки к тексту без необходимости создания отдельного слоя или стиля слоя.

5.  Добавляем внутреннюю тень

Шаг 1

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

  • Цвет (Color): #ab6b18
  • Непрозрачность (Opacity): 80%
  • Смещение(Distance): 8
  • Размер(Size): 5

Шаг 2

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

  • Цвет(Color): #d9953d
  • Уберите галочку в окошке Глобальное освещение (Global Light)
  • Угол (Angle): 63
  • Смещение (Distance): 11

Это позволит вам добавить внутреннюю тень под другим углом, используя один слой и тот же стиль слоя.

6.  Добавляем внутреннее свечение и наложение цвета

Шаг 1

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

  • Режим наложения (Blend Mode): Затемнение основы (Color Burn)
  • Непрозрачность (Opacity): 100%
  • Шум (Noise): 100%
  • Цвет (Color): #e7dabc
  • Источник(Source): Изцентра(Center)
  • Размер (Size): 35

Шаг 2

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

7.  Добавляем тень

Шаг 1

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

  • Цвет (Color): #394485
  • Непрозрачность(Opacity): 100%
  • Смещение(Distance): 8
  • Размах(Spread): 100
  • Размер(Size): 4

Шаг 2

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

  • Цвет (Color): #4e85c2
  • Уберите галочку в окошке Глобальное освещение (Global Light)
  • Угол(Angle): 119
  • Смещение (Distance): 17

Шаг 3

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

  • Цвет(Color): #2d6db5
  • Непрозрачность (Opacity): 61%
  • Угол (Angle): 121
  • Смещение (Distance): 26

Шаг 4

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

  • Цвет (Color): #c1a89a
  • Непрозрачность(Opacity): 35%
  • Угол(Angle): 41
  • Смещение(Distance): 13
  • Размах (Spread): 47
  • Размер (Size): 9

Шаг 5

Далее, добавьте четвёртую копию стиля слоя Тень (Drop Shadow). Данная копия стиля слоя будет очень похожа на третью копию, поэтому, вместо нажатия значка (+) какого-либо стиль слоя Тень (Drop Shadow), нажмите на значок (+) напротив третьей копии стиля слоя Тень (Drop Shadow).

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

Четвёртая копия появится ниже третьей копии с теми же самыми настройками и значениями. Поменяйте только следующие настройки:

Источник: https://Photoshop-master.ru/lessons/text/sozdayom_v_fotoshope_stilnyy_retro_tekst.html

Текст из золотых блесток в Adobe Photoshop

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

Исходники

Для выполнения урока вам понадобятся следующие файлы:

1. Копируем блестящую текстуру

Откройте изображение IMG_1598 из набора «Red, Gold, Silver Glitter Background». В меню выберите Select > All/Выделение>Все, а затем Edit > Copy/Редактировать>Копировать.

Создайте новый документ размером 590 x 392 px и разрешением в 72.

В меню выберите Edit > Paste/Редактировать>Вставить и переименуйте вставленный слой в Glitter. Масштабируйте его по размеру документа.

2. Паттерн из блесток

Кликните дважды по слою Glitter, чтобы открыть окно стилей слоя. Укажите слою стиль Color Overlay/Перекрытие цвета со следующими параметрами:

  • Цвет: #b69617
  • Blend Mode/Режим наложения: Soft Light/Мягкий свет
  • Opacity/Непрозрачность: 50%

Это немного осветлит текстуру.

В меню выберите Image > Adjustments > Levels/Изображение>Коррекция>Уровни и укажите а параметре Highlights/Света значение в 205.

В меню выберите Edit > Define Pattern/Редактировать>Определить узор и введите Glitter в качестве названия узора.

3. Фон и текст

Создайте новый документ размером 950 x 700 px и поместите на фон файл Canvas _03 из набора Canvas 1-25.

Создайте текст, к которому хотите применить эффект, используя шрифт Nickainley Regular размером в 150 pt.

4. Стили для текста

Кликните дважды по слою с текстом, чтобы указать ему стили с указанными ниже параметрами:

Bevel and Emboss/Тиснение:

  • Включите опцию Anti-aliased/Сглаженный
  • Highlight Mode/Режим подсветки: Vivid Light/яркий свет
  • Opacity/Непрозрачность: 65%
  • Shadow Mode/Режим тени: Color Burn/затемнение основы
  • Color/Цвет: #885f18
  • Opacity/Непрозрачность: 50%

Texture/Текстура

  • Pattern/Узор: Glitter
  • Scale/Масштаб: 25%
  • Depth/Глубина: 25%

Pattern Overlay/Перекрытие узора:

  • Pattern/Узор: Glitter
  • Scale/Масштаб: 25%

Drop Shadow/Тень:

  • Blend Mode/Режим наложения: Linear Burn/Линейный затемнитель
  • Color/Цвет: #807b6a
  • Opacity/непрозрачность: 23%
  • Spread/Размах: 3
  • Size/Размер: 1

Результат

Автор урока Rose

Перевод — Дежурка

Смотрите также:

Источник: http://www.dejurka.ru/tutorial/glittering-gold-text-effect/

Текстовые эффекты

В прошлом уроке мы создали два PSD-файла — файл с фоном для будущего коллажа (фон_для_текста.psd) и файл с буквами — буквы_для_3D-текста.psd. Сейчас мы будем работать со вторым файлом. На всякий случай, сделайте его резервную копию. Итак, открываем…

Перейти на страницу

В этом уроке мы создадим в Photoshop 3D-текст с текстурой из кирпича, используя бесплатный экшен. На полученные 3D буквы текста мы добавим различные изображения, чтобы получить сюрреалистическую картину. Для вставки в буквы нам понадобятся…

Перейти на страницу

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

Читайте также:  Почему названия некоторых фильтров подсвечено серым (неактивно)? - уроки фотошоп

Перейти на страницу

В этом уроке я расскажу, как создать красивый текстовый эффект, используя инструменты Photoshop «Кисть» (Brush Tool) и стили слоя. Для выполнения урока я использую Photoshop версии CC 2017, но данный урок подойдёт и к более старым версиям программы…

Перейти на страницу

В этом уроке, используя только стили слоя и некоторые простые настройки инструмента «Кисть» (Brush), мы создадим очень красивый эффект золотого текста, украшенного бриллиантами (ну или стразами, как больше нравится). Из внешних источников мы возьмём…

Перейти на страницу

Из этого урока мы узнаем, каким образом в Photoshop можно производить манипуляции с текстом, не доступные для стандартных инструментов редактирования. Дело в том, что два самых интересных инструмента преобразования — Искажение (Distort) и…

Перейти на страницу

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

Перейти на страницу

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

Перейти на страницу

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

Перейти на страницу

С развитием информационных технологий Фотошоп онлайн всё стремительнее догоняют возможности обычного. В этом материале я покажу, как в онлайн-Фотошопе создать простой креативный стильный, но при этом простой эффект для текста. Собственно, данный…

Перейти на страницу

В этом уроке мы попытаемся сделать забавную композицию из текста в 3D Photoshop. Мы сделаем объёмные округлые буквы с блестящей отражающей поверхностью. Сам урок совсем несложный, но, несмотря на это, даёт преставление о работе с инструментами 3D в…

Перейти на страницу

Как создать в Photoshop пунктирную, штрих-пунктирную, и линию из точек, рассказывается здесь. Этот способ подходит для векторных форм (Shape), контуров (Path), а также контуров, созданных при помощи инструмента «Перо» (Pen Tool). Текст в Photoshop…

Перейти на страницу

Источник: https://rugraphics.ru/photoshop/lessons/text

Как быстро создать эффект стилизованного ретро текста

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

Превью завершенного изображения

Прежде, чем мы начнем, давайте взглянем на изображение, которое мы будем создавать:

Шаг 1

Перед тем, как начать, вы должны будете скачать и установить шрифт Sega от dafont. Установка шрифта производится довольно просто, в панели настройки вы можете найти папку с названием «Шрифты». Просто вставьте туда файл, а затем запустите Photoshop.

Первый шаг очень прост. Заполните оригинальный слой черным цветом и переименуйте его в «Фон«. Введите текст, который вам нужен, предпочтительно, чтобы вся надпись располагалась более-менее квадратным блоком, как показано на рисунке ниже.

Убедитесь, что текст выровнен по левому краю. На данный момент у вас должен быть слой с фоном и другой слой с текстом. В моем примере, я использовал для «PSD» шрифт с размером 100pt и для «tuts» шрифт с размером 72pt:

Шаг 2

Теперь давайте немного изменим текст. Для этого откройте палитру символов (Окно — Символы). Поле ниже поля «Размер шрифта» позволяет установить кернинг между символами. Кернинг определяет расстояние между двумя символами по отношению друг к другу. Итак, когда вы выберите инструмент «Текст» для двух символов, вы можете регулировать расстояние между этими двумя символами.

Во-первых, давайте изменим цвет текста на #e59710. Это хороший базовый цвет, когда вы хотите достичь золотого цвета. После этого мы можем растянуть наш текст либо с помощью свободного преобразования (Ctrl + T) или, изменив размера символов. После увеличения текста моя верхняя строка имеет размер 280pt, а нижняя — 194,4pt.

Теперь мы можем произвести кернинг. После выбора инструмента «Текст», поместите курсор между буквами P и S, и установите кернинг до -55. Таким образом, эти два символа буду располагаться довольно близко. Затем поместите курсор между буквами S и D и установите кернинг -40:

Шаг 3

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

Чтобы подчеркнуть скос, мы будем использовать внутреннее свечение. На приведенных ниже скриншотах указаны наши действия в порядке убывания. Я сам, как правило, начинаю с добавления градиента, затем скос, а затем свечение и тени:

Шаг 4

Пора заняться перспективой! Во-первых, вам нужно выполнить растеризацию слоя. Создайте дубликат текстового слоя (всегда редактируйте дубликат текстового слоя! ВСЕГДА!).

Затем добавьте еще один слой поверх дубликата. Теперь выберите дублированный текст и новый пустой слой, а затем объедините их с помощью Ctrl + E.

Этот метод можно также использовать для растеризации, как и ее выполнение через меню «Слой».

В данном случае это подходит нам больше, потому что мы хотим изменять стиль параллельно с искривлением. Если бы мы делали это через меню «Слой», то после изменения стиля слоя нам пришлось бы возвращаться к искривлению. Короче говоря, этот способ подходит нам больше, потому что он избавляет нас от знака fx.

Теперь в растеризированном слое текста вам нужно перейти в Редактирование – Трансформация — Перспектива. Захватите верхнюю правую опорную точку и, удерживая Shift, перетащите ее вверх.

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

Шаг 5

Скопируйте искривленный текст два раза, теперь объедините эти три слоя в набор под названием «text«. Измените имя верхнего слоя (из трех) на «front«, среднего на «mid» и нижнего на «back«.

С помощью клавиш со стрелками передвигайте нижний и средний слой вправо, пока вы не получите изображение, приведенное на картинке ниже. Как вы можете видеть слой «back» должен быть немного больше отодвинут от слоя «front«, чем слой «mid«:

Шаг 6

Выберите слой «mid» и установите для него заливку в 0% (заливка расположена под опцией непрозрачности в палитре слоя). Теперь, используя стили слоя, примените наложение градиента. Быстрый способ сделать это — выбрать цвет переднего плана для прозрачного градиента.

Это второй слева градиент в верхнем ряду — просто нажмите на треугольник рядом с полем «Градиент» и вам будет выведен список доступных градиентов. Затем измените цвет переднего плана на #008aff:

Шаг 7

Создайте новый слой выше слоя «front» и назовите его «chrome grad«. Теперь, кликните, удерживая клавишу Command (CTRL) на слое «front«, чтобы получить выделенную область.

Выберите инструмент «Градиент» (нажмите клавишу мыши и удерживайте ее на палитре красок, а затем выберите инструмент «Градиент») и выберите градиент Хром. Теперь задайте переход градиента из верхнего левого угла в правый нижний угол выделенной области. Затем измените режим смешивания слоя на «Мягкое свечение»:

Шаг 8

Создайте совершенно новый набор слоев и назовите его «soft flares«. Теперь, если этот набор слоев совпадает с набором «text«, вы можете просто перетащить его в сторону, а затем поместить выше набора слоев «text«.

Теперь, внутри набора «soft flares» создайте новый слой и назовите его «highlight flare«. Заполните этот слой черным цветом, а затем перейдите в Фильтр – Рендеринг — Блик и выберите блик 100 мм с яркостью по умолчанию 100%.

Расположите курсор, где хотите. Я разместил его в верхней части буквы S. Меняем режим смешивания слоя на «Мягкое свечение» и дублируем слой. Теперь разместите его где-то еще, я поместил его между буквами Р и S.

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

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

Читайте также:  Рамка для фотографии — маяк - уроки фотошоп

Шаг 9

Теперь, как вы можете видеть на последнем скриншоте, наборы слоев «text» and «soft flares» наложены на набор «psdtuts«. Давайте добавим отражение. Скопируйте этот набор и растеризируйте его, как мы делали это раньше. Создайте новый слой, выберите оба этих слоя и нажмите Ctrl + E.

Перейдите в Редактирование – Трансформация — Отразить по вертикали и расположите отражение под оригинальным текстом. Затем нужно перейти в Редактирование – Трансформация -Наклон, чтобы скорректировать отражение (потому что нам нужно сдвинуть букву Т в слове TUTS).

Захватите левую среднюю опорную точку и перетащите ее вверх. Добавьте маску к новому слою под названием «reflection«, затем с помощью черно-белого градиента (вы можете просто выбрать градиент по умолчанию, нажав на клавиатуре D, чтобы сбросить настройки цветов по умолчанию) создайте исчезающий эффект:

Шаг 10

Между слоем «reflection» и набором слоев «PSDTUTS» создайте новый слой и назовите его «flare front«. Залейте его черным цветом и перейдите в Фильтр – Рендеринг — Блики и выберите зум 50-300 мм и яркость 100%. Поместите этот слой там, где считаете нужным и установите для него режим смешивания «Линейный осветлитель» (добавить):

Шаг 11

Продублируйте слой «flare front«, установите режим смешивания «Освещение». Затем переместите его ниже набора слоев «PSDTUTS» позади текста. Давайте назовем этот слой «flare back«:

Шаг 12

Откройте новый документ (Ctrl + N) с размерами 40 на 2 пикселей. Выберите половину этого документа с помощью инструмента «Прямоугольное выделение» и залейте выбранную область черным цветом. Для того чтобы выделить область более точно, вы можете при активной линейке нажать Ctrl + R. Далее перейдите в Редактирование — Определить узор и задайте имя для этого узора:

Шаг 13

Закройте файл и вернитесь к нашему первоначальному проекту. Чуть выше слоя «background«, который мы создали в начале, создайте новый слой.

Перейдите в Редактирование — Залить и выберите узор, который мы только что создали. Таким образом, экран будет заполнен узором. Установите заливку 0%, затем через стили слоя, добавьте наложение цветов с цветом #dd04ad. Уменьшите непрозрачность наложения до 64%:

Заключение

Нажмите Ctrl + T, измените размер и поверните полосы на 90 градусов. Нажмите Enter и перейдите в Редактирование – Трансформация — Перспектива. И так же, как мы делали раньше, только на этот раз, захватив правую верхнюю точку угла привязки, удерживая Shift, перетащите опорную точку вниз. Таким образом, эта сторона будет сужена, как будто надпись удаляется от вас.

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

Перевод статьи «How to Quickly Create a Stylish Retro Text Effect» был подготовлен дружной командой проекта Сайтостроение от А до Я.

Источник: http://www.internet-technologies.ru/articles/kak-bystro-sozdat-effekt-stilizovannogo-retro-teksta.html

Создаем стильный вдавленный текст используя Фотошоп

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

1. Создайте новый документ с размерами 600 на 400 рх.

Залейте фоновый слой сероватым цветом #535559 (Shift+F5), мы его еще перекрасим:

2. Теперь нужно выбрать красивый широкий шрифт, мне припал к душе шрифт Bello (коммерческий), вы можете воспользоваться другим.

Напечатайте свое слово используя инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T») (размер шрифта 188 pt):

3. Теперь добавим тексту стили слоя, зайдите в меню Layer — Layer Style (Слои — Стиль слоя) и настройте следующие стили:

Layer — Layer Style — Drop Shadow (Слои — Стиль слоя — Тень):

Layer — Layer Style — Inner Shadow (Слои — Стиль слоя — Внутренняя тень):

Теперь настройте внутреннюю текстуру, которую можно сделать самостоятельно:

Layer Style — Pattern Overlay (Стиль слоя — Наложение узора):

Также настройте градиентную обводку в 1 px, для большего ощущения объема:

Layer Style — Stroke (Стиль слоя — Обводка):

После всех вышеописанных манипуляций, ваш результат будет следующим:

4. Наличие плоского холста может ухудшить восприятие нашего текста, независимо от его привлекательности, поэтому лучше добавить ощущение легкой глубины. Перейдите на фоновый слой, разблокируйте его, и примените стили слоя Layer — Layer Style (Слои — Стиль слоя), что показаны на скринах:

Layer — Layer Style — Inner Shadow (Слои — Стиль слоя — Внутренняя тень):

Для градиента используйте цвета от серо-голубоватого #667c85 к более темному его варианту #475e68:

Layer Style — Gradient Overlay (Стиль слоя — Наложение градиента):

В итоге:

5. Добавим на наш текст отражение света.

Зажмите клавишу Ctrl и кликните по слою с текстом (на миниатюру в панели слоев), чтобы получить выделение по его форме:

Создайте новый слой выше остальных. Выберите инструмент Gradient Tool (Инструмент «Градиент» / Клавиша «G»), настройте градиент от белого цвета к прозрачному и проведите им сверху вниз. После сделайте новое овально выделение, как это показано ниже:

Инвертируйте данное выделение Select — Inverse (Выделение — Инверсия / Сочетание клавиш «Shift+Ctrl+I») и нажмите кнопку Delete, чтобы удалить часть выделенного градиента — это оставит отражение только в верхней части текста:

Для большей натуральности измените режим наложения для этого слоя на Overlay (Перекрытие):

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

Выберите белую мягкую кисть с диаметром около 27 px и поставьте ею по контуру текста несколько пятен в случайных местах. Понизьте этому слою непрозрачность (Opacity) к 70%, режим смешивания Overlay (Перекрытие).

Чтобы усилить сияние, достаточно просто провести по тому же месту еще раз или сделать это на новом слое:

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

Источник: https://photoshoplessons.ru/text/vdavlennyj

Создание яркого текста в фотошоп

Здравствуйте дорогие читатели! Сегодня я Вам расскажу как создать интересный эффект светящегося текста, используя различные режимы наложения, формы и инструменты в Photoshop.

Конечный результат:

Ну что ж давайте приступим!

Шаг 1

Открываем фотошоп и создаем новый документ размером 2560x1600 пикселей. Далее выбираем инструмент «Градиент» и создаем градиент «От основного к фоновому»: от черного к темно-синему (#050655).

Шаг 2

Теперь набираем слово: «REVOLUTION» и размещаем его прямо по центру изображения. Я использовал шрифт Dekar, который вы можете найти здесь. Далее растрируем данный слой и с помощью инструмента «Перспектива» трансформируем его так, чтобы у Вас получился результат приблизительно как на изображении ниже:

Таким образом, создается впечатление, что слово находится немного дальше и наклонено.

Шаг 3

Хорошо, далее начинается все самое интересное! Дублируем слой «REVOLUTION» и добавляем границу к дублированному слою с помощью стиля слоя «Обводка» с размером в 2px.

Далее мы выделяем содержимое нашего слоя (зажав клавишу Ctrl кликаем по иконке слоя) и удаляем его с помощью клавиши Delete. То, что осталось и есть та самая обводка слова «REVOLUTION». Это мой   легкий способ создания обводки.

Размещаем нашу обводку так, чтобы придать тексту 3D- вид.

Шаг 4

Далее я буду использовать технику, что описана здесь для создания эффекта свечения.

После применения данной техники идем дальше: создаем новый слой и с помощью инструмента «Градиент» радиального типа «От основного к прозрачному» от черного к голубому (#00d2ff). Также не забудьте изменить режим наложения данного слоя  на «Перекрытие».

Шаг 5

Давайте добавим немного блеска к нашему тексту! Скачать «Сияние» Вы можете здесь. После того как Вы измените размер изображения с сиянием, уберете все ненужные части из изображения, просто разместите их в случайном порядке, дублируя и изменяя размер.

Шаг 6

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

Читайте также:  10 паттернов ткани - уроки фотошоп

Шаг 7

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

Шаг 8

Теперь пришло время добавить новые элементы и цвета в нашу работу! Создаем новый слой поверх всех слоев и рисуем такие же линии, но уже оранжевого цвета (#fb863a).

Также экспериментируя с различными режимами наложения можно получить довольно интересный эффект.

В нашем случае я использовал 2 режима наложения: «Перекрытие» и «Мягкий свет».

Шаг 9

Теперь создаем новый слой, берем инструмент «Градиент» радиального типа и снова используем градиент: «От основного к прозрачному» темно-оранжевый (# 5a472f) к оранжевому (# fb863a). Далее изменяем режим наложения нашего слоя на «Перекрытие». Мне очень нравится играться с режимами наложения, это действительно то, что дает, что яркий световой эффект.

Шаг 10

И наш финальный штрих, который мы добавим это слово «THE», а также добавим гранжевую текстуру поверх всех слоев и изменим режим наложения текстуры на «Экран». И вуаля, что у Вас есть – The Revolution.

Источник: https://smart-photoshop.ru/rabota-s-tekstom/sozdanie-yarkogo-teksta-v-fotoshop/

Создание яркого металлического текста в Фотошопе

В этом коротком уроке по Фотошопу Gianluca Giacoppo расскажет вам как создать яркий металлический текст,  используя всего лишь пару стилей. Давайте начнем!
 

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

 

Материалы для урока:

  • Декоративные шрифты
  • Гранжевые кисти

Шаг 1

После запуска Фотошопа скачайте и установите декоративные шрифты и гранжевые кисти (как установить кисти читайте здесь). После этого создайте новый документ размером 1800 x 1300 пикселей в режиме RGB, 72 DPI и  залейте фон с темно-серым цветом # 1f1f1f:

Шаг 2

Создайте новый слой и назовите его «Текстура».  Используя белый цвет и скачанные гранжевые текстуры создайте похожий узор как на рисунке ниже:  

 

Шаг 3

Дважды щелкните по иконке слоя «Текстура», чтобы открыть панель Layer Style (Стиль Слоя). Перейдите в раздел «Blending Options» (Параметры наложения).

Уменьшить «Fill»  (Непрозрачность Заливки)до 0, а затем включите стили «Drop Shadow» (Тень) и «Inner Shadow»(Внешняя Тень). Настройте параметры стилей, как показано ниже. Это добавит текстуре реалистичный тисненый вид.

 

 

Шаг 4

Нажмите на иконку «Add Layer Mask» (Добавить слой-маску), а затем нажмите сочетание клавиш «Ctrl + I» для инверсии.

Возьмите большую мягкую кисть (жесткость: 0% — размер: 950px) и в режиме маски нажмите в центре документа. Таким образом слой текстура’ будет показана только в центре, исчезнет  по краям документа:

Шаг 5

Используя «Type» (T) (Текст) напишите слово «Othello» или любое другое.  Если окно с настройками текста не отображается,  выберите  Window> Character. (Окно — Символ)  

 

Шаг 6

После этого примените для слова стили, как показано ниже. Под каждым стилем вы можете посмотреть предварительный просмотр эффекта:  

 

Шаг 7

После того как вы примените и настроите стили, нажмите на кнопку ОК. Теперь активируйте инструмент «Type (T)» (Текст) и выберите все буквы кроме заглавной и уменьшите «трекинг»до -5, как показано на изображении ниже. Вы можете найти этот параметр в окне «Character» (Символ) Window> Character (Окно — Символ).

Шаг 8

Продублируйте слой с текстом нажав сочетание клавиш «Ctrl + J». Кликните правой кнопкой мыши по иконке слоя и выберите «Clear Layer Style» (Очистить стиль слоя), чтобы очистить стили.

Теперь у нас два слоя с одинаковым текстом — один со стилями, а другой без стилей.  Благодаря этому мы сможем усилить эффет, применив новые стили к продублированному тексту.

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

Шаг 9

Давайте идти дальше, Примените следующие стили для второго слоя с текстом:

Шаг 10

Эффект металла почти готов, осталось лишь придать больше реалистичности. Просто настройте следующие стили, как показано ниже:

Заключение

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

Источник: http://soohar.ru/sozdanie-yarkogo-metallicheskogo-teksta-v-fotoshope/

Создание старинного деревянного текста в Фотошоп

Узнайте, как создать старинный деревянный текст и использованием 3D в Фотошоп. Вы научитесь легко комбинировать различные шрифты, их формы и стили слоев, чтобы создать огромное количество эффектов. Вы сможете легко настраивать 3D эффект, использовать его как смарт-объект. Текстура, которую мы будем использовать, может быть заменена на любую другую. Надеюсь, вам понравится этот урок.

Откройте новый файл PSD формата и скопируйте туда наш фон.

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

Используйте маску слоя для копированного слоя с комнатой и добавьте черно-белый градиент на эту маску при помощи Инструмента Градиент (Gradient). После этого шага переход между двумя слоями будет более гладким.

Добавьте новый корректирующий слой Яркость/Контрастность (Brightness/Contrast). Убедитесь, что слой был добавлен как обтравочую маску.

Снова используйте Инструмент Градиент на маске слоя, как показано на изображении ниже. Здесь мы сделали потолок чуть светлее.

Откройте новый файл PSD. В этом файле мы и добавим наш текст. Я напишу слово “WOOD”. Буду использовать черный цвет, но вы можете выбрать любой другой текст, который вы хотите.
Сначала мы должны скачать шрифт Fortuna Dot и установить его на свой компьютер. Важно использовать этот шрифт, так что если вы новичок, найдите информацию, как правильно установить шрифт в Фотошоп.

Вы можете добавить новый слой и использовать эти формы сердца для украшения текста. Или вы можете использовать другие «украшения». Но прежде чем перейти к следующему шагу, необходимо выбрать все слои, которые вы хотите включить в 3D объект и конвертировать их в смарт объект (используйте правую кнопку мыши).

Откройте окно стиля слоя (для слоя с текстом) и добавьте текстуру с настройками, которые показаны ниже. Я использую текстуру древесины.

Мы будем использовать это действие 3D в фотошопе для создания эффекта 3D. Скачайте это действие, загрузите его в фотошоп и используйте для нашего текста. Вы должны получить аналогичный результат:

Удалите фоновый слой. Внутри 3D группы вы можете увидеть много слоев. Выберите первые 33 слоя и удалите их. Для выбора нескольких слоев удерживайте клавишу Shift.

Снимите значок глаза (сделайте невидимым) слои с Наложением цвет (Color Overlay) и с Тиснением (Bevel and Emboss) на первом слое сверху. (показано на рис. ниже).

Перейдите в Слой-Стиль (Layer>Layer Style) слоя и выберите Глобальное освещение (Global Light) со следующими настройками:

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

Выделите все слои, кроме первого сверху с 3D эффектом, и группируйте их в Группу 1. Скопировать все текстовые слои в нашем начальном PSD файле. Сделайте две копии Группы 1 и назовите их Группа 2 и Группа 3, переставьте их, как показано ниже.

Добавьте новый корректирующий слой Яркость/Контрастность выше групп 1 и 2

Наш текст должен выглядеть примерно так:

Используйте первую группу. Дублируйте ее. Сделайте ее черной и с помощью Размытия по Гауссу (Gaussin Blur) сделайте тень на стене.

Создайте новый слой ниже слоев с текстом и с помощью мягкой круглой кистью черного цвета рисуйте тень под каждой буквой. Меняйте непрозрачность кисти. Используйте Размытие по Гауссу.

Теперь я добавлю еще один эффект в сам текст с помощью этих фотографий: Фотография 1 и Фотография 2.

Скопируйте в наш файл эту веревку. Сделайте две длинные веревки, разместите их, как показано ни изображении ниже. Добавьте к слою с веревками эффект Внутренняя тень (Inner Shadow).

Используйте черную кисть, чтобы создать тень для веревки.

Используйте размытие по гауссу, чтобы смягчить тени и снизить непрозрачность.

Для последних штрихов вы можете добавить освещение и затемнение путем создания световых лучей (Инструмент кисть, белый цвет, Режим наложения – перекрытие).

Или вы можете использовать эти кисти для создания световой пыли цветом # f5ce6f.

Можете добавить различные текстуры с различными режимами наложения (я добавил текстуру старой бумаги, режим наложения – умножение, непрозрачность – 70%). Вот какой у меня получился окончательный результат:

Ссылка на оригинал урока.

Источник: https://basmanov.photoshopsecrets.ru/sozdanie-starinnogo-derevyannogo-teksta-v-fotoshop/

Ссылка на основную публикацию