Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

В этом уроке мы создадим уникальный текстовый эффект в Фотошопе. Мы сделаем так, чтобы текст выглядел так, будто он написан на ступеньках лестницы. На первый взгляд всё кажется просто, но для достижения цели нам нужно хорошо спланировать работу и уметь хорошо обращаться с масками.

Я покажу Вам, как использовать перспективу и тени для создания объёмности. Всё, что Вам нужно для начала работы, это скачать гранжевую текстуру к себе на компьютер.


Конечный результат:



Текст на ступеньках


Шаг 1


Каждый раз, когда Вы создаёте в Фотошопе объект, который имеет структуру, как, например, город с множеством зданий, улицу или, как в нашем случае, ступеньки, Вам нужны вспомогательные линии перспективы.

В зависимости от типа перспективы у Вас может быть несколько точек, в которые будут сводиться линии перспективы. В нашем случае я решил вынести фокальную точку за пределы холста. На следующем скриншоте показано, как нужно создать линии перспективы. Вы можете скачать готовый PSD файл с официального сайта с этими линиями.

Текст на ступеньках


Шаг 2


Для удобства объедините линии перспективы в группу (Ctrl + G). Создайте новый слой над группой с линиями и инструментом Горизонтальный текст (Horizontal Type Tool) напишите слово PHOTO. Я использовал шрифт «Helvetica Neue Bold Condensed».

Текст на ступеньках


Создайте копию текстового слоя (Ctrl + J), опустите её ниже на холсте и на панели слоёв и измените слово PHOTO на SHOP.

Текст на ступеньках


Панель слоёв должна выглядеть так:

Текст на ступеньках


Расстояние между буквами (кернинг) обоих должно быть одинаковым. Самый быстрый способ изменить его, это поставить курсор между двумя буквами, между которыми Вы хотите увеличить или уменьшить расстояние, зажать клавишу Alt и нажимать на стрелки вправо или влево на клавиатуре. Стрелка вправо будет увеличивать расстояние, стрелка влево – уменьшать. Либо воспользуйтесь панелью Символ (Окно > Символ) (Window > Character).

Шаг 3


Выберите оба текстовых слоя и поместите их в группу (Ctrl + G). Назовите группу «Live Type».

Текст на ступеньках


Перетащите папку на иконку создания слоя, чтобы создать копию. Опустите копию под оригинальную группу и назовите её «Rasterized».

Текст на ступеньках


Шаг 4


Выключите группу «Live Type» и раскройте группу «Rasterized».

Текст на ступеньках


Выберите оба слоя группы, кликните правой кнопкой мыши на одном из них и выберите пункт Растрировать текст (Rasterize Type).

Текст на ступеньках


Теперь наш текст представлен в виде растрового изображения. Выключите слой со словом SHOP.

Текст на ступеньках


Шаг 5


Выберите слой со словом PHOTO, активируйте режим Свободное трансформирование (Ctrl + T), кликните правой кнопкой мыши на холсте и выберите режим Перспектива (Perspective).

Текст на ступеньках


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

Текст на ступеньках


Теперь выберите режим Искажение (Skew).

Текст на ступеньках


Опустите правую сторону слова, чтобы оно встало на линию перспективы.

Текст на ступеньках


Шаг 6


Создайте копию слоя PHOTO и скройте оригинал.

Текст на ступеньках


Выберите инструмент Перо (Pen Tool) в режиме Контура (Path) и выделите верхнюю часть слова (над верхней красной линией). Преобразуйте контур в выделение через контекстное меню: пункт Образовать выделенную область (Make Selection).

Текст на ступеньках

Текст на ступеньках


Добавьте маску к слою со словом PHOTO (кликните на иконке маски в нижней части панели слоёв).

Текст на ступеньках


Результат:

Текст на ступеньках


Шаг 7


Создайте копию слоя с маской (Ctrl + J) и опустите её под оригинал. Кликните правой кнопкой мыши на маске и выберите пункт Удалить слой-маску (Delete Layer Mask).

Текст на ступеньках


Активируйте режим Наклон (Skew).

Текст на ступеньках


Перетащите нижнюю центральную точку влево.

Текст на ступеньках


Инструментом Перо (Pen Tool) выделите вторую сверху секцию (между красными линиями).

Текст на ступеньках


Добавьте маску, чтобы оставить часть слова только в пределах выделенной области.

Текст на ступеньках


Шаг 8


Создайте ещё одну копию слоя PHOTO.

Текст на ступеньках


Удалите маску.

Текст на ступеньках


Инструментом Перо (Pen Tool) выделите следующую секцию и снова добавьте маску.

Текст на ступеньках


Этот процесс мы будем повторять, пока не получим полное слово.

Шаг 9


Создайте ещё одну копию

Текст на ступеньках


Наклоните слово:

Текст на ступеньках


Создайте следующую часть ступеньки.

Текст на ступеньках


Шаг 10


Когда всё слово будет видно, выберите все слои.

Текст на ступеньках


Объедините их в группу (Ctrl + G) и назовите её «PHOTO».

Текст на ступеньках


Шаг 11


Создайте копию слова SHOP и скройте оригинал.

Текст на ступеньках


Измените перспективу слова SHOP.

Текст на ступеньках


Инструментом Перо (Pen Tool) выделите небольшой участок под ступеньками со словом PHOTO и добавьте маску.

Текст на ступеньках


Создайте копию слоя с маской, удалите маску, наклоните слово и снова добавьте маску на основе выделения следующей секции.

Текст на ступеньках


Шаг 12


Продолжайте создавать форму ступенек. Может получиться так, что Вы не сможете правильно сопоставлять части слова. Сейчас я покажу, как это исправить. На панели слоёв нажмите на иконку цепочки между слоями и маской.

Текст на ступеньках


Выберите инструмент Лассо (Lasso Tool) и создайте выделение вокруг части слова, которую нужно исправить. Я выделил ножки буквы H.

Текст на ступеньках


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

Текст на ступеньках


Шаг 13


Продолжайте работать пока не получите второе слово целиком. Объедините в группу все слои слова SHOP. Опустите её под группу «PHOTO».

Текст на ступеньках


Выберите обе группы со словами и создайте копии.

Текст на ступеньках


Объедините копии групп в один слой (Ctrl + E). Группы со словами можете выключить.

Текст на ступеньках


Выберите все выключенные слои и группы и объедините их в отдельную группу. Это нужно, чтобы сохранять панель слоёв в порядке.

Текст на ступеньках


Шаг 14


Создайте новый слой над растрированным слоем с обоими словами. Инструментом Перо (Pen Tool) поправьте края, чтобы не было острых выступов.

Текст на ступеньках

Текст на ступеньках


Шаг 15


Создайте новый слой и выделите самую верхнюю секцию, включающую в себя верхушку слова PHOTO.

Текст на ступеньках


Выберите инструмент Градиент (Gradient Tool) и настройте его так%

Текст на ступеньках


Протяните градиент в пределах выделенной области снизу вверх.

Текст на ступеньках


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

Шаг 16


Выделите все градиентные заливки верхних участков ступенек (тёмная часть).

Текст на ступеньках


Объедините их в один слой (Ctrl + E).

Текст на ступеньках


Сделайте то же самое для фронтальных частей букв. Назовите полученный слой «Front Shadows», а слой с тёмными участками – «Top Shadows».

Текст на ступеньках


Оба слоя поместите в группу (Ctrl + G) и назовите её «Shadows».

Текст на ступеньках


Шаг 17


Вставьте гранжевую текстуру в наш документ.

Текст на ступеньках


Установите её режим наложения на Перекрытие (Blending Mode – Overlay) и уменьшите непрозрачность до 35-40%.

Текст на ступеньках


Шаг 18


К слою «Top Shadows» добавьте маску.

Текст на ступеньках


Выберите кисть с малой непрозрачностью.

Текст на ступеньках


Удалите тень в каждом правом углу, как показано на скриншоте.

Текст на ступеньках


Шаг 19


Выберите инструмент Градиент (Gradient Tool):

Текст на ступеньках


Создайте новый слой над слоем «Front Shadow» и протяните заливку от правого края слова к левому. Уменьшите непрозрачность слоя до 60%.

Текст на ступеньках


Шаг 20


Создайте новый слой над слоем текстуры и выделите оба слова (Ctrl + Click).

Текст на ступеньках


Залейте выделение чёрным цветом и установите режим наложения Перекрытие (Blending Mode – Overlay), уменьшите непрозрачность до 25-30%.

Текст на ступеньках


Шаг 21


Создайте ещё один слой и залейте его чёрным цветом. Уменьшите непрозрачность слоя до 50%.

Текст на ступеньках


Выделите слой «Top SHadows» (Ctrl + Click).

Текст на ступеньках


Инвертируйте выделение и к слою с чёрной заливкой добавьте маску.

Текст на ступеньках


Поместите слой с чёрной заливкой в группу (Ctrl + G).

Текст на ступеньках


Шаг 22


К группе добавьте маску.

Текст на ступеньках


Выберите инструмент Градиент (Gradient Tool):

Текст на ступеньках


Протяните градиент из центра слова.

Текст на ступеньках


Шаг 23


К слою «Front Shadows» добавьте маску.

Текст на ступеньках


Выберите инструмент Градиент (Gradient Tool):

Текст на ступеньках


Протяните градиент из правого нижнего угла, как показано на скриншоте.

Текст на ступеньках


Шаг 24


Выберите слой с обоими словами и создайте его копию (Ctrl + J). Поднимите слой над группой «Shadows» и установите для него режим наложения Перекрытие (Blending Mode – Overlay).

Текст на ступеньках


Добавьте маску и выберите инструмент Градиент (Gradient Tool):

Текст на ступеньках


Протяните градиент из верхнего левого угла к правому нижнему.

Текст на ступеньках


Шаг 25


Выделите оба слова и перейдите на слой с текстурой.

Текст на ступеньках


Добавьте маску к слою текстуры.

Текст на ступеньках


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

Текст на ступеньках


Удалите маску.

Текст на ступеньках


Уменьшите непрозрачность текстуры до 55-60%.

Текст на ступеньках


Шаг 26


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

Текст на ступеньках


Активируйте режим перспективы.

Текст на ступеньках


Расположите подзаголовок под ступеньками.

Текст на ступеньках


К нижней строчке текста примените следующие стили:

Наложение градиента (Layer Style – Gradient Overlay):

Текст на ступеньках


Наложение цвета (Layer Style – Color Overlay):

Текст на ступеньках


Шаг 27


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

Текст на ступеньках


Уменьшите непрозрачность нижней текстуры до 50%.

Текст на ступеньках


Шаг 28


На этом мы заканчиваем работу! Сохраните свой PSD файл. Дополнительно можете добавить любые элементы на свою работу.

Текст на ступеньках


Мы будем рады, если Вы поделитесь своими результатами с Вашими друзьями и оставите отзывы ниже, в секции комментариев. Мы также всегда готовы помочь Вам разобраться в уроке и ответить на все Ваши вопросы.


Ссылка на источник урока

написал : almaz

Как сделать такое фото?

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: