Как наложить картинку на картинку?

Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее

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

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

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

Наложение с прозрачностью

Если вам нужно переместить какой-либо объект на другой фон, то данная функция вам непременно поможет. Для этого вам понадобится фоновое изображение и объект на прозрачном фоне в формате PNG. Если ваш объект находится на обычном фоне, то вам придется самим делать его прозрачным, а уже после этого вы сможете объеденить две фотографии.

Я решил перенести утку на изображение с прудом.

1. Откройте картинку с фоном в фотошопе, а второе фото откройте следом. После этого картинки появятся в разных вкладках. 
2. Далее, выбираем инструмент «Перемещение», и зажав левую кнопку мыши на утке, переносим ее на вкладку с прудом. После этого, отпускаем кнопку мыши. У вас, естественно, будут свои фото. 
3. Конечно, утка выглядит неестественно, так как она находится непонятно где, так еще и гигантская. Для начала нужно уменьшить ее. Для этого воспользуемся Свободным трансформированием, нажав на комбинацию клавиш CTRL+T. Только перед этим убедитесь, что вы находитесь на слое с уткой. 
4. Теперь, начинайте уменьшать изображения, потянув за уголки с зажатой кнопкой мыши. И не забудьте в это время зажать клавишу SHIFT, чтобы картика уменьшалась равномерно. Когда вы уменьшите ее до нужного размера, нажмите Enter, чтобы применить трансформирование.
5. Теперь, снова возьмите инструмент «Перемещение» и потяните за утку, чтобы она находилась где-нибудь на берегу. Так будет выглядеть естественно. 

Как вырезать лицо в фотошопе и вставить в другое фото

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

Для этого нам нужно фотографии двух разных людей. Я решил взять фото двух голливудских актеров Николаса Кейджа и Джона Траволты. Вместе они снимались в фильме «Без лица». Но там это выглядело очень неправдоподобно, так как различаются не только лица, а еще и телосложение, формы черепа и многое другое.

1. Откроем две фотографии в разных вкладках. Я больше всего предпочитаю способ Drag and Drop, то есть, выделить нужные изображения и перенести их в фотошоп с зажатой левой клавишей мышки. После этого они по очереди откроются в разных вкладках. 
2. Теперь берем любой инструмент выделения, например «Лассо», и начинаем выделять лицо Джона Траволты, захватывая лобную часть и подбородок. А вот волосы нам не понадобятся. 
3. Теперь берем инструмент «Перемещение», после чего зажимаем левую кнопку мыши внутри выделения, а затем переносим его на вкладку с Николасом Кейджем, пока она не откроется. После этого наводим нашу выделенную часть куда-нибудь на картинку и отпускаем копку мыши. 
4. Когда фотография Траволты окажется на новом слое, уменьшите его не прозрачность хотя бы на 25-30 процентов. чтобы нам легче было работать. 
5. Теперь начинаем заниматься подгоном. Как видите, фотография с Джоном была больше, кроме того, его голова была слегка наклонена. Поэтому, нам все нужно подогнать. Для начала вызовите Свободное трансформирование, нажав комбинацию клавиш CTRL+T, и после этого тяните за уголки, не забыв нажать клавишу SHIFT, чтобы примерно подогнать размер.
6. Теперь поставьте курсор чуть выше угла, чтобы он изменился на режим поворота. После этого зажмите левую кнопку мыши, и начинайте поворачивать перенесенный объект в ту сторону, чтобы лицо стояло также прямо, как и Кейджа. 
7. Теперь перенесите полупрозрачное лицо Траволты, на Кейджа, чтобы посмотреть соответствие носа, рта и глаз нужного размера. Отлично, мы сделали все на одном уровне. после этого можно нажать Enter, чтоюы применить трансформирование. 
8. Теперь нам нужно удалить или обрезатьостатки кожи, которые вылезают за пределы черепной коробки. Для этого можно воспользоваться инструментом ластик и просто стереть ненужную область. Только желательно нажать правую кнопку мыши и выставить жесткость на 0 процентов, чтобы границы были с максимально мягким переходом. 
9. Нам удалось наложить одно фото на другое да и лицо вроде бы готово, но вот оттенок их немного не совпадает, поэтому придется немного изменить тон. Можно воспользоваться тем же способом, которым мы убирали красноту с лица в фотошопе, либо применить инструмент заплатка. Для этого выберите «Заплатку» и обведите лобную часть, которая принадлежит Николасу Кейджу. После это зажмите правцю кнопку мыши и перенесите ее на кусок кожи траволты, чтобы заменить ту часть. 
10. В принципе всё. Можно только провести восстанавливающей кистью по лобной складке, чтобы она не дублировала уже имеющуюся. 

Теперь у нас получился настоящий Джон Кейдж или Николас Траволта. Да уж. Конечно, у них совершенно разный тип лиц, но я думаю, что уть вы поняли.

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

Как наложить костюм в фотошопе

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

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

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

1. Откройте фотографию человека и картинку с костюмом на прозрачном фоне. После этого перенесите его на вкладку лицом, чтобы он встал на отдельном слое. 
2. Теперь, выбираем функцию трансформации, нажав комбинацию CTRL+T. А дальше меняем размер костюма, чтобы он соответствовал размеру самого персонажа. Просто если этого не сделать, то у вас получится рахитоид. Для этого потяните за верхний уголок с зажатым SHIFT, чтобы сохранились все пропорции. 
3. Когда размер будет подогнан, нажмите Enter, чтобы применить изменения. Скорее всего у вас не будет полного совпадения, и часть ворота не будет подходить шее человека, либо часть старой одежды будет выпирать. Ничего страшного.
4. Теперь выбираем в меню «Редактирование» — «Трансформирование» — «Деформация», после чего наш костюм обрамится сеткой. 
5. Далее, зажмите левой кнопкой мыши в области воротника, и начинайте погонять тянуть выше сначала с одной стороны, затем с другой, пока куски прошлой одежды не исчезнут, а ворот не не будет точно облигать шею. Подробнее о девормации в фотошопе вы можете прочитать здесь.

Теперь Джастина Тимберлейка можно вклеивать в документы. Точно также мы делаем и с другими костюмами, с прическами, усами, бородами или даже шрамами. Достаточно в интернете в любом поисковике найти задать что-нибудь типа «Костюм полицейского png» или «Мужские прически с прозрачным фоном». Принцип работы такоей же: открываем, переносим, подгоняем размер и деформируем.

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

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

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

Фотка прокатила и никто не узнал, о том, что с погрузкой опоздали.

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

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

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

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

С уважением, Дмитрий Костин.

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

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

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

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

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

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

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

Думаю да. Тогда приступаем к уроку.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 12. Скачаем еще одну текстуру

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

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

Шаг 14. Создаем копию слоя

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

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

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

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

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

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

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

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

Как наложить фото на фото в программе: подробная инструкция

14 октября 2019 Инна Тельцова : 5.0

Не знаете, как наложить фото на фото? Это ключевой навык для фотомонтажа и подготовки ярких коллажей. Хотите удивить друзей смешной оригинальной картинкой, сделать красивый плакат для подруги на день рождения, собрать вместе лучшие эпизоды жизни? Попробуйте ФотоКОЛЛАЖ, и вам откроется вся магия фотомонтажа!

С помощью ФотоКОЛЛАЖА можно красиво соединить любимые снимки!

В редакторе вы без труда сможете наложить целую картинку на фотографию, добавить часть изображения, вставить иллюстрацию через маску или рамку, добиться эффекта двойной экспозиции. Всё это делается легко и быстро благодаря понятному русскоязычному интерфейсу и удобным инструментам, которые моментально освоит даже начинающий. Читайте, как добавлять изображения на снимки в ФотоКОЛЛАЖе.

Установка программы

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

Накладывать фото на фото легко! Скачать
всего 125 Мб Купить
скидка 40% Работает на Windows 10, 8, 7, XP, Vista

Подготовка проекта с нуля

ФотоКОЛЛАЖ – это простая программа для фотокниг, монтажа и составления коллажей. Здесь можно выбрать готовые красивые шаблоны, чтобы за минуту подготовить проект, либо сделать всё с нуля.

Для работы над собственным дизайном, используйте опцию «Новый коллаж» –> «Чистый проект».

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

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

Добавляем изображения

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

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

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

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

Расположите снимки на листе

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

Вы можете установить фото в качестве фона

Редактируем стиль наложения

У нас получилось наложить картинку на картинку, но сейчас добавленные изображения смотрятся грубовато и неинтересно. Это легко изменить, применив инструменты ФотоКОЛЛАЖА. Рассмотрим все варианты оформления картинок:

1. Рамки

Вы можете украсить добавленные снимки стильным обрамлением из коллекции фоторедактора. Перейдите к разделу под названием «Эффекты и рамки». В первой вкладке вы найдёте многообразие оригинальных вариантов. Здесь есть как классические рамки, так и задорные детские.

Выберите красивую рамку

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

2. Маски

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

Оформите снимок маской

Используя данный инструмент, можно делать интересный фотомонтаж. Выберите картинку, оформленную маской, и кликните «Кадрировать изображение». Настройте рамку так, чтобы она охватывала только нужный объект и кликните «Ок». После этого все лишние части снимка полностью уберутся.

Выделите нужный объект

3. Форма слоя

Сделать оригинальное оформление картинок или просто скруглить углы можно через опцию «Форма слоя», которая располагается в разделе «Слой». Подберите подходящую геометрическую фигуру, настройте её вид и примените изменения. Как и в случае с масками, вы можете воспользоваться кадрированием, чтобы внутри выбранной фигуры осталась только нужная часть изображения.

Выберите желаемую фигуру

Сохранение

Когда закончите создание работы, останется сохранить её. Для этого нажмите иконку с дискетой и выберите вариант сохранения:

• в виде проекта,
• как изображение,
• в формате PDF.

Вот вы и узнали, как наложить одно фото на другое в программе ФотоКОЛЛАЖ. Теперь вы можете создавать незабываемые работы с использованием сразу нескольких снимков. Радуйте друзей и близких красочными открытками и весёлым фотомонтажом, достаточно просто скачать софт для составления коллажей ФотоКОЛЛАЖ!

Другие интересные статьи:

• Размещение нескольких фотографий на одном листе
• Школьный коллаж своими руками
• Семейный коллаж своими руками
• Как сделать свадебный фотоколлаж

Познавательно-развлекательный сайт с техническим уклоном для работы, развлечения и отдыха

По различным причинам, которые мы сейчас не будем касаться и разбирать … Но, вдруг человеку срочно понадобилось наложить картинку на изображение или текст на картинку, чтобы быстро и визуально оценить, как это будет смотреться ? …

Попытался использовать для этих целей Microsoft Word – но, тот замычал что-то невразумительное про режим ограниченной функциональности и невозможность наложить графический Art – текст на картинку …

Я помню, что пытался делать подобные вещи еще в HTML3 … Попытался использовать для поиска интернет – но тот выдал такой спам / избыточный код, что он мне ни в какое место не упирался …

Ребята, мы же не на Dreamviewer сайт для правительства генерим … Нам нужен простой, легкий и удобный метод быстро наложить картинку на картинку и оценить полученный результат …

Пусть, даже используя HTML и CSS (ну, куда без них?) …

Например, мы живем в деревне и хотели бы построить домик … Хочется представить себе как он будет выглядеть на местности и вообще впишется в нашу концепцию будущего строительства … Для этого у нас есть две картинки / фотографии, которые надо сложить вместе, вернее наложить одну на другую – и посмотреть / оценить, что получится, если …

Для работы потребуется простой каркас интернет документа, SRC пути картинок и CSS стили – позиционирование / наложение картинки на картинку с элементом прозрачности верхнего слоя, чтобы через него было видно нижний слой :

Получилось не что иное, как слоеный пирожок в HTML / CSS стиле … Прозрачность можно регулировать, изменяя значение opacity от 0.00 (прозрачно) до 1.00 (непрозрачно) …

Для старых браузеров рекомендуется применять фильтр filter : alpha(opacity=50) … На мой взгляд – это самый простейший способ / прием быстро наложить картинку на картинку и через несколько минут увидеть результат, особо не тренируя себе голову …

Самое время посмотреть, какое изображение получилось методом наложения …

.. Первый img absolute относительно положения DIV … Второй img relative относительно первого IMG … Это следствие наследования в HTML свойств родительских элементов – дочерними … Но, приведенного в примере кода – это не касается …

В случае первоначального кода и пустой HTML странички – изображения лягут / наложатся одно на другое в верхнем левом углу, отступив по 15 пикселей сверху и слева – так, что все должно получится сразу и как надо … Проблема наложения изображений в HTML проявляется, как потеря сочности / красочности изображений, как будто бы они подернуты белой пеленой …

Это – неизбежная плата за быстроту и простоту …

Конечно, более бы интересовал какой-нибудь тег – типа MIX, но любое смешивание цветов для получения результатирующего рисунка или фотографии неизбежно повлечет за собой рендеринг (отрисовка / визуализация) что займет ресурсы ПК и драгоценное время, поэтому и потому – приходится жертвовать чем-то одним во благо другого …

Кстати – совсем не стоит переживать по поводу падения качества в результате наложения изображения одного на другое – достаточно воспользоваться автоисправлением качества картинки онлайн сервисом / редактором изображений Pixlr Express / Pixlr X …

Для этого, известным (вам) методом – получить скриншот с экрана (результат наложения изображения на картинку), сохранить (как графику или скрин) в новом файле, загрузить в онлайн редактор и применить метод авто / исправления качества графики …

Онлайн Flash редактор изображений Pixlr Express – заменит новый фото / редактор Pixlr X, который не требует использования Flash при обработке улучшения качества фотографий и картинок …

Примечание : использование технологии Flash отменяется (в интернете) и, многие, уже заранее – прекращают ее поддержку, в связи с переходом на новые стандарты …

Не знаете как быстро сделать скриншот ? Просто нажмите одновременно клавишу клавиатуры со значком Windows и клавишу Prt Sc (Print Screen, переводится как печать экрана) …

После авто / исправления в онлайн фото / редакторе pixlr express рисунок вернет немного резкости и яркости / сочности цветов и красок …

Другие способы

Возможно – кого-то заинтересует более сложный способ наложения графических изображений в документы … Например, посмотрите на вариант :
наложения рисунка в PDF, используя обработку PNG картинки в графическом редакторе …

12:44 26.05.2019

Познавательные развлечения. Техника. Технологии. Сайт techstop-ekb.ru

techstop-ekb.ru – обзор.

Index Of – список всего.

* Меню раздела *

© techstop-ekb.ru, www, 2020.

Как быстро наложить логотип на фото или картинку

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

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

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

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

Круглосуточно и круглогодично множество фотобанков и фотобирж реализуют миллиарды фоторабот, пополняя кошелек авторов. Всегда какой-то заказчик в поисках «именно того фото-мастера» серчит базы CV и смотрит множество буков различных фотографов.

Конкуренция в данной нише растет ежедневно и заявить о себе особенно важно.

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

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

Создайте логотип за 5 минут

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

Размещение логотипа на фотографии: способы, сервисы и варианты

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

Онлайн сервисы для нанесения логотипа

Watermark.ws

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

Одновременно можно промаркировать 5 фотографий, или же видео. Дополнительно их можно несколько скорректировать. Есть каллиграфия в самом меню, которую можно использовать для текстовых водяных знаков.

Watermarkly

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

ВОДЯНОЙЗНАК.РФ

Сайт самым элементарным способом рассказывает как наложить логотип на фото онлайн абсолютно бесплатно. Причем одновременно на сайте можно обработать до 10 файлов с единственным ограничением лишь по размеру. На каждое отображение выделяется лишь 1 mb.

Photoshop один из самых популярных инструментов

Пожалуй это самый функциональный для непрофессионального пользователя инструмент работы с изображениями. Но даже в работе с Фотошопом остается немало вопросов о том, как наложить лого на фото. Разберемся, как наложить watermark на фото используя Photoshop.

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

Открываем в программе-редакторе вкладки не только для изображения, но и для логотипа. Можно сделать кисточку с лого и просто ею провести по необходимым местам на изображении. Для этого делаем новый документ {Файл Создать}.

Копируем логотип, вставляем в новый документ и добавляем необходимые корректировки. В верхней панели находим «Редактировать» и выбираем «Определить кисть», сохраняем.

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

Взгляните на видео. Ниже приведена инструкция в формате видео.

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

Окно с операциями выбираем значок с белым листом, прописываем название и нажимаем запись.  Открываем окно с логотипом и используем комбинации: CTRL+А, CTRL+С, CTRL+D. В окне с изображением нажимаем CTRL+V, корректируем размера и размещение, пользуемся CTRL+Е.

Сохраняем, закрываем и прекращаем запись. Для автоматического нанесния водяного на знака на остальные фотографии в разделе «Файл» следует выбрать «Автоматизация» и здесь выпадет «Пакетная обработка». Заполняем, кликаем «Сохранить». Выбираем папку для маркировки. Идет процесс наложения лого.

Здесь представлена подробная видеоинструкция.

Как наложить логотип на фото в Android

SALT

Это приложение есть как в платном, так и в бесплатном доступе, разница лишь в объеме функционала. Но даже в бесплатном формате при помощи этого приложения можно быстро и просто вставить логотип на фото в виде изображения или текста. Бесплатно пользователь может отредактировать не более 40 фотографий.

WaterMark

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

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

LogoLiciou

Быстрая и бесплатная маркировка фотографий и изображений. Поддерживает даже .gif файлы логотипов, стоит только все залить (вместе с фото) и составить необходимый вариант. Готовый результат можно не только скачать, но и поделиться в сети.

Приложение для обладателей IOS

eZy Watermark

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

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

Самый быстрый и простой способ создания логотипа

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

Отправить

Класс!

Отправить

Наложение изображений

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

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

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

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

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

Напоследок два простых способа плавного перехода изображения в фон.

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

2 способ. Выделяем нужную область в изображении, выполняем команду меню Select (Выделение) > Modify (Изменение) > Feather (Растушевка).В открывшемся окне нужно установить в поле Feather (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!

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