Как создать коллаж и изменить его размеры в Photoshop

2 голоса

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

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

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

Простой коллаж

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

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

В правой верхней части я открываю меню «Файл» и выбираю «Создать новый», думаю все знают как это делается, и проблем не возникнет.

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

Теперь перетаскиваю изображение из папки с фотографиями на подготовленный фон. Это самый простой и правильный способ работы.

Вы можете или . Делается это очень просто, при помощи стрелок и мышки. Затем «отпустите» фото, нажав Enter.

Проделайте то же самое со вторым рисунком. Просто перетащите его и разместите, как вам выгодно. Обратите внимание, что справа в меню «Стили» будет несколько эскизов. Можете нажать на иконку глаза рядом с ними, чтобы понять какая миниатюра за какой объект отвечает.

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

Давайте немного подробнее разберемся со слоями. Представьте, что перед вами лежит ватман. Вы накладываете одну картинку, затем другую. Так и получается коллаж. Каждая картинка – это и есть слой, но зачем он нужен в электронной программе? Чтобы когда вы делали какие-то изменения для одной фотографии (меняли цвет, размер, форму), то другие были не затронуты.

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

Эффекты и работа с элементами

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

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

Чтобы снова получить возможность поработать с размерами картинки, нажмите сочетание клавиш Ctrl+T. Это очень полезное сочетание, так что предлагаю вам его запомнить.

Кроме того, различные интересные эффекты, с которыми можно поработать самостоятельно, есть в меню «Изображение». Мне, к примеру, очень нравится «Коррекция» — «Сочность».

Эта опция помогает сделать любую фотографию ярче.

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

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

Теперь нажимаю кнопку Del и готово.

Ctrl+D поможет избавиться от выделения области.

Работать с фоном сейчас тоже невозможно, так как он закрыт для редактирования и «Замок» рядом с эскизом указывает на это. Просто щелкните по замочку, чтобы открыть слой для редактирования.

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

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

Ну вот в общем-то и все. Вот такой результат у меня получился.

Более сложный коллаж

На сайте photoshop-master вы можете найти кучу дополнений для своей программы, в том числе рамок и шаблонов. Вам просто нужно или рамку.

Вы скачиваете шаблон, вырезаете из фото себя, подгоняете по размеру, используя Ctrl+T, затем по цвету (Изображения – Коррекция).

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

Ну а если вы хотите достичь невероятных высот и быть настоящим мастером создания коллажей, предлагаю обратить внимание на курс « », созданный разработчиками сайта Photoshop-Master.

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

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

Посмотрите, какие проекты выполняют люди, завершившие этот курс. В рубрике отзывы множество таких примеров!

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

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

До новых встреч и удачи в ваших начинаниях.

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примечание: на Mac-компьютере нажимайте клавишу command , а не Ctrl .

Шаги

Часть 1

Создание и форматирование документа

Создайте новый документ. Запустите Photoshop и в строке меню (сверху) нажмите Файл – Новый . В открывшемся окне введите следующие параметры, а затем нажмите OK :

• Опции «Ширина» и «Высота». Введите параметры стандартного листа формата A4, а именно 3000 пикселей по ширине и 2000 пикселей по высоте (или другие нужные вам параметры).
• Опция «Разрешение». Введите 300 (или 200, если у вас медленный компьютер). Введите меньшее значение, если Photoshop подвисает, или большее значение, если изображения выглядят нечеткими.
• Опция «Цветовой режим». Выберите «RGB».
• Опция «Содержимое фона». Выберите «Прозрачный», чтобы добавить пользовательский фон; в противном случае выберите «Белый» или «Черный».

1. Ориентацию холста сделайте альбомной. В этом случае коллаж будет смотреться намного лучше. Чтобы повернуть холст, в строке меню (сверху) нажмите Изображение – Поворот изображения – 90 .

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

   • Щелкните по фоновому изображению и нажмите Ctrl + A , чтобы выделить его.
   • Нажмите Ctrl + C , чтобы скопировать изображение.
   • Щелкните по окну с пустым холстом (оно будет называться «Безимени 1» до тех пор, пока вы не сохраните коллаж).
   • Нажмите Ctrl + ⇧ Shift + N , чтобы создать новый слой.
   • Найдите панель слоев и нажмите «Слой 1». Введите имя этого слоя: «Фон».
   • Нажмите Ctrl + V , чтобы вставить изображение в фоновый слой.
   • Если нужно, отредактируйте фоновое изображение. При помощи слайдера (расположен над именем слоя на панели слоев) измените уровень прозрачности фона. Нажмите Ctrl + T , чтобы поменять размер или повернуть фоновое изображение.

2. Обрежьте фон. Сделайте это, чтобы удалить лишний холст вокруг фонового изображения. В строке меню (сверху) нажмите Изображение – Тримминг . Поставьте флажки у опций «Прозрачных пикселов», «Сверху», «Снизу», «Слева», «Справа». Нажмите OK .

3. Вставьте рамку (если нужно). Для этого дважды щелкните по слою «Фон» и в открывшемся окне сделайте следующее:

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

4. Сохраните документ. Нажмите Файл – Сохранить . В строке «Имя» введите «Коллаж Photoshop» или другое запоминающееся имя. При редактировании документа регулярно сохраняйте его, чтобы в случае сбоя внесенные изменения не были утеряны.

   Часть 2

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

   1. Вставьте изображения. Нажмите Файл – Открыть , чтобы открыть каждую картинку в новом окне. Вставьте открытые изображения в коллаж следующим образом:

      • Не открывая картинку, перетащите ее файл на холст коллажа или откройте картинку и перетащите ее на холст. Присвойте имя новому слою. (Чтобы выбрать сразу несколько графических файлов, зажмите Ctrl .)
      • Или нажмите Файл – Поместить .
      • Или откройте картинку и просто скопируйте ее в коллаж (аналогично тому, как вставляется фоновое изображение; читайте об этом выше).
      • Чтобы вставить часть изображения, возьмите инструмент «Прямоугольная область». При помощи этого инструмента выделите нужную часть изображения, а затем скопируйте ее в коллаж так, как описано выше.

   2. Вырежьте нестандартную фигуру. Чтобы вырезать нестандартную фигуру, а не просто объект прямоугольной формы, возьмите инструмент «Лассо». Обведите область изображения, которая не нужна, и нажмите клавишу Delete . Чтобы сделать это быстрее, но менее точно, возьмите инструмент «Волшебная палочка» (чтобы взять этот инструмент, просто нажмите W ).

      • Чтобы отменить ошибочное действие, нажмите Ctrl +Alt +Z .
      • Мелкие детали изображения можно увеличить при помощи инструмента «Масштаб».

   3. Отредактируйте изображения. Выберите определенное изображение; для этого на панели слоев щелкните по его имени. Нажмите Ctrl +T , чтобы перейти в режим редактирования. Измените изображение следующим образом:

      • Чтобы изменить размер картинки, перетащите любой ее угол. Перетаскивая угол картинки, зажмите Shift , чтобы сохранить ее пропорции.
      • Чтобы повернуть изображение, поместите курсор над или под любым угловым маркером – курсор превратится в полукруглую стрелку. Зажмите левую клавишу мыши и поверните изображение.
      • Чтобы переместить изображение, поместите курсор непосредственно на картинку, зажмите левую клавишу мыши и перетащите изображение.
      • Закончив редактировать изображение, нажмите Enter или щелкните по галочке в правом верхнем углу.

   4. Расположите картинки с наложением. Слой, который на панели слоев отображается первым, располагается поверх других слоев. Поменяйте расположение слоев (просто перетащите слои вверх или вниз), чтобы изменить порядок наложения изображений.

      • В списке слой «Фон» должен значиться последним! Любой слой, расположенный под фоновым слоем, отображаться не будет.

   5. Сохраните коллаж и распечатайте его. Нажмите Файл – Сохранить , а затем нажмите Файл – Печатать . Если коллаж нуждается в дополнительных эффектах (таких как текст), перейдите в следующий раздел и только потом распечатайте коллаж.

      • Нажмите Файл – Сохранить как , чтобы сохранить файл в другом формате. Выберите формат PDF, чтобы распечатать коллаж в хорошем качестве и поместить его в рамку. Выберите формат JPEG, чтобы создать картинку, которую можно открыть в любом графическом редакторе.

   Часть 3

   Добавление дополнительных эффектов

   1. Измените стиль слоя. Для этого дважды щелкните по определенному слою на панели слоев; откроется окно «Стиль слоя». Добавьте рамку, выбрав опцию «Обводка», или добавьте тень, выбрав одноименную опцию, или добавьте любой другой эффект.

      • Не щелкайте по названию слоя; в противном случае откроется строка ввода нового имени слоя. Щелкните по пространству за именем слоя.

   2. Добавьте корректирующие слои. Нажмите Изображение – Коррекция . Протестируйте открывшиеся опции; для отмены ошибочного действия нажмите Ctrl +Alt +Z . Корректирующие опции позволят сделать изображение более ярким, изменить цветовой баланс и резкость и другое.

      • По умолчанию любой добавленный корректирующий слой применяется к каждому слою (то есть к каждому изображению в коллаже). Чтобы это отменить, щелкните правой кнопкой мыши по корректирующему слою (на палитре слоев) и в открывшемся меню выберите «Создать обтравочную маску»; в этом случае корректирующий слой будет применен только к следующему слою.
   3. T или возьмите инструмент «Текст». Поместите курсор на изображении, чтобы создать текстовое поле. Введите текст. Выделите текст и при помощи верхней панели инструментов измените размер и тип шрифта. Переместите текстовое поле, перетащив маркеры, которые расположены по его углам.
      • Photoshop не проверяет орфографию. Поэтому скопируйте введенный текст в любой текстовый редактор.
      • Закончив работать с текстом, возьмите инструмент «Перемещение» (этот инструмент является инструментом по умолчанию).
   • Чтобы отменить ошибочное действие, нажмите Ctrl +Alt +Z или в строке меню нажмите Редактирование – Отменить .
   • В Photoshop можно открыть графические файлы определенных форматов. Если изображение не открывается в Photoshop, найдите файл на компьютере и дважды щелкните по нему, чтобы открыть картинку в другой программе. Чтобы изменить формат изображения на JPEG, PNG или BMP, нажмите Файл – Сохранить как , а затем откройте файл в Photoshop. Если это не сработало, в интернете найдите конвертер изображений.
   • Чтобы подогнать размер изображения под размер экрана, нажмите Ctrl +0 .
   • Чтобы преобразовать цветные фотографии в черно-белые, нажмите Ctrl +Shift +U .

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

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

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

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

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

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

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

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

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

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

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

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