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

1. Перед профессионалами. Они, наверно, надорвут животы, читая мои топорные объяснения... Но, в принципе, этот пост не для них.

2. Перед теми, кто у меня уже спрашивал о коллажах, но так и не понял моих объяснялок))))

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

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

Открываем вкладку "Файл" и кликаем на "Создать". Это нужно для того, чтобы создть слой, на котором будем строить наш коллаж.

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

Для этого нажимаем на флажок флажок и выбираем их.

Сразу хочу оговориться. Я сжимаю все фотографии для блога до ширины 520 пикселей. Это примерно соответствует размеру 10х15 см. Но чтобы потренироваться - выставьте произвольный размер. Потом поймете))) Ширина - это размер по верхнему краю, высота - это размер сбоку (независимо от того горизонтальное фото или вертикальное). Я выбрала 30х15 см.
В этом же окне есть кнопка "Содержание фона". Если хотите, чтобы он был белый, то выставляйте белый, если желаете, чтобы был серый, то выбирайте «В цвет фона», если в цвет поля блога, то кликайте на «Прозрачный». После того как все параметры выставлены, то можно жать на ОК.

Должно появиться поле, в моем случае белое.

Теперь возвращаемся к одной из наших фотографий. Нажимаем Ctrl + A (выделить) и затем Ctrl +С (копировать).

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

Аналогичную операцию проводим со вторым фото. Если нам нужен просвет между ними, то двигаем их обычными кнопками на клавиатуре со стрелками вправо-влево. Двигается только то фото, которое в активном в слое.

Сохраняем как обычно в нужном формате (у меня в jpg). Для этого открываем опять вкладку "Файл" и находим "Сохранить как".

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

12.04.2016 27.01.2018

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

Коллаж который Вы научитесь делать будет выглядеть так:

Что необходимо для создания коллажа в :

5 различных фотографий
Фотография или изображение для фона

Что такое коллаж из фотографий и зачем он нужен

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

Как сделать коллаж

Чтобы сделать коллаж Вам необходимо:

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

Краткая карта урока

Пункты которые Вы должны будете выполнить в данном уроке:

Открыть отдельно каждую фотографию в фотошопе.
Открыть фон для коллажа, в этом документе мы будет создавать коллаж.
В фотошопе открыть вкладку с 1-ой фотографией, выделить её и скопировать
Перейти на вкладку с фоном для коллажа, вставить фотографию на отдельный слой.
Повторить операцию со всеми фотографиями. Таким образом скопировать и вставить все фотографии.
Разместить фотографии на коллаже и изменить масштаб для каждой фотографии. Добавить стили.

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

Создание коллажа в фотошопе

Откройте в фотошопе 6.jpg — это будет фоном для нашего коллажа.

Если вы не успели сделать нужный масштаб для фотки или необходимо скорректировать:

Выберите в списке слоях нужную фотографию
Нажмите CTRL+T
Отмасштабируйте заново.

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

Отключите пока видимость слоев с фотографиями. Для этого нажмите на иконку с глазом напротив слоя с фото.

С помощью инструмента Эллипс (Ellipse Tool ), можно любого цвета, нарисуйте круг где будет предполагаемая фотография.

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

Вы можете переместить фотографию на нужную позицию и скорректировать её масштаб.

Повторите эту схему со остальными фотографиями:

Включить видимость фотографии
Сделать из нее обтравочну маску
Переместить на нужную позицию и изменить масштаб

После этого Вам коллаж в фотошопе будет готов!)

Помните, что Вы можете играться с фонами, расположением и количеством фотографий. Делайте самые разные композиции в фотошопе!

Например кому-то нравится, более спокойной фон и квадратные рамки)

Если у вас есть желание посмотреть как это устроено в Фотошопе или вы хотите вставить свои фотографии —

2 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Надпись и Текст 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, только курсором мыши проводим от нижнего края изображения к его середине.
То же самое делаем для слоя с изображением денег, выбрав его в панели управления слоями, но курсором проводим от верхнего края к середине.
В результате выполненных действий должно получиться примерно вот такое изображение, на которым границы изображений полностью растворяются друг в друге, образуя оригинальный фотоколлаж.

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