Как наложить одну фотку на другую. Как наложить изображение на изображение
Вариант 1: IMGonline
На сайте можно работать с картинками любого формата. Обе картинки, следует загрузить на сервер, а затем выбрать, каким способом будет осуществлено наложение, и подождать выполнения.
1. Заходим на сайт IMGonline . Осуществляем загрузку необходимых файлов на сайт, нажав на кнопку «Обзор».
2. Затем определяемся с параметрами наложения и производим настройку прозрачности второй картинки. Если нужно, чтобы изображение просто были сверху другого, то прозрачность ставим на «0».
3. Подгоняем по параметрам одну картинку под другую.
4. Определяемся с местом расположения второго изображения относительного первого.
5. Полученный файл настраиваем по параметрам (формат и процент прозрачности).
6. Нажимаем на кнопочку «Ок», чтобы осуществить автоматическую обработку.
7. Преобразованную картинку можно посмотреть прямо в браузере или сохранить ее себе на компьютер.
Вариант 2: Фотоулица
Онлайн-сервис на русском языке. Интерфейс приятный и простой. Накладывать одно фото на другое можно не только скачанные, но и просто из Интернета (указав на них ссылку).
1. Заходим на сайт Фотоулица . Нажимаем на «Открыть фоторедактор» (кнопка размещена на главной странице сайта).
2. Открывается окно редактора.
3. Клацаем на кнопку «Загрузить фото», а затем на «Загрузить с компьютера».
4. На боковой панели, которая появится, можно изменить размеры первого изображения.
5. Затем снова нажимаем на «Загрузить фото», чтобы добавить вторую картинку.
6. Сверху первой картинки будет наложена вторая. Следует подогнать ее под размеры первой на левом боковом меню (описано в пункте 4). Отправляемся на вкладку «Добавить эффекты».
9. Нажимаем на необходимый вариант и клацаем на кнопку «ОК».
10. Определяемся с размером картинки, убираем или же оставляем логотип сервиса. Дальше начнется процесс монтирования и сохранения картинки. При выборе «Высокого качества» придется подождать. Пока загрузка не закончится, не стоит закрывать окно браузера.
Вариант 3: Фотошоп Онлайн
Есть возможность соединять только отдельные элементы картинки. Функционал сервера напоминает приложение Фотошоп.
1. Заходим на сайт Фотошоп Онлайн . В окне, которое появится, нажимаем на кнопку «Загрузить фото с компьютера».
2. Добавляем вторую картинку – заходим в меню «Файл», клацаем на «Отрыть изображение».
3. На появившейся левой боковой панели выбираем инструмент «Выделение». На второй картинке определяемся с областью наложения. Переходим в меню «Редактировать» и нажимаем на «Копировать».
4. Второе окно теперь можно закрыть (сохранять изменения не нужно). Переходим на главную картинку через «Редактирование» и «Вставить». Добавляем на изображение второе фото. Затем в меню «Слои» нажимаем на тот, который будем делать прозрачным.
5. Нажимаем на «Параметры» в меню «Слои» и выбираем необходимую прозрачность второй картинки.
6. Получившийся результат сохраняем. Нажимаем на «Файл» и «Сохранить».
Этот урок Фотошопа будет на редкость простым, а на его выполнение вам даже в первый раз понадобится не более 5 минут. В нем мы научимся гармонично совмещать вместе две фотографии.
1. Как обычно, первым дело, подбираем подходящие снимки (или просто картинки, совершенно необязательно, чтобы это были именно «живые» фотографии). Свое предпочтение мы отдали вот этим изображениям.
Лучше если они будут одинакового размера.
2. Обе картинки открываем в Фотошопе одновременно, каждую в своем окне.
3. Теперь с помощью инструмента «Перемещение» (его, кстати, можно не только выбрать на панели инструментов, но и вызвать нажатием клавиши «V» на клавиатуре) накладываем один снимок на другой. Просто подцепляем курсором картинку, которая будет поверх, и тащим ее, не отпуская левую кнопку мыши, на ту, что будет снизу.
Перемещенную картинку устанавливаем точно в границы нижней.
4. Вызываем окно слоев (кнопка F7). Слой наложенного фото (с лесным домиком в нашем случае) должно оказать сверху. Добавляем ему слой-маску нажатием соответствующей кнопки.
Создание фото сегодня стало достаточно простым процессом, а теперь еще и профессиональной обработкой фотографий сможет заниматься любой желающий. Программа фотошоп онлайн - это удобный сервис для обработки и коррекции фотографий, изображений и клипартов. Программа довольно простая, все управление производится на интуитивном уровне, но самое главное - конечный результат работы сможет восхитить любого, ведь здесь все зависит от фантазии и мастерства пользователя. Фотошоп онлайн очень похож на популярный графический редактор Adobe Photoshop, панель управления и логика работы идентичны, но главным плюсом онлайн-редактора является то, что он не требует специальной установки на компьютер и серьезных мощностей, все работы можно выполнить непосредственно в браузере, что очень удобно для непрофессионалов, работающих на обычных нетбуках, планшетах и прочих устройствах.
Инструкция по работе редактора Фотошоп онлайн:
Для того, чтобы начать работать в программе фотошоп онлайн, необходимо ознакомиться с основными элементами управления. Отметим, что большинство кнопок и пунктов меню повторяют обычный фотошоп, поэтому, если у вас уже есть опыт работы с данной программой, то вы легко разберетесь и с его онлайн версией.
Итак, надпись "Главное меню" указывает на основное меню, которое позволяет открыть документ, сохранить его, а также выполнить всевозможные команды по применению фильтров и прочих эффектов.
Пункт "Файл" выполняет стандартные функции: создать новый документ, открыть, сохранить, печать, завершить и так далее. Удобно то, что в данном меню есть пункт "открыть с URL ", что позволяет открыть изображение, не загружая его себе на компьютер, а работая исключительно в браузере.
Думаем, что работа с этой частью меню не вызовет больших затруднений, так как каждый пункт меню означает конкретное действие, понятное любому пользователю, но тем не менее, расскажем коротко о каждом из них и какие возможности у данных пунктов есть:
Новый: данный пункт создаст чистое изображение, т.е. пустой холст. Вам предлагается указать размеры пустого изображения в пикселях, а также указать свойство прозрачности холста.
Открыть: стандартная функция открытия изображения с Вашего компьютера. Выбрав данный пункт, откроется стандартное окошко, в котором Вам необходимо выбрать файл для загрузки в фотошоп онлайн и редактирования.
Открыть с URL: отличительная особенность данного пункта что картинку загружаете не со своего компьютера, а из сети, указав ссылку на изображение. Изображение автоматом будет загружено по указанной ссылке в онлайн фотошоп.
Печать: выбрав данный пункт, Ваше изображение будет распечатано.
Закрыть: пункт закрывает текущее окно в котором производится редактирование изображения, в случае если Вы забыли сохранить Ваше изображение, то фотошоп онлайн предложить это сделать. Онлайн фотошоп продолжит работать и не закроется.
Завершить: работа редактором онлайн будет завершена. Закроется текущее окно или вкладка браузера. В случае, если Вы забыли сделать сохранение изображения, онлайн редактор предложит это сделать перед закрытием.
Следующий пункт меню, требующий детального рассмотрения, - это пункт "Правка", позволяющий редактировать выбранное изображение:
Данный пункт содержит очень важные составляющие: инструменты "Отмена последнего действия" и "Повтор последнего действия". В фотошоп онлайн эти инструменты также можно выбрать при помощи горячих клавиш, аналогичных обычному фотошопу. Сочетание горячих клавиш указано справа от соответствующего пункта в меню. Также можно воспользоваться инструментом "История", который позволит удалить давно совершенную манипуляцию, для этого ее только необходимо выбрать и переместить в корзину.
Работа с фото предполагает частые изменения произведенных действий, ведь применение любого эффекта может привести к не тому результату, которого добивался редактор фото. Особенно отмена действия бывает удобной и необходимой во время образки фото и удаления заднего фона.
При работе с изображением также могут понадобиться инструменты "вырезать", "копировать", "вставить", они также находятся в меню "правка". Часто этими инструментами пользуются во время дублирования какой-либо части изображения или, наоборот, удаления ненужных деталей.
Инструмент "свободное преобразование" делает возможным поворот изображение, его увеличение или уменьшение, как пропорциональное, так и хаотичное. Зажав клавишу Shift, вы сможете изменять размер картинки или ее отдельной части пропорционально каждой стороне, клавиша Alt делает возможным изменение пропорций картинки, а также ее искажение. Это очень полезный и нужный инструмент в программе фотошоп онлайн , его использование открывает большие возможности во время редактирования фото или картинок.
Пункт меню "Изображение" позволяет редактировать параметры изображения: его цветовое значение (градации серого, CMYK, RGB и так далее). Отметим, что значение CMYK обычно используется при работе с полиграфической продукции, которую печатают типографии, значение RGB соответствует любому цветному фотопринтеру. Отображение цвета при печати во многом зависит от выбранного значения, поэтому прежде, чем отправлять изображение на печать, ознакомьтесь с каким цветовым значением работает ваш принтер. Кроме этого, большинство мониторов настроены на отображение RGB.
Размер изображения также можно менять при помощи редактора Фотошоп онлайн. Здесь можно обозначить не только высоту и ширину изображения, но и установить необходимое значение пикселей. Для использования фото в Сети его размер не должен превышать 600-800 пикселей, так как слишком тяжелые фото могут не приниматься многими интернет-хранилищами, социальными сетями и прочими ресурсами. Кроме этого, при недостаточной скорости Интернета большие фотографии могут грузиться очень долго. Очень важным параметром, особенно при работе с типографиями, является значение dpi, которое в идеале должно составлять 300, но для любительской обработке фото это значение почти неважно. Вообще, следует отметить, что в глубоких настройках размеров и значения цвета не стоит копаться, если вы не уверены в том, что вы делаете. Для редактирования фото для соцсетей и интернета эти значение почти неважны.
Пункт "Вращение изображения" дает возможность отразить фото по горизонтали или по вертикали, повернуть его на 90, 180 градусов. Это бывает необходимо при создании коллажей или для того, чтобы выровнять линию горизонта при неудачно сделанном фото (обычно такое случается, если работаешь без штатива).
"Слой" - это следующий рассматриваемый пункт главного меню:
Что за зверь: слой в фотошопе?
Те, кто хотя бы немного знакомы с принципами работы онлайн или привычной программы фотошоп, конечно же, знают и о существовании слоев. Для тех же, кто работал в редакторе изображений, этот инструмент является одним из самых важных. Ведь именно благодаря слоям мы можем работать отдельно с различными параметрами изображения (яркостью, цветностью, насыщенностью, четкостью и т.п.), не меняя при этом не только остальных параметров, но и исходного изображения.
Давайте попробуем разобраться в вопросе подробнее и рассмотрим, принцип, лежащий в основе инструмента «Слои» в программе фотошоп онлайн.
Слой можно сравнить с тонкой калькой или прозрачной бумагой, которая находится над изображением. На каждой из таких «калек» содержится определенная информация. К примеру, одна из них темная, она уменьшает яркость. Если вместо темной кальки положить светлую (в терминах фотошопа – сделать корректирующий слой ярче), то видимая нами картинка также станет ярче. При этом исходное изображение, лежащее под слоем-калькой, никак не измениться.
Слоев, которые перекрывают изображение, может быть несколько и каждый из них будет выполнять свою функцию. Изменяя их расположение относительно друг друга, регулируя их свойства, условия наложения и другие параметры, можно менять вид изображения.
Также фотошоп онлайн предлагает пользователям специальные свойства слоев: корректировку, заливку, изменение стиля. Все эти параметры позволят быстро добиться нужных результатов.
Для одних типов работ может хватить и 1-2 слоев, для других нужно быть готовыми оперировать и десятками вспомогательных изображений. Каждый слой можно менять, сохранять или удалять за ненадобностью.
На изображении ниже показано как выглядит окно «Слои», в нем отражаются все доступные для работы «кальки».
Для изменения расположений слоев относительно друг друга есть специальный инструмент. Также опционально можно изменять прозрачность, насыщенность, делать слои видимыми или невидимыми, копировать и удалять. Чтобы скрыть слой, не удаляя (сделать невидимым) нужно нажать «галочку», которая есть рядом с каждым из них. Параметр «видимость» часто применяют в тех случаях, когда текущий слой мешает дальнейшей редакции изображения.
В фотошопе онлайн, так же, как и в привычном нам продукте Adobe, есть опция «Стиля слоя». С помощью него вы сможете менять вид изображения. Сейчас доступны следующие режимы: тень (внутренняя или внешняя), скос, свечение (внутреннее или внешнее).
«Коррекция» – важное меню для профессионалов и любителей:
Если вы хотите завязать тесное знакомство с этим редактором фотографии, или, тем более, подружиться, то изучить особенности работы пункта меню «Коррекция» - просто необходимо.
Здесь находятся одни из важнейших настроек изображения: яркость, насыщенность, цветность, палитра RGB, с помощью которой вы отдельно будете изменять яркость, оттенок и насыщенность каждого из основных цветов.
В этой вкладке есть и настройки, которые понравятся начинающим редакторам фото, благодаря которым вы сможете легко сделать из изображения негатив, старое фото (сепиа и ч.б.), изменить общий тон картинки. Также для новичков, которые не знают как правильно откоррективровать фотографию, есть режим «Автоуровни». В таком случае все вопросы освещения программа решит за вас.
Также для обработки изображения и создания специальных эффектов можно воспользоваться параметром «Фильтр». Здесь вы сможете найти большой выбор автофильтров, которые придадут вашему фото интересные эффекты. Поэкспериментируйте – результат обязательно понравится вам!
Кроме изменения цвета, фильтры помогут размыть или наоборот сделать изображение более четким, очень популярен и параметр «Растр». Впрочем, рассказывать о каждом из них – дело неблагодарное, здесь лучше попробовать все самому и найти собственные оригинальные решения обработки фото.
Сделать работу в онлайн фотошоп удобнее: панели «Вид», «Обзор» и «Язык»:
Итак, будем последовательны и начнем знакомство по порядку – вкладка «Вид». Она поможет работать со всем изображением или его частью и отразит то изображение, которое вы видите в основном окне редактора. С помощью панели вы можете добавлять или убирать инструменты с экрана. Они будут появляться или исчезать слева и справа от изображения.
Также поможет изменить вид основного окна и панель «Обзор», которую стоит искать в верхнем правом углу редактора. По многим функциям панель «Обзор» похожа на вкладку «Вид». На картинке ниже вы можете увидеть, как выглядит эта панелька в .
Для чего нужно окошко "Обзор" ?
С помощью «Обзора» можно быстро уменьшить\увеличить изображение или его часть. Сделать это можно с помощью ползунка или, указав требуемые размеры в пикселях, в специальном окне.
Увеличивать изображение можно ползунком, плавно его перемещая при помощи мыши, но можно и сразу указать в пикселях размер изображения.
Последний пункт меню, как явно следует из его названия – «Язык» - отвечает за то, на каком языке будет разговаривать программа. С ее помощью легко изменить язык интерфейса на английский или любой другой из возможных. Вот так выглядит эта вкладка:
Данный пункт позволяет Вам сменить язык интерфейса онлайн редактора.
В одно касание, без перезагрузки окна браузера, интерфейс сменит язык на выбранный Вами.
В левой части экрана программы онлайн фотошоп можно найти и еще одного помощника – панель инструментов, без которой трудно представить себе дружбу с этой программой. Здесь находятся основные нужные для работы инструменты:
- рамка, которая поможет быстро обрезать изображение до нужного размера;
- лассо, с помощью которого легко выделить фрагмент изображения;
- штамп – близкий друг ретушеров, который позволяет перенести один маленький кусочек изображения в другое место;
- карандаш и кисть для рисования;
- палитра цветов;
- инструмент для работы с надписями и текстами;
- точечные размытие и резкость;
- "умная" пипетка, которая поможет быстро определить цвет в любой точке картинки
- ластик
А также множество других полезных инструментов, с которыми вы обязательно подружитесь во время работы
Работа программе Фотшоп онлайн очень похожа на работу в популярном фоторедакторе, но главным его преимуществом является то, что он не требует инсталяции на компьютер и привязки к какому-то конкретному месту, очень удобно, что все работы можно сохранять как на жестком диске своего компьютера, так и на виртуальном диске. созданном в сети Интернет.
Работать в программе Фотошоп онлайн гораздо проще, чем в обычном фотошопе, хотя при этом в ней остаются все необходимые функции, фильтры и инструменты для работы. Здесь главное - разобраться с каждым инструментом и понять логику слоев, применения фильтров, кистей и так далее.
Хорошего настроения, побольше новых идей и вдохновения!
Как объединить две фотографии или вставить вырезанную часть одного изображения в другое задача простая для всех, кто немного знаком с фотошопом. Но, во-первых, не все умеют работать в программе Adobe Photoshop, во-вторых, и опытные пользователи не всегда умеют наложить одно изображение на другое хорошо. Рассмотрим несколько вариантов соединения нескольких картинок в одно изображение.
В этом примере картинки маленького размера наложены целиком, как они есть, на изображении побольше, которое служит фоном. Каждая маленькая картинка расположена в отдельном слое и частично перекрывает слои, которые располагаются ниже.
Как это делается? Нужно открыть в фотошопе все нужные фотографии. В зависимости от версии Photoshop у вас будут видны в окне программы несколько окон с картинками, несколько вкладок или в верхней части окна рядом с меню вот такая кнопка с открывающимся меню.
В меню выбираете кнопку с изображением 2, 3, 4 горизонтальных или вертикальных окон и видите сразу выбранное Вами количество картинок.
Изображения накладываются полностью, поэтому переходите в окно с той маленькой фотографией, которую первой будете накладывать на фон. В панели слоев видите один только фоновый слой с этой картинкой. Мышкой тянете этот слой в другое окно на картинку с фоном. Щелкаете на изображении с фоном, оно становится активным, и в панели слоев вы видите уже два слоя – фоновый и над ним слой с маленькой картинкой. Точно так же перетягиваете на фоновый слой другие картинки и располагаете их в нужном порядке.
Что делать, если вставляемое изображение слишком большое или слишком маленькое? Нужно его увеличить или уменьшить. Для этого щелкаете на слое с вставленной картинкой, выбираете в меню Edit (Редактирование) > Free Transform (Свободная трансформация) или нажимаете сочетание клавиш CTRL+T и тянете за маркеры или поворачиваете вставленное изображение.
Вставка в изображение фрагмента из другой картинки
Гораздо чаще нужно вырезать только часть одной фотографии и наложить этот фрагмент на другую фотографию. Такие композиции из частей разных изображений называют фотомонтаж или фотоколлаж.
Открываете изображение, из которого будете вырезать, выделяете любым подходящим инструментом выделения требуемый фрагмент, копируете Edit (Редактирование)> Copy (Копировать), затем переходите в основной документ и вставляете скопированную часть изображения Edit (Редактирование)> Paste (Вставить). Вставленный фрагмент располагается в отдельном слое и размеры его можно изменить так, как вам нужно.
Основная сложность в этом случае состоит в том, чтобы качественно выделить нужную часть из картинки. Чтобы избежать проблем с выделением часто используют изображения из коллекций клипарта – картинки на прозрачном фоне, или изоляты – предметы на белом или черном фоне. Однородный фон легко выделить волшебной палочкой и удалить.
Не забывайте, что фотомонтаж должен выглядеть реалистично, поэтому выполняйте
Плавный переход одного изображения в другое
В некоторых случаях нужно сделать так, чтобы одно изображение плавно переходило в другое или какая-то часть картинки становилась прозрачной, и сквозь нее был виден фон.
Чтобы наложить одну картинку на другую в программе Photoshop открывают обе исходные фотографии и перетягивают слой из одного открытого изображения в другой документ. Верхний слой делают полупрозрачным (на панели Layers (Слои) параметр Opacity (Непрозрачность) уменьшают до 50-60%) чтобы видеть сквозь него нижний и перемещают на каждом слое изображение так, чтобы части будущего вашего творения хорошо компоновались друг с другом.
Если нужно сделать быстро и высокого качества не требуется, можно использовать мягкую резинку – инструмент Eraser (Ластик) для быстрого стирания части слоя. Инструмент Brush (Кисть) задает размер, форму, плотность, жесткость для резинки, поэтому в настройках кисти обязательно должен быть установлен параметр Hardness (Жесткость) равным 0, на панели параметров кисти Opacity (Непрозрачность) установите значение 20-30%.
Резинкой сотрите в нужных местах части верхнего изображения и, когда закончите, для этого слоя верните параметр Opacity (Непрозрачность) 100%. Слой станет непрозрачным, но те места, где прошлись резинкой будут полностью или частично прозрачными.
Если нужно хорошее качество, лучше применить маску слоя. В отличие от резинки, маска не изменяет основного изображения, а только скрывает некоторые его части. Маску можно отключить или удалить без всякого ущерба для основного фото.
Чтобы добавить маску перейдите в слой с верхней картинкой и внизу панели Layers (Слои) нажмите кнопку Add Leyer Mask (Добавить маску слоя).
На панели инструментов Photoshop установите цвета черный и белый (основной и фоновый). Выберите инструмент градиент, в настройках градиента установите переход от черного к белому. Кликните мышкой на маске, чтобы сделать ее активной, и создайте градиентный переход в области, где перекрываются ваши картинки. Край верхней картинки станет прозрачным. Ближе к середине прозрачность уменьшится.
Чтобы добавить реалистичности изображению выберите мягкую кисть, убедитесь, что маска активна и дорисуйте в маске черные и белые области. Помните, что в маске черным цветом следует рисовать там, где нужно скрыть часть слоя, а белым там, где открыть какую-то область.
Напоследок два простых способа плавного перехода изображения в фон.
1 способ. Картинку разместить поверх фона и добавить к этому слою маску. В этом примере маска создана с помощью градиентной радиальной заливки. Важно, чтобы маска полностью скрывала края картинки, тогда не будет виден переход от изображения к фону.
2 способ. Выделяем нужную область в изображении, выполняем команду меню Select (Выделение) > Modify (Изменение) > Feather (Растушевка).В открывшемся окне нужно установить в поле Feather (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!
После этого скопируйте выделенную растушеванную область и вставьте на подходящий фон. Края вставленного фрагмента будут полупрозрачными, причем прозрачность у края будет больше.
Как пользоваться фотомонтажом?
1. Открой Fotor и выберите пункт "Фотомонтаж" в разделе Коллаж.
2. Загрузить фоновый снимок или выберите один из наших фоновых узоров или цветов.
3. Добавь одну или несколько фотографий, которые вы хотите сопоставить и перетащите их на фон. (Обратите внимание, что когда вы нажимаете на панель инструментов, должно появиться большое меню с огромным количеством опций, их можно использовать для настройки и коррекции изображения).
4. Во всплывающей панели инструментов используй инструмент "Тёрка", чтобы удалить с фотографии элементы, которые не должны оставаться на фоне.
(ПРИМЕЧАНИЕ: Вы можете настроить "Интенсивность", а также "Размер" в "Тёрка". Если вы сделаете ошибку при использовании, нажмите кнопку "Сброс".)
