Сегодня вы узнаете, как создать дизайн стильного постера с цветами спектра. Творческий процесс потребует знаний основ Фотошопа, поэтому урок подходит для начинающих пользователей программы. Итак, приступаем!

Предварительный просмотр финального результата:

Шаг 1.

Создаем новый документ (Ctrl+N) любого размера. Устанавливаем цвет переднего плана (Foreground) на серый (клик пипеткой по образцу 50% серого в палитре «Swatches») и инструментом Заливка (Paint Bucket Tool) заполняем фоновый слой. Это придаст мягкости нашей будущей композиции в отличие от яркого белого цвета.

Шаг 2.

Создаем новый слой (Ctrl+Shift+N) и выбираем инструмент Градиент (Gradient tool) с конусовидным стилем. В верхнем меню открываем редактор градиентов (клик по цветовой шкале) и выбираем из набора программы градиент «Спектр» (радужный).

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

Шаг 3.

Далее, выбираем инструмент Овальное выделение (Ellipse Marquee Tool) и, удерживая клавишу Shift (для создания именно круга, а не овала), создаем круглое выделение вокруг центра градиента.

Шаг 4.

Нажимаем пр.кн.мыши по выделению и выбираем из меню – Вырезать на новый слой (Layer via cut). Теперь ваш выделенный круг находится на отдельном слое, а на градиентном слое осталось лишь отверстие от него. Повторите процесс создания кругов разного размера на слое с градиентом и вырежьте их на отдельные слои.

Шаг 5.

У вас должно получиться что-то вроде изображения выше. Вы можете создать любое количество вырезов и кругов. Теперь удаляем слой с градиентом (перетяните его на иконку корзины внизу панели слоев или нажмите клавишу Delete) и распределяем слои с кругами по холсту в произвольном порядке. Если ваши круги будут различными по размеру, это сделает будущую композицию более интересной и динамичной.

Шаг 6.

Теперь из имеющихся кругов мы будем формировать разные элементы дизайна. Выбираем инструмент Овальное выделение (Ellipse Marquee Tool) и на новом слое (Ctrl+Shift+N) создаем небольшую окружность. Заполняем ее (Edit-Fill или Shift+F5) белым цветом (#ffffff). Создаем по центру белого круга узкое прямоугольное выделение инструментом Rectangle Marquee tool и удаляем (Delete или Backspace) выделенную полосу. Снимаем выделение (Ctrl+D). Теперь, применив Трансформирование (Edit-Transform или Ctrl+T), немного поворачиваем белый круг вправо. Повторите процесс разрезания и поворота для других кругов плаката.

Шаг 7.

Другой интересный вариант кругового дизайна – это обводка или кольцо. В Фотошоп есть бесчисленное множество приемов для создания таких окружностей. Расскажу, как это делаю я. Создаем новый слой (Ctrl+Shift+N) и снова выбираем инструмент Овальное выделение (Ellipse Marquee Tool). Создаем круглое выделение (удерживая Shift) большого размера, затем нажимаем пр.кн.мыши по нему и выбираем – Выполнить обводку (Stroke).

Устанавливаем в диалоговом окне опции ширину обводки (у меня 20 рх) и выбираем ее цвет (белый в данном случае). Нажимаем Ок. Также, как и в предыдущем шаге, вы можете разрезать этот круг пополам и повернуть его в любом направлении (Ctrl+T).

Шаг 8.

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

Выбираем Кисть (Brush tool) с жесткими краями и маленького размера (от 2 до 20 рх). Белым цветом рисуем множество кругов по всему документу. Не переборщите, иначе получите дешевый эффект разбрызгивания вместо усиления динамики композиции.

Шаг 9.

Теперь, чтобы объединить фигуры вместе, я создал несколько угловых векторов, что придаст плакату дополнительный размер. Выбираем инструмент Перо (Pen Tool) в режиме слой-фигуры (в верхнем меню иконка рамки) и белым цветом рисуем две произвольные многоугольные фигуры, объединяющих круги на плакате. Возможно, вам придется сделать несколько попыток, прежде чем вы будете удовлетворены результатом. Нарисовав фигуру или фигуры, снизьте непрозрачность (Opacity) слоев с ними, что придаст фигуре стеклянный, футуристический вид.

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

Шаг 10.

Чтобы элементы композиции представляли собой единую иллюстрацию, я добавил в нее еще немного форм. На этот раз это линии и квадраты. Начнем с линий. Выбираем инструмент Линия (Line tool) и в верхнем меню задаем ее толщину. Создаем новый слой (Ctrl+Shift+N) и рисуем линию любого цвета. Вы можете менять толщину линий и делать вырезы на них, используя инструмент Прямоугольное выделение (Rectangular Marquee Tool) с клавишей Delete.

Также, я добавил квадрат по центру. Вы можете его легко создать, используя инструмент Rectangular Marquee Tool с зажатой клавишей Shift (для создания квадрата, а не прямоугольника). После создания квадратного выделения, нажимаем пр.кн.мыши по нему и выбираем пункт- Выполнить обводку (Stroke). Устанавливаем ширину и цвет обводки по желанию, но в строке Расположение (Location) активируем пункт «снаружи» (Outside). Нажимаем Ок.

Чтобы добавить спектральный градиент в квадрат, создаем новый слой (Ctrl+Shift+N) и, не снимая выделения, выбираем инструмент Градиент (Gradient) с угловым стилем и цветом спектра. Протягиваем градиент от центра квадрата к его краям. Снимаем выделение (Ctrl+D).

Шаг 11.

Чтобы элементы композиции сочетались между собой в одной цветовой гамме, я использовал один очень интересный трюк, который в данном случае работает лучше, чем коррекция «Цветовой баланс» (Color Balance). Создаем новый слой (Ctrl+Shift+N) и выбираем снова угловой (angular) градиент со спектром цветом, как и ранее. Его центр устанавливаем ближе к верхнему левому углу холста и протягиваем за пределы документа. Изменяем режим смешивания этого слоя на Мягкий свет (Soft Light). Этот прием придает нежный отлив цветам и делает иллюстрацию более красивой.

Шаг 12.

В качестве последнего штриха, я добавил текст на плакат, чтобы сфокусировать взгляд на иллюстрации и объединить все ее элементы вместе. Активируем инструмент Текст (Type tool) и создаем новый слой (Ctrl+Shift+N). В верхнем меню выбираем любой жирный печатный шрифт. Я использовал платный шрифт «Helvetica bold» (http://www.fonts.com/findfonts/detail.htm?productid=45338). Пишем любое слово на холсте. По окончании написания нажимаем галочку (Commit) в верхнем меню. Редактировать написанное вы можете при помощи панели «Символ» (Window-Character), устанавливая свои настройки текста.

Чтобы добавить тексту цвета спектра, сначала растрируйте его (клик пр.кн.мыши по миниатюре текстового слоя и выбираем – Rasterize Type (Растрировать текст)). Теперь, загрузив выделение слоя с ним (Ctrl+клик по иконке этого слоя), проведите угловой градиент «Спектр» внутри выделения. Снимаем выделение (Ctrl+D).

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

Думаю, мои приемы дизайна вам понравились. Они достаточно просты в исполнении, не требуют обширных знаний Фотошоп и выглядят впечатляюще. Желаю успехов в творчестве и до встречи!