Дополнения

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

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

наш канал

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

Создаём в Фотошоп текст с 3D эффектом

04 апреля 2018 4 479 просмотров | Сложность:

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

Урок выполнен в Adobe Photoshop CC 2017, но подойдут и более ранние версии.

Финальный результат

Давайте начнём!

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

Создайте новый документ 800 х 800 рх, разрешение 72 dpi с белым фоном и добавьте корректирующий слой, перейдя в меню Layer > New Fill Layer > Gradient (Слой – Новый слой – заливка – Градиент).

Затем создайте новый слой (Shift+Ctrl+N) и залейте его чёрным, используя инструмент Paint Bucket Tool (G) (Заливка).

Перейдите в меню Filter > Render > Lighting Effects (Фильтр – Рендеринг – Эффекты освещения). Настройте фильтр, как показано ниже.

Измените режим наложения этого слоя на Overlay (Перекрытие) и уменьшите Opacity (Непрозрачность) до 70%.

Выберите инструмент  Text Tool (Т) (Текст) и напишите текст шрифтом Intro Inline.

Примечание переводчика: верхний текст создан шрифтом Impaсt.

Затем создадим тень. Дублируйте слой с текстом (Ctrl+J). Перейдите на оригинальный нижний слой и примените фильтр Filter > Blur > Motion Blur (Фильтр – Размытие – Размытие в движении) с настройками, показанными ниже.

Примечание переводчика: перед применением фильтра фотошоп попросит растрировать слой. Нажмите ОК.

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

Затем перейдите на слой с текстом и примените стили слоя.

Результат.

Теперь мы создадим ложный 3D – эффект с помощью простой техники сочетания клавиш  Alt + стрелка. Это сочетание позволяет быстро дублировать слой несколько раз, в то же время сдвигая слои на 1 рх в выбранном одной из стрелок направлении, что создаёт эффект объёма. Чем больше дублированных слоёв, тем больше будет объём.

Итак, встаньте на слой с текстом, выберите инструмент Move Tool  (V) (Перемещение) и нажмите Alt + стрелка вверх. Отпустите. Затем переместите дублированный слой на несколько рх влево и вверх стрелками на клавиатуре

Примечание переводчика: чтобы в итоге получить такой же результат, как у автора, я смещала дублированный слой 3 раза стрелка вверх и 4 раза стрелка влево. Так же советую все созданные слои c текстом, кроме слоя с тенью поместить в группу (Ctrl+G).

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

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

Примечание переводчика: Скорей всего у автора было создано 2 слоя с тенью. Один слой был размыт фильтром Размытие в движении и смещён, а второй размыт по Гауссу. Вот этот второй слой автор и смещает 4 или 5 раз, так как дублирование и смещение слоя, размытого в движении не принесёт нужного результата, как на изображении ниже. Я делала так: дублировала группу с текстовыми слоями (Ctrl+J) и слила группу в один слой (Ctrl+E). Затем к этому слою применила коррекцию Hue/Saturation (Ctrl+U) (Цветовой тон/Насыщенность) и сдвинула движок Lightness (Яркость) на -100. Переместила этот слой ниже группы с текстом, применила фильтр  Gauss Blur (Размытие по Гауссу) с радиусом 2 рх, сместила слой вниз и вправо и немного убавила Opacity (Непрозрачность) до 90%.

Перейдите на самый верхний дублированный текстовый слой. Очистите стили слоя, пройдя в меню Layers > Layer Style > Clear Layer Style (Слои – Стиль слоя – Очистить стиль слоя). Установите Fill (Заливка) слоя на 0% и примените стили.

Дублируйте слой (Ctrl+J) и снова очистите стили слоя.

Установите Fill (Заливка) слоя на 0% и примените стили.

В результате получился такой 3D – эффект.

Откройте данную текстуру в фотошоп и переместите в рабочий документ.

Измените режим наложения слоя на Screen (Экран).

Выше всех слоёв создайте новый слой (Shift+Ctrl+N). Выберите инструмент Brush Tool  (B) (Кисть). Из скачанного набора выберите кисть и добавьте лучи света в левом верхнем углу холста.

Измените режим наложения слоя на Overlay (Перекрытие) и уменьшите Opacity (Непрозрачность) до 59%.

И в завершение откройте и перенесите в рабочий документ текстуру с царапинами.

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

Измените режим наложения на Soft Light (Мягкий свет) и уменьшите Opacity (Непрозрачность) до 52%.

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

В этом уроке вы узнали, как сделать 3D – эффект текста за несколько шагов.

Автор урока: Grafolog

Понравилось? Поделитесь с друзьями!
Источник: www.tutsps.com Переводчик: Svetlana
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
kazakh_97.17@mail.ru11 июня 201811

Вроде получилось)

КласС

Gannik07 июня 201814

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

lanaacfw26 апреля 201811

спасибо

Рауан Ризуан22 апреля 201817

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

funmaker31218 апреля 201811

Вот)

Наталья Хопта15 апреля 201821

Благодарю.

kisa7714 апреля 201822

Спасибо большое))

elf_owl12 апреля 201822

Спасибо за урок. :)

maria050511 апреля 201824

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

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

Татьяна11 апреля 201829

Cпасибо

makson4ik653009 апреля 201815

Ник нейм в игру) спасибо за урок =)

Хороший урок, спасибо)

Andr006 апреля 201823

Спасибо

Manush05 апреля 201822

спасибо

Лариса05 апреля 201835

Svetlana, спасибо за перевод и примечания!

Larissa18404 апреля 201829

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

voki04 апреля 201827

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

J.P.Monk04 апреля 201826

Спасибо !

Просто Галина04 апреля 201829

Спасибо большое за урок! И большое спасибо Светлане за перевод и очень понятные комментарии!

z_ivan04 апреля 201823

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

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

Mr.Evil04 апреля 201836

С горем пополам...Обычно такие уроки проходят легче

Orange11104 апреля 201825

спасибо

Faraon6204 апреля 201822

Спасибо!

lera_190304 апреля 201824

Спасибо!

спасибо

Анна04 апреля 201823

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

Svetlana04 апреля 201829

Мой вариант))

Авторизация


Регистрация

Наверх