Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Геометрический эффект для текста в Adobe Photoshop

28 января 2016 | Опубликовано в Уроки | Нет комментариев »

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

 

 


Шаг 1

Создайте новый документ размером 1400px * 720px с фоном светло-серого цвета. Круглой растушеванной кистью нарисуйте мягкое, еле заметное пятно в центре документа:

В нашем примере мы будем рисовать слово "METRO". Начнем с буквы “M”.

Возьмите инструмент Rectangle/Прямоугольник:

1 rect

В панели настроек укажите ему следующие параметры:

1 rect set

Нарисуйте прямоугольник как показано ниже:

1 rect done

При помощи инструмента Free Transform/Свободная трансформация  исказите (distort) прямоугольник, потянув нижний правый угол к центру:

1 distort

Вот какая фигура должна у вас получиться:

1 after dis

Дублируйте фигуру и отразите ее по горизонтали, чтобы получить следующую фигуру:

1 flip

Возьмите инструмент Polygon/Многоугольник:

1 poly

Укажите ему следующие параметры:

1 poly set

Нарисуйте треугольник как показано ниже:

1 after poly

Нарисуйте узкий прямоугольник розового цвета и расположите его как показано ниже:

1 pink

Шаг 2

Теперь приступим к букве “E”. Вновь нарисуйте прямоугольник как показано ниже:

Используя тот же инструмент Rectangle/Прямоугольник нарисуйте два розовых прямоугольника и поместите их как показано на картинке:

2 rect 2

Нарисуйте еще один узкий прямоугольник розового цвета и расположите его сверху:

2 rect 3

Шаг 3

Рисуем букву “T”. Начнем с прямоугольника:

3 rect 1

Затем нарисуем еще один вертикально:

3 rect 2

Теперь нарисуйте светло-серый треугольник и расположите его под буквой T:

3 tri

Шаг 4

Следующая буква “R”. Нарисуйте прямоугольник серого цвета:

Дублируйте его и при помощи опции Skew/Наклон инструмента Free Tranform/Свободное трансформирование придайте прямоугольнику следующую форму:

4 rect 2

Нарисуйте розовый круг, чтобы завершить букву “R”. Для этого используйте инструмент Ellipse/Эллипс:

4 cir tool

4 cir

Шаг 5

Наша последняя буква — “O”. Нарисуйте круг черного цвета, как показано ниже:

5 cir

Внутри черного круга нарисуйте один поменьше розового цвета:

5 cir 2

Шаг 6

Придадим работе завершенный вид при помощи брызг и мазков. Создайте новый слой под текстом и над фоном. Скачайте кисти Grunge Photoshop Brushes, и используя те кисти, что вам понравятся, нарисуйте под текстом узор примерно как показано ниже:

Сгруппируйте все объекты, составляющие текст, поместив их в папку. Теперь создайте новый слой и сделайте его обтравочным для папки с текстом:

6 clip

Нарисуйте еще немного мазков и брызг, как показано ниже:

Шаг 7

Это последний шаг, и он опционален.

Вы можете добавить фильтр liquify/пластика для вашего текста. Для этого объедините изображение и дублируйте фоновый слой. В меню выберите Filter > Liquify/Фильтр>Пластика, и используйте инструмент Twirl Clockwise/Скручивание по часовой стрелке:

7 liq

Укажите ему следующие параметры:

7 liq set

Примените инструмент в указанных ниже областях:

Завершите вашу работу, подкорректировав цвета при помощи корректирующий слоев на ваш вкус.

Автор урока James Qu

Перевод — Дежурка

Смотрите также:




Оставить ответ


семь + 4 =

Вставить изображение