Дополнения

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

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

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

184 396 чел. 379 578 работ 4 021 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаем в Фотошоп винтажный текст с 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

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

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} Жалоба

Оставить комментарий

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

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

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

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

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

Комментарий

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


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

{{text}}

Исходник:

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

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

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

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

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

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

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

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

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

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

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

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules