Уникальные Видеоуроки по Photoshop.
Убедитесь Сами в их Эффективности!
(каждый месяц свежие уроки)

+ ПОДАРОК
(Ваше реальное имя,
желательно на русском языке)


Закрыть
 
Безупречный коллаж
(202 голосов)
Автор\Перевод Вячеслав Пчелов   
06.08.2008
 
Как соединить 2 фотографии. Некоторые могут сказать: "Проще простого". Это просто, но не во всех случаях. В этом уроке вы обучитесь технике соединения двух фотографий в фотошоп, без каких либо видимых дефектов по краям объектов.



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

Итак, давайте поработает над первым снимком. Если хотите, используйте мой. Сохраните картинку (которая находится ниже), запустите фотошоп и откройте ее.



Теперь сделайте все тоже самое со второй фотографией. В нашем случае, эта фотография будет являться фоном нашего коллажа. Это моя фотография Мотрехорна (гора в Швейцарии)



Теперь давайте начнем с двойного щелчка на слое Мотерхорна, но сначала пара слов о параметрах наложения ( Blending options ).

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

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

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

Я думаю с этим все понятно. Должно быть понятно.

Есть еще одна функция в Blending options , которая сделает вашу работу эффективней. Как я говорил раньше в своих предыдущих фотошоп уроках, не должно быть сильно жестких краев, всегда должен быть плавный переход. В нашем сейчас случае, вы наверное заметили, что передвигая маркеры появляется сильная резкость на краях и о плавном переходе тут, конечно, говорить не приходится.
Чтобы это исправить удерживайте клавишу Alt и двигайте маркер, он разделится на две части, двигайте до тех пор, пока не сочтете позицию подходящей.
Что? Лучше смотрится? Я уверен, что лучше. Этим самым мы сделали плавный переход, этот сделало края более мягкими.

Теперь давайте вернемся к нашему коллажу. Итак, у вас открыто окно Blending options для слоя с горой Мотерхорн. Используйте следующие настройки:



После прочтения всего, о чем я говорил выше, вы должны полностью понимать что я только что сделал. По крайней мере, я на это надеюсь:)
У вас должно получиться вроде этого:



Как вы видите, все еще есть лишние части.

Сейчас мы просто создадим маску слоя и скроем все лишние части, которые не к месту.
Надеюсь вы знаете, что такое маска слоя.

Добавьте маску к Мотерхорну и используйте Gradient Tool , с цветами от черного к прозрачному (Вы можете это сделать восстановив цвета по умолчанию, нажав на клавишу D, потом выбрав цвет в панели настройки инструмента, при активном инструменте Gradient Tool , от Черного к Прозрачному)

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

Используйте мягкую кисть черного цвета, для рисования по маске, чтобы скрыть части проступающего озера за деревом. Если вы где-нибудь ошибетесь, просто нажмите Ctrl+Z, или просто нажмите на X, чтобы поменять местами цвета и кисть стала белой, можно рисовать белой кистью в тех местах, где хотите отобразить некоторые части снова.
Теперь все должно выглядеть примерно вот так:



Не плохо, да?
Но я все еще не удовлетворен результатом полностью

На картинке, ниже, вы можете видеть, что я сделал копию слоя (Нажмите правую кнопку мыши на имени слоя и из контекстного меню выберите Duplicate layer ). Этим самым вы восстановим мелкие детали дерева, которые мы потеряли, работая с Blending options . Измените режим наложения дублированного слоя в Soft Light .



Вот он и появляется, этот долгожданный результат. Я надеюсь, вы получили для себя что-то новенькое и интересное из этого урока.






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

Вот две оригинальные фотографии:





Вот пример настроек для верхней фотки (та что с белыми цветами)



Теперь у вас получилось вот так:



Маска для верхнего слоя выглядит примерно вот так:



И в завершении, после того как сделаете дубликат верхнего слоя – это различие, и режим наложения должен быть установлен в Soft Light , после этого вы получите такой результат.



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


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

Если вы нашли опечатку, можете уведомить меня об этом, выделите текст и нажмите Shift+Enter

 

Комментарии 

 
# Рам 10.09.2008 14:38
Спасибо, супер!
Ответить | Ответить с цитатой | Цитировать
 
 
# Аня 18.10.2008 15:45
Объясняете не с нуля и мне, например, мало что понятно... :(
Ответить | Ответить с цитатой | Цитировать
 
 
# J 31.07.2011 18:19
реал не понятно!!ппц!!!
Ответить | Ответить с цитатой | Цитировать
 
 
# nuclear 07.11.2008 11:32
very difficult for my understanding...
hhmmmm...i m sad..i cant do that...i m silly...
Ответить | Ответить с цитатой | Цитировать
 
 
# glip 09.11.2008 10:42
и где этот Blending options находится!!!!
Ответить | Ответить с цитатой | Цитировать
 
 
# Faraon 24.08.2011 15:26
Цитирую glip:
и где этот Blending options находится!!!!


Спасибо бы сказали!
по всем вкладкам пробегись! найдешь!
и не забывайте про нюанс версий программ
большинство одинаковое,но их месторасположен ие может отличаться
Ответить | Ответить с цитатой | Цитировать
 
 
# ksen4ka 12.11.2008 21:22
Нервные такие все стали..спасибо бы сказали что время на вас тратят,да учат..
Ответить | Ответить с цитатой | Цитировать
 
 
# Ply 09.12.2008 02:09
А где Blending options? По ходу я тут не один не знаю...
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 19.12.2008 01:11
нажимаете на слое правую кнопку мыши (в панели слоев), ищите Blending Options (Параметры наложения).
Ответить | Ответить с цитатой | Цитировать
 
 
# григорий63 22.04.2011 14:55
а на cs 5 я этого не нашёл
Ответить | Ответить с цитатой | Цитировать
 
 
# Жен 19.11.2013 11:03
в сs5 - "слои" - п.к.м.- "параметры наложения" - окно "Стиль слоя" 8)
Ответить | Ответить с цитатой | Цитировать
 
 
# ирусик 29.12.2010 19:04
:-) :sigh: Цитирую Ply:
А где Blending options? По ходу я тут не один не знаю...

:cry: да не один похоже ;-)
Ответить | Ответить с цитатой | Цитировать
 
 
# Феликс 24.12.2008 21:26
Прекрасный урок,к сожалению почти всё для меня новинка
Ответить | Ответить с цитатой | Цитировать
 
 
# Нина 13.01.2009 14:56
А у меня фотошоп на русском, чего то не получается с градиентом, не понимаю.
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 13.01.2009 15:22
наведите мышь на пункт меню, или воспользуйтесь панелью перевода (слева)
Ответить | Ответить с цитатой | Цитировать
 
 
# gukiv 18.01.2009 18:54
А если размеры фотографий разные?
Ничего не получится?
Ответить | Ответить с цитатой | Цитировать
 
 
# Валерия Хабазова 20.01.2009 13:34
Спасибо большое за уроки. Но не могли бы вы в скобках ставить русский вариант кнопок, свойств и пр? Пока с переводом разбираешься - теряется нить урока...
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 20.01.2009 14:32
слева под меню уроков находится специальный блок для переключения всех пунктов на русский язык и обратно
Ответить | Ответить с цитатой | Цитировать
 
 
# Рита 24.01.2009 20:00
Большое спасибо за урок! :-)
Очень понравилось, все получилось :)
Ответить | Ответить с цитатой | Цитировать
 
 
# Soploxvost 26.01.2009 23:31
Очень полезный урок, спасибо Вячеслав!!!
Ответить | Ответить с цитатой | Цитировать
 
 
# я 26.02.2009 16:28
а как сами фотографии то наложить?
все осланое понятно, а начало самое??
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 27.02.2009 16:37
Откройте два документа и перетащите один на другой (используйте инструмент move tool - черная стрелочка, сверху в панели инструментов), как будто Вы управляете слоями, только здесь два слоя в разных документах...
Ответить | Ответить с цитатой | Цитировать
 
 
# Алёнка1974 30.04.2009 10:54
класно,спасибо.ещё не встречала такой урок.И вообще ваш сайт хороший,всё поступно и понятно
Ответить | Ответить с цитатой | Цитировать
 
 
# AKATRAZ 08.05.2009 06:49
COOL VERY COOL IT IS A GREAT LESSON!!! :lol: :-)
Ответить | Ответить с цитатой | Цитировать
 
 
# Paranoia 27.05.2009 16:05
Вообще ничего не понятно
Ответить | Ответить с цитатой | Цитировать
 
 
# Paranoia 29.05.2009 22:14
А откуда взять маску слоя?
Ответить | Ответить с цитатой | Цитировать
 
 
# Klon 10.08.2009 12:39
Класс. Автору большое спасибо за простоту и эффективность метода
Ответить | Ответить с цитатой | Цитировать
 
 
# ice_ginger 10.09.2009 09:41
Ух ты! Урок просто супер!!! Для меня, как для новичка, это целое откровение. Спасибо Вам большое!!!!!
Ответить | Ответить с цитатой | Цитировать
 
 
# alisssa 22.09.2009 19:01
Blending options-у меня,англ.версия.и лично мне не понятно где искать эту функцию... :cry:
Ответить | Ответить с цитатой | Цитировать
 
 
# huj 26.10.2009 22:23
Простите, но мне как новичку тоже ничего не понятно. Что за Blending options, где их искать, какие такие маркеры...
Ответить | Ответить с цитатой | Цитировать
 
 
# VikoZzZ 26.11.2009 18:58
Извините за глупый вопрос, а как открыть сразу 2 изображения? :oops: Просто когда я нажимаю "открыть" и выбираю 2ое изображение, оно открывается, но вместо первого! :sad: а так урок очень доступен и понятен, спасибо большое!!!!! ;-)
Ответить | Ответить с цитатой | Цитировать
 
 
# lessaizlesa 04.12.2009 02:42
подскажите,как скачать урок?
Ответить | Ответить с цитатой | Цитировать
 
 
# Inno4ka 01.01.2010 21:30
Layer -> Layer Style -> Blending options
Ответить | Ответить с цитатой | Цитировать
 
 
# О_О 03.01.2010 22:12
а дерево-то как перетащить? можно руководство? :cry:
Ответить | Ответить с цитатой | Цитировать
 
 
# О_О 03.01.2010 22:14
ничегошеньки не поняла. откуда сразу дерево на картинке? оно ж было на другой о_О
Ответить | Ответить с цитатой | Цитировать
 
 
# О_О 03.01.2010 22:24
Ура! додумалась. вот тупая башка...
Ответить | Ответить с цитатой | Цитировать
 
 
# vanbear__ 06.01.2010 22:21
spasibo za urok)
no ne mogli bi vi obyasnit' kak soedinit fotki, 4tob odna bila nad drugoi?
Ответить | Ответить с цитатой | Цитировать
 
 
# mobbich 27.01.2010 13:57
Всё гениальное просто!! Спс за науку!)
Ответить | Ответить с цитатой | Цитировать
 
 
# _vI_ 30.01.2010 12:02
СПАСИБКИ...ОЧЕНЬ ЗДОРОВО...ВСЕ ПОНЯТНО!!!!! :lol:
Ответить | Ответить с цитатой | Цитировать
 
 
# ShadyKiSa 25.02.2010 18:40
Спасибо,почти получилось,толь ко дерево после наложения так и осталось каким-то немного инвалидным.Но думаю,если потренироваться ,то всё получится. :-)
Ответить | Ответить с цитатой | Цитировать
 
 
# Siren 13.03.2010 12:32
Огромное БлагоДарю!!Хоро шо доступно написанный урок!! :P
Ответить | Ответить с цитатой | Цитировать
 
 
# ownway 14.03.2010 23:07
отличный урок!четко и понятно, спасибо :lol:
Ответить | Ответить с цитатой | Цитировать
 
 
# Dexter 13.04.2010 16:47
Таким образом непробовал.
Спасибо!
Избавляет от лишней работы. 8)
Ответить | Ответить с цитатой | Цитировать
 
 
# KeKss 19.01.2011 14:02
Спасибо, очень нужный урок!
Ответить | Ответить с цитатой | Цитировать
 
 
# WinNS 31.03.2011 21:14
:cry: помогите сделать календарик не могу и все
ася 420408445
скайп dumm555
если получится в идеале то материально поблагодарю
Ответить | Ответить с цитатой | Цитировать
 
 
# Konstructor SAW 22.05.2011 17:27
Отличные уроки! Все рассказано, показано.
Ответить | Ответить с цитатой | Цитировать
 
 
# barbara 04.07.2011 17:32
у меня не получается шаг с Blending options :(
Ответить | Ответить с цитатой | Цитировать
 
 
# Cfif 29.07.2011 19:03
Спасибо за столь доступный урок, только я не знаю как создать маску??? :oops:
Ответить | Ответить с цитатой | Цитировать
 
 
# ЛИДИЯ 07.02.2012 08:24
ПРОСМОТРЕЛА УРОК...ПРОЧЛА КОМ-ИИ И ДУМАЮ ЧТО СОЗДАМ КОЛЛАЖ.....ПОКА НАДЕЮСЬ..И АВТОР И РЕБЯТА ВСЕ ТОЛКОВО ПИШУТ.... (ПОЙДЕТ БАБУШКА УЧИТЬСЯ) ВСЕМ.СПАСИБИЩЕ!!!! :P
Ответить | Ответить с цитатой | Цитировать
 
 
# Tamlin 29.02.2012 17:52
Отличный урок, все очень доступно и понятно написанно, спасибо! Сижу теперь коллажирую))
Ответить | Ответить с цитатой | Цитировать
 
 
# Nastya11 24.01.2014 23:35
Спасибо большое! Я чайник полный, но тут даже для таких как я всё подробно и на пальцах разъяснили. Сайт однозначно в закладки. :roll:
Ответить | Ответить с цитатой | Цитировать