Фотошоп

Sunday, July 7, 2013

Ретро-футуристическая картина

Конечный результат:
Ретро-футуристическая картина


Шаг 1: Создание документа
Создайте новый документ с настройками, показанными ниже.
Ретро-футуристическая картина


Шаг 2: Извлекаем девушку
Откройте фотографию с девушкой (можете использовать эту).
Ретро-футуристическая картина


Любым способом извлеките девушку из фона (о методах извлечения можете прочесть здесь).
Ретро-футуристическая картина


Шаг 3: Перетаскивание девушки
Перетащите вырезанное изображение девушки в наш документ, вам нужно будет изменить размер, но будьте осторожны, на девушке не должны быть видны пиксели.
Ретро-футуристическая картина


Шаг 4: Заливка фона
Кликните дважды на фоновом слое, чтобы разблокировать его. Потом примените к нему стиль Наложение цвета (Layer Style - Color Overlay):
Режим – Нормальный, цвет – чёрный
Ретро-футуристическая картина


Шаг 5: Создание узора
Создайте новый документ размером 20х20 пикселей с прозрачным фоном. Создайте новый слой (Create New Layer), нарисуйте узор, показанный ниже. Потом перейдите в меню Редактирование»Определить узор (Edit > Define Pattern).
Ретро-футуристическая картина

Ретро-футуристическая картина


Дайте имя узору и нажмите ОК.
Ретро-футуристическая картина


Можете закрыть документ, если хотите.
Шаг 6: Работа в Illustrator
В Adobe Illustrator откройте файл Circle_Fragments.eps. Вы увидите, чтоб объекты разгруппированы. Это сделано потому, что мы будем добавлять их в Photoshop по отдельности, и для каждой части нужно будет применить отдельные эффекты.
Ретро-футуристическая картина


Выберите самую внешнюю часть кругов и скопируйте её. Вставьте её в Photoshop, на вопрос о том как вставить объект, выберите Смарт-объект. Смарт-объекты можно изменять в размере и терять при этом качества.
Ретро-футуристическая картина

Ретро-футуристическая картина


Таким же образом продолжайте вставлять объекты. Вы должны в итоге получить такой результат:
Ретро-футуристическая картина


Теперь можно закрыть Illustrator.
Шаг 7: Увеличение
Выберите все слои с векторными фигурами в палитре слоёв. Перейдите в режим Свободного трансформирования (Free Transform). Удерживая Alt+Shift, увеличьте фигуру (Shift позволяет нам сохранить пропорции, а Alt – не сдвигать фигуру с середины холста).
Фигура должна быть примерна такая:
Ретро-футуристическая картина


Шаг 8: Добавление узора
Скройте все слои, кроме самого нижнего слоя с векторным объектом. Сделайте выделение этого слоя (Ctrl+Click).
Ретро-футуристическая картина


Создайте новый слой (Create New Layer), перейдите в меню Редактирование»Заливка (Edit > Fill) и в нём выберите созданный узор “X”. Нажмите ОК.
Ретро-футуристическая картина


Шаг 9: Стилизация узора
К слою с узором примените стиль Наложение цвета (Layer Style - Color Overlay): цвет – белый.
Ретро-футуристическая картина


Шаг 10: Ослабление узора
Создайте ещё один слой (Create New Layer), сделайте выделение первого слоя с векторным объектом (Ctrl+Click), новый созданный слой должен активен. Выберите инструмент Градиент (Gradient Tool), стиль – линейный, цвет – от чёрного к прозрачному.
Ретро-футуристическая картина

Ретро-футуристическая картина


Кликните над верхней частью векторной фигуры и протяните градиент вниз (конечная точка немного ниже центра). Потом проделайте то же самое, но для снизу вверх.
Ретро-футуристическая картина


Шаг 11: Внешняя линия в середине узора
Сделайте видимым следующий слой с векторной фигурой. Примените к нему стиль Наложение градиента (Layer Style - Gradient Overlay):
Режим – Нормальный, Стиль – Линейный
Ретро-футуристическая картина



Цвет слева - #0623a2, цвет справа - #85d4f1.
Ретро-футуристическая картина


Также примените стиль Внешнее свечение:
Режим – Осветление, Метод – Мягкий
Ретро-футуристическая картина


Сделайте видимым следующий слой с векторной фигурой.
Ретро-футуристическая картина


Шаг 12: Копирование стилей слоя
Кликните правой кнопкой на слое с наложение градиента (из прошлого шага) и выберите Скопировать стиль слоя (Copy Layer Style).
Ретро-футуристическая картина


Сделайте видимым следующий слой, содержащий 4 фрагмента круга. Кликните на нём правой кнопкой и выберите Вклеить стиль слоя (Paste Layer Style). Нужно изменить немного стили этого слоя. Выключите стиль градиента и включите стиль Наложение цвета: цвет - #85d4f1.
Ретро-футуристическая картина


Шаг 13: Продолжаем со стилями
Теперь сделайте видимым слой с векторной фигурой, содержащий внутренний круг. Примените к нему следующие стили:
Внутренняя тень (Режим – Умножение):
Ретро-футуристическая картина


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный, цвет - #858585-белый-#858585):
Ретро-футуристическая картина

Ретро-футуристическая картина


Шаг 14: Больше неона
Сделайте видимым следующий слой с векторными фигурами, содержащий в себе 2 дуги. Скопируйте на него стили со слоя с 4 фрагментами круга.
Ретро-футуристическая картина


Потом сделайте видимым последний фрагмент векторной фигуры и скопируйте на него те же стили слоя.
Ретро-футуристическая картина


Шаг 15: Почистим палитру слоёв
Мы закончили с объектом из Illustrator. Теперь создайте новую группу (Create New Group):
Ретро-футуристическая картина


Назовите эту группу "Circle Fragments" и поместите все слои круглого объекта в группу.
Ретро-футуристическая картина


Шаг 16: Переходим к фону
Создайте новый слой под группой “Circle Fragments”. Установите цвет заливки - #00082a, выберите инструмент Градиент (Gradient Tool), стиль – радиальный, цвет – от заливки к прозрачному. Из центра холста сделайте заливку наружу, чтобы получить тёмно-синий градиент в центре холста.
Ретро-футуристическая картина


Создайте новый слой над этим слоем с градиентом и установите цвета по умолчанию (D). Примените фильтр Облака (Clouds Filter):
Ретро-футуристическая картина


Потом примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 36 пикселей.
Ретро-футуристическая картина


Режим наложения – Перекрытие (Blending Mode – Overlay):
Ретро-футуристическая картина


Шаг 17: Добавим яркости
Создайте новый слой (Create New Layer) под слоем “Circle Fragments”, но над слоем с облаками.
Сделайте ещё одну радиальную заливку из центра холста цветом от белого к прозрачному.
Ретро-футуристическая картина


В этом же слое примените стиль Волокна (Fibers Filter):
Ретро-футуристическая картина


После, примените фильтр Радиальное размытие (Radial Blur Filter):
Ретро-футуристическая картина

Ретро-футуристическая картина


Шаг 18: Дублирование и наложение
Сделайте 4-5 копий последнего слоя, над которым работали, потом объедините все эти копии в один слой (Ctrl+E). Понизьте Непрозрачность до 50% и установите Режим наложения – Мягкий свет (Blending Mode – Soft Light). Поместите этот слой под слоем с облаками.
Ретро-футуристическая картина


Шаг 19: Добавление пурпуного цвета
Создайте новый слой над группой “Circle Fragments”, установите цвет заливки - #f10fde, выберите инструмент Градиент (Gradient Tool), цвет – от заливки к прозрачному, сделайте радиальную заливку и установите Режим наложения – Цветность (Blending Mode – Color). Расположите эту заливки в любом месте на холсте.
Ретро-футуристическая картина


Сделайте копию слоя и расположите где-нибудь ещё.

Ретро-футуристическая картина


Режим наложения Цветность позволит нам усилить неон в дальнейшем, если мы добавим ещё другие цвета и установим режим наложения Перекрытие.
Сделайте ещё несколько градиентных заливки от белого к прозрачному и расположите их на объекте.
Ретро-футуристическая картина


Шаг 20: Вернёмся к фону
Сделайте копию слоя, находящегося под слоем с облаками (слоя с радиальным размытием). Потом немного поверните эту копию, чтобы усилить эффект.
Ретро-футуристическая картина


В новом слое под группой “Circular Fragments” сделайте заливку линейным градиентом.
Цвета: #d25de5 - #e17ef1 - #94d2e6 - #2b9ec4. Заливка должна начинаться за пределами верхнего левого угла и протягиваться к противоположному.

Ретро-футуристическая картина


Режим наложения этого слоя с градиентом – Яркий свет (Blending Mode – Vivid Light):
Ретро-футуристическая картина


Шаг 21: Изменяем цвета
Я решил изменить цвета. Создайте корректирующий слой Тон/Насыщенность (Hue/Saturation) прямо под слоем с фотографией:
Тон (Hue): -100
В результате цвета изменятся на синий и зелёный. Можете поэкспериментировать с цветами.
Ретро-футуристическая картина


Шаг 22: Затемнение краёв
Создайте новый слой под группой “Circle Fragments” и установите цвет заливки – чёрный. Используя метод градиентной заливки, который мы использовали в предыдущих шагах затемните края изображения. Если получится плохая заливка, то действие можно отменить (Ctrl+Z). Используйте инструмент Свободное трансформирование (Free Transform) для изменения формы заливки.
Ретро-футуристическая картина


Шаг 23: Почистим палитру слоёв
Под группой “Circle Fragments” создайте новую группу (Create New Group) и назовите её “BG”.
Ретро-футуристическая картина


Все слои под этой папкой нужно поместить в неё.
Ретро-футуристическая картина


Создайте ещё одну группу прямо под слоем с девушкой и назовите её “Color Adjustments”. Поместите в неё все остальные слои под группой.
Ретро-футуристическая картина


Шаг 24: Продолжаем с девушкой
Сделайте видимым слой с девушкой и сделайте его копию. Снова скройте оригинальный слой с девушкой. Группы “Circle Fragments” и “Color Adjustments” расположите над слоями с девушкой.
Ретро-футуристическая картина


Шаг 25: Добавляем космическое изображение
Откройте изображение туманности и вставьте его поверх изображения с девушкой.
Сделайте выделение слоя с девушкой (Ctrl+Click), к слою с туманностью добавьте маску слоя (Layer Mask). Понизьте Непрозрачность этого слоя до 60%.
Ретро-футуристическая картина


Шаг 26
Вставьте ещё одно изображение туманности прямо над слоем с девушкой. Установите Режим наложения – Осветление (Blending Mode – Screen) и понизьте Непрозрачность до 50%.
Ретро-футуристическая картина


Затемним немного края, чтобы сохранить фокус на девушке и кругах. Выберите инструмент Градиент (Gradient Tool), стиль – радиальный, цвет – от чёрного к прозрачному, установите значение Инверсия (Reverse). Создайте новый слой под верхними группами и сделайте заливку из центра наружу. Используйте Свободное трансформирования (Free Transform), чтобы подправить заливку.
Ретро-футуристическая картина


Шаг 27: Больше свечения
Создайте несколько слоёв поверх всех остальных слоёв и групп. Используйте радиальный градиент без инверсии и несколько насыщенных оттенков синего и пурпурного цветов на этих слоях. Установите Режим наложения этих слоёв – Цветность (Blending Mode – Color) и расположите эти слои вокруг лица девушки. После этого сделайте радиальную заливку градиентом от белого к прозрачному в верхней части кругов в новом слое. Установите Режим наложения – Перекрытие (Blending Mode – Overlay).
Ретро-футуристическая картина


Шаг 28: Корректирующий слой Уровни
Поверх всех слоёв создайте слой Уровни (Layer - Levels):
Ретро-футуристическая картина


В результате вы увеличите контраст и немного затемните цвета.
Ретро-футуристическая картина


Шаг 29: Последние штрихи
Над всеми слоями создайте ещё один слой и жёсткой кистью белого цвета нарисуйте небольшие скопления белых точек. Они будут имитировать звёзды вдали.
Ретро-футуристическая картина


Финальный результат:
Ретро-футуристическая картина

PSD файл
Ссылка на источник урока

No comments:

Post a Comment