Здравствуйте, уважаемые читатели моего блога. Сегодня мы поговорим об одной очень простой манипуляции, благодаря которой можно создавать довольно красивые объекты. Здорово, когда всего одной функции достаточно, чтобы делать нечто полноценное, уникальное и полезное. Это именно такой случай.
Сегодня я расскажу вам как в фотошопе соединить две картинки. Вы получите не только пошаговую инструкцию, но и сумеете в будущем, благодаря этой статье, обрабатывать края изображения: выделять контуром границы, а также создавать плавные переходы. Все это добавит вашей работе изящества и позволит ей выгодно смотреться на стене, если захотите распечатать коллаж.
Такие портреты можно даже продавать, если у вас есть доля амбициозности, предпринимательская жилка и подписка на мой блог. Я часто рассказываю о простых способах раскрутить свой бизнес в интернете, вам остается только выбирать подходящие советы и пользоваться ими.
Ну а теперь давайте перейдем непосредственно к работе над фотографиями. Как же их объединить?
Сливаем фото воедино
Для работы я скачал 2 фотографии из . У вас может быть несколько картинок, это не так важно. Сохраните их в папке, откройте Photoshop и будьте готовы к дальнейшим действиям.
Существует несколько способов добавления изображения в программу. К примеру, пункт «Файл» — «Открыть» в верхнем меню. Я люблю иной метод, который идеально подходит для создания коллажа. Просто перетаскиваю одно изображение в рабочее поле программы из папки, а затем другое.
Вообще, этот способ для данной работы считается «правильным». В статье я рассказывал почему. Если вы добавляете картинку обычным способом, то несколько манипуляций с размером могу привести к тому, что пиксели на фото побьются и качество пострадает. Если вы вставляете рисунок из папки, то Photoshop воспринимает его как смарт-объект и препятствует пиксельной поломке.
Если вы перетаскиваете несколько картинок сразу, то они открываются в соседних окнах. Если же сначала добавляете в рабочее поле одну, а затем вторую-третью и так далее, то они накладываются на исходное изображение.
Не составит большого труда уменьшить, увеличить или перетащить новое фото. Все это делается при помощи мыши. Единственное, могу раскрыть несколько полезных секретов. Если вы зажмете Shift, а затем начинаете манипулировать курсором, то пропорции сохранятся. Картинка не будет «вытянута» по горизонтали или вертикали.
Еще одно полезное сочетание клавиш – Ctrl+T. Если вы, предположим, уже поработали над изображением и нажали enter, чтобы применить форматирование, а потом снова захотели поменять размер картинки или ее местоположение, то эти горячие кнопки помогут вам снова вызвать ту же самую функцию.
Вы вообще хорошо разбираетесь в термине « »? Если знаний недостаточно, рекомендую прочитать публикацию в моем блоге, в котором я досконально рассказываю об этой возможности фотошопа. Никаких белых пятен в знаниях не останется.
Сейчас я напомню лишь основные моменты. Не забывайте, что клик по одному из слоев активирует его, вы можете работать с выбранным, а оставшиеся останутся не тронутыми. Однако, если вы сейчас захотите это сделать, то многие функции будут для вас закрыты. В чем причина?
Верхний слой (под цифрой «2») не растрирован, а второй («Фон») закрыт от редактуры. Щелкните по замочку справа, чтобы разблокировать опции нижнего.
С тем, что я назвал «2» придется поступить иначе. Кликните правой кнопкой мыши, а затем в появившемся меню выберите функцию «Растрировать слой».
Все, теперь вы получили доступ ко всем функциям фотошопа и можете применять их на обеих фотографиях.
Обводка
В этом блоге уже есть , в ней вы сможете узнать как работать со сложными контурами. Сейчас, думаю, нам понадобится простой вариант оформления рамки для изображения.
Для этого кликаю в правом меню на функцию Fx и в появившемся окне выбираю «Обводка». Не забывайте, что она будет применена к тому слою, по которому вы кликнули, а он впоследствии подсветился. В данном случае «2».
Разобраться в настройках просто. Размер определяет ширину рамки, можете выбрать положение (из центра, снаружи или внутри картинки), оттенок сделайте более или менее насыщенным – за это отвечает параметр «Непрозрачность», ну и, собственно, сам цвет, который при желании можно заменить на градиент или узор в меню «Тип».
Поиграйтесь с этими настройками самостоятельно. Не забывайте включить «Просмотр», для этого поставьте соответствующую галочку под кнопками «Новый стиль» справа.
Применю обводку для обеих картинок, расположенных рядом.
Плавный переход
Чтобы одно изображение сливалось с другим необходимо поступить несколько иначе. Сейчас я покажу простой способ для новичков.
Сперва выберу прямоугольное выделение, вы можете прочитать в прошлой публикации. Затем выделяю границы картинки, которые будут размыты, ну а затем параметр «Выделение и маска».
Чтобы было лучше видно результат, выберите вид «На слоях».
Здесь также много настроек, но нам сейчас понадобится только «Растушевка» и, возможно, «Сместить край». Подергайте за ползунки, а затем нажмите «Инвертировать».
Теперь, чтобы все получилось в лучшем виде, выберите в верхнем меню пункт «Выделение», а затем «Инверсия». Можно просто использовать горячие клавиши Shift+Ctrl+I.
Готово, нажмите кнопку Del на клавиатуре. Если бы вы не применили параметр «Инверсия», то сейчас удалились бы не края вашей картинки, а все, что находится по центру.
Можно поступить несколько иначе, чем в предыдущем примере. Сначала выделите слой (теперь я работаю с фоном), затем обведите изображение при помощи прямоугольного выделения, после примените инверсию, а уж в конце открывайте функцию «Выделение и маска».
Готово. Вот так выглядит теперь фото. Вы забывайте нажать Del. Кстати, чтобы избавиться от выделительных муравьев по кайме картинки используйте сочетание Ctrl+D.
Рисунок у нас получился полупрозрачным. Почитайте, если хотите более подробно . Я же предлагаю вам создать новый слой в качестве подложки. Рядом с иконкой «Корзина» в меню справа вы находите кнопку для создания нового слоя. Затем перетаскиваете его под фоновое изображение.
Выбираете подходящий цвет и инструмент заливка и применяете его к картинке. Кстати, думаю, что сейчас вам может понадобиться статья о том, для изображения. В этой публикации есть много интересных простых способов и методик сотворения вручную.
Вот в принципе и все.
Видео инструкция
Если у вас остались вопросы, вы можете посмотреть видео о том, как объединять две картинки рядом.
Ну, а этот обучающий урок, подойдет вам в том случае, если вы захотите сделать фотографию с плавным переходом. В этом видео есть настройки, о которых я не говорил в тексте этой статьи, так что не проходите мимо.
Ну и мне осталось лишь напомнить, что если вы захотите узнать больше об инструментах, которые есть в фотошопе, то в этом вам поможет курс « Фотошоп с нуля в видеоформате » . Очень много подробной информации для начинающего пользователя, особенно если в будущем вы задумываетесь о том, чтобы зарабатывать на своем умении.
Ну а для тех, кто хочет добиться максимальных результатов в своем хобби – курс « Волшебный коллаж » . Невероятно полезная штука, в которой больше внимание уделено художественной составляющей работы: свет, тени и так далее, а также максимум профессиональных секретов обработки рисунка.
На этом у меня все. Не забывайте подписываться на группу Старт-Лак Вконтакте , чтобы не пропустить нечто полезное. До новых встреч и удачи.
Этот графический редактор позволяет наслаивать картинки друг на друга с помощью различных режимов наложения, а также править результат с помощью многочисленных инструментов и эффектов.
Как совместить фотографии онлайн
От сайта Pixlr вы получаете массу возможностей для смешения картинок. Если захотите использовать их по максимуму, вам придётся потратить больше, чем несколько минут. Но мы разберём основы, которые позволяет быстро создавать простые фотомиксы.
1. Запустите веб-редактор: откройте сайт проекта и кликните Launch Web App под заголовком Pixlr Editor.
2. Загрузите первое изображение с помощью одного из предложенных способов. Это будет ваш фон или нижний слой.
3. Добавьте вторую картинку в качестве верхнего слоя. Для этого в верхнем меню кликните «Слой» → «Открыть изображение как слой» и выберите нужное изображение на своем компьютере.
4. Выберите режим наложения картинки. В правой части экрана найдите окно «Слои», выделите верхний слой и нажмите на иконку Toggle Layer Settings в левом нижнем углу этого окна. Затем попробуйте разные варианты наложения в списке «Режим» и остановитесь на понравившемся.
5. При желании отредактируйте результат с помощью инструментов на панели слева. Так, «Ластик» поможет стереть всё лишнее, «Перемещение» - изменить позиции снимков относительно друг друга. С помощью «Замены цвета» вы можете сделать, к примеру, популярное в Instagram розовое небо.
6. Когда закончите, сохраните результат на компьютере, нажав «Файл» → «Сохранить…».
Как объединить фото в мобильной программе
Приложение предоставляет меньше творческой свободы, зато вы получаете результат быстрее и можете миксовать снимки прямо на ходу.
1. Запустив программу Pixlr для Android или iOS, нажмите «Фотографии» и выберите первый снимок или рисунок — ваш нижний слой.
2. Нажмите на пересекающиеся круги в левом нижнем углу и выберите «Двойная экспозиция».
Далеко не все пользователи компьютеров – продвинутые, поэтому то, что профессионал делает играючи, обычному человеку может быть не по силам. Вряд ли простой «юзер» сможет сделать красочный, оригинальный коллаж или сложный фотомонтаж, например, наложить кому-то макияж или изменить прическу с помощью Фотошопа.
И что же, оставить все эти интересные манипуляции только профессионалам? А вот и нет. Необязательно быть веб-дизайнером, чтобы совершать какие-то несложные действия над фотографиями.
Вам необязательно изучать все тонкости этой профессиональной программы, чтобы сделать что-то оригинальное с ее помощью, достаточно будет ознакомиться только с некоторыми несложными приемами, чтобы порадовать себя красивыми творениями собственных рук. К тому же, существуют облегченные версии Фотошопа , с которыми «чайникам» обращаться проще.
Для начала нужно сказать, что есть множество способов, как это сделать. Здесь мы рассмотрим только два из них: с помощью Photoshop и с помощью простейшей Paint – стандартной программы, которая есть у любого пользователя.
Итак, смело ставьте на свой компьютер Фотошоп, если оперативная память вашего ПК это позволяет (он не кусается).
Мы не будем брать сложные случаи, когда вы, например, слились с кем-то в объятья на фото. Представим, что вам просто нужно расположить на одном листе два разных фото .
Открываем две исходные фотографии, и увеличиваем поле одной из них по ширине или по высоте. Для этого в меню «изображение» нажимаем «размер холста» и увеличиваем ширину или длину (или и то и другое), например, вдвое . В сантиметрах или пикселях, не важно.
В том же окошке под размерами фото нужно выбрать в какую сторону вы будете расширять холст (влево, вправо, вниз или вверх). Вы увидите разбитое на квадраты со стрелочками поле. Допустим, мы увеличиваем холст направо. Для этого нажимаем на крайний левый квадратик во втором блоке. Вспомните ваши навыки по игре в «Тетрис». Нажимаем «ок» и получаем белое поле на фотографии справа.
После этого в инструментах, которые обычно находятся слева, выбираем «перемещение» (второй инструмент сверху – стрелочка).
Наводим курсор на вторую фотографию, захватываем ее и перетаскиваем на белое поле первой.
И вот у нас получилась одно изображение, состоящее из двух фотографий. Далее мы можем задать нужный размер этого изображения (меню «изображение» – «размер изображения») и можно сохранять готовый результат.
Здесь важно, чтобы размеры фотографий были близки. Их, конечно, можно подогнать друг к другу, но при этом вы можете потерять качество.
Можно поступить иначе: наложить одну фотографию на другую, заменив часть композиции первой.
Итак, открываем две фотографии. Выбираем в инструментах самый первый: «прямоугольная область» и выделяем с его помощью изображение, которое собираемся внедрить в основную фотографию (или выделяем только его часть).
Потом выбираем уже знакомый вам инструмент «перемещение» и перетаскиваем выделенную область фото на второе изображение.
Чтобы изменить размер того фото, которое мы наложили сверху, выбираем меню «редактирование» , далее «произвольная трансформация» и уменьшаем или увеличиваем размер до нужного. Готово, можно сохранять или распечатывать.
Если вас все-таки пугает Photoshop или вы просто не хотите его устанавливать, можно воспользоваться более простым графическим редактором – Paint.
С ним вам будет работать проще. Однако качество фото при этом может пострадать, особенно если вы будете менять размер фотографии .
Итак, открываем Paint, создаем новый документ, делаем его нужного размера с помощью стрелочек.
Можно сделать еще проще. Открываем сначала одно изображение, делаем его нужного размера, а сверху накладываем вторую фотографию.
Как видите, нет ничего сложного. Теперь вы обладатель вашего первого, пусть и очень простого, фотоколлажа.
Если вам нужно не просто совместить два фото, а сделать небольшую галерею из нескольких изображений, то есть способ, который упростит эту задачу. Для того, чтобы не добавлять в вашу галерею по одному изображению, а сэкономить время, нужно объединить их по два или по несколько сразу и потом перетаскивать в вашу галерею.
Проще это сделать в Фотошопе. Чтобы склеить большое количество фото в Paint, вам придется попотеть.
В Фотошопе изображение разделяется на слои, если вы накладываете два фото друг на друга, это будет два разных слоя. И если вы попытаетесь перетащить их в другой файл, их нужно будет перетаскивать по одному. Для упрощения задачи нужно слить эти слои. Для этого нажмите меню «Слой» и далее «Выполнить сведение» . И тогда две или несколько фото объединяться в одно.
Конечно, проще поручить эту задачу специалисту, например, заказать красивый коллаж в фотосалоне. Он будет выполнен качественно. Но если вы сделаете его самостоятельно, с любовью, пусть и не очень качественно, то вы, скорее всего, получите больше радости и удовлетворения.
И когда кто-то спросит: «Какая красота! Где заказывали?». Вы с гордостью сможете ответить: «Это моя работа!»
Итак, мы имеем два совершенно независимых, не имеющих ничего общего между собой документа. Я хотел бы совместить фотографии из этих документов в один. Давайте рассмотрим несколько простых способов это сделать.
Способ 1: Перетаскивание (Drag and Drop)
Простое перетаскивание изображения из одного документа в другой - самый простой и наиболее распространенный способ перемещения изображений между документами в Photoshop. Осуществляется он с помощью инструмента "Перемещение" (Move Tool), который находится в самом верху панели инструментов:
При активном Move Tool, щелкните левой клавишей мыши по фотографии, которую вы хотите переместить, и удерживая клавишу нажатой, перетащите её в окно документа другой фотографии. Когда вы отпустите кнопку мыши, фотография переместится в другой документ. Я перенесу фото с каплями в документ с лицом женщины. Вот что у меня получилось:
Заметим, что Photoshop просто "уронил" перемещаемую фото в то место, где я отпустил кнопку мыши. Такой результат не очень хорош. Лучше перемещать фотографию с помощью Move Tool, предварительно зажав клавишу Shift. Переместите фото, отпустите клавишу мыши, и только потом отпустите клавишу Shift. Зажатая Shift даёт команду Photoshop разместить перемещаемое изображение в центре документа.
Отменим предыдущий шаг, нажав Ctrl+Z и снова попробуем перетащить фото, на этот раз удерживая Shift. Теперь фото с каплям воды разместилось по центру документа:
Способ 3: Скопируйте и вставьте (Copy And Paste)
Еще одним способом перемещения изображений между документами является стандартный метод "копировать-вставить", в народе именуемый "копипастой". Этот способ знаком любому пользователь компьютера.
Отличие его заключается в том, что перед копирование надо выделить документ с помощью Ctrl+A. Кроме того, выбрать всё изображение можно, если кликнуть по вкладке главного меню Выделение --> Всё (Select --> All). При выделении всего изображения, по периметру всего изображения появятся "марширующие муравьи".
Итак, шаги, необходимые для перемещения изображения из одного документа в другой:
- Нажимаем на перемещаемый документ для его активации
- Выбираем все пиксели изображения, нажав Ctrl+A или вкладка Select --> All
- Копируем изображение, нажав Ctrl+C
- Кликаем мышкой по целевому документу, т.е. по тому, в который мы будем вставлять изображение
- Нажимаем Ctrl+V
Ну и напоследок, давайте смешаем два наших изображения. Как Вы помните. у нас фото с каплями находится над фото с женщиной.
Для того, чтобы получить фотомонтаж - эффект лица женщины через стекло с каплями дождя - надо всего лишь применить к верхнему слою с каплями режим наложения "Мягкий свет" (Soft Light). Вот что у нас получилось в результате:
Итак, теперь мы знаем три способа совмещения фотографий в одну, и как сделать простой фотомонтаж с помощью изменений режимов наложения!
23.06.2015 27.01.2018
Урок по фотошопу в котором вы узнаете как соединять несколько фотографий в одну, используя программу фотошопа. На самом деле все очень просто и я специально для вас написал этот подробный пошаговый инструктаж.
Мы будем составлять такую композицию из фотографий. Здесь 6 фотографий соединены в одно изображение.
- Конечно, это уменьшенная копия, специально чтобы уместилась на сайте показать для примера.
- Конечно, поняв всю суть метода, вы сможете создавать свои коллажи и шаблоны. Размещать фотографии как угодно, где угодно и сколько угодно в одном изображении.
С чего начать? С планирования. Большинство пользователей фотошопа чтобы создать такой небольшой коллаж делают много лишних действий. Как обычно это происходит — на глаз раскидают фотографии по рабочему полю, тут уменьшат, там уменьшат, тут подрежут, там подрежут и так далее. Я стараюсь так не работать, чтобы экономить своё время и повышать производительность.
Поэтому для начала нужно подготовить шаблон. Что это даст? Во первых, вы сразу и с точностью сможете расположить фотографии по задуманному шаблону. Во вторых, при необходимости вы быстро и с легкостью сможете вставить новые другие фотографии используя шаблон. По моему, плюсы очевидны.
Создайте новый документ в фотошопе размером 989х676 пикселей.
Кроме того, сразу откройте все 6 фотографий которые вы будете использовать в фотошопе. Вы увидите, что все они открылись в разных вкладках. Оставьте включенную вкладку нового созданного документа, где мы будем создавать шаблон. Всего получится 7 вкладок.
Теперь будем создавать места для фотографий. Мы будем использовать инструмент Прямоугольник (Rectangle ), его можно найти на панели инструментов слева.
Используйте любой цвет для прямоугольника, лишь бы не цвет фона, чтобы не сливался.
Расположите первый прямоугольник на изображении. Здесь вы можете сделать, собственно на глаз, его длину, ширину и место расположение на рабочем поле. Но постарайтесь придерживаться той схемы которую мы задумали в самом начале.
Первый прямоугольник это главная большая фотография. Я обозначил границы изображения в виде рамки, чтобы вы понимали как я расположил прямоугольник на белом фоне.
Таким же методом рисуем остальные прямоугольники.
Как видите я их расположил на одинаковом расстояние друг от друга, чтобы было все ровненько и красиво.
Располагайте прямоугольники не обращая внимания на пустые участки изображения которые остаются в разных местах. После того как вы расположите все прямоугольники как задумали вы можете обрезать изображение (рабочее поле) от ненужного — используя инструмент Рамка . Найти его можно также на панели слева.
Список слоев будет выглядеть так:
Теперь будем добавлять фотографии.
Переходим во вкладку с любой фотографией, выделяем её всю с помощью инструмента Прямоугольная область или же просто нажав CTRL+A . Нажимаем CTRL+C чтобы скопировать в буфер обмена.
Переходим во вкладку с нашим шаблоном и выбираем в слоях слой с тем прямоугольником вместо которого мы хотим вставить фотографию. В данном случае это самый большой прямоугольник. Нажимаем CTRL+V и фотография вставиться на новый слой который будет выше прямоугольника — это важно.
Теперь правой кнопкой мышки щелкаем на слой с фотографией и выбираем Создать обтравочную маску.
Создалась обтравочная маска из фотографии и она действует на слой ниже. А слой ниже это наш прямоугольник. Что это значит? Это значит, что фотография будет отображаться только в границах прямоугольника.
Вот как это выглядит на данный момент.
Осталось только уменьшит в масштабе фотографию, чтобы было видно её всю. Это можно делать в режим обтравочной маске, никакого сбоя не произойдет.
Что нужно сделать. Выбрать слой с фотографией и нажать CTRL+T — так мы сможем трансформировать фотографию.
Появились квадратики по границам фотографии — за них мы тянем мышкой и фотография будет уменьшаться. Например с зажатым SHIFT тянем за нижний квадрат по диагонали вверх, фото будет уменьшаться пропорционально.
.jpg)
Уменьшаем фотографию и перемещаем немного наверх, так чтобы фотография была максимально отображена в видимой области.
Жмем ENTER и первая фотография готова.
Таким же методом сделайте все остальные фотографии. Выбирайте прямоугольники, вставляйте на новый слой фотографии и делайте обтравочные маски, после этого корректируйте размер фото. Все как с этой фотографией.
Постепенно вы сделаете все фотографии. Тем самым мы выполнили задачу поставленную ранее — соединили несколько фотографий в одно изображение. Тем самым создали собственный простенький коллаж из фотографий.
Вы можете скачать шаблон PSD этой работы. Чтобы посмотреть как все устроено.
