Рубрика: Photoshop Уроки | Урок прочитали: 478
 (голосов: 0)

Создаём гламурный постер в винтажном стиле в Фотошоп

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

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

Ресурсы, которые использовались в уроке

Библиотека кистей: Line Brushes (by QBrushes)
Стоковое фото: Pure sexy (by Daniel Sroga)
Стоковое фото: Capodimonte Deep Field (by ESO)
Шрифт: Franchise (by Derek Weathersbee)
Текстура: Old paper texture 1 (by MaX Triet)

Шаг 1: Создание нового документа в Photoshop
Откройте Photoshop и создайте новый документ (Ctrl/Cmd + N) нужного размера (мой 800×1200px), после этого залейте фоновый слой (Background) темно-серым цветом (#181a1c).

Шаг 2: Создание корректирующего слоя Карта градиента
Идем в Слой>Новый корректирующий слой>Карта градиента (Layer>New Adjustment Layer>Gradient Map). Установите этому слою режим наложения (blending mode) Перекрытие (Overlay) и непрозрачность (opacity) 50%.

Шаг 3: Создание световых пятен
Создайте новый слой прямо над фоновым (Background) (но ниже корректирующего слоя Карта градиента (Gradient Map), который мы создали в предыдущем шаге). Далее используйте большую мягкую Кисть (Brush) (B), чтоб нарисовать два голубых пятна (#4857a7 – Нажим (Flow) 50%) и два темно-серых (#3d3d3d – Нажим  80%).

Создайте два новых слоя – один над предыдущим слоем, второй под ним – и нарисуйте мягкие белые свечения вокруг, играясь с Нажимом (Flow), чтоб получить желаемый результат.
Как вы можете видеть ниже, корректирующий слой Карта градиента (Gradient Map) делает остальную работу за нас.

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

Инструментом Эллипс (Ellipse Tool) (U) нарисуйте круги, расположив их в хаотическом порядке. Каждый круг должен быть нарисован на своем отдельном слое. Как обычно, поэкспериментируйте с порядком слоев.

Прим. переводчика: чтоб круги получались ровными, рисуйте их с зажатой клавишей Shift.

Стоя на слое с кругом, идите в Фильтр>Размытие>Размытие по Гауссу (Filter>Blur>Gaussian Blur). То же самое проделайте и с остальными кругами, используя разный радиус фильтра Размытие по Гауссу (Gaussian Blur).

Шаг 4: Создание абстрактного элемента дизайна
Нарисуйте один маленький зеленый (#69aa67) круг инструментом Эллипс (Ellipse Tool) (U).

Находясь на слое с кругом, нажмите Ctrl+Alt+T (Cmd+Option+T), вы получите дубликат круга. Переместите его немного вправо.

Дублируйте круг опять, нажав Ctrl+Shift+Alt+T (Cmd+Shift+Option+T). Делайте это, пока вы не получите результат, как на изображении ниже.

Два раза кликните по слою, чтоб вызвать Стили слоя (Layer Style). Добавьте стиль слоя Перекрытие Градиентом (Gradient Overlay).

Используйте фильтр Размытие по Гауссу – Фильтр>Размытие>Размытие по Гауссу (Filter>Blur>Gaussian Blur) с радиусом 2 пикселя.

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

Дублируйте этот слой (Ctrl/Cmd+J), примените фильтр Размытие по поверхности – Фильтр>Размытие>Размытие в движении (Filter>Blur>Motion Blur) слою с дубликатом.

Этому слою тоже установите непрозрачность 27%.

Шаг 5: Создание ряда точек и полосок
Создайте два длинных ряда точек (зеленым цветом #69aa67), используя метод, объясненный  в предыдущем шаге. Немного наклоните их при помощи Свободной трансформации (Ctrl/Cmd+T).

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

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

Идем в Редактирование>Трансформация>Наклон (Edit>Transform>Skew), наклоняем средние точки фигуры, удерживая Ctrl/Cmd. Это превратит кружочки в полоски.

Идем в Фильтр>Размытие>Размытие в движении (Filter>Blur>Motion Blur), используем настройки, показанные ниже.

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

Загрузите и установите библиотеку кистей Line Brushes. Кистью (Brush) (B) красного цвета (#5b1414) нарисуйте одну фигуру (я выбрал line-brush36.eps).

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

Установите режим наложения Экран (Screen).
Фон для нашей работы готов.

Шаг 6: Размещение главного объекта в постер
Загрузите и откройте изображение Pure sexy в Фотошоп. Отделите девушку от фона, используя Перо (Pen tool) (P), поместите ее
в нашу работу.

Шаг 7: Создание космических очков
Загрузите фото Capodimonte Deep Field, поместите его в нашу работу, сделайте меньше, используя Свободную трансформацию. Установите режим наложения Экран (Screen).

Инструментом Перо (Pen tool) создайте контур вокруг стекол очков, кликните правой кнопкой мыши по контуру и выберите со всплывающего меню Создать выделение (Make selection).

Идем в Слой>Маска слоя>Показать выделенную область (Layer > Layer Mask > Reveal Selection).

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

Вызовите Цвет/Насыщенность (Hue/Saturation) -Изображение>Коррекция>Цвет/Насыщенность (Image>Adjustments>Hue/Saturation).

Инструментом Перо (Pen tool) опять создайте контур вокруг стекол очков, создав маску слоя.

Режим наложения слою установите Экран (Screen).

Шаг 8: Создание тени
Создайте новый слой прямо под слоем с девушкой. Ctrl+Клик (Cmd+Клик) по миниатюре слоя с девушкой в панели слоев, чтоб загрузить выделение, далее кликните по новому слою под девушкой, чтоб активировать его. На этом слое залейте выделение темным фиолетовым цветом
(#21172a).

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

Шаг 9: Добавление текста
Пришло время добавить текст к нашему постеру. Загрузите и установите (конечно, если у вас его еще нет) шрифт Franchise font. При помощи инструмента Текст (Horizontal Type Tool) (Т) добавьте текст к постеру. Слой с текстом разместите прямо над слоем с тенью.

Ctrl+Клик (Cmd+Клик) по миниатюре текстового слоя, чтоб загрузить выделение вокруг текста. Создайте новый слой под слоем с текстом, залейте на нем выделение черным (#000000).
Снимите выделение (Ctrl+D/Cmd+D), инструментом Перемещение (Move Tool) (V) переместите тень вправо и вниз на несколько пикселей.

Опять Ctrl+Клик (Cmd+Клик) по миниатюре текстового слоя, чтоб загрузить выделение вокруг текста. Далее идем в Выделение>Модификация>Расширить  (Select>Modify>Expand) и расширяем выделение на 1 пиксель.

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

Слою с текстом установите режим наложения Мягкий Свет (Soft Light).

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

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

Шаг 10: Создание границ постера
Нажмите Ctrl+A (Cmd+A), чтоб выделить все изображение. Создайте новый слой над слоем с картой градиента. Идем в Редактирование>Обводка (Edit>Stroke), чтоб создать обводку в 20 пикселей бледно-желтого цвета (#fdf1ac).

Измените режим наложения слою с границей на Мягкий Свет (Soft Light).

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

Шаг 11: Добавление текстуры
Загрузите текстуру Old paper texture 1 в наше изображение. При помощи Свободной трансформации (Ctrl+T) скорректируйте размер текстуры, чтоб она подходила к изображению.

Дублируйте слой с текстурой, пока скройте видимость дубликату.
В палитре слоев кликтине на видимый слой с текстурой, активировав его, затем обесцветьте (Ctrl+Shift+U/Cmd+Shift+U).

Идем в Изображение>Коррекция>Карта градиента (Image>Adjustment>Gradient Map), используем настройки, как на скрине ниже.

Вызываем Кривые – Изображение>Коррекция>Кривые (Image>Adjustments>Curves).

Установите слою режим наложения Экран (Screen) и непрозрачность 50%.

Сделайте видимым слой с текстурой, который мы скрыли, обесцветьте его, опять используйте Карту градиента - Изображение>Коррекция>Карта градиента (Image>Adjustment>Gradient Map).

Идём в Изображение>Коррекция>Кривые (Image>Adjustments>Curves).

Этому слою установите режим наложения Умножение (Multiply) и понизьте непрозрачность до 20%.

В качестве финального штриха вы можете добавить название своего бренда на постер.

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

Загрузить PSD-файл
glamorous_vintage-style_poster (ZIP, 20.1 MB)

Автор: Nikola Lazarevic
Переводчик: Мирошниченко Валерия
Ссылка на источник

           

Похожие файлы и публикации:

Создаём гламурный постер в винтажном стиле в Фотошоп
В этом уроке мы рассмотрим создание сцены восхода солнца на обычном изображении в Фотошоп при помощи различных фильтров.
Создаём гламурный постер в винтажном стиле в Фотошоп
В этом уроке с помощью комбинирования фотографий и различных эффектов мы создадим невероятный постаревший футуристический постер. Следуя шаг за шагом, вы узнаете, как создать картину из разных элементов.
Создаём гламурный постер в винтажном стиле в Фотошоп
Детали урока: Программа: Adobe Photoshop CS2+ Сложность: Легкая Примерное время исполнения: 20 минут Финальный результат:
Создаём гламурный постер в винтажном стиле в Фотошоп
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
Создаём гламурный постер в винтажном стиле в Фотошоп
Юрий Алексеевич Гагарин, советский летчик-космонавт, был первым человеком, совершившим полет в космос, его корабль Восток сделал один оборот вокруг Земли 12 апреля 1961 года. В этом уроке Photoshop вы узнаете, как шаг за шагом создать впечатляющий постер в стиле ретро, посвященный полету Юрия Гагарина. Мы будем комбинировать различные стоковые изображения, текстуры и кисти, использовать разные режимы наложения и фильтры для создания этого постера. Если вы готовы начать, то приступим!
Создаём гламурный постер в винтажном стиле в Фотошоп
Финальный результат. Что у нас выйдет в конце урока:
Создаём гламурный постер в винтажном стиле в Фотошоп
Постеры фильмов – хорошие источники вдохновения для дизайнеров. В этом уроке я расскажу, как воссоздать логотип фильма Пираты Карибского моря.
Создаём гламурный постер в винтажном стиле в Фотошоп
Сегодня будем рисовать джинсовый карман, вот итоговый результат урока
Создаём гламурный постер в винтажном стиле в Фотошоп
Этот урок по Фотошопу покажет вам, как сделать дизайн сайта или портфолио.
Создаём гламурный постер в винтажном стиле в Фотошоп
В этом уроке мы создадим фантастическую сцену: наша картина оживёт
Создаём гламурный постер в винтажном стиле в Фотошоп
В этом уроке показан процесс создания винтажного постера, посвящённого зимним олимпийским играм. Мы совместим несколько изображений и воспользуемся дополнительными текстурами и кистями, чтобы добиться нужного эффекта на бумаге.
Создаём гламурный постер в винтажном стиле в Фотошоп
В этом уроке мы создадим голографическое изображение девушки, похожей на персонаж фильма Звёздные войны, принцессу Лею.
Создаём гламурный постер в винтажном стиле в Фотошоп
Нам понадобятся для урока такие материалы: Пальмовый лист Шрифт
Создаём гламурный постер в винтажном стиле в Фотошоп
Шаг 1. Откроем изображение, я буду использовать эту картинку, так как она подходит для моей работы:
Создаём гламурный постер в винтажном стиле в Фотошоп
Программа Photoshop – фантастическая программа, с помощью которой можно обрабатывать не только фотографии, но и создать реальные объекты. В сегодняшнем уроке, мы продемонстрируем, как создать изображение реалистичного ножа похожего на фотографию в программе Photoshop, используя векторные инструменты для рисования, стили слоя, текстуры, и эффекты.
Создаём гламурный постер в винтажном стиле в Фотошоп
В этом уроке мы превратим дневную фотографию озера в красивую ночную картину.
Создаём гламурный постер в винтажном стиле в Фотошоп
Шаг 2. Создайте новый слой и назовите его “camera2”. Выделите содержимое слоя “camera1” (CTRL + клик по миниатюре слоя). Выполните команду “Select > Modify > Contract” (Выделение > Модификация > Сжать). Установите сжатие в 7 пикселей. Залейте выделение цветом.
Создаём гламурный постер в винтажном стиле в Фотошоп
Сегодня я покажу вам один способ создания песчаных дюн в Фотошопе. Ничего тяжелого, всего в несколько простых шагов вы получите интересную текстуру. Давайте начнем!
Создаём гламурный постер в винтажном стиле в Фотошоп
Создать новый документ размерами, например, 800 × 600 px. Скачайте изображение с ночным городом. Откройте изображение и перетащите его в свой рабочий документ. Переименуйте этот слой в "Огни большого города".