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

Содержание

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

Создаем тисненый текст в Фотошопе
What You'll Be Creating

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

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

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

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

  • Шрифт Big Top
  • Текстура Кожи
  • Узор Металлическая сетка

Шаг 1

Создайте новый документ в программе Photoshop со следующими размерами 1024 x 683px, а затем идём Файл – Поместить связанные (File > Place Linked), чтобы загрузить текстуру кожи.

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

Шаг 2

Далее, идём Изображение – Коррекция – Тени / Света (Image > Adjustments > Shadows/Highlights).

Поставьте галочку в окошке Дополнительные параметры (Show More Options), а затем примените следующие значения для остальных настроек:

Тени (Shadows):

  • Эффект (Amount): 1
  • Ширина тонового диапазона (Tone): 50
  • Радиус (Radius): 30

Света (Highlights):

  • Эффект (Amount): 20
  • Ширина тонового диапазона (Tone): 50
  • Радиус (Radius): 30

Коррекция (Adjustments):

  • Цветокоррекция (Color): 0
  • Контрастность средних тонов (Midtone): 0

Шаг 3

Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Линейный затемнитель (Linear Burn).

4. Применяем Стилизацию к Слою с Текстом

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

Шаг 4

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

  • Цвет: #3f3d43
  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 90%

Шаг 5

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

  • Режим наложения (Blend Mode):Линейный затемнитель (Linear Burn)
  • Цвет: #74838e
  • Непрозрачность (Opacity): 65%
  • Смещение (Distance): 5
  • Размах (Spread): 10
  • Размер (Size): 20

6. Применяем Стилизацию к Дубликату Слоя с Текстом

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

Шаг 6

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

  • Режим наложения (Blend Mode): Линейный осветлитель (Добавить) (Linear Dodge (Add)
  • Цвет: #ccdfe0
  • Непрозрачность (Opacity): 45%
  • Смещение (Distance): 0
  • Размер (Size): 5

Шаг 7

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

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Цвет: #c9c7ad
  • Непрозрачность (Opacity): 35%
  • Смещение (Distance): 5
  • Размер (Size): 15

Вы можете увидеть итоговый результат на скриншоте ниже.

Отличная работа! Мы завершили урок!

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

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

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

Источник: //design.tutsplus.com/ru/tutorials/super-easy-realistic-burnt-text-effect--cms-27501

Создаем элегантный текстурный текст в Фотошоп

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

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

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

Примечание: В архиве содержится набор градиентов. Для выполнения урока вам нужно загрузить файлы файлы RS_Chrome.grd и CSP True SkyGradients.grd.

3. Стилизуем текст

Двойным кликом по копии текстового слоя открываем диалоговое окно и применяем следующий стиль слоя (layer style).

Шаг 8

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

Как сделать эффект для текста в Фотошопе

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

В этом уроке вы научитесь создавать карамельный текст в Фотошопе.

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

Создайте новый документ в Photoshop (Ctrl + N), высотой (Height) 1920 и шириной (Width) 1080 пикселей. Разрешение (resolution) поставьте 300 пикс/дюйм (300 ppi), и цветовой профиль (color mode) RGB. Затем нажмите ОК.

Нажмите Ctrl + Shift + N, чтобы создать новый слой. Выберите основным цветом (foreground color) #292929 и нажмите Alt + Delete, чтобы залить слой выбранным цветом.

Нажмите Ctrl + Shift + N, чтобы создать еще один новый слой. Теперь основным цветом выберите #996933. Выберите Инструмент Градиент – Gradient (G). В окне настроек градиента убедитесь, что вы выбрали градиент от цвета к прозрачности (смотрите рисунок), также выберите тип градиента Радиальный (Radial). Сделайте градиентную заливку по центру от верха к низу холста.

Шаг 2. Создание фона

 Снова создайте новый слой (Ctrl + Shift + N). Выберите основным цветом #daba97. Снова возьмите Инструмент Градиент – Gradient (G) и в настройках выберите градиент от цвета к прозрачности, тип градиента Радиальный (Radial).

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

Теперь уменьшите Непрозрачность (Opacity) градиента до 64%.

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

Шаг 3. Добавление тексту эффектов: тень, наложение градиента, тиснение.

 Теперь наберите слово «Caramel», первую букву сделайте заглавной, остальные – строчными. Используйте шрифт Channel размером 47 пунктов, цвет шрифта – #b5710f. Разместите текст по центру холста, как показано на рисунке ниже:

Шаг 4. Добавление тексту эффектов: тень, наложение градиента, тиснение.

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

– режим наложения: Умножение (Multiply)

– цвет (Color): черный

– Непрозрачность (Opacity): 75%

– Угол (Angle): 131

– поставьте галочку Глобальное освещение (Use Global Light)

– Смещение (Distance): 5 пикселей

– Размах (Spread): 0 %

– Размер (Size): 8 пикселей

– Контур (Contour): Линейный (Linear)

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

– Шум (Noise): 0%

– поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Шаг 5. Добавление тексту эффектов: тень, наложение градиента, тиснение.

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

режим наложения Умножение (Multiply)

– снимите галочку Размыть (Dither)

– Непрозрачность (Opacity): 36%

градиент от черного к белому цвету

– снимите галочку Обратить (Reverse)

– Стиль (Style): Линейный (Linear)

– поставьте галочку Выровнять со слоем (Align with Layer)

– Угол (Angle): 90

– Масштаб (Scale): 150%

Шаг 6. Добавление тексту эффектов: тень, наложение градиента, тиснение.

Добавьте еще один стиль – Тиснение (Bevel and Emboss) с такими настройками:

Стиль (Style): Внутренний скос (Inner Bevel)

– Метод (Technique): Плавное (Smooth) 

– Глубина (Depth): 100%

– Направление (Direction): Вверх (Up)

– Размер (Size): 5 пикселей

– Смягчение (Soften): 16 пикселей

– Угол (Angle): 131 градус

– поставьте галочку Глобальное освещение (Use Global Light)

– Высота (Altitude): 45 градусов

– Контур глянца (Gloss Contour): по Гауссу (Gaussian);

– снимите галочку в окошке Сглаживание (Anti-aliased)

– Режим подсветки (Highlight Mode): Осветление (Screen); Цвет (Color): #cf90; Непрозрачность (Opacity): 75%

– Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Черный; Непрозрачность (Opacity): 75%.

Шаг 7. Добавление тексту эффектов: тень, наложение градиента, тиснение.

Под вкладкой Тиснение (bevel & Emboss) отметьте окошко Контур (Contour) и выставьте настройки:

Контур (Contour): по Гауссу (Gaussian)

– снимите галочку в окошке Сглаживание (Anti-aliased)

– Диапазон (Range): 63%

Шаг 8. Создание копии слоя с текстом и его корректировка

Для начала дублируйте текстовый слой, нажав Ctrl + J. Измените режим наложения только что созданной копии на Умножение (Multiply) и уменьшите Непрозрачность (Opacity) до 41%.
 Затем перейдите на вкладку стилей слоя Тень (Drop Shadow) и установите настройки:

режим наложения: Умножение (Multiply)

– Цвет (Color): черный

– Непрозрачность (Opacity): 75%

– Угол (Angle): 131 градус

– поставьте галочку Глобальное освещение (Use Global Light)

– Смещение (Distance): 13 пикселей

– Размах (Spread): 0 %

– Размер (Size): 18 пикселей

– Контур (Contour): Линейный (Linear)

– снимите галочку в окошке Сглаживание (Anti-aliased)

– Шум (Noise): 0%

– поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Шаг 9. Создание копии слоя с текстом и его корректировка

Теперь перейдите к стилю слоя Наложение градиента (Gradient Overlay) и настройте его:

режим наложения Умножение (Multiply)

– снимите галочку Размыть (Dither)

– Непрозрачность (Opacity): 16%

градиент от черного к белому цвету

– снимите галочку Обратить (Reverse)

– Стиль (Style): Линейный (Linear)

– поставьте галочку Выровнять со слоем (Align with Layer)

– Угол (Angle): 90

– Масштаб (Scale): 150%

Шаг 10. Создание копии слоя с текстом и его корректировка

Далее перейдите к стилю Тиснение (Bevel and Emboss), выставьте настройки:

– Стиль (Style): Внутренний скос (Inner Bevel)

– Метод (Technique): Плавное (Smooth) 

– Глубина (Depth): 72%

– Направление (Direction): Вверх (Up)

– Размер (Size): 13 пикселей

– Смягчение (Soften): 4 пикселя

– Угол (Angle): 131 градус

– поставьте галочку Глобальное освещение (Use Global Light)

– Высота (Altitude): 45 градусов

– Контур глянца (Gloss Contour): Глубокая выемка (Cove – Deep);

– снимите галочку в окошке Сглаживание (Anti-aliased)

– Режим подсветки (Highlight Mode): Осветление (Screen); Цвет (Color): # fdf7ee; Непрозрачность (Opacity): 67%

– Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Черный; Непрозрачность (Opacity): 75%.

   Под вкладкой Тиснение (Bevel & Embos) отметьте окошко Контур (Contour) и не изменяйте настройки. Так как этот слой является копией первого текстового слоя, настройки стиля Контур (Contour) остануться такими же, как и для первого слоя. Когда все настроите, нажмите ОК.

Вот как должен выглядеть результат после этого шага:

Шаг 11. Добавление глянца тексту

Дублируйте второй текстовый слой. Поместите его над вторым слоем с текстом в порядке слоев. Уменьшите Непрозрачность (Opacity) до 41%. Теперь перейдите к стилям этого слоя и измените слой Тиснение (Bevel & Emboss). Остальные стили Наложение градиента (Gradient Overlay), Тень (Drop Shadow) и Контур (Contour) останутся такими же.

Настройки для стиля Тиснение (Bevel & Emboss):

– Стиль (Style): Внутренний скос (Inner Bevel)

– Метод (Technique): Плавное (Smooth) 

– Глубина (Depth): 1000%

– Направление (Direction): Вверх (Up)

– Размер (Size): 16 пикселей

– Смягчение (Soften): 0 пикселей

– Угол (Angle): 131 градус

– поставьте галочку Глобальное освещение (Use Global Light)

– Высота (Altitude): 45 градусов

– Контур глянца (Gloss Contour): Глубокая выемка (Cove – Deep);

– снимите галочку в окошке Сглаживание (Anti-aliased)

– Режим подсветки (Highlight Mode): Нормальный (Normal); Цвет (Color): белый; Непрозрачность (Opacity): 100%

– Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Черный; Непрозрачность (Opacity): 0%.

Итак, на рисунке ниже вы можете видеть результат 

Шаг 12. Добавление финальных элементов

Выделите вторую копию слоя с текстом и дублируйте ее (Ctrl + J). Поместите только что созданный слой между оригинальным текстом и второй копией текста. Затем кликните правой кнопкой мыши по этому слою и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).

Далее нажмите иконку Добавить маску слоя (Add layer mask) внизу панели Слои (Layers). Выделите маску, нажав на ее миниатюру, затем возьмите Инструмент Градиент – Gradient (G), тип Линейный (Linear).

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

Таким образом с помощью градиента вы сделаете верхние части букв темнее, а нижние станут более светлыми на контрасте. Вы можете посмотреть, каким должен быть результат на рисунке ниже:

Шаг 13. Добавление финальных элементов

Создайте новый слой (Ctrl + Shift + N). Поместите этот слой сверху всех других слоев. Теперь возьмите Инструмент Перо – Pen tool (P)  и нарисуйте форму, как показано на рисунке ниже.

Когда закончите рисовать, кликните правой кнопкой мыши и выберите пункт Выделить область (Make Selection), в появившемся окошке нажмите ОК.

Затем выберите основным цветом #8d827b и нажмите Alt + Delete, чтобы залить выделение цветом, затем уменьшите Непрозрачность (Opacity) до 57%.

Результат вы можете увидеть на рисунке ниже:

Шаг 14. Добавление финальных элементов

Сначала создайте новый слой, поместите этот слой сверху слоя с отражением. Возьмите Инструмент Кисть – Brush Tool (B), мягкую кисть маленького размера, цвета #D4C8B8  и сделайте мазки кистью, как показано на рисунке:

Шаг 15. Финальное изображение

Поздавляем! Вот финальный результат!

Ссылка на источник

Источник: //sveres.ru/lessons/tekstovye-effety/kak-sozdat-karamelnyy-tekst-v-adobe-photoshop.html

Поделиться:
Нет комментариев

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

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.