Популярный в последние года полтора фотоэффект двойного изображения или двойной экспозиции выглядит весьма просто и красиво. Но при этом является не слишком легким для изучения, практики и представления того, как лучше сочетать и смешивать разные фотографии. Действительно впечатляющие художественные работы создаются мастерами, оттачивающими этот навык годами. Впрочем, увидеть вариации двойной экспозиции можно и в веб-дизайне. Редко, но можно.
Почему вариации? Двойная экспозиция или еще её называют множественная (если используется более двух изображений) бывает разной. Да, её просто создать, если дизайнер знает, что должно смешиваться, с чем, и как. Но как подобрать вариант этого самого смешивания, если их существуют…сотни. Нет, меньше, гораздо меньше. Скорее сотнями исчисляются цветовые варианты. И опять нет… цветовых еще больше… но вы, читатели, уже догадались о смысле. Вариантов двойной экспозиции очень много, вплоть до того, что существуют даже анимационная, трехмерная, текстовая и прочие варианты.
В этом материале мы рассмотрим, как создавать в Photoshop самую «наворочено-крутую» двойную экспозицию с помощью готовых Action. Они значительно сократят время создания и могут предложить разные варианты эффекта, дабы дизайнер (в частности, каждый из нас) мог наглядно увидеть и перебрать подходящие эффекты для своего проекта. Немного эту тему затрагивали в конце года, но рассказывали все же о другом. Кроме этого, мы уделим внимание некоторым особенностям работы с эффектом множественной экспозиции.
Смысл двойной экспозиции
Дизайнеры, создавая фотоэффект для веб-дизайна, рекламы, постеров или оформления соцгрупп, обычно, стараются не просто выбирать две подходящие по тематике фотографии/изображения, но и подходящие также друг к другу тематически или совершенно нейтральные (не противоположные) по отношению друг к другу. Кроме того, каждое такое изображение должно по смыслу дополнять другое. Тогда пользователь сможет увидеть красоту эффекта, оформления, понять, зачем же вообще использовалась такая картинка.
Таким образом, если внимательнее посмотреть на постеры к фильмам, на обложки музыкальных альбомов, то можно заметить, как с помощью эффекта передается смысл данного произведения, расставляются акценты на персонажах, на их действиях.
Если рассматривать работы известных фотографов, то стоит отметить, в первую очередь, потрясающую подборку от Surachai Puthikulangkura на тему «Уничтожение природы – уничтожение жизни» в 2016 году. Каждое его творение представляет не только образ животного, но и то, как оно уничтожается, если человек разрушает природу.
Не менее впечатляющие художественные работы создает и Alon Avissar на тему времен года и сочетания их с женской красотой. Стоит здесь заметить, как образы женщин заполнены не полностью вторичными фотографиями, что придает более шарма и изысканности.
Кроме того, рекомендуем посмотреть на впечатляющие творения Антонио Мора, Francesco Paleari, Aneta Ivanova.
Обращая внимание на веб-дизайн, то интерес, в данном случае, представляют такие проекты, как: qedgroup, ifly50, bucketlistly, nativeplanet, pavilionpromotional, nurturedigital. Да, позиционируются такие дизайны совсем иначе, чем графические и воспринимаются пользователями и заказчиками тоже совсем по-другому. Как минимум оттого, что создавать их сложнее, как с творческой, так и с художественной точки зрения.
Создание двойной экспозиции
Изначально эффект множественной экспозиции фотографы создавали с помощью своих камер, объединяя фотографию силуэта и фотографию для заливки. Но дизайнеры с помощью все того же Photoshop вывели эффект на новый уровень и показали, что цифровая версия дает больше простора для творчества, свободы и контроля над действиями. По сути, теперь не нужно иметь каких-либо профессиональных навыков для того, чтобы вырезать объект и залить его не цветом, а изображением. Но придумать, как красивее это сделать, как украсить и что еще добавить эффектного – становится сложным для некоторых.
Поэтому рассмотрим не просто action для Photoshop, что позволяют в «два клика» создавать эффект двойной экспозиции, а те action, что создают невероятно фантастические вариации.
Все action можно найти на просторах интернета или оформить подписку на elements.envato. Выбор за вами. О том, как устанавливать action, можно прочитать по первой ссылке в этом материале.
Важно: в большинстве случаев изображения могут иметь разный размер, но для лучшего эффекта нужно использовать 3000 пикселей по ширине.
Также крайне необходимо, чтобы в настройках кисточки Жесткость и Непрозрачность были всегда выставлены на 100%.
В настройках панели слоев обязательно должна быть активна галочка «add «copy» to copies layers and Group», то есть добавление слова «копия» при создании копий слоев и групп.
Версия Photoshop – английская.
Advanced Double Exposure
Представляет собой автоматическое создание самого простого варианта эффекта. Открываем наши два изображения и основному объекту присваиваем имя слоя front, слою-заливке – back. Оставляем чистый белый слой Background. Теперь переходим на слой с волком и выделяем животное. Выделенную область копируем на новый слой (Ctrl+J) и закрашиваем любым цветом (у нас красный). Имя слою даем – mask.
Запускаем action. В какой-то момент появится окно Цветовой диапазон или Color Range для слоя back. Здесь вы можете выбрать какую часть изображения-заливки сделать прозрачной. Если вы не хотите делать какие-то части прозрачными, то оставьте все как есть и нажмите ОК. Впоследствии все настройки можно изменить и даже удалить.
Step 1 завершен. Теперь можно провести предварительную корректировку. Например, прорисовать детали волка на маске на слое Base Front Manual Mask или настроить фон на Back Main. Можно отключить какие-то корректирующие слои, например. Мы для слоя Base Front Lighten немного снизили Непрозрачность, и, таким образом, образ волка плавнее смешался с фотографией леса.
Теперь нажимаем Step 2. Данный этап добавляет различные цветовые вариации для эффекта, которые можно отключить/включить, перенастроить и прочее. Творчеству и фантазии здесь нет предела, поэтому представим только некоторые варианты настроек и результата.
Удобство данного action неоспоримо, поскольку и настроить можно и самим дизайнерам особо не заморачиваться с наложениями слоев.
Animated Double Exposure Action
В данном Действии можно создать невероятные по красоте анимационные двойные экспозиции. В качестве исходников будут использовать уже не два изображения, а изображение и видео (автоматически создаваемое). Сохранять конечный вариант можно в качестве видео или файле GIF. Удобен данный Action тем, что само видео вам не потребуется. В комплекте уже есть готовые видео, разбитые на слои, поэтому воспользоваться можно ими. Photoshop же автоматически собирает видео, если в папке находятся файлы, в именах которых есть порядковые числа.
Отрываем опять нашего волка и…все. Сразу можно запустить action. В какой-то момент появится окно для выбора видео. Мы отрыли папку 7 и выбрали один первый файл.
Теперь активируйте временную шкалу в меню Окно и нажмите Play. Вы увидите, как на фоне волке начнется анимация. Разумеется, что и этот action можно редактировать так, как душе угодно. В случае необходимости, можно прорисовать детали по маскам, можно отключить какие-то эффекты.
Когда все будет готово, можно продолжить и нажать продолжение action для создания цветовых вариаций. И как в первом нашем action все можно настроить, удалить лишнее и так далее.
Возможно, видео мы не столь хорошо подобрали, но там очень много вариантов…
Double Exposure Glow
Еще один невероятно симпатичный вариант двойной экспозиции. К обычному эффекту добавляется небольшое свечение. У действия нет каких-либо настроек или вариаций, потому только после его завершения можно произвести дополнительные изменения.
Отрываем наше изображение волка и делаем его фоном. Фоновое изображение для заливки располагаем слоем сверху и именуем как image. Запускаем Action.
В какой-то момент появится запрос на цвет свечения. Можно оставить как есть и нажать продолжить, а можно остановить, выбрать цвет и нажать продолжение. В любом случае, в дальнейшем все это можно изменить.
Готовые цветовые вариации, корректирующие слои будут добавлены автоматически, поэтому останется только поиграться ими, добавить при необходимости слои-маски и скрыть часть шерсти (в нашем случае) или удалить фон.
Но, так или иначе, сама идея использования свечения реализована на отлично и добавляет некой пикантности всей композиции.
Newspaper Art
Своеобразный эффект двойной экспозиции, когда происходит смешивание с текстовым слоем, точнее с изображением текста, газеты, журнала и прочее. Мы ранее рассказывали, как создать самостоятельно аналогичный эффект, но action также делает это.
В наборе найдутся текстуры, кисточки и сам action. Открываем опять нашего волка и запускаем действие step 1. На этом этапе создастся новый слой и вам предложат отрисовать объект. Иными словами, на слое brush вам нужно создать маску объекта. Переходим на фоновый слой, делаем выделение, затем выбираем кисточку с красным цветом, активируем слой brush и на нем по выделению красим. Снимаем выделение и маска готова.
Нажимаем step 2 и ждем завершения. Опять же, можно настроить, прорисовать делали, снизить непрозрачность, насытить цветами или перевести в черно-белое и многое иное.
В результате создается красивый текстовой эффект, будто бы объект собран был из слов, абзацев, кусочков газет. От того, насколько ярко выделяется сам объект (волк), от размера кистей (слоев с кисточками) зависит и качество выходного рисунка. Не бывает такого, что «нажал и все готово». Всегда нужно настраивать, использовать «Свободное трансформирование» для слоев, может даже поворачивать отдельные текстуры.
Smoky Double Exposure
Еще один весьма забавный вариант двойной экспозиции, когда изображения сочетаются с текстурами, кляксами, какой-либо графикой. Не совсем стрит-арт, но похожее. Работа с этим action несколько кропотлива, но зато и эффект непростой.
В наборе найдется много фонов, текстур, поэтому выбираем понравившееся изображение для фона, открываем и переименуем слой в BG. Затем вырезаем нашего волка и вставляем на Layer 1.
Запускаем action и ждем завершения. В целом, эффект готов. В дальнейшем можно самостоятельно добавлять кляксы, пыль и прочую графику из состава и играть с цветностью. Например, чтобы поиграться с цветностью, дважды кликните по слою-группы и появится окно Наложения свойств. В нем снимите галочки напротив цветовых каналов RGB. Можно перенести готового преобразованного волка в прилагаемый документ empty examples и уже в нем добавлять украшательства в соответствующие группы.
Да, этот Action и вариант двойной экспозиции не так просты, как предыдущие, по созданию и настройке, но и они имеют интерес у художников и дизайнеров.
Завершение
Разумеется, в интернете можно найти еще множество разных action для Photoshop по автоматическому созданию эффекта двойной экспозиции. Какие-то из них платные, какие-то нет, а какие-то вообще можно «раскопать» на файлообменниках. Так или иначе, но мы отобрали наиболее занимательные и интересные action, которые добавляют дополнительные эффекты, графические элементы, свечения, даже анимацию. И создавать несложно, и пользователям такое не может не понравиться.
Использовать именно такие варианты или нет в каждом проекте веб-дизайна – решать только самому мастеру, но то, что сайты, оформленные и имеющие такие фотографии, смотрятся значительно интереснее обычных, графических – несомненный факт. Тем более что двойная экспозиция в этом году продолжает наращивать свою популярность.
В любом случае, если вы поклонник красивых фотоэффектов, вы стремитесь создавать сайты с художественным дизайном, то эти action вам точно пригодятся.