Создаем гламурную обложку для журнала в винтажном стиле в фотошопе

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

Итоговый вариант

Материалы для урока

• Кисти: Line Brushes (автор QBrushes)
• Фотография: Pure sexy (автор Daniel Sroga)
• Фотография: Capodimonte Deep Field (автор ESO)
• Шрифт: Franchise (автор Derek Weathersbee)
• Текстура: Старая бумага (автор MaX Triet)

Шаг 1: Создание нового документа в Photoshop

Откройте Photoshop и создайте новый документ (Ctrl + N) с нужным размером холста (800 × 1200px),  затем залейте фоновый слой темно-серым цветом (#181a1c).

Шаг 2: Добавление корректирующего слоя Карта градиента

Перейдите в меню Слой > Новый корректирующий слой > Карта градиента. Установите режим смешивания нового слоя на Перекрытиеи Непрозначность на 50%

Шаг 3: Создание световых пятен

Создайте новый слой над фоновым слоем (но ниже слоя Карта градиента, который мы создали на предыдущем шаге). Затем с помощью инструмента Кисть (B) большого размера создайте два синих пятна (#4857a7,  жёсткость 50%) и два темно-серых (#3d3d3d,  жёсткость80%).

Создайте два новых слоя - один выше, а другой под предыдущим слоем, нарисуйте на них мягкой кистью белые круги (поиграйте с Жёсткостью, чтобы получить нужный результат).

Как вы можете видеть ниже, корректирующий слой Карта градиента делает остальную работу.

Попробуйте использовать другие цвета (например, #c9f7c8 и #691167) и поиграйте Жёсткостью и порядком слоев до тех пор, пока не будете удовлетворены полученным результатом.

С помощью инструмента Элипс (U), нарисуйте круги в случайных местах, для каждого круга создайте новый слой. Поэкспериментируйте с порядком слоев.

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

Шаг 4: Создание абстрактного элемента дизайна

На новом слое с помощью инструмента Эллипс (U) нарисуйте один маленький зеленый круг (# 69aa67).

Выберите круг, нажмите комбинацию клавиш Ctrl + Alt + T, и переместите его вправо, чтобы скопировать его.

Скопируйте круг ещё раз, нажав комбинацию клавиш Ctrl + Alt + T. Повторите эту процедуру до тех пор, пока  не получится нечто, похожее на изображение ниже.

Дважды щелкните на слое, чтобы открыть диалоговое окно Стиль слоя, в параметрах наложения выберите режим наложения – Перекрытие.

Примените фильтр Размытие по Гауссу (Фильтр > Размытие > Размытие по Гауссу) с значением радиуса в 2 пикселя.

Переместите абстрактную форму немного вниз, а затем настройте её перспективу используя Свободное трансформирование (Ctrl + T). После этого установите непрозрачность слоя в 27%.

Дублируйте этот слой (Ctrl + J), а затем на дубликат слоя примените фильтр Размытие в движении (Фильтр > Размытие > Размытие в движении).

Установите непрозрачность слоя в 27%.

Шаг 5: Создание двух полос из кругов

Создайте два длинных ряда кругов (цвет заливки выберите зеленый, #69aa67), используя метод, описанный в предыдущем шаге. Измените немного угол наклона с помощью Свободной трансформации.

Примените к слою фильтр Размытие по Гауссу с радиусом в 4 пикселя.

Затем создайте ещё один ряд из кругов (цвет для заливки: #8bd7f1), измените угол наклона с помощью Свободной трансформации.

Перейти в меню Редактирование > Трансформация > Наклон и удерживая Ctrl наклоните круги как показано на рисунке.

Перейти в Фильтр > Размытие > Размытие в движении и используйте настройки, показанные на изображении ниже.

Дублируйте слой, переместите дубликат немного выше.  Дважды щелкните по слою, чтобы открыть диалоговое окно Стиль слоя, выберите пункт Наложение цвета и установите значение цвета - #d5f2cd. После этого уменьшите непрозрачность слоя до 50%.

Скачайте и установите в Photoshop кисть в виде линии. На панели инструментов Выберите инструмент Кисть (B) и выберите одну кисть из библиотеки (я использовал линию brush36.eps ), установите цвет на красный (#5b1414), создайте новый слой, примените на нём кисть один раз.

В стиле слоя Установите Режим наложения на Экран .

Фон для нашего постера готов.

Шаг 6: Девушка для постера

Загрузите  фото девушки и откройте его  в Photoshop. Используя инструмент Перо (P) выделите девушку и поместите ее в наш проект.

Шаг 7: Создание отражения звёзд в очках

Скачайте фотографию звёздного неба, откройте её в в Photoshop и поместите в наш постер. С помощью Свободной трансформации уменьшите масштаб.  В стиле слоя Установите Режим наложения на Экран.

Выберите инструмент  Перо (P), пройдите им по краям линз очков девушке, щелкните правой кнопкой мыши внутри выделения и  в контекстном меню выберите Образовать выделенную область.

Перейти в меню Слой > Слой-маска > Показать всё.

Еще раз перенесите звёздное небо в наш проект, отмасштабируйте изображение, используя Свободную трансформацию (Ctrl + T), а затем переместите его немного вниз используя инструмент Перемещение (V).

Отрегулируйте Стиль (Изображение > Коррекция > Цветовой тон/Насыщенность).

Ещё раз сделайте трассировку вокруг линз солнцезащитных очков используя инструмент Перо и создайте маску слоя.

Измените Стиля слоя на Экран.

Шаг 8: Создание тени

Создайте новый слой под слоем с девушкой, далее нажмите Ctrl-click на иконке слоя с девушкой в панели слоев, чтобы создать выделение вокруг нее, нажмите на новый слой под слоем с девушкой, чтобы сделать его активным, а затем залейте выделение темно-фиолетовым цветом ( #21172a).

Примените фильтр Размытие по Гауссу на слой с радиусом в 10px. Используя инструмент Перемещение (V) сдвиньте тень немного вниз и вправо. Затем измените режим наложения слоя на Умножениеи установите непрозрачность до 70%.

Шаг 9: Добавление текста

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

Нажмите Ctrl-click по иконке текстового слоя, чтобы сделать выделение вокруг текста, создайте новый слой ниже слоя с текстом и залейте выделение на новом слое черным цветом (#000000).

Снимите выделение (Ctrl + D), а затем, используя инструмент Перемещение (V), переместите слой вправо и вниз на несколько пикселей.

Ещё раз нажмите Ctrl-click по иконке текстового слоя, чтобы его выделить, затем перейдите в меню Выделение > Модификация > Расширить  и расширьте его на 1 пиксель.

Нажмите  Backspace, чтобы удалить выделенную область.

Выберите слой с текстом и измените режим наложения на Мягкий свет.

Используя тот же шрифт, добавьте еще одну строку текста и установите режим наложения слоя на Мягкий свет.

Дублируйте слой с текстом (Ctrl + J), измените режим наложения дублированного слоя на Перекрытиеи установите непрозрачность слоя в 30%.

Шаг 10: Создание границы постера

Нажмите Ctrl + А что бы сделать выделение вокруг холста. Создайте новый слой над слоем с Картой градиента, который мы добавили ранее в этом уроке. Перейдите в меню в Слой > Стиль слоя > Обводка, чтобы создать обводку в 20 пикселей и желтого цвета (#fdf1ac).

Измените режим наложения в стиле слоя для Обводки на Мягкий свет.

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

Тем не менее, мы всё же будем двигаться дальше и добавим на постер некоторые текстуры, которые придадут ему законченный вид (последний шаг).

Шаг 11: Добавление текстуры старой бумаги

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

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

В панели слоев, щелкните на видимый слой с текстурой, чтобы сделать его активным, и нажмите  комбинацию клавиш Ctrl + Shift + U что бы его обесцветить.

Перейдите в меню Изображение > Коррекция > Карта градиента и укажите параметры,  показанные на изображении ниже.

Перейдите в меню Изображение> Коррекция> Кривые, и укажите параметры,  показанные на изображении ниже.

Примените к слою  режим наложения -  Экран и установите непрозрачность в 50%.

Сделайте видимой текстуру, которую мы спрятали в начале этого шага, обесцветьте ее и сделайте коррекцию изображения с помощью Карты градиента  (Изображение > Коррекция > Карта градиента).

Перейдите в Изображение> Коррекция> Кривые и установите параметры как на картинке ниже.

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

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

Краткое резюме уркоа

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

Автор урока: Nikola Lazarevic
Переводчик урока: Ирина Шипилова
Ссылка на источник

На этом все урок закончен, до встречи в новых уроках на сайте.