Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

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

16 мая 2017 6 825 просмотров | Сложность:

В этом уроке вы узнаете, как создать винтажный деревянный текст с 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 Переводчик: Svetlana
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
Larissa18425 февраля 201815

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

Анна17 января 201822

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

Елена Мальцева16 января 201822

Спасибо!

RomNstyle28 декабря 201715

Mywоrk

Octavian Cucuruzean21 декабря 201720

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

Elenafam24 июля 201731

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

спасибо

v_kosyakov21 июня 201713

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

Татьяна21 мая 201736

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

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

hissite.ru (anonimus)20 мая 2017

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

v_kosyakov22 июня 2017

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

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

voki18 мая 201724

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

Dominik@17 мая 201736

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

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

Mr.Evil16 мая 201734

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

Stasya-Tu16 мая 201733

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

Лариса16 мая 201743

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

Svetlana16 мая 201735

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

Авторизация


Регистрация

Наверх