Доброе время суток, друзья!
По просьбе читательницы, хоть и с задержкой, предлагаю вам научиться сделать простой коллаж из нескольких фотографий в .
Моя читательница занимается декупажем (еще одна моя нереализованная мечта из-за отсутствия времени), и ей надо научиться компоновать несколько фотографий своих шедевров на одной фотографии либо фоне.
А что такое коллаж вообще? Буквальный перевод этого слова с моего любимого французского означает «наклеивание».
Так что все правильно. В этом уроке мы будем «клеить» фотографии на общий фон.
Коллажи делают не только в программе , для этого существует множество графических редакторов, в том числе и онлайн… Но мы изучаем фотошоп…
Немного опережу события и скажу, что любая созданная в фотошопе открытка не что иное, как коллаж.
Для создания коллажей используют не только фотографии, как в данном уроке, но и готовый клипарт, вырезанные объекты, части фотографий и картинок, фоны, маски фотошопа, и так далее… Всему этому вы научитесь позднее.
Главное, чтобы у вас было желание, творческое вдохновение и упорство. Без него никак.
Итак, начнем…
Для написания этого урока я выбрала пять фотографий чудесных роз. Именно их мы попробуем разместить на одном фоне.
Для этого создаем новый документ. Теперь, когда вы уже знакомы с программой , путь буду прописывать коротко. Меню - Файл - Создать…
Открывается окно с параметрами нового документа. Их задают самостоятельно. У меня открылись параметры последнего документа, с которым я работала, я их и оставила. В процессе создания коллажа я предпочитаю большие размеры, поэтому эти мне вполне подошли. С такими размерами мелкие детали, используемые в работе, видны хорошо.
Сразу же прописываем имя нового документа «Простой коллаж из фото». Так будет называться рабочий файл в формате PSD, который мы сохраним позже. И жмем на кнопку ОК.
В палитре слоев появляется слой 0, который я сразу переименовала в основу коллажа . Основа и станет в последствие фоном коллажа.
Создаем дополнительный слой. Для этого жмем на иконку «Создать новый слой» в правом нижнем углу палитры слоев. На новый слой мы вставим первую фотографию.
После этих действий выбранные фото разместятся в .
Теперь скопируем все фотографии на новый документ. В моем случае это «Простой коллаж из фото». Напоминаю коротко, как это сделать: Меню - Выделение - Все .
Фотография выделилась прерывистыми линиями.
Я копирую классическим способом, для этого идем в Меню - Редактирование - Скопировать .
Переходим на вкладку «Простой коллаж их фото» становимся на Слой 1. Меню - Редактирование - Вставить . После выполненных действий на слое 1 появляется копируемая фотография.
Точно такими же действиями копируем вторую фотографию. Она скопируется на слой 2, и его специально создавать не надо. Он появится автоматически.
В первом случае с первым фото, я забыла напомнить, что после того, как фотография скопируется на основной документ, можете смело закрывать ненужные вкладки. Как это сделать видно на нижнем скриншоте.
Все тем же способом Скопировать - Вставить переносим остальные фото на документ, где создается коллаж.
Прежде чем расставить фотографии на коллаже я бы порекомендовала переименовать слои, чтобы было легче работать. Напоминаю о том, как это сделать: переходим на нужный слой, он становится активным (он станет синим), жмем по нему правой кнопкой мыши и на дополнительной вкладке ищем , и жмем на фразу левой кнопкой 1 раз. У вас снова появится дополнительное окно, где вы Слой 3 , как в моем случае, переименовываете в .
Как расставить их на своем коллаже я подумала заранее, хотя вы можете воспользоваться уже готовыми шаблонами-эскизами. Такой эскиз называется скетч, и вы часто можете встретить это название в уроках по созданию коллажей и скрапбукинга.
Скетчи можно найти и скачать в интернете, но я буду размещать свои фотографии самостоятельно без предварительной схемы.
Для перемещения фотографий активируем инструмент , он самый верхний в панели инструментов, и его видно на этом скриншоте. Слой Вертикальное фото красная роза я переместила влево.
Позже для удобства я переименовала все слои.
И теперь увеличу слой с вертикальной фотографией, растянув его по левому края на высоту документа.
Для этого идем в .
Чтобы слой не деформировался относительно ширины и высоты, не забывайте зажимать клавишу Shift , и не отпуская ее, тянуть за уголки.
Получилось так, что фрагмент с красной розой вышел за пределы документа с коллажем, и чтобы снизить «вес» будущего коллажа, надо обрезать лишнее. Для этого активизируем инструмент рамка (5-ый сверху в панели инструментов), обводим ею весь документ по периметру и жмем на Enter .
Вы помните, что все фотографии скопировались в центр документа. Я начинаю размещать квадратные фотографии, в данном случае фрагмент с розовой розой . Для того чтобы остальные не мешали можно скрыть их видимость.
Увеличу немного размер фрагмента уже известным вам способом Меню - Редактирование - Трансформирование - Масштабирование .
Расставлю другие фрагменты на коллаже. Слои Желтая роза и Букет решила немного повернуть.
Для этого идем в Меню - Редактирование - Трансформирование - Поворот .
Вы конечно же можете поэкспериментировать и расставить ваши фотографии по другому. Я вот решила снова уменьшить немного фрагмент Вертикальное фото красная роза . И воспользовалась все теми же действиями: Меню - Редактирование - Трансформирование - Масштабирование .
Мне показалось, что фон с вертикального фото вполне подойдет для всего коллажа. Для этого инструментом ПИПЕТКА определяем цвет.
Переходим на слой Основа коллажа и активируем инструмент , кликаем левой кнопкой мыши по полю коллажа и получаем серый фон рабочего документа.
Чтобы выделить фрагменты с фотографиями в коллаже, сделаем на каждом фрагменте. Рамки будем делать прямо поверх фотографии.
Начинаем с вертикального фото. Нам нужно его выделить. Для этого активируем нужный слой, идем в Меню - Выделение - Загрузить выделенную область . Жмем на ОК.
Видим, что красная роза выделилась прерывистыми линиями.
Идем в Меню - Редактирование - Выполнить обводку
.
Давайте выделим наши фото тенью. Для этого кликаем по активному слою левой кнопкой 2 раза и назначаем следующие параметры тени. Вы можете поэкспериментировать с параметрами, как тени, так и с другими параметрами наложения.
Я оставила все параметры одинаковыми для всех фрагментов коллажа.
Вот такой простой коллаж из фото у меня получился. Можно его подписать. Как это сделать, я вам уже рассказывала. Для этого активизируем инструмент , выбираем цвет текста и шрифт.
Теперь в окончательном варианте можно и уменьшить размер коллажа до 1000 рх по ширине. Этого вполне достаточно (Меню - Изображение - Размер изображения ).
Сохраняем рабочий документ в формате PSD, если захотим в последствии что-то изменить. Для этого идем в Меню - Файл - Сохранить как - выбираем тип файла Photoshop PSD .
И после этого сохраняем свой коллаж в формате jpg. Идем в Меню - Файл - Сохранить для Web и устройств .
А это похвастушки! Когда-то я проходила тренинг у Ольги Бор по созданию скрапбукинга. написана на моем сайте о жизни в Болгарии, и перенести ее сюда в оригинальном виде уже не получится. Но вы можете просто посмотреть мою работу. Мало того, что все детали скрапбукинга выполнены мною, и эта картинка тоже своего рода коллаж, только намного сложнее… И при определенном терпении вы тоже сможете этому научиться.
Все придет с опытом, поверьте.
Моя подруга Ольга Витман тоже всерьез увлеклась этим модным и интересным творчеством. Ее рамочка «Первоклашка» выполнена в стиле скрапбукинга. Может она вам пригодится, ведь 1 сентября не за горами.
P.S.: Мне казалось, что по созданию Простого коллажа из фото в фотошопе CS5 получится коротким, но я ошиблась.
Не стоит пугаться, так как в действительности создание простого коллажа идет гораздо быстрее при известных навыках, почти доведенных до автоматизма. Я желаю вам удачи и творческого настроя.
Девочки, перед началом поста хочу трижды извиниться.
1. Перед профессионалами. Они, наверно, надорвут животы, читая мои топорные объяснения... Но, в принципе, этот пост не для них.
2. Перед теми, кто у меня уже спрашивал о коллажах, но так и не понял моих объяснялок))))
3. На всякий случай, если где-то уже есть подобное объяснение, а я "изобретаю велосипед")))) Ко всему прочему могут быть разночтения в версиях, но общий принцип, я надеюсь, останется прежним.
Выбираем те фотографии, из которых хотим сделать коллаж и мышкой перетаскиваем их непосредственно в Фотошоп. Начнем мы с двух фотографии одинаково ориентированных - то есть либо двух горизонтальных, либо двух вертикальных. Так легче понять принцип.
Открываем вкладку "Файл" и кликаем на "Создать". Это нужно для того, чтобы создть слой, на котором будем строить наш коллаж.
На мониторе появляется табличка, с помощью которой мы задаем параметры слоя.Обычно размеры показываются в пикселях. Нам надо их выставить в сантиметрах.
Для этого нажимаем на флажок флажок и выбираем их.
Сразу хочу оговориться. Я сжимаю все фотографии для блога до ширины 520 пикселей. Это примерно соответствует размеру 10х15 см. Но чтобы потренироваться - выставьте произвольный размер. Потом поймете))) Ширина - это размер по верхнему краю, высота - это размер сбоку (независимо от того горизонтальное фото или вертикальное). Я выбрала 30х15 см.
В этом же окне есть кнопка "Содержание фона". Если хотите, чтобы он был белый, то выставляйте белый, если желаете, чтобы был серый, то выбирайте «В цвет фона», если в цвет поля блога, то кликайте на «Прозрачный». После того как все параметры выставлены, то можно жать на ОК.
Должно появиться поле, в моем случае белое.
Теперь возвращаемся к одной из наших фотографий. Нажимаем Ctrl + A (выделить) и затем Ctrl +С (копировать).
Двигаем его куда надо. Обратите внимание, что должна быть активна кнопка с крестиком (слева вверху на боковой панели).
Аналогичную операцию проводим со вторым фото. Если нам нужен просвет между ними, то двигаем их обычными кнопками на клавиатуре со стрелками вправо-влево. Двигается только то фото, которое в активном в слое.
Сохраняем как обычно в нужном формате (у меня в jpg). Для этого открываем опять вкладку "Файл" и находим "Сохранить как". 
Выбираем папку, заводим название файла и выставляем нужный формат снимка.
Если вы любите фотографировать, то, наверняка, имеете довольно приличную коллекцию фотоснимков. И чтобы эту коллекцию, действительно, было интересно просматривать снова и снова, можно создать из своих фотографий несколько оригинальных коллажей в программе Adobe Photoshop. Вот уж есть, где разгуляться фантазии! Или вы еще не знаете что такое коллаж? Тогда читайте!
Слово коллаж происходит от французского collage (приклеивание, наклеивание). В изобразительном искусстве существует такой прием. Графические или живописные произведения создаются путем наклеивания на основу предметов, отличающихся от нее по цвету и фактуре. В программе Adobe Photoshop под созданием коллажа подразумевается сочетание в одном документе двух или более фотографий (изображений) с применением различных инструментов и технических возможностей Фотошопа. С помощью коллажа можно скомпоновать несколько снимков, объединенных одной идеей, добавить на фото какие-то недостающие детали или заменить неудачный фон более впечатляющим.
Не хотите, чтобы ваши фотоальбомы были просто чередой фоток с дней рождений или с моря? Тогда включайте фантазию, ловите идею и воплощайте ее в жизнь, следуя изложенным ниже инструкциям!
Как создать коллаж в программе Adobe Photoshop?
1. Самое первое, что вам нужно для создания коллажа – это выбрать изображения, из которых он будет состоять. К примеру, вот фото, на котором фон, мягко говоря, мрачноват, нет в нем ничего примечательного. Так и хочется увидеть эту задорную девчушку в более подходящем окружении.
Например, в таком. Лето, солнце, ромашки. Вполне соответствует лучезарной улыбке девочки. Ну и пару бабочек для поднятия настроения не помешают.
2. С фото определились – следуем дальше. Откройте программу Adobe Photoshop. Загрузите выбранные фотографии (Файл/Открыть).
3. Фото с ромашкой будет фоном, на который нужно поместить девочку. Поставьте курсор на фото девочки. Сейчас это ваш рабочий слой. Чтобы вам было удобнее работать с изображением, увеличьте его с помощью кнопки Масштаб. Для удобства просмотра увеличенного фото пользуйтесь возможностями вкладки Навигатор.
4. Выделите девочку с помощью инструмента Перо. Это наиболее точный способ выделения.
5. Загрузите контур как выделенную область. Для этого перейдите на вкладку Контуры и нажмите кнопку.
6. Выберите инструмент Перемещение и перетащите девочку на фоновое фото с ромашкой.
8. Бабочек переместите на коллаж тем же способом, что и девочку. Потом их можно расположить так, как вам нравится (Редактирование/Трансформирование/Поворот).
Надпись и Текст 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 условий для создания качественного коллажа, который будет смотреться гармонично
и производить впечатление единого целого:
- Разрешение: приличный размер и качество исходных изображений и фотографий, из которых монтируется коллаж.
- Композиция: намеренное выделение главного объекта — композиционного центра.
- Реалистичность: свет и тени должны смотреться естественно.
- Цветокоррекция: все составляющие коллажа должны быть приведены к единообразной цветовой гамме.
- Сюжет: оригинальная идея коллажа и ваша фантазия — залог потрясающего впечатления, который окажет коллаж на зрителей.
А теперь взгляните на профессиональные коллажи, которые созданы в программе Photoshop с соблюдением этих правил.
Исходные материалы:
А это готовые коллажи:
Объём знаний, который требуется для создания коллажей такого профессионального уровня, не может умещаться в один или даже несколько уроков. Но вы можете научиться делать коллажи подобного уровня, освоив видеокурс, где они используются в качестве учебных примеров.
Коллаж - это несколько самостоятельных фотографий, скомпонованные каким-либо способом в общую композицию. Способов создания коллажей в Фотошопе существует великое множество и для описания всех этих приемов понадобилось бы написать отдельную книгу. Поэтому, в данной статье мы расскажем о простом, но достаточно эффективном и популярном способе создания коллажей в Фотошопе с использованием маски слоя. Неоспоримыми достоинствами данной методики является еще и то, что она очень простая и достаточно гибкая.
Как в Фотошопе сделать коллаж мы рассмотрим на примере трех изображений: красивой девушки на яхте, дорогого автомобиля и изображения денег.
Фотография с девушкой очень хорошо подойдет для фона будущего коллажа, а остальные изображения мы попробуем наложить на нее.
- Запускаем Фотошоп и открываем в нем изображение с девушкой на яхте.
- Открываем в графическом редакторе фотографию с автомобилем, который должен расположиться поверх основного.
- Нажмите сочетание клавиш Ctrl + A (английское), чтобы выделить всю область изображения с автомобилем. В результате выделения по периметру изображения должна появиться мерцающая черно-белая рамка. Скопируйте выделенную область в оперативную память компьютера, нажав сочетание клавиш Ctrl + C (английское).
- Перейдите в окно с изображением девушки и скопируйте в него сочетанием клавиш Ctrl + V фотографию автомобиля. В результате данной операции должен появиться новый слой.
- Очевидно, что размеры изображения с автомобилем нуждается в корректировке. Поэтому, применим к нему инструмент «Масштабирование» (полный путь Редактирование-Траснформирование-Масштабирование) и уменьшим до 70% высоту и ширину данного изображения после чего сдвинем его в левый верхний угол.
- В нижней части окна управления слоями нажмите на кнопку «Добавить слой-маску», выберите инструмент «Градиент» из панели инструментов и нажмите кнопку Ввод (Enter) для выбора палитры градиента. Выберите «черный, белый» градиент.
- Щелкните левой кнопкой мышки на правом краю вставленного изображения с автомобилем и перетащите курсор по горизонтали влево после чего отпустите кнопку. В результате на изображение должен наложиться градиент в виде прозрачности при котором в той точке, в которой была нажата кнопка мыши должна получиться максимальная прозрачность, а после точки, в которой кнопка была отпущена изображение должно остаться полностью непрозрачным.
- После этого открываем третий рисунок с изображением денег и повторяем пункты 3-7 для него. В результате данных шагов должно получиться что-то вроде следующего изображения.
- Видно, что у нас получилось очень хорошее наложение на фоновое изображение девушки, но фотографии автомобиля и денег не очень красиво стыкуются из-за отсутствия в этом месте градиента. Чтобы это исправить в окне управления слоями кликните правой кнопкой мышки на каждой наложенной слой-маске и выберите в появившемся меню пункт «Применить слой-маску». Это позволит наложить еще по одному слою-маске на каждое изображение и создать на них дополнительные градиенты.
- Выбираем первый добавочный слой с изображением автомобиля и выполняем для него пункты 6-7, только курсором мыши проводим от нижнего края изображения к его середине.
- То же самое делаем для слоя с изображением денег, выбрав его в панели управления слоями, но курсором проводим от верхнего края к середине.
- В результате выполненных действий должно получиться примерно вот такое изображение, на которым границы изображений полностью растворяются друг в друге, образуя оригинальный фотоколлаж.
