Уроки Работа с текстом Creativo 16 мая 2017

Создаем в Фотошоп винтажный текст с 3D эффектом

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

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

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

Часть 1

Шаг 1

Создайте новый документ и поместите в него изображение комнаты.

Шаг 2

Дублируйте слой с комнатой (Ctrl+J) и отразите по вертикали (Ctrl+T – Flip Vertical). Таким образом, используя пол, мы создадим потолок. Так как созданный потолок закроет видимость трещин на стене, вырежьте эту часть стены с трещинами, разместите ниже потолка и по маске слоя чёрной мягкой кистью совместите с изображением комнаты.

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

Шаг 3

Для копии слоя с комнатой (потолка) добавьте маску слоя. Инструментом Gradient Tool (G) (Градиент) по маске создайте чёрно – белый градиент, чтобы получить плавный переход.

Шаг 4

Выше слоя с потолком создайте корректирующий слой Brightness/Contrast (Яркость/Контрастность) в качестве обтравочной маски.

Шаг 5

Активируйте маску корректирующего слоя и инструментом Gradient Tool (G) (Градиент) создайте градиент, как показано на изображении ниже. Таким образом, освещённым будет только потолок.

Шаг 6

Создайте новый документ (Ctrl+N). В этом документе мы создадим текст. Я напишу слово Wood чёрным цветом. Вы можете написать любой текст, какой захотите.

Шаг 7

Но сначала установите шрифт Fortuna Dot. В этом уроке важно использовать именно этот шрифт.

Шаг 8

Вы можете добавить в документ фигуры сердца или любые другие фигуры на ваше усмотрение, использовать графику/текст и так далее. Но перед тем, как вы перейдёте к следующему шагу, вам нужно будет все слои преобразовать в один смарт – объект.

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

Шаг 9

Для слоя с текстом (или для смарт – объекта) добавьте стиль слоя Stroke (Обводка). В качестве узора - текстура дерева.

Примечание переводчика: откройте текстуру дерева в фотошоп и определите узор. Так как текстура дерева очень большого размера, советую сначала уменьшить в Image – Image Size (Изображение – Размер изображения) до 500 х 500 рх. Затем определить узор.

Часть 2

Шаг 1

Преобразуйте слой с текстом в смарт – объект. Установите в фотошоп файл с экшеном и примените к тексту. У вас должен получиться такой результат.

Шаг 2

Удалите фоновый слой. В папке “3D – Group” вы увидите очень много слоёв. Выделите первые 33 слоя и удалите их. Для этого выделите первый и с зажатой Shift щёлкните на последнем для удаления слое. Нажмите delete.

Шаг 3

У самого верхнего слоя в панели слоёв отключите видимость стилей, нажав на глазик рядом с Effects (Эффекты).

Шаг 4

Перейдите в меню Layer – Layer Style – Global Light (Слои – Стиль слоя – Глобальное освещение). Установите настройки, как показано ниже.

Шаг 5

Откройте окно стилей у любого слоя и измените настройки стиля Bevel and Emboss (Тиснение). Затем скопируйте стиль этого слоя (Copy Layer Style), выделите все остальные слои кроме первого и вставьте стиль (Paste Layer Style).

Шаг 6

Выделите все слои кроме самого верхнего и сгруппируйте их в группу Group 1 (Ctrl+G). Переместите все текстовые слои в рабочий документ. Дублируйте группу Group 1 два раза и переименуйте в Group 2 и Group 3. Сдвиньте группы, как показано ниже.

Примечание переводчика: сдвигайте группы 1 и 2, третью (3) оставьте на месте.

Шаг 7

Над группами 1 и 2 добавьте корректирующий слой Brightness/ Contrast (Яркость/Контрастность).

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

Шаг 8

Наш деревянный текст с 3D – эффектом должен выглядеть так.

Шаг 9

Дублируйте группу Group 1 и слейте в один слой (Ctrl+E). Переместите слой ниже всех групп и измените цвет слоя на чёрный. Примените к этому слою фильтр Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу), чтобы создать мягкую тень на стене от текста. Переместите тень, как показано ниже.

Примечание переводчика: изменить цвет слоя на чёрный можно так – Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) или Ctrl+U и сдвинуть движок Lightness (Яркость) до упора влево.

Шаг 10

Под слоями с группами создайте новый слой. Выберите мягкую чёрную кисть чёрного цвета и нарисуйте тень под каждой буквой. Варьируйте непрозрачность кисти. Так же примените к этому слою фильтр Gaussian Blur (Размытие по Гауссу), чтобы смягчить тень.

Часть 3

Шаг 1

Теперь добавим ещё один ретро – эффект для нашего деревянного текста, используя небольшие ретро – иллюстрации.

Примечание переводчика: откройте понравившиеся вам изображения, перенесите в рабочий документ, уменьшите (Ctrl+T) и составьте из них картинку. Сгруппируйте слои с картинками (Ctrl+G). Инструментом Eliptical Marquee Tool (M) (Овальная область) создайте выделение отверстия буквы и на слое с группой добавьте маску слоя. Поместите ваш коллаж из картинок на букву. К группе добавьте стили слоя. Повторите то же самое и для второй буквы, но с другими картинками.

Шаг 2

Откройте изображение верёвки. Уменьшите верёвку (Ctrl+T) и ластиком Eraser Tool (M) удалите лишнее. Путём дублирования и совмещения создайте верёвку подлиннее. Слейте слои в один (Ctrl+E). Затем дублируйте получившийся слой с верёвкой и переместите, как показано ниже.

Добавьте для каждого слоя с верёвкой стиль слоя Inner Shadow (Внутренняя тень).

Шаг 3

Выберите инструмент Brush Tool (B) (Кисть) цвет чёрный жёсткость 100%. Создайте новый документ ниже слоёв с верёвками и нарисуйте тени от них.

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

Шаг 4

Примените к слою с тенью фильтр Gaussian Blur (Размытие по Гауссу), а так же уменьшите Opaсity (Непрозрачность) слоя.

Шаг 5

В завершение добавьте эффект освещения и затемнения комнаты. Выше всех слоёв создайте новый слой, возьмите Brush Tool (B) (Кисть) жёсткость кисти 0% цвет белый и нарисуйте лучи. Измените режим наложения слоя на Overlay (Перекрытие). Поиграйте с Opaсity (Непрозрачность) слоя.

Так же вы можете использовать кисти sparkle brush (sparkle 4 brush) цвет # f5ce6f для создания эффекта лёгкой пыли. Затем применить к этому слою фильтр Motion Blur (Размытие в движении) и стиль слоя Outer Glow (Внешнее свечение) с параметрами – цвет белый, режим наложения Overlay (Перекрытие), Range (Диапазон) 5.

Шаг 6

И наконец, добавьте текстуру старой бумаги. Измените режим наложения слоя на Overlay (Перекрытие) с Opaсity (Непрозрачность) слоя 70%.

Окончательный результат.

Мы закончили! Надеюсь, вам понравился этот урок.

Автор урока: psd-dude

Источник: www.psd-dude.com

12 тыс. 47
Печать Жалоба

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

Интересный урок, спасибо!

Анна, отличный результат!

Isabana, Ира, спасибо!

как то так))) не знаю если всё правильно сделал!

Спасибо за урок! Отличный!

спасибо как - то так

Спасибо,интересный урок!

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

Спасибо, я немного ещё с мелочами поработал :)

Спасибо,интересный урок.

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

Я все-таки не понимаю почему нельзя использовать другой шрифт.

Никто не запрещает, но с другим шрифтом не будет таких отверстий в буквах, как при в данном случае.

спасибо большое за работу:)

Вениамин Сергеевич, Здорово! Очень понравилась работа!

Спасибо за перевод!

Voki, замечательно!

Спасибо за урок и перевод! Хотя так и не поняла стилизацию текста под что мьі сделали...

Dominik@, отличная работа!

Спасибо за урок! Светлана спасибо за перевод!

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

Mr.Evil (anonimus), отлично!

Как всегда спасибо.

Stasya-Tu, замечательная идея и исполнение!

Svetlana, спасибо за перевод!

Мой вариант с фигурами сердца)

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

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

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

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


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

Предыдущая Следующая
Добавлена {{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-адресе, помогающих нам сделать его удобнее для вас. Подробнее