Надпись и Текст CSS-спрайты Видеокурсы Photoshop

С оздание коллажа

Рассмотрим создание коллажа в Photoshop на наглядном примере. Чтобы коллаж выглядел гармонично, нужно учитывать ряд правил — с ними мы познакомимся позже. Сначала займёмся технической стороной создания коллажей, что позволит освоить необходимые инструменты программы.

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

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

Для выделения объекта воспользуемся удобным инструментом «Быстрое выделение» (Рис.1-1), который идеально подходит для вырезания не слишком контрастных объектов:

Рис.1. Вырезание объекта:
1 — Инструмент «Быстрое выделение»;
2 — Добавить к выделенному; 3 — Вычитание из выделенного;
4 — Установка размера кисти; 5 — Указатель кисти;
6 — Инструмент «Перемещение».

Устанавливаем размер кисти покрупнее (Рис.1-4,5) и кликаем по объекту, пока не получим желаемый контур. Для этого задействуем режим «Добавить к выделенному» (Рис.1-2), а если выделение захватило лишнюю область — то удаляем её, используя режим «Вычитание из выделенного» (Рис.1-3).

Для включения в область выделения мелких деталей объекта — уменьшаем размер кисти. После завершения операции, копируем выделенный объект — жмём Ctrl+C (Редактирование — Скопировать), а затем вклеиваем его на фотографию — жмём Ctrl+V (Редактирование — Вставить).

Но изначально наш Фукс, в отличие от коллектива, смотрит в противоположную сторону. Необходимо заменить объект его же зеркальным отражением (Редактирование — Трансформирование — Отразить по горизонтали).

Но и размер объекта, как правило, не совпадает с нужным. Если его увеличить, то пострадает качество. А вот уменьшить его просто: жмём Ctrl+T (Редактирование — Свободное трансформирование), и тянем за углы рамки, подгоняя объект под нужный размер. Если при этом зажать клавишу Shift , то сохранятся пропорции:

Чтобы объект хорошо «вписывался» в окружающую среду, возможно, потребуется сделать его бледнее, или наоборот увеличить насыщенность его цвета. Для чего жмём клавиши Ctrl+U (Изображение — Коррекция — Цветовой тон/Насыщенность), а затем бегунком регулируем параметр «Насыщенность»:

А чтобы точно расположить объект в нужном месте фотографии, используем инструмент «Перемещение» (Рис.1-6), а это результат:

В Photoshop имеется несколько инструментов для вырезания объектов. Продемонстрируем применение инструмента «Прямолинейное Лассо» (Рис.2-1), а в качестве подопечного на этот раз выступит лемур, некстати оказавшийся крайним:

Рис.2. Вырезание объекта (2-ой способ):
1 — Инструмент «Прямолинейное Лассо»;
2 — «Ластик».

Думаю, что затруднений с обводкой объекта ни у кого не будет — точность здесь не критична. Главное, не обрезать лишнее. Затем в панели «Слои» нужно разблокировать слой, просто совершив двойной клик по его названию «Фон» и нажав Enter:

Теперь наш лемур остался в одиночестве. А мы инструментом «Ластик» (Рис.2-2), с кистью белого цвета, аккуратно стираем лишнее вокруг него. Для чего вообще понадобилась маска? Она защищает невидимые пиксели от безвозвратной потери. Если вы случайно что-нибудь стёрли, то просто поменяйте цвет кисти на чёрный и восстановите утраченное!

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

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

5 условий для создания качественного коллажа, который будет смотреться гармонично
и производить впечатление единого целого:

1. Разрешение: приличный размер и качество исходных изображений и фотографий, из которых монтируется коллаж.
2. Композиция: намеренное выделение главного объекта — композиционного центра.
3. Реалистичность: свет и тени должны смотреться естественно.
4. Цветокоррекция: все составляющие коллажа должны быть приведены к единообразной цветовой гамме.
5. Сюжет: оригинальная идея коллажа и ваша фантазия — залог потрясающего впечатления, который окажет коллаж на зрителей.

А теперь взгляните на профессиональные коллажи, которые созданы в программе Photoshop с соблюдением этих правил.

Исходные материалы:

А это готовые коллажи:

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

Начинать процесс следует с открытия программы и создания нового файла. Название выбирается по вашему усмотрению. Размер пусть будет составлять 1920 на 1080 пикселей. Фон сделайте прозрачным.

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

Как сделать в Фотошопе красивый коллаж?

Теперь нужно сделать в Фотошопе красивый коллаж: в нашем случае он будет состоять из четырех снимков. Все они должны располагаться на новых слоях. Пока же у нас создан всего один слой, имеющий наименование «Фон». Перейдите в панель «Слои». Совершите двойной щелчок по существующему слою и переименуйте его. Это разблокирует данный слой, в будущем вы сможете совершить с ним любое действие. Если вы работаете в одной из последних версий Adobe Photoshop, то данная операция не потребуется, так как вместо фонового будет присутствовать обычный слой.

Дальше вам нужно открыть при помощи Фотошопа одну из тех фотографий, которую хочется разместить в коллаже. Откройте панель «Слои» и перетащите слой «Фон» на окрашенную в голубой цвет картинку. Тут же фотография появится на ней в виде нового слоя. Но её разрешение гораздо выше, поэтому снимок даже не поместится на экране. Выберите любой инструмент из группы выделения, после чего щелкните по фотографии правой кнопкой мыши. В контекстном меню щелкните по пункту «Свободное трансформирование». Появится возможность перетаскивать снимок, поворачивать и менять его размеры. Для двух последних операций используются угловые маркеры. Размеры меняйте только при зажатой клавише Shift, это сохранит пропорции изображения. Вы можете уменьшить фотографию и слегка её повернуть. Когда результат устроит — щелкните по снимку два раза левой кнопкой мыши. Первый кадр нашего коллажа практически готов.


Но так снимок выглядит безлико. Поэтому наш урок по коллажу в Фотошопе продолжается работой над данным кадром. На панели «Слои» у вас должен быть выбран слой с вставленной фотографией. Затем нажмите на этой панели кнопку «Fx» и выберите пункт «Обводка». Стандартно нам предлагается создать обводку шириной 3 пикселя. Этого будет вполне достаточно. В качестве положения обводки выберите вариант «Внутри». Остается лишь подобрать цвет. Попробуйте сделать обводку темно-зеленой.


Далее в этом диалоговом окне щелкните по вкладке «Тень». Параметры можно оставить по умолчанию. Если же хотите — никто не мешает сменить положение тени и увеличить её смещение. Когда будете готовы — жмите кнопку «OK».

Фотошоп: делаем коллаж из снимков

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

Когда мы делаем коллаж в Фотошопе, все три снимка нужно правильно расположить по углам создаваемого изображения. Для этого вновь нужно использовать пункт «Свободное трансформирование». Уменьшите кадры, поверните их в разные стороны. Не забывайте, что каждая фотография представляет собой отдельный слой. Поэтому они могут загораживать друг друга. Если нужно «вытянуть» какой-нибудь снимок поверх остальных, то вам поможет панель «Слои». Просто перетащите нужный слой на самый верх.

Как создать коллаж из фотографий в Фотошопе?

Обратите внимание, что сейчас тень и обводка имеется только у одного снимка. Менять параметры у каждой фотографии — это очень долго. Поэтому мы попробуем создать коллаж в Фотошопе проще. Взгляните на панель «Слои». В данный момент в ней есть всего один слой, у которого стоит значок Fx. Наведите на этот значок курсор мыши, зажмите клавишу Alt и левую кнопку мыши. Переместите курсор на слой с другим снимком и отпустите левую кнопку мыши вместе с клавишей Alt. Так вы скопируете эффекты на другой слой. Точно так же их нужно скопировать и на два оставшихся слоя.

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

Теперь вы поняли, как сделать коллаж в Фотошопе. Но мы ещё не закончили. Помните, что в любой момент вы можете перемещать имеющиеся фотографии. Для этого используется инструмент «Перемещение». Поворачивать кадр и изменять размер вновь придется при помощи режима «Свободное трансформирование».

У каждой из фотографий теперь имеется обводка. Но почему бы не добавить обводку и коллажу в целом? Делается это очень просто. Выберите самый первый слой, который имеет миниатюру в виде голубого прямоугольника. Нажмите кнопку «Fx» и выберите пункт «Обводка». Измените параметры по своему усмотрению. Размер увеличьте до семи пикселей. Положение — внутри. Но самое интересное располагается в нижней половине предоставленного диалогового окна. Попробуйте использовать в качестве типа обводки «Градиент». Вы увидите несколько видов градиента, входящих в основную группу. Для доступа к другим группам нажмите на иконку с изображением шестеренки.

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

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

Коллаж в Фотошопе CS5 и CS6

Вы можете создать коллаж в Фотошопе CS5 , для примера наша работа происходит в версии CC, но повторить её можно и в предыдущих релизах графического редактора.
Этот урок был посвящен, в том числе созданию коллажа и в Фотошопе CS6 или любой более свежей версии графического редактора. Посещайте наш сайт регулярно, тогда вы научитесь и более сложным трюкам!

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

Создать коллаж в Photoshop очень просто, поэтому давайте начнем. Обратите внимание, что я работаю с Photoshop CS3.

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

Шаг 1. Откройте выбранные фотографии для коллажа в Photoshop

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

Шаг 2. Создайте новый файл

Создайте новый файл (Файл -> Новый). Его размер должен быть немного больше, чем тот, который вы хотите получить в итоге. Я всегда делаю его 20×30″ при 150ppi.

Шаг 3. Добавьте ваши фотографии по одной

Перейдите к одной из открытых фотографий, с помощью инструмента выделения выберите все (или нажмите CTRL+A). Нажмите CTRL+C, чтобы скопировать. Перейдите в новый документ и нажмите CTRL+V, чтобы вставить выделенное. Таким образом вы скопируете фотографию в новый документ на отдельный слой. В зависимости от размера и разрешения изображения, может понадобится их корректировка. Чтобы сделать это, нажмите CTRL+T для трансформирования. Используйте угловой узел и, удерживая клавишу Shift, установите такой размер, чтобы изображение было удобно перемещать в новом документе.

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

Шаг 4. Создайте макет коллажа

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

Шаг 5. Добавьте пространства между изображениями

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

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

В качестве альтернативы вы можете соединить их впритык и использовать Стиль слоя (выберите Обводка > Внутри), добавив белую или черную окантовку каждому изображению. Смотрите скриншот ниже.

Шаг 6. Объедините все слои

После того, как ваш коллаж готов и фотографии разделены так, как вы хотите, самое время объединить все слои. Чтобы сделать это, нажмите Ctrl+Shift+E.

Шаг 7. Обрежьте готовое изображение

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

Шаг 8. Измените размер для использования онлайн

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

Шаг 9. Добавьте водяной знак, если желаете

Если вы хотите нанести водяной знак на свой шедевр, то сейчас самое время. После того, как вы сделаете это, не забудьте еще раз объединить все слои и сохранить файл в формате JPEG. Теперь вы готовы показать ваш коллаж миру.

Вступление

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

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

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

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

Используемые материалы:

Шаг 1

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

Откройте фото с моделью в Photoshop и, используя инструмент Перо (Pen tool), (P), создайте контур вокруг модели.

Шаг 2

Когда закончите, сохраните этот контур. Для этого на панели контуров (paths) вызываем выпадающее меню и выбираем Сохранить контур (Save path).

Сохранять контуры - хорошая привычка, ведь они могут пригодиться в следующих шагах.

Шаг 3

На панели слоев выберите слой с моделью и дублируйте его (Cmd/ Ctrl+ J ). Свяжите эти слои вместе, для этого выделите одновременно два слоя и кликните на первой иконке внизу панели слоев Связать слои (Link layers).

Перейдите на верхний слой и активируйте сохраненный контур на панели контуров (paths). Кликните по выпадающему меню и выберите Создать выделение (Make selection).

Установите радиус растушевки (feather) 0.3 и нажмите OK. На панели слоев внизу нажмите иконку Маски (Mask).

Шаг 4

Теперь у нас два слоя: модель с маской слоя и модель с фоном.

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

Шаг 5

Откройте изображение, которое вы хотите добавить в коллаж, и возьмите инструмент Волшебная палочка (Magic Wand tool) (W). В верхней панели установите Допуск (Tolerance) 20, чтоб захватить большую часть пикселей. Уберите галочку с параметра Смежные пиксели (Contiguous), чтоб Волшебная палочка выделила весь одноцветный фон.

Теперь кликните по фону, чтоб выделить его (на нашем изображении он белый). Элементы, которые мы будем использовать, вне выделения. Инвертируйте выделение, чтоб выделенными были цветы (Cmd/ Ctrl+ I ). Скопируйте выделенную область и вставьте в рабочий документ.

Повторите этот шаг и с остальными элементами, которые хотите добавить в коллаж.

Шаг 6

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

Я сконцентрировала цветы вокруг модели, будто она стоит в небольшом цветущем участке.

Шаг 7

Так как коллажи обычно содержат в себе несколько элементов из разных источников, важно каждый из этих элементов подкорректировать при помощи Уровней (Levels), чтоб все они имели одинаковый контраст и насыщенность.

Вы можете сделать это, добавив к слою, который вам нужно изменить, Уровни (Levels) в панели коррекции (adjustment panel). Вы можете откорректировать тени и света, если это необходимо.

Шаг 8

Мне нравится добавлять цветовые пятна, чтоб связать элементы композиции вместе.

Чтоб сделать это, откройте Illustrator и нарисуйте растекшиеся формы, используя инструмент Перо ( Pen tool) (N).

Примечание: для этой же цели в Photoshop вы можете использовать инструмент Перо и/или Произвольная фигура.

Шаг 9

Скопируйте эти формы и вставьте их в рабочий документ в Photoshop. В панели коррекции (adjustment panel) выберите Цвет/Насыщенность (Hue/Saturation) и измените цвет на такой, который вписывался бы в ваш коллаж.

Шаг 10

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

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

Шаг 11

Используя инструмент Область выделения (Marquee tool) (M), выделите область текстуры, которую вы хотите использовать. Вставьте ее в рабочий документ над слоем с векторными фигурами.

Шаг 12

Удерживая клавишу Alt на клавиатуре, наведите курсор на место между двумя слоями: с текстурой и векторными фигурами. Когда курсор изменит свою форму, кликните, чтоб создать обтравочную маску. Таким образом текстура будет видна только там, где находятся векторные фигуры на слое ниже.

Шаг 13

Чтоб сделать это, повторите шаг 10, но вместо того, чтоб добавлять слою текстуру, установите слою с краской режим наложения Умножение (Multiply). Вы можете изменить цвет краски, повторив шаг 8 и добавив корректирующий слой Цвет/Насыщенность (Hue/Saturation).

Шаг 14

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

Чтоб их создать, я использовала инструмент Перо (Pen tool) (N) в Illustrator, с помощью которого нарисовала завитые стебли. Далее скопировала и вставила их в Photoshop.

Примечание: эти завитушки вы также можете нарисовать в Photoshop, используя инструмент Перо или Кисть.

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

Если вы любите фотографировать, то, наверняка, имеете довольно приличную коллекцию фотоснимков. И чтобы эту коллекцию, действительно, было интересно просматривать снова и снова, можно создать из своих фотографий несколько оригинальных коллажей в программе Adobe Photoshop. Вот уж есть, где разгуляться фантазии! Или вы еще не знаете что такое коллаж? Тогда читайте!

Слово коллаж происходит от французского collage (приклеивание, наклеивание). В изобразительном искусстве существует такой прием. Графические или живописные произведения создаются путем наклеивания на основу предметов, отличающихся от нее по цвету и фактуре. В программе Adobe Photoshop под созданием коллажа подразумевается сочетание в одном документе двух или более фотографий (изображений) с применением различных инструментов и технических возможностей Фотошопа. С помощью коллажа можно скомпоновать несколько снимков, объединенных одной идеей, добавить на фото какие-то недостающие детали или заменить неудачный фон более впечатляющим.

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

Как создать коллаж в программе Adobe Photoshop?

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

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

2. С фото определились – следуем дальше. Откройте программу Adobe Photoshop. Загрузите выбранные фотографии (Файл/Открыть).

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

4. Выделите девочку с помощью инструмента Перо. Это наиболее точный способ выделения.

5. Загрузите контур как выделенную область. Для этого перейдите на вкладку Контуры и нажмите кнопку.

6. Выберите инструмент Перемещение и перетащите девочку на фоновое фото с ромашкой.

8. Бабочек переместите на коллаж тем же способом, что и девочку. Потом их можно расположить так, как вам нравится (Редактирование/Трансформирование/Поворот).