Как сделать ретро коллаж в фотошопе
В это уроке я покажу вам, как создать ретро дизайн или коллаж в винтажном стиле. Мы используем изображения из старых реклам, рукописных текстов, узоров, включая различные элементы, чтобы придать нашему дизайну винтажный вид.
Есть отличные дизайнеры, которые мы можем рассматривать, как мастеров по этой теме. Одним из них, в частности, является бразилец по имени Эдуардо Ресифи. Его работы фантастичны, и стоит посетить его веб-сайт.
Шаг 1
Первое, что нужно сделать, - это спланировать свой дизайн, чтобы у вас было представление о том, что вы хотите показать своим изображением. Лучше всего нарисовать определённые концепции – будет быстрее, если вы сделаете несколько эскизов, нежели сразу перейдёте к компьютеру (не смотря на то, что я ужасный художник)!
Шаг 2
Имея несколько рисунков на руках и идей в голове, пришло время перейти к компьютеру. Откройте программу Photoshop, создайте новый документ. Установите следующие размеры 600 x 800 px.
Шаг 3
Подберите текстуру старой бумаги. Я использовал лицензированное изображение от Flickr. Это будет наш задний фон. Откройте текстуру старой бумаги в Photoshop, а затем скопируйте её на наш рабочий документ. Примените масштабирование к текстуре, а также уменьшите Непрозрачность (opacity) слоя с текстурой до 60%. Просто убедитесь, чтобы фоновый слой был белого цвета.
Шаг 4
Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool (U). Создайте прямоугольник со скруглёнными углами тёмно-жёлтого цвета, как показано на скриншоте ниже.
Шаг 5
Добавьте слой-маску к слою с фигурой прямоугольника тёмно-жёлтого цвета, для этого идём Слой- Слой-маска- Показать всё (Layer>Layer Mask>Reveal All). После этого, выберите инструмент Кисть (Brush Tool), установите цвет кисти на чёрный цвет. Используя отдельные кисти, удалите участки тёмно-жёлтого прямоугольника. Я использовал гранжевые и акварельные кисти "Grunge Brushes by Ardcor" и "BB Watercolor II".
Шаг 6
Далее, я нашёл исходное изображение летающей тарелки на Flickr. Я открыл исходное изображение НЛО, а затем просто выделил изображение космического корабля, затем скопировал и вклеил на свой рабочий документ. После этого, с помощью инструмента Карандаш (Pencil Tool), с размером кисти 2 px, просто нарисуйте несколько линий, как показано на скриншоте ниже.
Шаг 7
Далее, я проведу поиски исходных изображений с винтажной рекламой. Вы можете использовать стоковый ресурс Flickr для поиска лицензированных изображений или поискать на стоковых сайтах, таких как iStockphoto. Как только я нашёл нужное изображение, я вырезал изображение девушки с помощью инструмента Магнитное лассо (Magnetic Lasso Tool (L), а затем скопировал и вклеил на свой рабочий документ.
Шаг 8
Преобразуйте слой с изображением девушки в смарт-объект, а затем примените фильтр Умная резкость (Smart Sharpen). Если вы используете версию CS2 или ниже, просто примените фильтр.
Шаг 9
Далее, вам нужно добавить изображение с рукописным текстом. Вы можете самостоятельно создать подобный текст, а затем отсканировать или поищите стоковое изображение, как было описано выше. Как только вы нашли подходящее изображение, просто скопируйте его на свой рабочий документ. Убедитесь, чтобы изображение с рукописным текстом было с белым задним фоном, далее, просто поменяйте режим наложения Умножение (Multiply).
Далее, мы можем добавить векторные изображения. Я использовал некоторые векторные изображения из бесплатного набора Go Media Vector, который вы можете скачать здесь.
Шаг 10
Теперь с помощью инструмента Перо (Pen Tool (P), создайте три треугольника, как показано на скриншоте ниже. В моём дизайне, это создаст идею похищения.
Шаг 11
После того, как вы создали три чёрные фигуры, поменяйте настройки стилей слоя.
- В Дополнительных Параметрах (Advanced Blending), установите Непрозрачность Заливки (Fill Opacity) на 0%
- Примените стиль слоя Наложение цвета (Color Overlay), установите розовый цвет в качестве цвета наложения, а также поменяйте режим наложения на Затемнение основы (Color Burn).
- Используя те же самые кисти, повторите Шаг 5, удалите отдельные участки фигур, чтобы они выглядели очень устаревшими.
Шаг 12
Шаг 13
Теперь вы можете добавить больше элементов. Я добавил городской пейзаж, а затем с помощью кистей я удалил отдельные фрагменты изображения, как в Шаге 5.
Шаг 14
Опять же, добавьте больше элементов на свой выбор. Я решил добавить самолётик к своему дизайну.
- Отделите изображение самолёта от заднего фона, а затем добавьте выделенное изображение на свой рабочий документ.
- Поверните изображение самолёта таким образом, чтобы он летел вверх под углом 30 градусов. Постарайтесь удерживать клавишу (Shift) при повороте изображения.
- С помощью инструмента Прямоугольник (Rectangle Tool), создайте белую полоску. Поверните эту полоску на 30 градусов в соответствии с перспективой самолёта).
- Продублируйте слой с белым прямоугольником (Ctrl+J), поменяйте цвет дубликата прямоугольника на серый цвет, а затем отразите по вертикали, для этого идём Редактирование - Трансформация - Отразить по вертикали (Edit>Transform>Flip Vertical).
- С помощью слой-масок, проведите коррекцию краёв обоих прямоугольников, чтобы придать им перспективу.
Шаг 15
Повторите Шаг 14 ещё два раза и на этом всё. У вас будет три самолёта.
Заключение
Теперь вы можете добавить свой логотип и дополнительную информацию. Несмотря на то, что всё выглядит так, как будто мы просто добавляем элементы сцены, этот стиль винтажного коллажа требует много работы, которая должна быть выполнена хорошо. Надеюсь, вам понравился этот урок, а я с нетерпением жду ваших работ!
Для начала нужно установить специальные кисти для урока. Затем создайте новый документ в Фотошопе (Ctrl + N) размером 25х39 см с разрешением 300dpi. Назовите его «Mask.psd».
Шаг 2
Шаг 3
Фотография пустыни была загружена с сайта stock.xchng. Нам нужно избавиться от неба и гор. Для этого мы воспользуемся выделением через контур. Инструментом Pen Tool (P) нарисуйте контур вокруг желаемой области, кликните правой кнопкой мыши и выберите пункт Make Selection. После этого просто скопируйте и вставьте выделенный участок в основной документ.
Шаг 4
Сейчас мы создадим три основных круга с разными изображениями. Откройте изображение Луны в Фотошопе. Выберите инструмент Ellipse Tool (U), создайте круглый контур по форме Луны и преобразуйте его в выделение. Удерживая Alt + Shift, Вы получите идеальный круг. Перенесите Луну в основной документ.
Шаг 5
Таким же способом перенесите ветки деревьев и свастику. Круги должны быть одного размера. Слой с ветками должен быть на самом верху. Установите для него режим наложения Overlay. Отсеките сегмент в нижней части Луны и расположите его сверху.
Шаг 6
Откройте фотографию человека в газовой маске. Кликните дважды на фоновом слое, чтобы разблокировать его. Затем создайте новый слой под фотографией и отделите человека от фона при помощи инструмента Pen Tool (P). Затем выберите инструмент Smudge Tool размером 1-2 пикселя с 95% интенсивностью, на верхней панели включите Sample All Layers. Размажьте волосы, чтобы появились отдельные волоски.
Шаг 7
Перенесите человека в основной документ и расположите поверх свастики. Выделите круг свастики и отсеките часть слоя человека за его пределами.
Шаг 8
Вставьте кабель в наш документ и измените его форму в режиме Warp (Edit ? Transform ? Warp). Ластиком сотрите часть кабеля со лба человека.
Шаг 9
Вставьте пирамиды в наш документ и расположите их на заднем плане. Измените цвет пирамид при помощи коррекции Hue/Saturation (Ctrl + U), чтобы они соответствовали песку.
Шаг 10
Вставьте пару самолётов в наш документ и оставьте позади них белый след. Обесцветьте след при помощи функции Desaturation (Ctrl + Shift + U). Форму следа можно изменить в режиму Warp.
Шаг 11
Расположите муху и могильный крест рядом с деревом. Птицу посадите на круг свастики и примените к ней коррекцию Curves (Ctrl + M).
Шаг 12
Повесьте жетоны на ветку. Расположите их поверх ветки, а затем замажьте часть цепочки при помощи инструмента Clone Stamp Tool (S).
Шаг 13
Вырежьте колючую проволоку в наш документ. Создайте несколько копий и измените форму так, чтобы она казалась запутанной. Примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur) со значением 9 пикселей. Уменьшите непрозрачность на 10-15%.
Небольшой кусок проволоки вставьте в рот птицы.
Шаг 14
Инструментом Pen Tool (P) вырежьте из дерева тонкие линии. Расположите их на хвосте птицы под углом 90 градусов.
Такие же линии создайте для левой пирамиды.
Шаг 15
Создайте вокруг основных объектов маленькие круги и треугольники. Внутреннюю часть треугольников нужно вырезать. Для этого уменьшите контур треугольника и нажмите Ctrl + X.
Шаг 16
Вставьте текстуру бумаги в наш документ и растяните её на весь холст. Установите режим наложения Overlay и уменьшите непрозрачность до 19%. Затем создайте три корректирующих слоя Photo Filter:
- Cooling LLB, режим Soft Light и 60% непрозрачность.
- Warm 85, режим Soft Light и 20% непрозрачность.
- Warm 85, режим Color Dodge и 18% непрозрачность.
Конечный результат:
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
Автор этого урока от Tutsplus не ставил своей задачей научить чему то. Он не делает акцент на то, как делается то или иное действие. Скорее это урок для продвинутых пользователей фотошопа. Но мне понравилась сама идея совмещения иллюстрации и фотографии. Что используя выдумку и фантазию, а также старые фотографии и текстуры, можно добиться оригинального эффекта.
Шаг 1.
Возьмем за основу эту фотографию с заливом и будем использовать ее для фона.
Шаг 2.
На этом шаге авторы урока предлагают самостоятельно нарисовать кальмара на листе кальки. Кто умеет — рисуем кальмара ))
Шаг 3.
После этого нужно отсканировать рисунок и в фотошопе с помощью инструмента «Перо» (Pen Tool) обозначить линии рисунка.
Шаг 4.
Готовый кальмар должен иметь плавные линии и красивые переходы.
Шаг 5.
Опять с помощью инструмента «Перо» (Pen Tool) рисуем брызги воды.
Шаг 6.
После этого раскрашиваем нашего кальмара в какой-нибудь актуальный цвет.
Шаг 7.
Теперь вставляем нарисованного кальмара поверх фотографии с заливом.
Шаг 8.
Туда же переносим и созданные нами волны. Регулируем цветовые настройки, чтобы фото и рисунок гармонировали друг с другом.
Шаг 9.
После этого автор добавил тени и блики, чтобы задать глубину изображения. Сделать это можно используя мягкую белую кисть и регулируя прозрачность бликов.
Шаг 10.
Теперь для придания винтажного эффекта добавим текстуру, типа такой.
Поменяем режим наложения на «Перекрытие» (Overlay) и снизим прозрачность слоя до 27%.
Шаг 11.
Теперь с помощью корректирующего слоя «Кривые» (Curves) сделаем изображение более рельефным.
А потом слегка отрегулируем корректирующим слоем «Цветовой тон/Насыщенность» (Hue/Saturation) как на рисунке ниже.
Шаг 12.
Теперь добавим еще намного старины с помощью этой фотографии. У нее очень хороший край в духе своего времени.
Экспериментируя с режимами наложения и прозрачностью накладываем фотографию в наш документ, а центральную часть фотографии стираем большой мягкой кистью.
Шаг 13.
Снова добавим корректирующий слой «Кривые» (Curves) для того, чтобы основная картинка и винтажная рамка смотрелись как единое целое.
Шаг 14.
Добавим еще один корректирующий слой «Карта градиента» (Gradient Map) и используем градиент с цветами, как на рисунке ниже. Экспериментируя с режимами наложения и прозрачностью добиваемся наилучшего оттенка.
Финал.
Таким вот получился финальный результат.
Откройте изображение девушки в Фотошопе. Нужно поработать на её кожей. Создайте новый слой (Ctrl + Shift + N) и назовите его “smooth skin”. На скриншоте ниже показано, что я сделал копию слоя с изображением, но Вам это делать не обязательно, так как размер файла будет увеличен.
Выберите инструмент Mixer Brush Tool (B) и настройте его, как показано ниже.
Принцип работы этого инструмента похож на Smudge Tool, но он не так сильно разрушает пиксели слоя. Так как мы установили значение Sample All Layers, Вы можете спокойно работать на пустом слое, не боясь испортить оригинальное изображение. Нужно работать мягкой кистью и изменять размер в зависимости от участка, на котором работаете. Не используйте слишком маленькую кисть, иначе получатся очень заметные тонкие линии, а нам нужно создать плавный переход между оттенками.
Также обратите внимание на свет и тени кожи. Не смешивайте их, рисуйте строго по линиям теней и света. У меня ушло около 10-15 минут, чтобы добиться такого результата:
Шаг 2
Нужно удалить таблетку в руке девушки. Для этого выберите инструмент Clone Stamp Tool (S) и скройте её. Работайте на отдельном слое “remove pill”, а в настройках инструмента установите значение Sample All Layers.
Шаг 3
Переходим к цветовой коррекции. Поверх всех слоёв создайте корректирующий слой Color Balance (Layer ? New Adjustments Layer ? Color Balance).
Далее создайте заливочный слой Gradient Fill (Layer ? New Fill Layer ? Gradient). Используйте стандартный радиальный градиент от чёрного к белому. Расположите слой с заливкой так, чтобы белый участок был на голове девушки и её груди. Установите Blending Mode слоя на Multiply. Выберите чёрную кисть и на маске обрисуйте участки на девушке, отмеченные на скриншоте ниже.
Шаг 4
Теперь поработаем над усилением свечений и теней. Создайте новый слой над корректирующими и назовите его “Dodge & Burn”. Перейдите в меню Edit ? Fill и выберите цвет 50% Gray. Установите Blending Mode на Overlay. Далее нужно поработать инструментами Dodge Tool (O) и Burn Tool (O). Установите Exposure этого инструмента на 10% и Range на Midtones. Обрисуйте холст, как показано ниже. На скриншоте холст залит серым цветом из-за режима наложения.
Теперь установите Exposure инструмента Dodge Tool на 30-40%. Вы можете работать на том же слое, но я создал новый — “Highlight edges”. На этом слое я осветлил губы, веки, ноздри, зубы, глаза, волосы и края пальцев и туфель.
Для усиления эффекта, сделайте копию слоёв “Dodge & Burn” и “Highlight edges”. Поместите копии в группу (Ctrl + G).
Шаг 5
Создайте новый слой (Ctrl + Shift + N) и назовите его “glass fire 1”. Откройте изображение огня и вставьте в наш документ. Установите Blending Mode слоя с огнём на Screen. Добавьте маску этому слою (Layer ? Layer Mask ? Hide All). Белой кистью обрисуйте стакан.
Кликните дважды на слое с огнём, чтобы открыть окно стилей. Примените Inner Shadow:
- Distance: 0,
- Size: 50 пикселей,
- Blend Mode: Soft Light.
Вставьте другое изображение огня и расположите его над стаканом и установите Blending Mode на Screen. При помощи маски слоя скройте нижний край пламени.
Шаг 6
Шаг 7
Шаг 8
Откройте изображение бумаги и инструментом Magic Wand Tool (W) удалите белый фон. Выберите инструмент Horizontal Type Tool (T) и напишите что-нибудь на бумаге. Я использовал шрифт Sweetly Broken. Вместо надписи на бумаге, можете использовать фотографию.
Объедините оба слоя (Ctrl + E) и перетащите всё в наш первый документ. Инструментом Free Transform (Ctrl + T) измените форму бумаги. При помощи маски слоя скройте участок бумаги, который находится поверх указательного пальца.
Шаг 9
Создайте новый слой и нарисуйте тень от пальца на бумаге. При помощи корректирующего слоя Levels (Layer ? New Adjustments Layer ? Levels) усильте контрастность бумаги. Для обоих слоёв создайте обтравочную маску (Ctrl + Alt + G).
Шаг 10
Откройте третье изображение огня и вставьте его в наш документ. Установите Blending Mode на Screen и инструментом Free Transform (Ctrl + T) измените форму пламени.
Шаг 11
Нам нужно немного искр. Мы возьмём их с изображение костра. Инструментом Rectangular Marquee Tool (M) сделайте выделение участка изображения, как показано ниже. Перенесите его в наш документ и установите Blending Mode на Screen. Используйте инструмент Eraser Tool (E) или маску слоя, чтобы скрыть некоторые искры. Сделайте копию слоя (Ctrl + J) и примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur).
Шаг 12
Для последней коррекции, нужно объединить все слои в один отдельный (Ctrl + Shift + Alt + E). На новом слое перейдите в меню Image ? Adjustments ? Variations. Сначала нажмите на More Blue, затем на More Green. Нажмите ОК. Понизьте Opacity слоя до 30% и установите Blending Mode на Soft Light.
Конечный результат (до и после):
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
Спасибо за урок! А в ссылках на изображения вместо девушки загружается бумага.
Еще в 2014 году я хотел попробовать себя в этом модном стиле искусства. И, наконец, я засел за Illustrator и Photoshop и разработал метод превращения фотографии в абстрактный коллаж из геометрических фигур.
Мы начнем в Illustrator , где создадим серию геометрических линий, а затем будем вырезать части изображения в Photoshop , чтобы создать интересную композицию. Дополнительные текстуры и корректирующие слои Кривых помогут придать нашему изображению ретро стиль с зернистыми и плохо проявленными участками:
Посмотреть геометрический фотоколлаж в полном размере
Композиция, которую мы создадим в этой статье, будет выполнена в ретро стиле коллажа с фрагментами фотографии, вырезанными и вставленными в симметричные геометрические фигуры:
Мы начнем в Adobe Illustrator , чтобы сделать шаблон для наших геометрических фигур. Создайте новый документ, затем выберите инструмент « Эллипс ». Удалите цвет заливки, но оставьте черный контур, затем кликните мышью в рабочей области и введите значения 500 пикселей для ширины и высоты:
Создайте еще один эллипс, но на этот раз вдвое меньше первого, ширина и высота - 250 пикселей. Используйте « Смарт-направляющие », чтобы точно выровнять по верхнему краю оба круга:
Удерживая клавишу ALT , перетащите меньший круг, чтобы создать его дубликат. Расположите геометрические фигуры так, чтобы малые круги соприкасались в одной точке между собой, а в противоположных точках с большим кругом:
Выберите две маленьких окружности и нажмите Ctrl + C , чтобы скопировать их, а затем Ctrl + F , чтобы вставить. Удерживая клавишу Shift , поверните эти фигуры на 90 градусов:
Скопируйте и вставьте один круг, а затем, используя « Смарт-направляющие », выровняйте эту фигуру по центру композиции:
Выберите инструмент « Многоугольник » и кликните в рабочей области, чтобы вызвать окно параметров. Введите 250 пикселей и измените количество сторон на 3, чтобы создать треугольник:
При размере 250 пикселей треугольник будет отлично вписываться в круг. Удерживая клавишу Shift , кликните на большом круге и треугольнике, чтобы выбрать их, а затем отпустите Shift и еще раз кликните на круге, чтобы сделать его основным объектом. С помощью панели « Выравнивание » задайте для треугольника выравнивание вдоль вертикальной оси, а затем совместите его верхний угол с границей большого круга:
Продублируйте треугольник и вставьте дубликат, а затем разверните его на 180 градусов. Используйте панель « Выравнивание », чтобы выровнять эту фигуру по нижней границе круга. В итоге у вас должна получиться шестиконечная звезда:
Выберите все ( Ctrl + A ) и скопируйте все фигуры, которые образуют геометрическую композицию. Вставьте композицию в документ Photoshop , поверх этой крутой фотографии . Нажмите Ctrl + I , чтобы инвертировать цвета и сделать линии белыми:
Активируйте инструмент « Волшебная палочка », а затем при выбранном слое линий кликните внутри первой геометрической фигуры, чтобы выделить ее:
Выберите фоновый слой фотографии, и переместите область выделения в случайное место документа:
Скопируйте и вставьте выделенную часть фона в этом месте, а затем переместите этот сегмент обратно на место геометрической фигуры, которой мы ограничивали область выделения:
Снова выберите слой линий и с помощью инструмента « Волшебная палочка » выделите другой сегмент геометрической композиции. Переместите выделенный геометрический сегмент в другую случайную точку документа. Скопируйте и вставьте фрагмент фонового изображения в этой точке документа, а затем переместите его обратно на место геометрической фигуры:
Продолжайте планомерно, один за другим заполнять сегменты геометрической композиции частями фонового изображения. Чтобы ускорить процесс, используйте горячие сочетания клавиш: W – « Волшебная палочка », M – « Перемещение », Ctrl+ C и Ctrl+ V - скопировать и вставить. А также включите режим « Привязка » из меню « Вид », чтобы вам проще было собирать фрагменты дизайна вместе:
Скоро у вас получится фотоколлаж, где различные фрагменты перемешаны в случайном порядке, но симметрия геометрической композиции будет поддерживать структуру и сбалансированность всей сцены:
Теперь давайте добавим несколько завершающих штрихов, чтобы придать изображению эффект ретро. Вставьте в документ одну из моих зернистых текстур фотоснимков и измените режим смешивания этого слоя на « Осветление », чтобы черные области стали прозрачными:
Мои текстуры с пылью и царапинами также помогут нам усилить эффект старой фотографии. Вставьте в документ одну из текстур и измените режим смешивания слоя на « Осветление », чтобы сбалансировать все эффекты:
Добавьте поверх других слоев корректирующий слой « Кривые ». Мы можем настроить « Кривые » соответствующим образом, чтобы получить эффект ретро фотографии, проявленной с дефектами. Измените в меню канала « Красного » настройки кривых, чтобы добавить больше красных тонов на темных участках, и меньше на светлых. Для каналов « Зеленого » и « Синего » задайте противоположное сочетание. Используйте предварительный просмотр, пока не достигнете нужного эффекта оттенков:
В результате вы получите абстрактное изображение с частями фотографии, вырезанными и вставленными в геометрическую композицию (эффект коллажа) . Геометрические фигуры зададут сбалансированность изображения, а дополнительные текстуры и регулировка цветов завершат эффект ретро стиля.
Читайте также: