Создаём волнистый текстовый ретро эффект.

6
546

Представляю вашему вниманию замечательный урок Tyler Denis в русском варианте и в моей итерпритации :)

Вот этого мы будем добиваться.

 

Ретро текст урок фотошоп

Шаг 1: Создание формы

Создаём новый документ  1200px X 1200px  в Adobe Photoshop.

Ретро текст урок фотошоп

В первую очередь сохранитесь, и не забывайте про это !!!

Используем инструмент Перо (P), попробуйте создать форму похожую на ту что создал я. Убедитесь, что вы делаете именно слой фигуры, а не контуры. Ретро текст урок фотошоп

Ретро текст урок фотошоп

Изменените цвет (дважды кликните по миниатюре слоя,чтобы открыть окно выбора цвета ) в синий цвет (# 017eff).

Ретро текст урок фотошоп

Шаг 2: Добавление фигур

Теперь нам нужно продублировать созданную форму, чтобы дублировать нажните Ctrl + J.

Измените цвет на ярко-желтый цвет (# ffd801).

Используйте Ctrl + T (свободное трансформирование), чтобы уменьшить размер формы. Удерживайте нажатой клавишу Shift, чтобы форма не потеряла  пропорций.

Ретро текст урок фотошоп

Шаг 3: Добавим ещё форм

Повторите шаг 2 ещё два раза . Измените их цвет на # FFFFFF и # fe0096 и измените размеры примерно так как на рисунке.

Ретро текст урок фотошоп

Шаг 4: Добавим обводку

Прежде чем идти дальше, сделаем обводку для каждой из форм. Нажмите на иконку Добавить стиль слоя>Обводка в нижней части панели «Слои». Выставьте чёрный цвет и толщину линий в 2 пикселя

Ретро текст урок фотошоп

Шаг 5: Группируруем наши формы

Теперь нам необходимо сгруппировать наши 4 формы в папку, назовём её — форма1. Дальше кликаем правой кнопкой мыши на папке-форма1 и выберем Дубликат группы. Можно назвать её — форма2.

Нажмите на  папку форма2, а затем Ctrl + T для свободного трансформирования. Поворот форму2 пока вы не получиться то, что у меня.Ретро текст урок фотошоп

Шаг 6: Отделочные фона текста

Продолжим дублирование групп и попутно изменяя цвет форм чтоб избежать шаблонности и получить более естественный шаблон. Вы также можете зайти в меню Редактирование> Трансформирование> Отразить по горизонтали, чтобы достичь желаемого результата.

Также измененим наш фоновый слой с белого на синий(# 017eff).  Чтобы разблокировать наше фоновое изображение ,нужно просто его переименовать.

Ретро текст урок фотошоп

Шаг 7: Добавление ретро

Теперь немного состарим нашу работу. Для этого мы можеи использовать эту текстуру, которую использует и автор этого урока.

При помощи Ctrl + T (свободное трансформирование), измените размер и позиционирование текстуры чтоб она гармонично подходила к нашему изображению. Убедитесь, что текстура стоит у вас самым верхним слоем, и измените её прозрачность до 40%.

Не забываем сохраняться :)

Ретро текст урок фотошоп

Шаг 8: Слияние слоев и добавление текста

Теперь всё что мы создали объеденим в один слой. Для этого нажмите на указывающую вниз стрелку- значок в правом верхнем углу панели «Слои» и щелкните на Объеденить видимые в появившемся меню.

Теперь добавим текст белого (# FFFFFF) цвета. Шрифт можно ипользовать BodoniNova , а можете любой другой. Что касаеться шрифта BodoniNova, выставьте стиль написания Black. если хотите чтобы он соответствовал примерам данной статьи.

Ретро текст урок фотошоп

Шаг 9: Совмещаем наш текст и фон

Перетащите текстовый слой на панели «Слои» так, чтобы он находится под  фоновым слоем.

Нажмите на слой фона и перейдём — Слои> Создать обтравочную маску (Ctrl + G). У вас должно получиться нечто подобное

Ретро текст урок фотошоп

Теперь выбрав интструмент Перемещение(V) спозиционируйте фоновое изображение по своему вкусу.

Шаг 10: Раскраска фона

Создайте новый слой и переместите его в самый низ. Залейте его синим цветом(# 003547).

Ретро текст урок фотошоп

Шаг 11: Оформим наш текст

Сейчас добавим некоторые эффекты нашему тексту. Выделите слой с текстом и внизу окна Слои и кликните Добавить стиль слоя> Параметры наложения. В открывшемся окне выберите параметр Тень и поставьте значения соответственно рисунку.

Ретро текст урок фотошоп

Теперь выберем Тиснение. Также поставьте все значения как на рисунке.

Ретро текст урок фотошоп

Следующий шаг — Градиент.

Ретро текст урок фотошоп

И последнее — Обводка.

Ретро текст урок фотошоп

Шаг 12: Затемним наше произведение

Создайте новый слой (Ctrl + Shift + N) и переместите его чуть выше фонового слоя.

Выберите инструмент Прямоугольная область (M) и изменим параметр Растушевка (в верхней части экрана в панели параметров) на 100 пикселей.

Щелкните и перетащите рамку через весь холст, а затем инвертируем выделение с помощью Ctrl + Shift + I (или, как Выделение> Инверсия).

Заполните область с черным цветом (# 000000).

Измените непрозрачность до 30%.

У вас должно получиться так как на рисунке.Ретро текст урок фотошоп

Шаг 13: Добавим источник света

Теперь на наш фон наложим градиент, чтобы дать ощущение источника света.

Выберите фоновый слой в панели «Слои», щелкните на иконку Добавить стиль слоя> градиент. Измените его так, чтобы  с левой стороны был белый цвет с 100% непрозрачностью, а с правой стороны с 0% непрозрачности.

Ретро текст урок фотошопРетро текст урок фотошопРетро текст урок фотошоп

Шаг 14: Дабавляем к нашему фону текстуру

Воспользуемся этой текстурой.

Убедитесь что работаете с фоном.

Иерархия слоёв на данном этапе у вас должна быть такая

Ретро текст урок фотошоп

Используйте Свободное трансформирование (Ctrl + T), выставьте текстуру по вашему вкусу  (удерживайте клавишу Shift, чтобы сохранить пропорциональность).

Измените режим наложения на Умножение, а прозрачность уменьшите до 50%.

Ретро текст урок фотошоп

Шаг 15: Добавление ещё одной текстуры

Берём текстуру и меняем размер в соответствии с холстом нашего документа.

Данная текстура должна быть в самом верху наших слоёв.

Меняем стиль наложения на Умножение.

Теперь осветлим немного воспользовавшись для этого инструментом  «Кривые«. Используйте Ctrl + M, чтобы открыть диалоговое окно Кривые и создадим кривую, как на рисунке.

Ретро текст урок фотошоп

Шаг 16: Добавление шума

Добавим немного шума на изображение, чтобы «состарить» его. Создайте новый слой и залейте его белым цветом (# FFFFFF).

Перейти в Фильтр> Шум> Добавить Шум и выставьте эффект в 103%, распределение — Равномерное и поставьте галочку — Монохромное.

Ретро текст урок фотошоп

Шаг 17: Размытие шума

Изменените режим наложения на Умножение.

Зайдите в Фильтр> Размытие> Размытие по Гауссу… и измените радиус до 1.0 пикселя.

Ретро текст урок фотошоп

Выставьте непрозрачность этого слоя до 40%.

Шаг 18: Создание складки

Чтобы придать работе законченый вид,  создайте новый слой.

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

Выделим верхнюю часть изображения над текстом при помощи инструмента Прямоугольная область (M).

Нажмите на Градиент (G) и сделайте как на рисунке

Ретро текст урок фотошоп

Проведите снизу вверх буквально на несколько пикселей. Чтобы градиент ложился равномерно — удерживайте клавишу Shift. Добейтесь такого результата.

Ретро текст урок фотошоп

Нажмите Ctrl + Shift + I, чтобы инвертировать выделенную область.

Создайте новый слой (Ctrl + Shift + N) и добавте белый градиент (G)(также как и предыдущий, просто поменяв цвет крайних ползунков на белый). И по аналогии с чёрным градиентом сделайте так как на рисунке

Ретро текст урок фотошоп

Измените параметр непрозрачность у градиентов. У чёрного градиента на 50%, у белого градиента на 20%.

Ретро текст урок фотошоп

Шаг 19: Маскировка «складки»

Зажав клавишу Ctrl выберите оба слоя градиентов и нажмите Ctrl+E.

Нажмите на иконку Добавить маску-слой и, используя Кисть (B) с чёрным цветом, 0%  Твердости и 20% непрозрачности, начинаете не спеша кликать по складке, тем самым убирая её.

С уважением OlegS9.^_^

6 КОММЕНТАРИИ

  1. Очень интересный провели урок — обязательно попробую. Скажите пожалуйста чем отличается программа Photoshop от CorelDraw . На последней программе я начал работать из-за того что графику можно делать векторную(для печати)
    Какие нибудь уроки по корлу будут? Я у вас в Твиттере.

  2. Интересный урок. Надо выбрать время и воплотить в жизнь. По результату отпишусь. Загляните ко мне, может что посоветуете. Я начинающий.

    • =) Спасибо за комментарий, правда не понял, что именно не ожидали.^_^ Толи что он русский толи, что «я в фотошоп» ?

ОСТАВЬТЕ ОТВЕТ