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

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

Рисуем постер в Adobe Photoshop

3 апреля 2014 | Опубликовано в Уроки | 5 Комментариев »

Этот урок о том как, используя несколько простых техник, создать замечательный постер. Мы будем работать со слоями, масками, кистями и текстурами. Надеемся, урок окажется для вас полезным и вы почерпнете несколько интересных приемов.

 

 

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

How to Make a Style Poster in Adobe Photoshop CS5

Создайте новый документ в Adobe Photoshop CS5 размером  1200px на 1500px (RGB режим) и разрешения в 72 pixels/inch.

Кликните иконку Add a layer style/Добавить стиль слоя в палитре Layers/Слои и выберите Gradient Overlay/Перекрытие градиента.

How to Make a Style Poster in Adobe Photoshop CS5

Настройте градиент как показано ниже.

How to Make a Style Poster in Adobe Photoshop CS5

Вот что должно получиться:

How to Make a Style Poster in Adobe Photoshop CS5

Нарисуйте овал как показано ниже инструментом Ellipse/Эллипс(U).

How to Make a Style Poster in Adobe Photoshop CS5

Кликните по иконке Add a layer style/Добавить стиль слоя и выберите Drop Shadow/Тень.

How to Make a Style Poster in Adobe Photoshop CS5

А также Inner Shadow/Внутренняя тень:

How to Make a Style Poster in Adobe Photoshop CS5

И Gradient Overlay/Перекрытие градиента:

How to Make a Style Poster in Adobe Photoshop CS5

Настройте градиент как показано ниже.

How to Make a Style Poster in Adobe Photoshop CS5

Вот что должно получиться:

How to Make a Style Poster in Adobe Photoshop CS5

Инструментом Pen/Перо(P) (выберите режим рисования Shape Layers/Слои фигуры) и нарисуйте спираль как показано ниже. Цвет спирали #4B1F04.

How to Make a Style Poster in Adobe Photoshop CS5

Укажите спирали стиль слоя Gradient Overlay/Перекрытие градиента.

How to Make a Style Poster in Adobe Photoshop CS5

Настройте градиент как показано ниже.

How to Make a Style Poster in Adobe Photoshop CS5

Также Stroke/Обводка:

How to Make a Style Poster in Adobe Photoshop CS5

Результат:

How to Make a Style Poster in Adobe Photoshop CS5

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

How to Make a Style Poster in Adobe Photoshop CS5

Сделайте активным слой со спиралью и нажмите кнопку Add a Mask/Добавить маску. Это спрячет лишние края спирали.

How to Make a Style Poster in Adobe Photoshop CS5

Найдите стоковую гранжевую текстуру серого цвета, типа такой:

How to Make a Style Poster in Adobe Photoshop CS5

Поместите текстуру в документ, в котором мы работаем. Смените Blending mode/Режим наложения на Overlay/Перекрытие.

How to Make a Style Poster in Adobe Photoshop CS5

Теперь нам нужно осветлить часть изображения. Создайте новый слой, возьмите круглую не растушеванную кисть белого цвета (Opacity/Непрозрачность – 50%) и закрасьте области как показано на картинке ниже.

How to Make a Style Poster in Adobe Photoshop CS5

Вот что должно получиться:

How to Make a Style Poster in Adobe Photoshop CS5

Смените Blending mode/Режим наложения слоя на Overlay/Перекрытие.

How to Make a Style Poster in Adobe Photoshop CS5

Найдите стоковое изображение модели, как например вот это фото с Shutterstock. Вы можете выбрать любую другую фотографию на свой вкус.

How to Make a Style Poster in Adobe Photoshop CS5

Удалите ненужный фон вашим любимым способом. Это может быть Pen/Перо(P)Magic Wand/Волшебная палочка(W)Magnetic Lasso/Магнитное лассо (L) или же Filter>Extract/Фильтр>Извлечь. Вырезанную модель поместите в документ.

How to Make a Style Poster in Adobe Photoshop CS5

Укажите слою с моделью стиль слоя Drop Shadow/Тень.

How to Make a Style Poster in Adobe Photoshop CS5

Вот что должно получиться:

How to Make a Style Poster in Adobe Photoshop CS5

Создайте новый слой и кистью Soft Mechanical/Мягкая механическая цвета #150800 проведите по контуру волос модели.

How to Make a Style Poster in Adobe Photoshop CS5

Результат:

How to Make a Style Poster in Adobe Photoshop CS5

Смените Blending mode/Режим наложения для этого слоя на Color/Цвет.

How to Make a Style Poster in Adobe Photoshop CS5

Зажмите Alt/Option и кликните между слоями с моделью и только что созданным. Так вы создадите обтравочную маску.

How to Make a Style Poster in Adobe Photoshop CS5

Вот что получится в итоге:

How to Make a Style Poster in Adobe Photoshop CS5

Создайте новый слой и инструментом Paint Bucket/Заливка (G) залейте слой желтым цветом.

How to Make a Style Poster in Adobe Photoshop CS5

Укажите слою Fill/Заливку в 11% и смените Blending mode/Режим наложения на Hard Mix/Жесткое смешивание.

How to Make a Style Poster in Adobe Photoshop CS5

Удерживая Alt/Option кликните между между слоями, чтобы создать обтравочную маску.

How to Make a Style Poster in Adobe Photoshop CS5

Вот что должно получиться:

How to Make a Style Poster in Adobe Photoshop CS5

Создайте новый слой и кистью Soft Round/Мягкая круглая рисуйте по волосам модели желтым цветом (Opacity/Непрозрачность кисти – 40%).

How to Make a Style Poster in Adobe Photoshop CS5

Вот как это должно выглядеть:

How to Make a Style Poster in Adobe Photoshop CS5

Смените Blending mode/Режим наложения для этого слоя на Vivid Light/Яркий свет.

How to Make a Style Poster in Adobe Photoshop CS5

Добавьте маску нажав на Add layer mask/Добавить слой-маску в палитре Layers/Слои. Теперь нажмите CTRL+I. Выберите большую мягкую круглую кисть белого цвета и просто кликните один раз по голове и волосам модели.

How to Make a Style Poster in Adobe Photoshop CS5

How to Make a Style Poster in Adobe Photoshop CS5

Удерживая Alt/Option кликните между слоями, чтобы создать обтравочную маску.

How to Make a Style Poster in Adobe Photoshop CS5

Вот что должно получиться:

How to Make a Style Poster in Adobe Photoshop CS5

Создайте новый корректирующий слой нажав на иконку Create new fill or adjustment layer в нижней части палитры Layers/Слои. Выберите вариант Curves/Кривые и настройте их как показано на картинке ниже.

How to Make a Style Poster in Adobe Photoshop CS5

Вот что должно получиться:

How to Make a Style Poster in Adobe Photoshop CS5

Найдите еще одну гранж-текстуру серого цвета, типа этой:

How to Make a Style Poster in Adobe Photoshop CS5

… и вставьте ее в документ.

Укажите слою с текстурой маску, нажав на Add layer mask/Добавить слой-маску в нижней части палитры Layers/Слои. Теперь выберите кисть Hard Round/Жесткая кругла черного цвета.

How to Make a Style Poster in Adobe Photoshop CS5

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

How to Make a Style Poster in Adobe Photoshop CS5

Укажите параметр Fill/Заливка для этого слоя в 45% и смените Blending mode/Режим наложения на Divide/Разделение.

How to Make a Style Poster in Adobe Photoshop CS5

Теперь сделаем рамку при помощи инструмента Rectangle/Прямоугольник (U).

How to Make a Style Poster in Adobe Photoshop CS5

Укажите Fill/Заливку в 0% для этого слоя. Также добавьте слою Layer style/Стиль слоя Inner Shadow/Внутреннее свечение.

How to Make a Style Poster in Adobe Photoshop CS5

И Stroke/Обводка:

How to Make a Style Poster in Adobe Photoshop CS5

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

How to Make a Style Poster in Adobe Photoshop CS5

Вот и все.

Вы можете посмотреть картинку в полном размере здесь.

И скачать PSD-файл в слоях.

Автор урока adobetutorialz

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

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




Комментарии

  1. Александр
    Thumb up Thumb down 0

    PSD не скачивается (((

    Mary Ответ:

    Thumb up Thumb down 0

    Спасибо! Исправили. Скачивайте!)

  2. Кирилл
    Thumb up Thumb down +1

    radio.qip.ru/streams/redisco

    ЛЕВЫЙ ВЕРХНИЙ УГОЛ :P

  3. KaraMel17
    Thumb up Thumb down 0

    Где кнопка Add a Mask/Добавить маску? PS CS6, на русском.

    Mary - Dejurka Ответ:

    Thumb up Thumb down 0

    Всегда в нижней части меню Layers/Слои. Она выглядит как белый прямоугольник с черным кружочком внутри.

[an error occurred while processing the directive]


[an error occurred while processing the directive]