Многие интересуются созданием сюрреалистичных сюжетов для своей продукции, не существующих в реальной жизни. В подобных ситуациях фотоманипуляция становится основным инструментом дизайна. В сегодняшнем уроке Фотошоп я покажу вам, как создать мистический дизайн обложки для компакт-диска с использованием некоторых интересных способов. 
Мы будем применять фильтр «Исправление перспективы» (Vanishing Point) для реалистичного оформления трехмерного пространства комнаты, а также используем инструменты для трансформации 3D объектов и создадим из заголовка иллюстрации 3D текстовой слой. Тематической основой для данного коллажа нам послужит поэма американского писателя Эдгара Алана По «Ворон», в которой главный герой переживает чувства, вызванные потерей любимой девушки по имени Ленор. Давайте, начнем!

Превью финального результата:


 

Шаг 1.

Начнем с создания Нового документа (Ctrl+N) размера, соответствующего размеру коробки от компакт-диска 4,75 х 4,74 дюйма. Если вы планируете распечатать плакат, то установите разрешение в 300 рх/дюйм. В противном случае, нам хватит 200 рх/дюйм.
Теперь, вызовите Линейки (Ctrl+R) и инструментом Перемещение (Move) вытяните из них направляющие, установив их точно по границам документа. Поскольку, это будет полиграфический дизайн, добавьте запасное поле. Для этого перейдем в Изображение-Размер холста (Image > Canvas size) и изменим параметры ширины и высоты на 4,85 дюйма, расположение – из центра (Anchor: Center) .


 

Шаг 2.

Откройте в Фотошоп сток-изображение «Пустая комната». Фотография комнаты прямоугольной формы, поэтому изменим ее размеры до квадрата нашего документа без потери пропорций. Для этого, установим вертикальную направляющую в правой части изображения на значении линейки (Ctrl+R) , равном высоте фото. Активируем инструмент «Прямоугольное выделение» (Rectangular Marquee Selection Tool (M)) и выделяем правую часть комнаты за направляющей. Затем, копируем ее и вставляем на отдельный слой (Ctrl+J) . Снизьте непрозрачность (Opacity) части изображения для удобства работы и переместите ее влево, встык с направляющей. Теперь, сопоставьте линии пола и потолка на вырезанной части с линиями комнаты, используя Трансформирование-Искажение (Free Transform-Distort) , Сtrl+T, затем, удерживая Ctrl, потяните за верхний и нижний левые углы. Восстановите непрозрачность слоя.


 

Шаг 3.

Отрегулируем контрастность вставленной части комнаты «Слой 2». Переходим в меню Изображение-Коррекция-Уровни(Image-Adjustment-Levels) и выполняем настройки со скриншота ниже. Я в своей работе применил коррекцию 2 раза, вы можете воспользоваться одним.

Далее, добавьте маску на этот слой (Слои-Маска слоя-Скрыть все(Layer - Layer Mask - Hide All)) и по ней проведите Горизонтальный градиент (Horizontal Gradient) черно-белого цвета. Теперь наша комната имеет квадратную форму и подходит для дальнейшей работы.


 

Шаг 4.

Выделите переделанную комнату инструментом «Прямоугольное выделение» (Rectangular Marquee Tool (M)) и нажмитеCtrl+Shift+C, чтобы скопировать совмещенные данные в буфер. Затем, вставьте изображение в основной рабочий документ (Ctrl+V) и назовите слой «Комната».


 

Шаг 5.

Открываем фото сидящего молодого человека и вырезаем его с фона любым удобным для вас способом. Я использовал для выделения парня Полигональное Лассо (Polygonal Lasso Tool). Копируем (Ctrl+C) , а затем вставляем (Ctrl+V) парня на наше полотно. В картине свет падает слева из дверного проема, поэтому повернем мужчину согласно расположению света в сцене. Переходим в Редактирование-Трансформирование-Отразить по горизонтали (Edit> Transform> Flip Horizontal) , затем уменьшаем размер парня Трансформированием ((Free Transform Tool) Ctrl+T) и располагаем его в правом углу комнаты. Называем слой «Парень».


 

Шаг 6.

Теперь, чтобы композиция выглядела драматично, добавим тень для комнаты в несколько этапов. Создаем Новый слой(Ctrl+Shift+N) «Тень комнаты» и активируем мягкую Кисть (Brush) размером 300 рх, с непрозрачностью (Opacity) и нажимом (Flow) 50% цветом #151610. Закрашиваем ей всю правую сторону комнаты. Изменяем режим смешивания (Blending Mode) на Умножение (Multiply) , непрозрачность снижаем до 75% для данного слоя. Выделяем слои «Комната» и «Тень комнаты» (Ctrl+клик по иконкам слоев) и объединяем их (Ctrl+G) в группу «Комната».


 

Шаг 7.

Открываем фото стула и вырезаем его с фона любым способом. Поскольку фон однородный, можно использовать Волшебную палочку (Magic Wand Tool) . Копируем (Ctrl+C) и вставляем (Ctrl+V) стул в основной документ. Называем слой «Стул». Снова отразите его по горизонтали (Edit> Transform> Flip Horizontal) , разместив позади парня.


 

Шаг 8.

На слое «Парень» выбираем инструмент Затемнитель (Burn Tool) в диапазоне Средних тонов (Midltones) и Экспозицией 50%. Усиливаем тень позади парня, рисуя Затемнителем в правой части полотна. Затем, выберите Губку (Sponge tool) и обесцветьте затемненные области. То же самое проделайте на слое «Стул».


 

Шаг 9.

Откройте изображение Ворона в Фотошоп и извлеките его с фона любым способом. Я использовал инструмент «Полигональное Лассо» (Polygonal Lasso Tool) . Скопируйте (Ctrl+C) , а затем вставьте (Ctrl+V) птицу в нашу работу. Назовите слой «Ворон». Отразите птицу по горизонтали (Ctrl+T, затем Flip it Horizontally) и увеличьте ее размер так(Ctrl+T) , чтобы она была больше героя. Разместите ворона наверху дверного проема. 
Добавьте Маску на слой с вороном (клик по иконке маски внизу панели слоев). Инструментом «Прямоугольное выделение»(Rectangular Marquee Tool) выделите область от края дверного проема влево по стене. На маске заполните выделенную область (Shift+F5) черным цветом (000000) , скрывая часть крыла и, имитируя влетающую в проем птицу.


 

Шаг 10.

Откройте изображение со стопкой книг (Pile of Books) и вырежьте ее с фона. Скопируйте (Ctrl+C) и вставьте (Ctrl+V)книги в основной документ, назовите слой «Книги». Измените размер (Ctrl+T) стопки и расположите слой над слоем «Стул». Используйте Затемнитель (Burn Tool) для создания тени с правой стороны книг.


 

Шаг 11.

Наш ворон совсем неплох, но немного не соответствует драматизму сюжета картины. Выполним комбинацию, совместив тело ворона с головой другого кричащего ворона. Откроем изображение «Ворон 2» в Фотошоп и выделим только его голову. Копируем (Ctrl+C) , затем вставляем (Ctrl+V) голову на наш холст, изменяем размер Трансформированием(Ctrl+T) и отражаем ее по горизонтали (Edit> Transform> Flip Horizontal) . Сопоставляем голову с телом птицы на холсте. Добавляем Маску слоя (Layer Mask (клик по иконке маски внизу панели слоев)) на слой с головой и мягкой черной Кистью (Brush) размером 60 рх, непрозрачностью 75% и нажимом 80%, удаляем части шеи птицы. Выполните коррекцию также на маске слоя «Ворон», удаляя кистью ненужные области.


 

Шаг 12.

Наша птица интенсивно машет крыльями, и от этого потока воздуха открываются странички книги. Добавим ее в нашу композицию. Откроем сток-изображение двух книг и вырежем с фона только открытую книгу. Скопируем и вставим ее на основной холст, называя слой «Открытая книга». Разместим ее у входа в комнату на полу, и затемним правую часть книги инструментом Затемнитель (Burn Tool) , как мы делали это ранее с другими элементами картины.


 

Шаг 13.

Дублируем слой «Ворон» (Ctrl+J) и перетягиваем дубликат под оригинал в панели слоев. При помощи Трансформирования (Ctrl+T) искажаем дубликат, делая его шире. Переходим в меню Цветовой тон/Насыщенность (Hue / Saturation (Ctrl + U)) и изменяем значение Яркости (Lightness) до -100, делая копию птицы черного цвета. Затем, переходим в Фильтр-Размытие-Размытие по Гауссу (Filter> Blur> Gaussian Blur) и устанавливаем радиус на 8 рх, размывая тень. Снижаем непрозрачность (Opacity) теневого слоя до 50%.


 

Шаг 14.

Добавим еще больше теней на объекты картины. Создайте слой (Ctrl+Shift+N) под слоем «Ворон» и назовите «Тень ворона 1». Используем мягкую Кисть (Brush) размером 200 рх, непрозрачностью 75% и нажимом 80%, темного цвета(#110C06) на теневом изображении ворона. Далее, создаем слой (Ctrl+Shift+N) «Тень впереди» выше слоя «Ворон» и мягкой черной Кистью (Brush) с непрозрачностью и нажимом 50% делаем мазок поверх головы ворона. Затем, Ластиком(Eraser (E)) с непрозрачностью и нажимом 50% стираем часть тени с шеи птицы, имитируя падение света на эту область. Выделите слой «Ворон» и все слои с тенью птицы (Ctrl+клик по миниатюрам слоев) и объедините их в одну группу (Ctrl+G) под названием «Ворон».


 

Шаг 15.

Повторите предыдущие этапы с созданием тени на слое «Открытая книга». Затем, используйте инструмент Палец (Smudge Tool) с интенсивностью 50% для органичного сочетания тени книги с фоном стены.


 

Шаг 16.

Теперь, добавим тень от фигуры парня на изображение. Дублируем слой «Парень» (Ctrl+J) и делаем копию черного цвета при помощи коррекции «Цветовой тон/Насыщенность» (Ctrl+U) , уменьшив значение Яркости (Lightness) до -100. Снижаем непрозрачность (Opacity) слоя до 75%. Перетягиваем дубликат под оригинал.

Создаем еще один слой для тени (Ctrl+Shift+N) выше слоя «Парень» и активируем Кисть (Brush) черного цвета с непрозрачностью и нажимом 75%. Рисуем ей позади героя и под ним.


 

Шаг 17.

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


 

Шаг 18.

В группе «Комната» создайте слой (Ctrl+Shift+N) «Тень впереди» выше слоя «Тень комнаты». Используйте большую мягкую Кисть (Brush) цветом (# 110C06) с непрозрачностью и нажимом 75% для затемнения границ комнаты. Затем, снизьте непрозрачность (Opacity) этого слоя до 50%.


 

Шаг 19.

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

Создаем Новый документ в Фотошоп (Ctrl+N) любого размера нейтрально-серого цвета # A0A0A0 и пишем слово «Ленор»(Lenore) любыми рукописными шрифтами в разных направлениях по холсту (в ресурсах урока) . После написания текста, выделите весь холст (Ctrl+A) , а затем скопируйте совмещенные слои (Ctrl+Shift+C) с вариантами написания имени в буфер.


 

Шаг 20.

Создаем Новый слой (Ctrl+Shift+N) «Стена с надписью» выше группы «Комната». Переходим в Фильтр-Исправление перспективы ((Filter> Vanishing Point) Alt+Ctrl+V) .



В открывшемся диалоговом окне опции выбираем инструмент «Создать плоскость» (Create Plane Tool (C)) и строим сетку для части левой стены до выступа. Если вы построили ее правильно, сетка приобретет синий цвет. Затем, для создания каждого нового сегмента сетки, расположенного перпендикулярно предыдущему сегменту, удерживаем Ctrl и тянем сетку вправо за средний узел. Так продолжаем, пока не выстроим всю сетку для пространства. Для изменения угла наклона сегмента плоскости удерживайте Alt и поворачивайте за средний узел сетку, пока вас не удовлетворит результат. Если что-то нужно исправить, активируйте определенный сегмент сетки инструментом «Редактирование плоскости», нажав внутри него. Удаление сегмента сетки производится клавишей Backspace после его активации.

После создания всей сетки комнаты, вставьте в нее документ с надписями (Ctrl+V) и, нажав «Т» (Трансформацию)измените его размер, соответствующий размеру комнаты. Распределите обои по стенам и потолку комнаты. По завершении нажмите Ок, применив фильтр. Измените режим смешивания (Blending Mode) для слоя «Стена с надписью» на Перекрытие (Overlay) и снизьте непрозрачность до 75%.


 

Шаг 21.

Инструментом Полигональное Лассо (Polygonal Lasso Tool) выделите области дверного проема и нижней части левой стены на слое «Стена с надписью» и удалите их (Delete) . Снизьте непрозрачность текстового слоя (Opacity) до 50%.


 

Шаг 22.

Наша птица находится в полете, поэтому добавим эффект размытия в движении к ней. Для этого, дублируем слой «Ворон»(Ctrl+J) и помещаем его выше оригинала. Далее переходим на копии в фильтр «Размытие в движении» (Filter> Blur> Motion Blur) и устанавливаем угол (angle) на 0, смещение (distance) на 20 рх. Нажимаем Ок.

Далее, добавим Маску слоя ( Layer Mask) на дубликат, и Кистью (Brush) черного цвета удалим некоторые части размытия с тела птицы, оставив его лишь на краях крыльев.


 

Шаг 23.

Открываем сток-изображение листка бумаги и вырезаем его с фона «Волшебной палочкой» (Magic Wand Tool) , сделав клик по фону. Копируем (Ctrl+C) и вставляем (Ctrl+V) лист в наш документ. Дублируем его несколько раз (у меня 6 раз)(Ctrl+J) . Используя инструмент Деформация (Edit> Transform> Warp) , искажаем листы, потянув за узлы рамки, как на примере ниже. Распределяем дубликаты по холсту и выделив их (Ctrl+клик по иконкам слоев) объединяем в один слой(Ctrl+E) . Называем его «Летящая бумага». Размещаем слой в новой группе «Летящая бумага», перетянув его на иконку группы внизу панели слоев.


 

Шаг 24.

Обесцвечиваем листки бумаги, используя меню Изображение-Коррекция-Обесцветить (Image-Adjustment-Desaturate) Ctrl+Shift+U)) . Затем, активируем Затемнитель (Burn tool) в диапазоне средних тонов (Midltones) и экспозицией 75% и создаем тень на местах листков, указанных красными стрелками. Затем, применяем предыдущую технику наложения тени, создавая два новых слоя (Ctrl+Shift+N) под оригиналом с листками и над ним и, называя слои «Тень сзади» и «Тень спереди». На копиях используем Кисть (Brush) c мягкими краями, непрозрачностью и нажимом 50% темного цвета, и выполняем мазки с правой стороны листков, затемняя их.

Дублируйте оригинал с листками еще раз (Ctrl+J) и разместите его вверху группы. Повторите процесс с фильтром Размытие в движении (Motion Blur) для дубликата с листами, как вы делали с изображением ворона в шаге 22.


 

Шаг 25.

Добавим название для компакт-диска, используя шрифт «Trajan Pro». Активируем инструмент «Горизонтальный текст»(Type Tool) и пишем слово «The Raven» (Ворон) , помещаем текстовые слои в группу (выделить их, затем нажать Ctrl+G) «Заголовок». Отрегулируйте межбуквенное (Trecking) пространство в слове, установив курсор к буквам, которые хотите переместить ближе друг к другу, и, удерживая Alt, регулируйте Трекинг стрелками курсора на клавиатуре. По окончании работы с текстом, нажмите Commit (галочку в верхней панели). Затем, правой кнопкой мыши нажимаем по миниатюре группы и в выпадающем меню выбираем – Преобразовать в смарт-объект (Convert to Smart Object) .

Далее, на этом слое переходим в меню 3D – Новая 3D открытка из слоя (3D > New 3D Postcard From Layer) . Теперь, независимо от количества производимых действий с текстом (поворот, перспектива, глубина) вы в любое время сможете внести коррективы по его редактированию.

Двойным кликом по миниатюре 3D слоя, открываем окно «Стили слоя» (Layer Style) . Выбираем опции «Наложение градиента» (Gradient Overlay) и «Тиснение» (Bevel and Emboss) и выполняем настройки со скриншота ниже. Не беспокойтесь о соотношении света и тени сейчас, мы отрегулируем это позже.


 

Шаг 26.

Далее, мы должны расположить наше название вдоль левой стены комнаты. Для этого воспользуемся инструментами группы «Трансформирование 3D объекта» (3D Transform Tool) . При активации этой группы в панели инструментов, в верхней панели настроек также появятся их значки: Поворот 3d объекта (Rotate) , Перемещение 3D объекта (Move) и Скольжение 3D объекта (для создания перспективы текста) . Примените поочередно эти три инструмента, чтобы качественно разместить надпись на стену.

По окончании трансформации текста, двойным кликом по миниатюре этого слоя откройте «Стили слоя» (Layer Style) и введите значения для опции «Тень» (Drop Shadow) . Установите режим смешивания тени на Умножение (Multiplay) , угол (angle) падения тени на 30 град., смещение (distance) 32 рх, размер (size) 16 рх.


 

Шаг 27.

Часто бывает, что в процессе работы над проектом, заказчик неожиданно меняет свое мнение относительно проекта, и приходится на ходу переделывать некоторые его элементы. В нашем случае, я хотел бы внести поправку в название диска, а точнее – указать на нем имя автора (писателя) . Сделаем это изменение, дважды нажав на последнюю строку «Заголовок» (Title) в миниатюре слоя, ниже названия Диффузная (Diffuse) . Откроется PSB файл, в панели слоев которого находим строку нашего смарт-объекта «Заголовок». Дважды щелкаем внутри иконки слоя и видим диалоговое окно, в котором все внимательно читаем и следуем инструкциям. После нажимаем Ок и видим, что появился еще один документ PSB расширения с нашей текстовой группой, где можно редактировать и добавлять новые слои. Увеличьте размер холста путем перехода в меню Изображение-Размер холста (Image-Canvas Size) . Активируем инструмент «Текст» (Type tool) и пишем под словом «The Raven» имя автора «Edgar Allan Poe’s» более мелким шрифтом.

После написания и редактирования текста перейдите в меню Файл-Сохранить… (File-Save…) и закройте документ, затем так же сохраните следующий PSB документ и закройте его. Теперь вы видите, что на нашей картине появилось обновление заголовка с именем автора в 3D формате, которое вы только что сделали.


 

Шаг 28.

Добавим нашей композиции немного шума, как элемент гранж-стиля. Нажимаем на клавиатуре «D», чтобы установить цвета переднего и заднего планов по умолчанию. Создаем Новый слой (Ctrl+Shift+N) выше слоя «Заголовок» и называем его «Шум». Переходим в меню Фильтр-Рендеринг-Облака (Filter > Render Clouds) , затем в Фильтр-Шум-Добавить шум(Filter > Noise > Add Noise) со значением 16,57. Изменяем режим смешивания для этого слоя на Перекрытие (Overlay) и снижаем непрозрачность до 35%.


 

Шаг 29.

Придадим контрастности и детализации элементам картины при помощи корректирующего слоя «Уровни» (Levels) . Нажимаем внизу панели слоев на иконку «Корректирующие слои» ( (Adjustment Layer) черно-белый круг) и выбираем из списка «Уровни» (Levels) , выполняем настройки опции. Затем, нажимаем на клавиатуре сочетание Ctrl+A (Select All) , чтобы выделить весь холст, затем Ctrl+Shift+C для копирования совмещенных слоев в буфер.


 

Шаг 30.

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

Мы будем размещать нашу иллюстрацию, как обложку внутри коробки компакт-диска.

Открываем сток-изображение диска в Фотошоп и называем этот Новый документ «Макет». Создаем Новый пустой слой(Ctrl+Shift+N) над фоновым. Переходим в Фильтр-Исправление перспективы (Filter > Vanishing Point) и инструментом «Создать плоскость» строим сетку на поверхности коробки. Затем вставляем нашу скопированную иллюстрацию (Ctrl+V)на сетку и, отрегулировав ее положение на передней части коробки, нажимаем Ок.


 

Шаг 31.

Обложка находится внутри коробки под пластиком, поэтому удалим некоторые части плаката при помощи Маски слоя(Layer Mask) . Добавим маску (иконка внизу панели слоев с кругом в квадрате) на слой с картиной и активируем инструмент «Полигональное лассо» (Polygonal Lasso) . Выделим полукруглые крепления для обложки внутри коробки и заполним (Shift+F5) выделения черным цветом (000000) на маске, скрыв их. Для удобства работы, снизьте непрозрачность слоя и аккуратно выделите крепления. Еще раз воспользуйтесь полигональным Лассо (Polygonal Lasso) и выделите меньший полукруг внутри крепления. Заполните выделение светло-серым цветом.


 

Шаг 32.

Ну, и, наконец, добавим эффект блестящего пластика для реалистичности иллюстрации, находящейся внутри коробки при помощи «Стилей слоя» (Layer Style) . Дважды щелкните по миниатюре этого слоя, открыв окно опции. Активируйте параметр «Наложение градиента» (Gradient Overlay) : режим смешивания Экран (Screen) , непрозрачность (Opacity)15%, стиль Линейный, угол 90%. Откройте Редактор градиентов (клик по цветовой шкале) и установите последовательность цветовых переходов (белого и черного).

Для усиления глубины добавьте параметр «Внутренняя тень» (Inner Shadow) с нижеприведенными настройками: режим смешивания Умножение (Multiplay) , непрозрачность 25%, угол 120, смещение 5рх, размер 5рх.


 

Шаг 33.

Напоследок, сделаем фон для диска. Открываем текстуру серой бумаги в Фотошоп и вставляем в рабочий документ. Помещаем этот слой под все слои файла. Изменяем режим смешивания для слоя «Диск» на Умножение (Multiply) . Над слоем с текстурой создаем Новый корректирующий слой «Уровни» (Layer-New Adjustment Layer-Levels) и выполняем затемнение по краям текстуры, передвигая черный ползунок вправо (см. скриншот ниже).

Затем, создаем еще один Корректирующий слой «Цвет» (Solid Color) с темно-серым цветом заливки # 36312D под текстурным слоем. На слой с бумагой добавляем Маску (Add Layer Mask) и проводим по ней черно-белым (активируйте инверсию) Радиальным градиентом от центра, делая виньетку для финальной иллюстрации.



И вот наш окончательный результат в двух вариантах:





Удачи!

 

Используемые материалы, (бесплатно, но с регистрацией):

Пустая комната
Сидящий парень
Стул
Ворон 1 (с серым)
Ворон 2 (черный)
Стопка книг
Открытая книга 
Стопка книг 2
Лист бумаги
Компакт-диск (CD)
Текстура белой бумаги
Шрифт для надписи имени