Как наложить одно фото на другое

15 Фев
Как наложить одно фото на другое

Здравствуйте дорогие читатели блога GimpArt.Org. Очень часто мне через обратную связь приходит много разнообразных и интересных вопросов, связанных с работой в графической программе гимп. И постоянно задают довольно таки простые и элементарные. Одним из самых популярных вопросов, является «Как наложить фото на фото?».

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

Объявляю результаты конкурса «Собери пазл №1», который прошел на 14 февраля. На картинке изображена актриса Джесика Альба, сыгравшая одну из главных ролей в фильме «День Святого Валентина». И вот счастливчики, победившие в конкурсе:

I место — Владимир  — 50 рублей
II место — Алексей — 50 рублей
III место — Михаил  —  50 рублей

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

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

как наложить одну фотографию на другую

Понравилось? Думаю да. Тогда приступаем к уроку.

Шаг 1. Скачивание и установка редактора.

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

После скачивания рекомендую посмотреть этот урок, из которого вы узнаете, как установить саму программу. Далее ознакомтись со следующими уроками:

  1. А что такое GIMP?
  2. Первое знакомство с фоторедактором

Шаг 2. Как открыть первую фотографию

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

Для начала переходим в меню «Файл – Открыть» и в открывшемся диалоговом окне выбираем каталог, где у вас расположена первая фотография и открываем ее.

Открываем первую фотографию

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

Шаг 3. Добавляем к первой фото вторую.

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

Для этого переходим в меню «Файл – Открыть как слои» и также в открывшемся окне выбираем еще одну фотографию. Нажимаем ОК.

Открываем вторую фотографию

Выбираем фото для коллажа

У нас должна получиться следующая картина.

две фото в редакторе gimp

Шаг 4. Расширяем рабочую область.

Нам необходимо увеличить рабочее пространство (размер холста), чтобы иметь свободу в своих действиях. Для этого переходим в «Изображение – Размер холста»

Устанавливаем размер холста

и вводим новые значения в поле «Ширина» и «Высота».

{xtypo_info}Нажмите на пиктограмму цепочки, чтобы отключить пропорциональное изменение размеров.{/xtypo_info}

Убираем пропорциональное изменение размеров

{xtypo_info}Для каждого проекта эти значения будут разными. Все зависит от исходных фотографий, которые вы хотите наложить друг на друга.{/xtypo_info}

В нашем случае увеличим значения ширины до 1000 и высоты до 800 пикселей. Также в этом диалоговом окне можно расположить наши фотографии по центру, с помощью кнопки «Отцентрировать».

Параметры окна

И нажимаем кнопку «Изменить размер». Должно получиться так.

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

Шаг 5. Размещение фотографий на холсте.

Теперь, когда мы увеличили рабочее пространство, мы свободно можем перемещать снимки, как захотим. Делается это просто. На панели инструментов выбираем «Перемещение».

Выбираем прямоугольное выделение

Для активации перемещения, просто щелкаем левой клавишей мыши по фото, которое необходимо передвинуть.

Расположим снимки, как показано на скриншоте

Как объединить две фотографии

По умолчанию в настройках инструмента «Перемещение» стоит параметр «Выбрать слой/направляющую»

Редактор GIMP

При переключении на второй параметр– «Переместить активный слой».

15

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

Активный слой

Здесь же в настройках вы более точно можете задать, что конкретно вы хотите переместить – слой, выделение или контур.

17

Шаг 6. Зеркальное отражение.

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

Затем выберем инструмент «Зеркало»

Зеркальное отражение

и для его активации щелкнем один раз на рабочем пространстве.

создаем коллаж в гимп

Шаг 7. Кадрирование фотографии

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

Для этого выбираем «Прямоугольное выделение»

прямоугольное выделение

и создаем выделение как на скриншоте

а как наложить одну картинку на другую

Далее переходим в «Изображение – Откадрировать в выделение»

как откадрировать фотографию

Получится так

накладываем две фотографии друг на друга

Снимаем выделение через «Выделение – Снять»

25

Теперь увеличим границы слоя до размеров изображения. Для этого щелкнете правой кнопкой мыши по верхнему слою и из контекстного меню выберете пункт «Слой к размеру изображения». Аналогичную процедуру проделаем с нижним слоем.

{xtypo_info}О результативности этого действия будет увеличенная черно-желтая рамка{/xtypo_info}

слой к размеру изображения

(наведите курсор мыши на скриншот)

{xtypo_info}Да забыл еще сказать, необходимо добавить альфа-канал к каждому слою. Для этого нажмите правой кнопкой мыши по слою и выберете пункт «Добавить альфа-канал».{/xtypo_info}

Шаг 8. Увеличиваем контрастность первой фото

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

делаем копию слоя

Теперь переходим в меню «Цвет – Цветовой баланс» и устанавливаем следующие параметры:

цветовой баланс

И нажимаем ОК.

Изменяем режим наложения слоя. Для этого щелкаем один раз по надписи «Нормальный» и в выпавшем списке выбираем пункт «Экран». Подробнее про режимы наложения вы можете почитать в этом уроке.

Режим наложения слоя

коллаж в гимп

Теперь нажимаем один раз по среднему слою правой клавишей мыши и в открывшемся контекстном меню выбираем «Объединить с предыдущим»

gimp - бесплатный фоторедактор

создаем коллаж с помощью GIMP

Шаг 9. Наложение фото на фото с помощью маски слоя.

Переходим на верхний слой. Так же, правой кнопкой мыши, вызываем контекстное меню и выбираем пункт «Добавить маску слоя»

33

34

35

Далее скачиваем и устанавливаем эту кисть.

{xtypo_info}Напомню! Чтобы установить новые кисти, вы должны их скопировать в пользовательский каталог кистей программы. Чтобы узнать, где находится этот каталог, перейдите в меню «Правка –>Параметры –> Каталоги –> Кисти». В первой строчке будет указан путь до каталога.{/xtypo_info}

{xtypo_info}Для пользователей Linux: Пользовательские каталоги находятся в домашней папке. Но предварительно необходимо сделать их видимыми. Для этого перейдите в «Вид – Показать скрытые папки». После этого найдите каталог «.gimp-2.x» и уже в нем будут находиться все каталоги программы, куда необходимо копировать все скаченные дополнения. {/xtypo_info}

Далее выбираем инструмент «Кисть» и задаем следующие параметры:

выбираем кисть

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

И начинаем аккуратно рисовать выбранной кистью по границе соединения фотографий. Должно получиться так

38-1

Шаг 10. Добавление текстуры №1 на фото

Скачиваем следующую текстуру и открываем ее через «Файл – Открыть как слои»

добавляем текстуру на фото

Перемещаем текстуру в самый низ, с помощью пиктограммы «Опустить активный слой на шаг вниз»

40

Возвращаемся на верхний слой и изменяем режим наложения на «Экран»

41

Теперь переходим на средний слой и к нему добавляем маску слоя белого цвета.

коллаж в gimp

Аналогично шагу 9, начинаем рисовать черной кистью из скаченного набора по границе фотографий.

43

Шаг 11. Добавляем текстуру №2 на фото.

Скачиваем следующую текстуру и открываем ее через «Файл – Открыть как слой». Перемещаем эту текстуру наверх в стопке слоев. И изменяем режим этого слоя на «Экран»

добавляем текстуру на фото

Добавляем к текстуре маску слоя белого цвета. Далее с помощью кисти черного цвета закрашиваем центральную область, как на скриншоте

45

Шаг 12. Скачаем еще одну текстуру и перемещаем ее вверх. Также меняем режим слоя на «Экран». Аналогично 11 шагу добавляем маску слоя белого цвета и рисуем черной кистью, как на скриншоте.

47

Шаг 13. Аналогичные действия делаем и со следующей текстурой.

48

Шаг 14. Создаем копию слоя с первой фотографией. И перемещаем ее вверх (через один слой)

49

Далее выбираем инструмент «Перемещение» и активируем режим инструмента «Переместить активный слой». Сдвигаем фото ближе к центру как на скриншоте.

как наложить одну фотографию на другую

Щелкаем правой кнопкой мыши и из контекстного меню выбираем «Слой к размеру изображения»

Изменяем режим данного слоя на «Экран» и уменьшаем непрозрачность до 70%

51

Переключаемся на маску текущего слоя. Выбираем кисть черного цвета и рисуем как на скриншоте.

52

Вот и все. Мы с вами завершили выполнение урока про наложение фотографий друг на друга. Надеюсь, вам он понравился? Аналогичной техникой, с помощью применения масок слоя, режимов наложения и непрозрачности слоев можно объединять любые фотки.

как наложить фото на фотографию

Для кого-то этот урок, может быть, показаться трудным в повторении. Но все же, постарайтесь выполнить его. Так как именно в нем расписана самая популярная методика объединения фотографий в коллаж.

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

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

Как наложить одно фото на другое


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

Идея урока: www.photoshop-garden.com

Авторский перевод и адаптация: Антон Лапшин.

{module 89}

Пожалуйста, оцените эту статью, нажав на звездочки ниже:


Очень плохоПлохоСреднеХорошоОтлично (1 голосов, оценка: 5,00 из 5)
Загрузка...

P.S. Хотите получать АНОНСЫ НОВЫХ УРОКОВ к себе НА E-MAIL? Тогда подписывайтесь на обновления блога. Буду рад видеть вас среди своих читателей.


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

Тем самым вы мотивируете меня на создание новых уроков и поддерживаете мой проект в дальнейшем развитии. Спасибо Вам Большое!

Также рекомендую ознакомиться со следующей информацией, возможно, она вас заинтересует.

Видео курс азбука GIMP скачать

Комментариев к статье: 27;

  1. Angelnatalya7

    Спасибо. Очень понравился урок.

  2. Антон Лапшин

    Спасибо и вам за ваш комментарий Angelnatalya7.

  3. Rym82

    Спасибо за очень подробный и красивый урок. И отдельное спасибо за то, что все картинки и текстуры пронумерованы- удобно.

  4. Антон Лапшин

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

  5. Rym82

    Спасибо, Антон, урок как раз в тему

  6. Artem

    Благодарю! очень помогло! А программа классная!

  7. Vak 872

    спасибо за видео супер сразу поняла новечек еще. программа просто класс все понятно и подробно благодарю вас

  8. Наталья

    спасибо! все очень подробно и понятно!

  9. Slilia

    Спасибо за уроки. Хотелось бы увидеть уроки по рисованию с нуля и анимацию в Gimp!

  10. Антон Лапшин

    Да мне тоже хотелось бы увидеть )))) Про анимацию может и будут

  11. ирина

    почему у меня не получается наложить фото на другую? когда открываю «открыть как слои», вторая фото появляется по-середке первой фото, на образце подругому.и именно с этого места не могу выбрать размер холста..подскажите пож-та как сделать правильно?

  12. Антон Лапшин

    Ирин, просто в уроке попались две фотки одинакового размера. И когда их открываешь «как слои» одна закрывает другую (( Поэтому, потом установи «Размер холста» побольше и размещай с помощью «Перемещения» фотки, как тебе угодно.

  13. ирина

    спасибо, антон. но теперь не могу найти кисть нужную.! сделала все по инструкции.(( может что-то пропустила?((

  14. Антон Лапшин

    Спасибо за ваш комментарий Екатерина! С этими слоями еще сложнее, за всем эти стоят сложные математические формулы, которые вычисляют алгоритм наложения…. Уфф..

  15. Екатерина

    Спасибо! Вот только не нашла нужную кисть. Может что не так сделала??(

  16. Юля

    а у меня все фото не подходят, это как7

  17. сергей

    Антон здраствуйте, объясните пожалусто для чего в уроке от 15.02.2012 «как наложить одно фото на другое? » в шаг.14 вы перемещаете копию слоя вверх именно через один слой?,буду очень благодарен за ответ,спасибо

  18. вопрос

    Так и не понятно, зачем тыкаться в эти режимы, когда можно напрямую работать с цветом?

  19. таня

    а как свою рожу вставить на чужое туловище…эта программа такое поддерживает?

  20. Лика

    a что-то видео без звука((((

  21. Илона

    а как потом в нормальном формате все сохранить? А то я все сделала, а сохранить не могу.

  22. Елена

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

  23. Таня

    Добрый вечер,при «повторении» Вашего урока (когда стираем границу между двумя фото кистью,скаченной по ссылке)почему то стирается до «серо-черных клеток».что в этом случае делать?

    • Ирина

      У меня такая же проблема ,как у Тани «(когда стираем границу между двумя фото кистью,скаченно й по ссылке)почему то стирается до «серо-черных клеток».что в этом случае делать?»
      И еще, как сохранить полученный результат, он сохраняется только в формате GIMP, в нем же и открывается только.??

  24. LENA

    Я СТАВИЛА СВОЮ ФОТО КАК ВЫ ПОКАЗЫВАЛИ НО В ИТОГЕ НИЧЕГО НЕ ПОЛУЧАЛОСЬ.

  25. Данил

    А как называется этот прием? помогите :sad:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *