Уроки коллажирования в фотошопе – Коллажирование — SkillsUp — удобный каталог уроков по дизайну, компьютерной графике, уроки фотошопа, Photoshop lessons

Изучаем основные техники коллажа в Фотошоп / Фотошоп-мастер

Будучи таким же популярным, как и прежде, фотомонтаж (коллажирование) – один из самых простых в изучении навыков. Однако, достигнуть фотореалистичного результата бывает сложно. В этом уроке Mike Harrison покажет, как это сделать, смешав несколько фотографий в одно изображение. У таких работ всегда есть что-то сюрреалистичное, но благодаря используемым материалам, окружению и композиции результат всегда будет выглядеть довольно гармонично, добавляя особую интригу и притягивая взгляд.

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

Примечание: Все изображения кликабельны. Нажмите на изображение, чтобы увеличить.

Скачать архив с материалами к уроку

Примечание: Автор предоставляет небольшой набор материалов. Остальные изображения вы можете подобрать на свой вкус.

Шаг 1

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

На таких сайтах, как iStock и Shutterstock полно фотографий животных. Однако на бесплатных стоках нужных материалов не меньше.

Начальный набор материалов вы можете скачать по ссылке в начале урока.

Шаг 2

Откройте изображение с пейзажем (файл Используя инструмент

Crop

(Рамка), обрежьте изображение так, чтобы получить «альбомный» холст, как на изображении. Затем перейдите в меню Изображение > Коррекция (Image > Adjustments), увеличьте яркость и контраст.).>

Шаг 3

Небо должно быть более эффектным, поэтому мы создадим новый слой с Режимом наложения (Blending Mode) Затемнение основы (Color Burn) и при помощи мягкой круглой кисти с Нажимом (Flow) около 40% закрасим его синим цветом.

Найдите пару фотографий облаков, перенесите их в документ, установите режим наложения

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

Шаг 4

Фон готов. Теперь пора начать заполнять его живыми существами. Найдите изображение идущего человека с флагом. Обведите его при помощи инструмента Перо (Pen Tool). С активным инструментом Выделение контура (Path Selection Tool) кликните правой кнопкой мыши и выберите пункт Сгенерировать выделение (Make Selection), затем скопируйте и вставьте человека в основной документ. Переместите его и измените размер.

Примечание: Для создания выделения вам могут помочь данные уроки

Шаг 5

Давайте поместим наш условный источник света в левой части документа и соответствующим образом добавим эффекты освещения. Кликните с зажатой клавишей Ctrl по миниатюре слоя с мужчиной. Создайте новый слой и перейдите в меню Слои > Маска слоя > Показать выделение (Layer > Layer Mask > Reveal Selection). Измените режим наложения на Перекрытие (Overlay), затем при помощи маленькой мягкой кисти белого цвета нарисуйте блики вдоль левого контура мужчины. Сделайте то же для правой стороны, но с режимом наложения

Нормальный (Normal) и черной кистью

Шаг 6

Каждый объект отбрасывает тень, и ее правильное расположение идеально впишет мужчину в ландшафт. Кликните с зажатой кнопкой Ctrl по слою с мужчиной, чтобы получить выделение. Создайте новый слой под ним и заполните выделенную область черным цветом. Отразите слой по вертикали, затем кликните, удерживая при этом Ctrl, по нижней средней точке трансформирования, перетянув ее вверх и вправо. Теперь перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите радиус 1 px.

Шаг 7

Измените режим наложения тени на Перекрытие (Overlay), дублируйте слой и установите Нормальный (Normal) режим. Поиграйте с непрозрачностью, достигнув реалистичного вида. Создайте еще один слой и при помощи маленькой мягкой кисти чёрного цвета нарисуйте тень вокруг обуви мужчины. Добавьте маску, если нужно будет ее подкорректировать.

Шаг 8

Пришло время для флага. Откройте flag.jpg, затем, используя уже известную технику, вырежьте его и вставьте в основной документ. Трансформируйте его, чтобы размер и угол наклона был правильным. Повторите предыдущие шаги, добавив освещение. Создайте маску слоя и воспользуйтесь маленькой жесткой кистью, получив рваный край внизу.

Шаг 9

Теперь немного состарим флаг. При помощи кистей, например, из этого набора и маски слоя оставьте несколько штрихов на флаге, достигнув нужного эффекта. Затем выберите логотип по своему вкусу, перенесите его в документ, установите режим наложения Умножение (Multiply) и перейдите в меню Фильтр > Пластика (Filter > Liquify), чтобы подстроить его под изгибы флага.

Шаг 10

Начните добавлять животных. Найдите изображение льва – я использовал эту фотографию с Photolia – вырежьте его аналогичным методом, который использовался для предыдущих элементов, и вставьте в документ. Увеличьте яркость/контраст, визуально выделив животное, затем примените те же техники освещения и теней, что были выполнены для мужчины.

Шаг 11

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

Шаг 12

При помощи техник, которыми мы пользовались для мужчины и льва, добавьте к композиции flamingo.jpg. Не волнуйтесь о размещении, мы подкорректируем его по ходу работы. Я также добавил других животных.

Шаг 13

Птицы, парящие в небе, создадут дополнительное чувство динамичности, поэтому добавьте их аналогичным образом.

Чтобы они смешались с небом, примените стиль слоя Наложение градиента с настройками, указанными на скриншоте.

Шаг 14

В качестве мелких финальных элементов добавим насекомых и ящериц. Откройте snake.jpg и «прицепите» змею к палке, на которой висит флаг. При помощи маски слоя сотрите некоторые части, чтобы казалось, будто она обвивается вокруг. Также добавьте паука на флаге и примените для него стиль слоя Тень (Drop Shadows), можете использовать настройки по умолчанию или применить свои.

Шаг 15

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

Шаг 16

Добавим несколько финальных штрихов, например, украшения и перья для знаменосца. Давайте также изменим общее настроение работы. Поэкспериментируйте с цветовым балансом, добавив корректирующие слои Карта градиента (Gradient Map) и Яркость/Контраст (Brightness/Contrast) надо всеми остальными. Добавьте файл texture.jpg с режимом наложения Перекрытие (Overlay) и непрозрачностью (Opacity) 30%, затем разместите его над слоем с облаками.

Автор: Mike Harrison

Советы по созданию коллажей в Фотошоп / Фотошоп-мастер

Фотоманипуляция, коллажирование, фото-Арт – способы превращения фотографий во что-то новое и интересное. Одни из нескольких картинок могут создать детализированный пейзаж, а другие разрабатывают персонажей из множества отдельных стоковых фото.

Но это удел профессионалов. А с чего же начать покорять фотоманипуляцию, если вы всего лишь новичок?

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

Рисуем в фотошопе макияж в стиле Sugar Skull

Перед началом учтите один важный момент! Творческий процесс – это путешествие. Многие, прочитав статью или урок, закрывают ее, полагая, что все усвоили.

Но только через эксперименты, практику, пробы и ошибки вы усвоите материал. Поэтому действуйте и не забудьте поделиться своими результатами!

От идеи к готовому коллажу

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

Так из каких же этапов состоит процесс от идеи до реализации?

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

Записывайте свои идеи

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

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

Например, если вы хотите создать коллаж на тему Золушки, тогда можете записать следующие фразы:

карета-тыква Золушки;
яркий красный лес;
мрачновато, но красиво;
волшебные тыквы;
центрированная композиция;

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

Каждый новый проект я начинаю с этих шагов. Это дает мне возможность понять, какие элементы должны быть на коллаже, а какие из них лишние. Если вам интересно, вот такой результат получился у меня, то смотрите урок Делаем в Фотошоп волшебный коллаж с каретой и тыквами.

Маленькие наброски

Переходим к следующему этапу – наброски. Да-да, именно наброски! Но для этого вам не нужно быть экспертом в рисовании. Набросок можно изобразить в виде нескольких линий и простых фигур, так что любой новичок с этим справится.

Фотоманипуляция, по сути, – это пазл. Поэтому главная цель наброска – визуализировать расположение композиционных элементов. Закончив с этим, вы можете начать подбирать подходящие для коллажа картинки.

Изобразите расположение элементов на маленьких набросках.

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

У вас могут возникнуть вопросы: «Должен ли основной объект находиться в центре? Или лучше справа?» Попробуйте разные варианты и посмотрите, какой из них наиболее удачный. Так вы сохраните время и силы на основной этап работы.

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

Я всего лишь нарисовала контуры банок, несколько букашек и траву в виде линий. Это дало мне достаточно визуальных образов для создания финального результата.

В самом начале работайте с простыми композициями, которые вы знаете и понимаете! Например, обычный портрет по центру. Не усложняйте работу перспективой и сложными ракурсами.

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

Как выбрать фото для фотоманипуляции

Определившись с идеей, пора переходить к подбору картинок!

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

Далеко не все стоковые фото одинаковые. Качество, размер, тематика, композиция могут разительно отличаться.

Где найти стоковые фото

Чтобы избежать проблем с нарушением авторских прав, используйте фото с бесплатных стоков, по премиальной подписке или свои собственные снимки. Большое количество качественных исходников за ежемесячную оплату можно найти на Envato Elements и других премиум-стоках.

Но если вы не хотите тратить средства на премиум-аккаунт, по ссылкам ниже можете узнать, где скачать бесплатные исходники.

На данный момент сайты Unsplash и Pixabay – мои любимые. Pixabay – отличный бесплатный сток, но качество фото здесь разное. А на Unsplash можно найти отличные качественные снимки, добавленные самими пользователями.

Как искать стоковые фото

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

Поэтому я поделюсь с вами несколькими советами по эффективному поиску фото на стоках:

Держите рядом список слов, описывающих идею.
Сперва просто добавляйте в закладки те фото, которые по вашему мнению могут подойти.
Попробуйте использовать одновременно несколько ключевых слов в поисковом запросе, чтобы максимально сузить тематику поиска. Например, по запросам «девушка», «женщина» и «ребенок» вам выдадут множество снимков в совершенно разных категориях.
Обращайте внимание на название/метки/тэги под фото.
Добавьте в закладки несколько запасных фото, чтобы при необходимости можно было быстро и легко что-то заменить.
Сразу скачивайте те снимки, которые вам на 100% нравятся и подходят.
И не загоняйте себя в рамки. Будьте гибкими!

Подпись к картинке: Посмотрите, как авторы отмечают свои фото. Стоковое фото с сайта Pixabay.

Использование своих фото

Также вы можете воспользоваться своими собственными снимками. Я очень это рекомендую!

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

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

Ниже по ссылкам можете посмотреть уроки, в которых я использовала собственные портреты:

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

Инструменты, которые нужны в работе

Собрать все части пазла помогут правильные инструменты.

Удивительно осознавать, что большинству, если не всем, инструментам в Adobe Photoshop можно найти применение в сфере фотоманипуляции. По крайней мере, я верю в это всем сердцем.

После 10 лет изучения программы и увеличивающегося в ней количества инструментов, я поняла, что чем больше инструментов ты знаешь, тем проще становится творческий процесс.

Основные инструменты

Давайте вернемся к основам. В Photoshop есть множество инструментов, подходящих для фотоманипуляций. Это мой личный список:

Инструменты выделения;
Кисть/Ластик;
Слой-маски;
Обтравочные маски;
Режимы наложения;
Корректирующие слои.

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

Подпись к картинке: В этом уроке Создаём готический портрет в Фотошоп Jenny Le использовала маски для вырезания головы.

Учтите, что многие из этих инструментов – это совокупность различных функций и параметров. Например, корректирующими слоями называют Brightness/Contrast (Яркость/Контрастность), Color Balance (Цветовой баланс), Levels (Уровни) и другие. Также существует множество режимов наложения, которые отвечают за то, как слои накладываются друг на друга. Уделите достаточно внимания изучению всех инструментов, не пожалеете!

Изучить основы можно с помощью этих уроков:

Продвинутые инструменты

Освоив базовые инструменты, можете переходить к экспериментам с более сложными. Некоторые из них используются в фоторетуши, 3D и даже анимации.

Вот некоторые из них:

3D-инструменты;
Шкала времени;
Галерея фильтров;
Пластика.

С помощью Пластики можно, например, очень сильно деформировать черты лица. Для этого есть специальные «умные» инструменты.

Обратите внимание, как я обработала лицо на фото ниже:

Самостоятельно определите для себя в каком режиме и темпе вам удобнее работе. Например, завтра займитесь изучением 3D-инструментов, а затем сразу примените полученные знания на практике.

Вот несколько уроков, которые помогут вам разобраться в теме:

Как создать иллюзию глубины и движения с помощью размытия

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

Это можно сделать с помощью инструментов размытия в Photoshop. Позвольте им сделать всю магию за вас!

Недавно я закончила осенний коллаж. Для создания эффекта глубины, я заменила фон на осенние листья и слегка размыла его.

Затем на переднем плане я вставила размытый кленовый 3D-лист. Благодаря размытию, этот лист кажется ближе к зрителю, чем модель.

Подпись к картинке: С помощью нескольких стоковых фото я превратила обычную девушку в эльфа. Оригинальное фото находилось на Unsplash, но сейчас оно, к сожалению, недоступно.

Также это помогло сфокусировать внимание на главном объекте композиции. Подобные техники могут за считаные секунды преобразить вашу работу!

Так что, если вам нужно добавить размытие, используйте фильтры Filter – Blur Gallery (Фильтр – Галерея размытия). Подвигайте ползунки и подберите подходящий для вашей работы вариант размытия. Обратите внимание на разницу между незначительным и сильным уровнем размытия, как он выглядит на фото.

Подпись к картинке: Разница между слабым и сильным размытием. Кленовый лист можно скачать на Envato Elements.

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

В уроках ниже вы можете подробнее узнать об инструментах размытия:

Почему важна цветокоррекция?

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

С ее помощью можно изменить обычные фото до неузнаваемости. Например, чтобы превратить зеленое яблоко в красное, воспользуйтесь корректирующим слоем Hue/Saturation (Цветовой тон/Насыщенность).

Давайте попробуем это на примере 3D-яблока. Открываем картинку и переходим Layer – New Adjustment Layer – Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность).

Двигаем ползунок Hue (Цветовой тон) пока яблоко не станет красным.

Подпись к картинке: С помощью маски можно регулировать на какие области будет действовать корректирующий слой.

Видите, как просто!

Представьте сколько всего можно сделать! Я использую эту технику для изменения цвета одежды, волос и других деталей!

На самом деле, в Photoshop есть множество других инструментов для цветокоррекции. Я советую изучить все и использовать по мере необходимости. Но это не значит, что они абсолютно точно пригодятся во всех случаях. Поэтому важно самому понимать, какой из инструментов полезен в той или иной работе.

Работа с 3D-объектами

Я обожаю 3D-объекты! Более того, мне кажется, в фотоманипуляции ими нужно пользоваться больше и чаще.

3D-объекты – это картинка с прозрачным фоном, созданная с помощью 3D-редактора. Иногда это обычные повседневные объекты, например, бутылки или машины, а иногда это что-то фэнтезийное, сказочное и т.д.

Подпись к картинке: Карета-тыква на сайте Envato Elements

Такие сайты, как Envato Elements, поддерживают работу с 3D-объектами. В некоторых уроках я достаточно много их использую (включая урок про карету Золушки).

Перед использованием 3D-кареты я предварительно подобрала в редакторе на сайте нужный угол и сохранила его в виде обычной картинки с прозрачным фоном в формате PSD или PNG.

После этого такую картинку можно вставить в композицию и подкорректировать детали.

Финальная настройка расположения объектов

Недавно я записала свой курс по созданию флайера. Меня восхищает то, что все техники из курса я использую я успешно применяю в других проектах, включая фотоарт!

Видите картинку ниже? Чем больше у вас знаний по техникам и способам обработки изображений, тем проще работать с ними.

Дальше я расскажу вам об одной хитрости по позиционированию объектов!

Подпись к картинке: Обратите внимание, как меняется положение листа в зависимости от направления стрелки.

Иногда мышки или направляющих в программе недостаточно, чтобы подобрать идеальное расположение элементов. Вместо этого воспользуйтесь клавишами со стрелками в сочетании с инструментом Move Tool (V) (Перемещение), чтобы попиксельно перемещать объект.

Для этого активируем инструмент Move Tool (V) (Перемещение) и жмем клавиши со стрелками Вверх/Вниз или Вправо/Влево. Это очень просто, и я пользуюсь этим практически во всех проектах!

Почему вам стоит использовать рисование в фотоманипуляции

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

Но если вы новичок в рисовании, то советую изучить основы рисунка в контексте фотоманипуляции. В конце концов, гибкость ума и открытость к изучению нового – это ключ к развитию!

Свои навыки художника я применила в уроке Рисуем в фотошопе макияж в стиле Sugar Skull

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

В общем, если вы не можете создать иллюзию с помощью фото, тогда нарисуйте ее! Только не спешите и не забывайте о терпении!

Заключение

Я очень рада, что однажды начала заниматься фотоманипуляцией. Это не только интересно. Фотоманипуляция – один из самых легких способов выразить свой творческий потенциал с помощью Adobe Photoshop.

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

Если у вас остались вопросы, оставляйте их в комментариях ниже.

Ниже по ссылкам примеры интересных уроков по фотоманипуляции, которые я рекомендую изучить:

Автор: Melody Nieves

Уроки по созданию коллажей в Фотошопе

Уроки Фотошопа
› Уроки по созданию коллажей

Раздел с множеством подробных и интересных уроков по созданию коллажей в Фотошопе.