Давно мечтаете научиться вырезать объекты из фотографий и вставлять их в другие кадры? Хотите создавать прикольные картинки для соцсетей? Проявляйте фантазию и составляйте ваши собственные уникальные изображения с Фоторедактором Movavi. Программа идеально подойдет, даже если вы никогда не редактировали снимки. Вам не придется разбираться часами, чтобы сделать наложение фото на фото. Получайте креативные кадры за несколько кликов и делитесь своими шедеврами с друзьями.
В этой пошаговой фотоинструкции вы узнаете:
Как вставить картинку на картинку
С Фоторедактором Movavi вы легко сможете добавлять целое фото на фото или вырезать и переносить объект с одного изображения на другое. Совмещайте снимки себя с любимыми актерами. Помещайте домашних животных на оригинальный фон. Добавляйте фирменный логотип, чтобы все знали автора снимка. Друзья и родные будут в восторге от ваших необычных фотографий. Все, что вам нужно, – это скачать версию программы для Windows или Mac и следовать инструкции ниже.
И так, открываем картинки в ФШ:
Файл
- Открыть
В окне Слои снимаем замочки.
Вырезаем
объект с помощью инструмента Перо
(см. урок № 13) , увеличьте для удобства картинку инструментом Лупа
или Ctrl ++
, Ctrl --
уменьшить
Закончив обводить:
Растушовка
для маленьких объектов 1пикс. , побольше - 2пикс.
Объект выделился пунктирной линией. Далее жмём Ctrl+C
- это скопировали объект в буфер обмена, кликаем на фон и жмём Ctrl+V
- вставить объект и инструментом Перемещение
расположите объект, как вам надо. С помощью Свободной трансформации Ctrl+T
- придайте объекту нужный размер
Осталось подрегулировать Яркость/Контрастность, Цвет и т.д. что бы объект вписался в фон.
Для этого идём: Изображение
-Коррекция
Теперь сохраняем: Файл
- Сохранить для Web
в формате JPEG
Вот что получилось
Часть II
Добавление людей с других фотографий
Часто возникает ситуация, когда фотографируясь в дружной компании кто-то не попадает в кадр (например сам снимающий). Ну или отлучился кто-то в этот момент в туалет, или спит уже на полу, но зато он есть на каких-то других фотографиях и мы желали бы добавить его в общую фотографию. Короче говоря из нескольких таких фотографий:
Получить вот такую:
Для этого в Photoshop открываем все эти картинки, на каждой вырезаем
нужного нам человека и переносим
на общую картинку (как это делается рассмотрено в предыдущей части).
Поскольку размеры людей на разных фотографиях почти наверняка будут различаться (если только все это не снималось с одной точки), то понадобиться подкорректировать размеры.
Для этого воспользуемся Свободным трансформированием
Ctrl+T и подгоним размеры на каждом слое
Не забывайте сохранять пропорции
. Для этого процентные соотношения по ширине и по высоте должны быть равны: Зажимаем клавишу Shift , за уголок тянем по диагонали, сначала отпускаем мышку, потом клавишу Shift .
Теперь для большего правдоподобия осталось подкорректировать цвет и яркость отдельных людей. Это делается в меню Изображение
-Коррекция-Яркость/контрастность
и Цветовой баланс
Часть III
Здесь приведу пример как вырезать более сложные объекты
Например: волосы
, деревья
, перья
и т.д.
Как видите на этой картинке сложно будет вырезать волосы При использовании инструментов ластик или лассо Вырезанные волосы получаются неестественные, но есть способ очень быстрый и эффективный!
Как и большинство инструментов для выделения лучший результат будет, если у вас темные волосы на светлом фоне
. Ну что же давайте учиться.
Не забываем в окне Слои снять замочек.
Выбираем инструмент для выделения: Кисть
-размер 1500 пикселей (вы можете взять гораздо меньшее число), мягкая с размытыми краями
Далее идём Фильтр
-Извлечь
Откроется окно, и инструмент для выделения уже должен быть нажат (или сами можете выбрать, самый первый в панели слева). Начинаем выделять область, где необходимо вырезать волосы. Чем меньше размер кисти, тем более качественнее у вас получиться. Выделение у вас должно в итоге быть замкнутым
.
После того как вы закончили выделять контур и места с проблемными волосами, берем инструмент ЗАЛИВКА
и заливаем. 
Как видите каждый волосок обрезан аккуратно!
Дальше с помощью инструмента Перемещение
перетаскиваем картинку на Фон, с помощью Свободного трансформирования Ctrl+T
придаём нужный размер.
Не забывайте корректировать
цветность, яркость и т.д. Это делается в меню Изображение-Коррекция-Яркость/контрастность и Цветовой баланс
Сохраняем
: Файл-Сохранить для Web в формате JPEG .
В программе Photoshop есть очень много разный возможностей, которые можно реализовать за счёт разных инструментов. И, если дизайнеры и фотографы умело пользуются всеми функциями фотошопа, то рядовым пользователям ещё предстоит с ними познакомиться. Например, многих интересует вопрос: как в фотошопе вырезать изображение и наложить одно на другое ? Это абсолютно несложно, тем более в нашей статье мы покажем наглядно, как это сделать.
Как в фотошопе вырезать изображение
Итак, запускаем фотошоп. Для начала работы нам необходимо создать в программе несколько вкладок, которые будут содержать:
- Картинку, с которой будем вырезать определенное изображение
- Чистый холст
- Фон, на который хотим поместить вырезанное изображение
Вкладки делаются путём переноса файлов на панель вкладок, которые находятся горизонтально под параметрами. Напоминаю, что изображения не должны помещаться как слои.
Для того чтобы в фотошопе вырезать изображение и вставить на другой фон, сначала нам нужно его выделить. В качестве примера – хомяк на зеленом фоне. Контуры хомяка можно выделить двумя способами:
- С помощью инструмента «Быстрое выделение»
- С помощью инструмента «Магнитное лассо»
Оба эти инструмента находятся в панели справа. Чтобы их вызвать, нажмите правой кнопкой мыши на соответствующий ярлык.
Начнем с «Магнитного лассо». Когда вы выберете инструмент, на картинке появится магнитик. По контуру фигуры проводите им максимально точно, ставьте точки, не отходя от краёв. Если мышку повело, и линия зашла не туда, куда надо, тогда нажимайте «Backspace» (или Ctrl+Alt+Z) до тех пор, пока точка не дойдёт до места, где прервалось правильное выделение.
Кстати, если вам трудно работать с «Магнитным лассо», можно обойтись без него. Тогда воспользуйтесь только «Быстрым выделением» или «Волшебной палочкой».
Когда ваш объект будет полностью выделен точками, кликните два раза мышкой, появится пунктирное выделение объекта.
Иногда в фотошопе выделить изображение с точностью трудно, особенно если оно имеет прерывистые края (пальцы, уши, какие-то другие детали). Чтобы доработать края и труднодоступные места, воспользуйтесь «быстрым выделением» . Потом увеличьте картинку с помощью одновременного нажатия клавиши Alt и колёсика мыши. Этим же способом можно потом уменьшить.
Для удобства настраиваем размер нашего выделителя. В контур этим инструментом можно как добавлять какие-то части, которые не были захвачены, так и убирать, если они попали туда случайно.
После окончательного результата выделения мы копируем (Ctrl+C) объект и вставляем в пустой холст нажатием Ctrl+V. Сгладить контур можно с помощью ластика, выставив минимальную жесткость, сделать стирание рассеянным, чтобы максимально естественно создавались границы фигуры.
Как в фотошопе наложить одно изображение на другое
Чтобы в фотошопе наложить одно изображение на другое, мы копируем (Ctrl+C) наш заранее выделенный обрезанный из другого фона объект (то, что мы, собственно, проделали выше в статье) и вставляем на нужный нам фон, который уже давно ждёт в третьей вкладке.
Итак, у нас есть фон и есть слой с объектом (с хомяком). Работаем со слоем, где фигура. По желанию её можно отредактировать под этот фон. Для этого во вкладке «Редактирование » нажмите «Трансформирование» , а потом экспериментируйте. Меняйте масштаб, поворачивайте (при этом зажимайте Shift, чтобы сохранить пропорции), работайте с цветом и т.д. Если не понравилось – возвращайте прошлое состояние, нажав Ctrl+Alt+Z .
Вот и всё! Теперь вы знаете, как в фотошопе вырезать изображение и наложить одно на другое. В первый раз, конечно, что-то может показаться сложным. Не бойтесь нажимать на какие-то инструменты и работать с ними, всегда есть возможность вернуть исходный вариант.
Изучайте и всё у вас обязательно получится!
Вы дочитали до самого конца?
Была ли эта статься полезной?
Да Нет
Что именно вам не понравилось? Статья была неполной или неправдивой?
Напишите в клмментариях и мы обещаем исправиться!
Приветствую вас на страницах моего блога. Сегодня я расскажу вам несколько секретов. Редкий случай, когда в дизайне кто-то что-то создает. Все уже сделано и придумано. Вам остается только пользоваться благами цивилизации. Я покажу лучший способ создавать коллажи неземной красоты.
Ну а если вам захочется наложить картинку на картинку и использовать при этом свой творческий потенциал, то и для этого у меня есть небольшой совет. Не будем долго ходить вокруг да около. Начнем прямо сейчас.
Лучший способ для новичков
Любому начинающему дизайнеру хочется творить, создавать что-то свое. Это вполне логично и понятно. Именно для реализации своего собственного потенциала люди и подаются в творчество. Хотя, сказать откровенно, это не совсем верный подход к делу.
Когда начинающий кулинар пытается придумать свой собственный рецепт, в большинстве случаев получается не вкусно. Мы хорошо понимаем, что сначала нужно попрактиковаться на том, что уже кто-то создал за нас. Вариантов в интернете можно найти миллион с разной степенью сложности, количеством ингредиентов и так далее.
С дизайном, по-хорошему, все точно также. Первый способ создания своего коллажа идеально подойдет для новичков. Этот онлайн сервис поможет разобраться в структуре изображения, но и оставит небольшой разбег для фантазии. Его преимущество в том, что напортачить довольно сложно. Я говорю сейчас о сайте ru. photofacefun. com .
Здесь очень много инструментов для начинающих или тех, кто совершенно не собирается вникать в этот процесс, а просто хочет наложить одну картинку на другую. Я уже рассказывал о нем, когда мы делали .
Здесь также можно добавить красивую рамку, используя несколько редакторов вытянуть качество фотографии или придать ей неповторимый шик, а также в шаблон или добавить анимацию. Все это бесплатно, что придает сервису особое очарование.
Сейчас нас все это не интересует. Заходите на сайт и сразу же переходите в раздел «Инструменты» и находите в перечне коллаж.
Последний из предложенных инструментов, как раз, коллаж. Выбираем именно его.
В разделе Layout (макет, шаблон) вы можете выбрать метод расположения картинок. В зависимости от их количества.
При наведении на любой из квадратов на нем появляется синий крест. Щелкаете и добавляете иллюстрацию из файлов на компьютере.
При помощи настроек Spacing (расстояние) определяете ширину рамки вокруг картинки. Color (цвет) определяет ее оттенок. Для работы с цветом я предлагаю на первых порах пользоваться сервисом Color Scheme . Он поможет подобрать наиболее выгодные сочетания.
Roundness – скругление прямоугольных форм. Поможет сделать объект обтекаемым.
С такой настройкой как Proportions (пропорции) все и так понятно. Оно определяет ширину и высоту изображения.
Вариантов может быть много. Преимущество этого сервиса заключается в том, что вам не нужно думать как сделать красиво. Пользуетесь имеющимися шаблонами и все.
Для усовершенствования помогут схемы сочетаний цвета.
Онлайн Фотошоп – сложный и не очень
Наложить картинку на картинку легко и просто можно в фотошопе (). Про работу с программой я уже рассказывал, можете прочитать об этом . Сегодня просто поработаем в онлайн версии этой программы. Приложение есть и на ru. photofacefun. com , и на официальном сайте Pixlr. com . Обратите внимание, что если вы пользуетесь первым вариантом, нужно зайти в раздел «Редактор» и выбрать именно эту версию. Другие для создания коллажа не подойдут.
Вот так выглядит официальный сайт. В данном случае понадобится Editor. Кстати, результат вы также можете скачать бесплатно и без водяных знаков.
Первым делом открываете изображение. Можно выделить и загрузить сразу оба.
На передний план выставляете картинку, которую будете добавлять на другую. Далее пользуетесь сочетанием клавиш – Ctrl+A выделит изображение, а Ctrl+C скопирует в буфер обмена.
Теперь щелкаете по второй фотографии, на которую хотите добавить рисунок и нажимаете Ctrl+V — вставить.
В моем случае картинка перекрыла нижнюю. О том, что их две свидетельствует только вкладка «Слои».
Подсветка обозначает то, что вы работаете именно с верхним фото. Если вы щелкните по нижнему, то изменения будут применять к нему.
К сожалению, в онлайн версии излюбленное сочетание клавиш Ctrl+T (трансформирование) не работает. Зайдите в раздел «Редактировать» и выберите Free transform.
Можете спокойно работать с размером.
Если вас интересуют картинки с прозрачностью, вы хотите наложить объект на фон, то обращайте внимание на формат, в котором вы скачиваете рисунок. Он должен быть . Это особое расширение, края которого не видно.
Если вы мечтаете научиться создавать коллажи профессионально, то могу порекомендовать вам курс « ». Настоящая работа дизайнера предполагает именно создание коллажей. Они используются в рекламе, при работе над обложками, разработке сайтов, открыток. Всего.
Чем профессиональнее вы работаете над наложением картинок, тем больше шансов найти не просто приятное хобби, но и подработку. Этот навык может кормить вас постоянно. Всем нужны красивые, качественные фотографии: и для сайтов, и для частных целей.
Со временем вы можете придумать свою фишку, и получать заказы от клиентов через интернет. Ваш труд будет отличным подарком для любого человека. Сейчас популярны карты желаний, это такие рисунки, на которых изображено все, о чем может мечтать человек. Почему бы не зарабатывать на их продаже?
Простой вариант — Paint
Если вам просто надо наложить одно фото на другое, то можно воспользоваться и стандартным приложением от windows — paint.net. Мне не очень нравится этот вариант, так как возможностей для работы и редактирования мало. Решение нужно принимать сразу, но зато все произойдет быстро и безболезненно.
Так что, давайте я расскажу и о том, как вставлять картинки в Paint. Открываете меню «Пуск» и во вкладке «Стандартные» находите это приложение. Далее выбираете «Вставить из».
Открывать несколько фотографий сразу нельзя. Сперва идет первая (фоновая), затем снова «Вставить из» и добавляете вторую.
Самое неприятное, на мой взгляд, что работать с размерами нужно сразу, пока не исчезло выделение объекта.
Если вы захотите применить эту опцию снова, то перенести можно будет только все слои сразу. На месте переставляемого объекта останется только белый фон.
Ну вот и все. Если вы давно хотите прочитать статью на какую-то определенную тему, то оставляйте свои комментарии к этой статье или подписывайтесь на рассылку и мои новые публикации будут приходить сразу к вам на почту: как начать карьеру дизайнера, понять что вы готовы, сколько можно на этом заработать, где искать заказы и простыми способами создать себе очень красивый сайт.
Все проще, чем вы думаете. До новых встреч и удачи в ваших начинаниях.
Здравствуйте дорогие читатели блога сайт . Очень часто мне через обратную связь приходит много разнообразных и интересных вопросов, связанных с работой в графической программе гимп. И постоянно задают довольно таки простые и элементарные. Одним из самых популярных вопросов, является
И вот специально по просьбе трудящихся, для всех начинающих и не только, я публикую пошаговый урок, из которого вы научитесь накладывать одну фотографию на другую , с помощью встроенных возможностей фоторедактора.
Объявляю результаты конкурса , который прошел на 14 февраля. На картинке изображена актриса Джесика Альба, сыгравшая одну из главных ролей в фильме . И вот счастливчики, победившие в конкурсе:
I место
- Владимир — 50 рублей
II место
- Алексей — 50 рублей
III место
- Михаил — 50 рублей
Поздравляю победителей! С вами свяжусь по почте, для уточнения получения выигранных призов. И спасибо всем за участие.
Вернемся к уроку. В завершении, вы научитесь создавать вот такие красивые коллажи, которые состоят из нескольких фотографий.
Понравилось? Думаю да. Тогда приступаем к уроку.
Шаг 1. Скачивание и установка редактора.
Для начала хочу напомнить, что стабильную версию графического редактора гимп, вы можете скачать по ссылке в верхней части страницы.
Шаг 2. Как открыть первую фотографию
Теперь, когда вы поближе ознакомились с программой, приступим непосредственно к изучению способа, наложения одной фото на другую .
Для начала переходим в меню «Файл – Открыть» и в открывшемся диалоговом окне выбираем каталог, где у вас расположена первая фотография и открываем ее.
Шаг 3. Добавляем к первой фото вторую.
Теперь, когда у нас открыта в редакторе первая картинка, необходимо добавить на рабочий холст еще одну фотку.
Для этого переходим в меню «Файл – Открыть как слои» и также в открывшемся окне выбираем еще одну фотографию. Нажимаем ОК.
У нас должна получиться следующая картина.
Шаг 4. Расширяем рабочую область.
Нам необходимо увеличить рабочее пространство (размер холста), чтобы иметь свободу в своих действиях. Для этого переходим в «Изображение – Размер холста»
и вводим новые значения в поле «Ширина» и «Высота».
{xtypo_info}Нажмите на пиктограмму цепочки, чтобы отключить пропорциональное изменение размеров.{/xtypo_info}
{xtypo_info}Для каждого проекта эти значения будут разными. Все зависит от исходных фотографий, которые вы хотите наложить друг на друга.{/xtypo_info}
В нашем случае увеличим значения ширины до 1000 и высоты до 800 пикселей. Также в этом диалоговом окне можно расположить наши фотографии по центру, с помощью кнопки «Отцентрировать».
И нажимаем кнопку «Изменить размер» . Должно получиться так.
Шаг 5. Размещение фотографий на холсте.
Теперь, когда мы увеличили рабочее пространство, мы свободно можем перемещать снимки, как захотим. Делается это просто. На панели инструментов выбираем «Перемещение».
Для активации перемещения, просто щелкаем левой клавишей мыши по фото, которое необходимо передвинуть.
Расположим снимки, как показано на скриншоте
По умолчанию в настройках инструмента «Перемещение» стоит параметр «Выбрать слой/направляющую»
При переключении на второй параметр– «Переместить активный слой».
Все команды перемещения, будут доступны только тому слою, на котором вы находитесь в текущий момент, т.е. на активном слое в панели слоев.
Здесь же в настройках вы более точно можете задать, что конкретно вы хотите переместить – слой, выделение или контур.
Шаг 6. Зеркальное отражение.
Давайте на следующем шаге отобразим второю фото зеркально, для этого убедимся, что в панели слоев выбрана именно та фотография, которую мы хотим отразить.
Затем выберем инструмент «Зеркало»
и для его активации щелкнем один раз на рабочем пространстве.
Шаг 7. Кадрирование фотографии
Теперь, когда у нас фотографии расположены правильно на холсте, можно смело удалить неиспользованное пространство, а именно уменьшить границы холста до границ фотографий.
Для этого выбираем «Прямоугольное выделение»
и создаем выделение как на скриншоте
Получится так
Снимаем выделение через «Выделение – Снять»
Теперь увеличим границы слоя до размеров изображения. Для этого щелкнете правой кнопкой мыши по верхнему слою и из контекстного меню выберете пункт «Слой к размеру изображения». Аналогичную процедуру проделаем с нижним слоем.
{xtypo_info}О результативности этого действия будет увеличенная черно-желтая рамка{/xtypo_info}
(наведите курсор мыши на скриншот)
{xtypo_info}Да забыл еще сказать, необходимо добавить альфа-канал к каждому слою. Для этого нажмите правой кнопкой мыши по слою и выберете пункт «Добавить альфа-канал».{/xtypo_info}
Шаг 8. Увеличиваем контрастность первой фото
В панели слоев выбираем нижний слой, на котором находится первая фотография и нажимаем на пиктограмму «Создать копию слоя»
Теперь переходим в меню «Цвет – Цветовой баланс» и устанавливаем следующие параметры:
И нажимаем ОК.
Изменяем режим наложения слоя. Для этого щелкаем один раз по надписи «Нормальный» и в выпавшем списке выбираем пункт «Экран». Подробнее про режимы наложения вы можете почитать в этом .
Теперь нажимаем один раз по среднему слою правой клавишей мыши и в открывшемся контекстном меню выбираем «Объединить с предыдущим»
Шаг 9. Наложение фото на фото с помощью маски слоя.
Переходим на верхний слой. Так же, правой кнопкой мыши, вызываем контекстное меню и выбираем пункт «Добавить маску слоя»
{xtypo _info }Напомню! Чтобы установить новые кисти, вы должны их скопировать в пользовательский каталог кистей программы. Чтобы узнать, где находится этот каталог, перейдите в меню «Правка –>Параметры –> Каталоги –> Кисти» . В первой строчке будет указан путь до каталога.{/xtypo_info}
{xtypo_info}Для пользователей Linux : Пользовательские каталоги находятся в домашней папке. Но предварительно необходимо сделать их видимыми. Для этого перейдите в «Вид – Показать скрытые папки». После этого найдите каталог «.gimp -2.x » и уже в нем будут находиться все каталоги программы, куда необходимо копировать все скаченные дополнения. {/xtypo_info}
Еще раз проверяем, что выбрана маска слоя. Об этом будет свидетельствовать белая рамка вокруг маски.
И начинаем аккуратно рисовать выбранной кистью по границе соединения фотографий. Должно получиться так
Шаг 10. Добавление текстуры №1 на фото
