Уроки Работа с текстом Руслан Гильзидинов 15 февраля 2017

Создаём в Фотошоп текст похожий на гель с блёстками

Сложность урока: Легкий

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

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

1. Создание Блестящей Текстуры

Шаг 1

Начните с создания нового документа размером 500 на 500 пикселей и установите параметр Resolution (Разрешение) на 200. Установите основной цвет на #939393, цвет фона - #ffffff, затем заполните фон документа основным цветом.

Шаг 2

Нажмите Filter > Filter Gallery > Artistic > Film Grain (Фильтр > Галерея фильтров > Имитация > Зернистость фотопленки). Измените параметр Grin (Зерно) на 20, Highlight area (Область светов) на 20 и Intensity (Интенсивность) на 10.

Шаг 3

Это добавит шум фону.

Шаг 4

Нажмите Filter > Filter Gallery > Sketch > Halftone Pattern (Фильтр > Галерея фильтров > Эскиз > Полутоновой узор). Измените Size (Размер) на 1, Контраст (Contrast) на 10 и Pattern Type (Тип узора) на Dot (Точка).

Шаг 5

Это создаст первый слой блестящей текстуры.

Шаг 6

Продублируйте фоновый слой и измените режим наложения копии на Linear Burn (Линейный затемнитель).

Шаг 7

Нажмите Edit > Transform > Rotate 90° CW (Редактирование > Трансформирование > Повернуть на 90° по ч.с.). Это поможет добавить разнообразия текстуре.

2. Выберите цвет Текстуры и Определите Узор

Шаг 1

Нажмите на иконку Create new fill or adjustment layer (создание нового слоя-заливки или корректирующего слоя) внизу панели слоев и выберите Solid Color (Цвет).

Шаг 2

На этом этапе вы можете выбрать цвет блестящей текстуры. Мы использовали цвет #b70000.

Шаг 3

Измените режим наложения слоя с цветом на Overlay (Перекрытие). Вы можете изменить цвет в любой момент, дважды кликнув по миниатюре корректирующего слоя и выбрав новый.

Шаг 4

Нажмите на иконку создания нового слоя-заливки или корректирующего слоя внизу панели слоев и выберите Levels (Уровни).

Шаг 5

Измените значение параметра Shadows (Тени) на 90, Highlights (Свет) на 240. Это добавит контраста нашей текстуре.

Шаг 6

Вы можете использовать разные значения в зависимости от того, какой цвет и насыщенность вам необходимы. Когда вы закончите, выберите фоновый слой, затем нажмите Edit > Define Pattern (Редактирование > Определить узор) и назовите его Glitter Texture (Блестящая текстура).

3. Создайте Фон Основного Документа

Шаг 1

Создайте новый документ размером 850 на 800 пикселей, Resolution (Разрешение) установите на 200.

Установите основной цвет на #fffbfa, цвет фона на #f2e5e0. Выберите инструмент Gradient (Градиент), выберите тип Foreground to Background (От основного к фоновому), кликните по иконке Радиального градиента. Затем нажмите и потяните от центра документа к одному из углов, тем самым создавая градиент на фоне, и продублируйте фоновый слой.

Шаг 2

Дважды щелкните по продублированному фоновому слою, чтобы применить стиль Pattern Overlay (наложение узора):

  • Blend Mode (Режим наложения) - Multiply (Умножение)
  • Pattern (Узор) - Самодельная бумага

Шаг 3

Это добавит легкую текстуру к фону.

4. Создайте Текст и Добавьте Капли

Шаг 1

Создайте текст, используя шрифт Bessie. Размер шрифта – 75 pt, цвет - #dd121a, и параметр Tracking (Трекинг) установлен на 10. Если вы хотите разделить текст на несколько строк, измените параметр Leading (Интерлиньяж) на 70 pt.

Шаг 2

Продублируйте слой с текстом, и сделайте его невидимым, кликнув по иконке с глазом рядом с миниатюрой слоя. Выберите копию, а затем нажмите Layer > Rasterize > Type (Слои > Растрировать > Текст).

Шаг 3

Выберите инструмент Brush (Кисть) с основным цветом #dd121a, затем, используя разные значения размера, добавьте несколько точек вокруг букв или между ними, чтобы выглядело более интересно.

Шаг 4

Как только вы закончите, продублируйте слой и измените значение параметра Fill (Заливка) на 0.

5. Стилизуйте Первый Слой-Копию

Шаг 1

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

  • Blend mode (Режим наложения): Vivid Light (Яркий свет)
  • Color (Цвет) #811414
  • Source (Источник): Center (Из центра)
  • Size (Размер): 13

Шаг 2

Pattern Overlay (Наложение узора):

  • Pattern (Узор): воспользуйтесь блестящей текстурой, которую вы создали
  • Scale (Масштаб): 50%

Шаг 3

Это создаст текстуру блеска на тексте.

6. Стилизуйте Второй Слой-Копию

Дважды кликните по второму слою-копии, чтобы применить следующий стиль слоя Bevel and Emboss (Тиснение):

Шаг 1

  • Depth (Глубина): 500
  • Size (Размер): 13
  • Снимите флажок с пункта Use Global Light (Глобальное освещение)
  • Angle (Угол): 82
  • Altitude (Высота): 60
  • Поставьте флажок в графе Anti-aliased (Сглаживание)
  • Highlight mode (Режим подсветки) : Linear light (Линейный свет)
  • Shadow Mode (Режим тени) - Opacity (Непрозрачность) 0%

Шаг 2

Стиль слоя Inner Glow (Внутреннее свечение):

  • Blend mode (Режим наложения): Vivid Light (Яркий свет)
  • Цвет: #c39292
  • Size (Размер): 5

Шаг 3

Это создаст первый «клеевой» слой.

7. Создайте и Проработайте Край

Шаг 1

Зажмите Ctrl/Cmd и кликните по любой из миниатюр стилизованных слоев, чтобы создать выделение.

Шаг 2

Нажмите Select > Modify > Expand (Выделение > Модификация > Расширить), и введите число 3.

Шаг 3

Создайте новый слой поверх всех остальных и назовите его Rim (Край). Затем залейте выделенную область основным цветом (#dd121a).

Шаг 4

Дважды кликните по слою Rim (Край) и примените следующий стиль слоя Bevel and Emboss (Тиснение):

  • Depth (Глубина): 500
  • Size (Размер): 13
  • Снимите флажок с пункта Use Global Light (Глобальное освещение)
  • Angle (Угол): 180
  • Altitude (Высота): 74
  • Поставьте флажок в графе Anti-aliased (Сглаживание)
  • Highlight mode (Режим подсветки) : Hard Light (Жесткий Свет)
  • Shadow Mode (Режим тени) - Opacity (Непрозрачность) 0%

Шаг 5

  • Contour (Контур): Half Round (Полукруглый)
  • Поставьте флажок в графе Anti-aliased (Сглаживание)

Шаг 6

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

  • Opacity (Непрозрачность): 20%
  • Distance (Смещение): 0
  • Size (Размер): 3

Шаг 7

Измените процент заливки уровня Rim (Край) на 0%. Это добавит еще один слой «клеевой» стилизации, а также легкий внешний край.

Поздравляю! Работа сделана.

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

Затем, был создан и позднее растрирован текст, добавлено несколько точек, дабы сделать картинку более интересной. Мы применили несколько стилей слоя, чтобы добавить текстуру блесток и создать первый «клеевой» слой.

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

Вы можете попробовать разные цвета для достижения различных результатов.

Не стесняйтесь оставлять свои комментарии и результаты ниже.

Автор: Rose

Источник: design.tutsplus.com

Комментарии 44

Спасибо ))) текст у меня обычный, растрировала и применила Фильтр-Искажение-Рябь

спасибо, что то не совсем так как надо вышло

Спасибо за урок!

Спасибо. Легко.

Хороший урок!)

сПАСИБО, Классно

Спасибо за урок!

Спасибо за урок

Спасибо за урок и перевод.

Спасибо за урок!

Интересная работа, очень понравилось)

Кажется получилось.

Небольшая ошибка вкралась в перевод: в части 7, шаг 2 Expand переводиться как "расширение", а не "границы". Нужно выбрать именно "расширение" судя по иллюстрации.

Спасибо за замечание. Исправлено.

Еще 10
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее