Как сделать плавный переход между фотографиями
Помню, пару лет назад я атаковал поисковики, чтобы найти урок по созданию плавного перехода между двумя фотографиями. Точнее, я искал «плавный переход от фото к фону», чтобы создать виртуальную обложку для книги. Чтобы Вы не тратили время на поиски, вот Вам урок, из которого Вы узнаете, как сделать плавное перетекание одного изображения в другое!
Приблизительное время выполнения: 2 минуты
Откройте два изображения, которые Вы хотите соединить.
Переместите одну из картинок на другую (я поместил фото дельфинов на фото сиднейской оперы). Это можно сделать инструментом Move (клавиша V).
Выберите слой с дельфинами (он должен располагаться выше другого слоя) и добавьте к нему векторную маску
Не снимая с нее выделения (в палитре слоев она будет обведена черным контуром), выберите инструмент Gradient (клавиша G)
Протащите прямую градиента по направлению из правого нижнего угла к правому верхнему. Длина прямой, которую Вы тащите, регулирует видимость изображений относительно друг друга. Экспериментируйте, пока не добьетесь нужного эффекта!
Готово! 
Источник: How to Blend Two Pictures
Смотрите также:
Класный урок спасибо большое!!!! Всем респект и уважуха!!!
Сентябрь 12th, 2007
Привет! Вроде бы несложный урок, все понятно написано, но, когда я делаю градиент, пропадает верхний слой и появляется белое пространство. В чем дело? Что я делаю не так? Спасибо заранее!
Сентябрь 12th, 2007
Кристи, ты наверно просто заливаешь градиентом, а надо использовать его как векторную маску (если это то что я думаю)
Сентябрь 12th, 2007
2Кристи
Скорее всего, Вы действительно заливали градиентом не маску, а сам слой, как и сказал Анатолий.
2Анатолий
Спасибо!
Сентябрь 13th, 2007
Описанно то понятно, но на практике у меня ничего не выходит. Маска не хочет становиться векторной, не становится такого цвета, как на картинке тут. А как в конце соединить изображения в одно?
Сентябрь 25th, 2007
У меня тоже скажите пожалуста почему?
Сентябрь 29th, 2007
Сентябрь 29th, 2007
здорово! всё получилось! Спасибо за сабж!
Октябрь 10th, 2007
Крутой эффект!!!
Октябрь 30th, 2007
оффигенно))
Ноябрь 7th, 2007
Прикольно, когда нить обязательно пригодится
Когда то очь давно искал, надо было, что то похожее видел 
Ноябрь 12th, 2007
у меня фотографии отдельно открываються, неполучаеться чтоб вот так было как на 3 картинке!ну там где Layer написано!помогите плиз!Урок то клевый а у меня не получаеться!
Ноябрь 23rd, 2007
У меня не открываются две фотографии в политре слоёв. Распишите пожалуйста, что нужно сделать чтобы фото встали в нужном порядке?
Ноябрь 27th, 2007
Катя… этого шага делать не нужно ((клавиша G)… в палитре цветов, черно- белый….и экспериментируйте…:))
Ноябрь 30th, 2007
Супер!!!
Январь 28th, 2008
У мну не получаетсо
Что делать??
Когда я заливаю градиент, он заливается и на вторую фотку, отдельно выделить векторную маску не выходит
Февраль 4th, 2008
А как сделать точно такой же переход но что б было типа как загнутые кончики страниц ?
Февраль 24th, 2008
А можно было просто выделить некую область и сделать ее прозрачной
Март 4th, 2008
Большое спасибо!!! Я так рада что все получилось!!!!
Март 5th, 2008
Spasibo za urok…. O4enj prigodilsja… Xotja ja i ranjwe umela eto delatj,toljko po svojemu…
Март 16th, 2008
Для того, чтобы ни у кого не возникало проблем, еще неплохо было бы отметить, что инструмент «Градиент» должен иметь соответствующие настройки. На предлагаемой картинке это видно, но приходится об этом догадываться.
Март 21st, 2008
Я только учусь!
А как добавить векторную маску?
Заранее спасибо!
Март 21st, 2008
Все отлично. Я новичек в этом деле и меня это все удивляет. Только не получается сделать шаг «Переместите одну из картинок на другую (я поместил фото дельфинов на фото сиднейской оперы). Это можно сделать инструментом Move (клавиша V).» Картинка ездит в своей рамке но не думает объединяться с другой.
Март 31st, 2008
а у меня тоже векторная маска только с самим слоем выделается поэтому использовала вторую, может это из-за версии фотошопа?
Апрель 29th, 2008
У меня не получилось. Дайте горячие клавиши!
Май 4th, 2008
у меня фотошоп рабртает в двух режимах которые надо переключать-это сам второй фотошоп иIMAGEREADI..и как переключится на векторную рамку.
Май 9th, 2008
Как Добавить Векторную Маску???
Май 19th, 2008
вместо векторной маски (Vector Mask), примените Layer Mask (выделяете слой, содержащий верхнее изображение (в примере — изображение с дельфинами) и производите следующие действия: меню Layer — Layer Mask — Reveal All).
После этого маска на слое будет выделена рамкой и, выбрав инструмент Gradient, можно настроить пдавность и направление перехода.
THATS ALL)
зы. большое спасибо за урок!!
Июнь 11th, 2008
так и непонял как одну картинку на другую наложить.v нажал и что делать незнаю. был бы очень признателен еслиб немного поподробней объяснили. спасибо за уроки))
Июнь 18th, 2008
Нажмите инструмент «V» и просто перетащите одну картинку над другую.. и они наложатся друг на друга слоями…
Июнь 18th, 2008
Да может вы все делаете и правильно…. Просто картинку нижнюю становится не видно… если сделать верхний слой прозрачныйм, то тогда вы ее увидете… вы перетащите картинку и дальше следуйте уроку.. и все получится =)
Июнь 18th, 2008
там даже дело не в прозрачности. в уроке все довольно подробно описано. две картинки — два слоя. а видимость нижнего слоя напрямую зависит от маски, примененной к верхнему слою
Июнь 18th, 2008
Спасибо… Полезный материал…
Июнь 20th, 2008
Thanks!!!
Я доволен!!!!!!
Июль 1st, 2008
спасибочки всем!!!!
ВСЕ ПОЛУЧИЛОСЬ ПРОСТО СУПЕР КРУТО И БЫСТРО!!!ПОБОЛЬШЕ БЫ ТАКИХ УРОКОВ 
Июль 5th, 2008
Маска не хочет заливатся. При её выделении как описано и заливании градиентом ничего не происходит
Июль 8th, 2008
Сука, я ебусь над этой хернёй уже час и сейчас бы дал кому нибудь в ебало
Июль 8th, 2008
Чтоб я сдох… и тварь которая не прописала этот нюанс сдохла тоже
Июль 8th, 2008
«Маска не хочет заливатся. При её выделении как описано и заливании градиентом ничего не происходит»
Так там ещё и отдельные настройки градиента есть? Спасибо автору этого поста. Автору урока гореть в аду за не добросовесное описание
Июль 8th, 2008
Чири, офигел?все получается!!!!надо самому мозги иметь!!!!
Июль 8th, 2008
надо иметь не только мозги — для того чтобы не писать всякое %№&NO, но и прямые руки — чтобы уметь правильно сделать то, что вам буквально разжевали !!
Июль 8th, 2008
а ещё надо, чтоб руки не только прямые были, но и из того места росли!
а то, наверное, у тебя Чири они слегка на спине и слегка ниже поясницы
Июль 8th, 2008
У вас граматеев установки градиента стояли по умолчанию, а у меня сбиты, поэтому сразу не получилось. Афтару следывало бы описать и этот шаг. Могли бы дать толковый совет вместо того чтобы выебонить, пидарьё.
Июль 8th, 2008
да будет тебе известно, большинство подразумевает настройки по умолчанию. поэтому кроме как себя тебе винить некого, и кто уж тут больше всех вы%бонил, так это ты, нубко
Июль 8th, 2008
*большинство уроков
Июль 8th, 2008
Sunn
АБСОЛЮТНО СОГЛАСНА
Июль 9th, 2008
Не понял, что надо сделать, что бы маска бы «в палитре слоев она будет обведена черным контуром»
Июль 10th, 2008
у меня она по-умолчанию обведена черным контуром, а вообще, если нет, то щелкни по ней и все)
Июль 10th, 2008
Я уже исчелкался
Заливает градиентом и все, а плавного перехода нет
Июль 10th, 2008
а ты не vector mask бери, layer mask, reveal all, тогда все получиться)
Июль 10th, 2008
Иду в «Слой» (я, если не возражаете по русски буду говорить). «Добавить векторную маску» — «Открыть все». Вроде все чики-дрики получается. Дальше «Градиент» веду снизу вверх с левой стороны. Заливает оба слоя и остается четкая граница между фотками
Июль 10th, 2008
иди не в векторную маску, а в маску слоя и там уже все выбирай, чуть выше есть коммент:
вместо векторной маски (Vector Mask), примените Layer Mask (выделяете слой, содержащий верхнее изображение (в примере — изображение с дельфинами) и производите следующие действия: меню Layer — Layer Mask — Reveal All).
После этого маска на слое будет выделена рамкой и, выбрав инструмент Gradient, можно настроить пдавность и направление перехода.
THATS ALL)
зы. большое спасибо за урок!!
вот, я с помощью него и чделала эту фигню)
Июль 10th, 2008
Если я выделю маску, то у меня градиент вообще не заливается
Июль 10th, 2008
дяяямс….ну тогда ненаю(
Июль 10th, 2008
У меня в меню «Слои» есть «добавить маску» «Добавить векторную маску», «Создать клип-маску». Я уже все перепробовал
Июль 10th, 2008
Я нашел другой способ плавного перехода
Июль 10th, 2008
всем привет. скажите пожалувста как уменьшить фото чтоя хочу вставить в другую? просто у меня 2 фотки вышли одного размера. спасибо
Июль 14th, 2008
фото будут размещены на разных слоях. для уменьшения необходимого снимка выделите соответствующий слой и нажмите Ctrl+T. это позволит подогнать размер до нужного. после несложных операций смело нажимать Enter
Июль 15th, 2008
Sunn спасибо получилось
. может и в этом вы сможете помочь 
. когда открываю фаил т.е фото у меня фотка выходит вся в квадратиках. любую фотку что я открываю она в квадратиках 
. что мне делать? заранее спасибо
Июль 16th, 2008
честно говоря, пока затрудняюсь понять, в чем именно дело)))
Июль 17th, 2008
Я НЕЗНАЮ ЧТО ГДЕ ТРОНУЛА. НО ЛЮБОЕ ФОТО ЧТО Я ОТКРЫВАЮ ВЫХОДИТ В КЛЕТКАХ. НО ЕСЛИ ЭТИ ЖЕ ФОТКИ Я ОТКРЫВАЮ НЕ В ФОТОШОП В ОНИ ЧИСТЫЕ И БЕЗ ВСЯКИХ КЛЕТКАХ. КАК МНЕ ВЕРНУТЬ ЧТОБ ЛЮБОЕ ФОТО БЫЛА КАК СТАНДАРТНАЯ БЕЗ КЛЕТОЧЕК? СПАСИБО
Июль 17th, 2008
..было бы здорово скриншот увидеть)
Июль 17th, 2008
скажите пожалувста как я могу очистить фотку? и когда это желательно делать до или после перехода на другую картинку?
просто я учу фотошоп одна через интернет. а в программе несколько возможностей на один пример. программа на английском. если можно помогите в чем не получится. спасибо
Июль 20th, 2008
cooooooooooooooooooooool класный урок
Июль 24th, 2008
добавить векторную маску оказалось для меня просто невозможным
у меня немецкая программа 4.0 и я понятия не имею где взять эту маску 
Август 2nd, 2008
Блин…огромнейшее спасбо…..ы…очень помог …еще раз спасибо.
Август 17th, 2008
Спасибо, давно искал…=)
Август 28th, 2008
СПАСИБОООООООООООООО
Сентябрь 16th, 2008
Урок для чайников:) Обычная манипуляция со слоями и их масками:)
Сентябрь 27th, 2008
ПОДСКАЖИТЕ ПЛ3 КАК ПЕРЕТАШИТЬ СЛОЙ С «ДЕЛЬФИНАМИ» ВЫШЕ СЛОЯ «СИДНЕЯ» А ТО ВРОДЕ ВСЕ ПОЛУ4АЕТСЯ НО НЕ ТАК КРАСИВО) 3АРАНЕЕ БОЛЬШОЕ СПАСИБО
Октябрь 1st, 2008
Подскажите как открыть две картинки в одном окне. Уже пол часа бьюсь.
Октябрь 3rd, 2008
Берём «лоссо», выделяем фото которое хотим переместить и только после берём «Move tool», перемещаем! Жаль, что автор не упомянул об этом
Ноябрь 19th, 2008
Ребят, огромное спасибо за Вашу работу!!!
Я не умею вообще ничего делать(стыдно) 
, но я получила огромное удовольствие просто от просмотра всей этой красоты!!!! 
Декабрь 12th, 2008
всё получилось, правда не с первого раза
Декабрь 17th, 2008
Да,уж…5мин помучилась.Уменя 10 версия англоязычная.Ну никак градиент G-не вызывался!!!(Я новичек,и не все инструменты знаю
)Но я упорно поискав,нашла на панеле инстументов-И-о чудо!!! 
Как классно,что я упорная!!! Спасибо за урок!!!! Я очень-щчень-очень давно его искала 
Февраль 10th, 2009
Спасибо, очень дельно!!
Февраль 15th, 2009
да урок действительно класс но у меня ни чего не получилось желательно подробнее рассказать
Февраль 27th, 2009
Спасибо большое автору!!!)
Апрель 9th, 2009
А как соеденить из двух фоток разных людей в одну фотку? Ну,чтоб типа как они вместе стоят?
Апрель 30th, 2009
У меня получается только с слой-маской(layer mask), а с векторной ниче не выходит.
Июль 8th, 2009
Щас защеню)))
Август 4th, 2009
Берём “лоссо”, выделяем фото которое хотим переместить и только после берём “Move tool”, перемещаем! Жаль, что автор не упомянул об этом
———————
Что за Лоссо???
Сентябрь 6th, 2009
Блять,ебитесь тузом,нихуя не получается.
Сентябрь 6th, 2009
РЕБЯТ,ПОНЯЛ КАК!!!УМНИКИ НАФИГ ТУТ НАШЛИСЬ!!!НЕМОГУТ ЛЮДЯМ ПОМОЧЬ!!!производите следующие действия: меню Layer — Layer Mask — HIDE All)
ИМЕННО HIDE All,А НЕ КАК ТУ ПИСАЛИ ВЫШЕ Reveal All!!!СТРОГО HIDE All!!!Затем делаете все как описано в уроке вот.Сам два дня мучался.Слава богу получилось.
Сентябрь 7th, 2009
ребята, вы даёте жару
париться на таких примитивных действиях, когда можно просто ВНИМАТЕЛЬНО прочитать урок ))
насколько я вижу, в статье максимально доступным языком все описано
1 — добавляем оба изображения
2 — на верхний слой помещаем картинку, к которой будет применяться «переход»
3 — выделив верхний слой, кликаем на кнопку «add layer mask» в палитре слоев. рамка маски должна быть выделена.
4 — черно-белым градиентом рисуем необходимый переход..
всё! всего лишь 4 пункта. в чем там можно было запутаться?
Сентябрь 7th, 2009
Урок вроди бы действительно легкий,но у меня не выходит
Делаю все как написано в уроке,но когда начинаю пытаюсь рисовать переход градиентом,то градиент просто заливает все и нет не перехода и фоток вообще не видно.Уже 2 дня бьюсь, перепробовала все советы в комментах.Но все равно не получается.Может это из-за того что у меня другая версия Фотошопа?
Сентябрь 29th, 2009
Сафия, создавать градиент нужно в маске слоя, а не на самом слое. Для этого нужно выделить слой с картинкой, на которой надо сделать переход и нажать кнопку «add layer mask» («создать маску слоя»). Эта кнопка находится в палитре слоев. После нажатия на нее, в слое с картинкой добавится еще одна рамка, белого цвета. Это будет рамка маски. Ее надо выделить (щелкнув именно по ней, а не по слою) и только тогда заливать градиентом !
Сентябрь 29th, 2009
Супер!!!!!! Все отлично получается))) а главное — быстро))))
Октябрь 8th, 2009
как потом открыть фото в формате jpg?
Октябрь 17th, 2009
Люди((( помогите((( скажите плиззз как мне открыть сразу два изображения для соеденения. У меня почему то ток одно открывается
Ноябрь 5th, 2009
Блинки(((((((((( ничё не получается у миня!!!!!!!!!
Ноябрь 5th, 2009
Очень здорово!Спасибо!
Ноябрь 13th, 2009
Ну вообщем прочитал.
Такие *уроки* лучшая атиреклама сайта.
Ну кого схожая версия фотошопа и схожие настройки. …. Нет проблем.
У кого по другому…… то это не урок.
Когда в 30-ти отзывах автору *урока* сказали что ничего не получается, то что тут сказать.
И нахуй не нужны такие ваши уроки.
Декабрь 14th, 2009
Урок интересный.У меня тоже не все сразу получалось.Я векторную маску растирую и тогда градиент как надо срабатывает.
А если у кого то не ладится надо запастись терпением и не засорять матюками сайт,читать такие коменты противно-истеричные «бабы» какие то.
Декабрь 15th, 2009
товарищи, подобные Алексею, читайте внимательно комментарии. в них уже давно всё разжевали до неприличия настолько, что даже у годовалого ребенка получится. а если у вашего фотошопа другие настройки (и вообще фотошоп ли у вас? ^_^ ), то не надо за это винить автора урока.
Декабрь 15th, 2009
Спасибо за урок! Сначала у меня тоже маска выделялась вместе со слоем, а потом я добавила её через меню Layer — Layer Mask — Reveal All. А чтобы картинка выглядела пореальней использовала «ластик» (eraser), только чтобы стереть верхний слой надо стирать саму маску; и ещё можно применить массу инструментов…
Январь 25th, 2010
Отличные уроки-просто супер,вот только что-то я не знаю где векторные маски находятся…Может быть есть какие-то ГОРЯЧИЕ КЛАВИШИ
Февраль 27th, 2010
Я вообще не понимаю…Как можно открыть сразу 2 фото!!!
Март 19th, 2010
Все супер, урок отличный, только с некоторыми фотками повозится пришлось, подгонять по разнему слоев..)
Спасибо огромно!!=)
Март 22nd, 2010
))))) Спасибки ))) Набирая в поисковике я даже и не надеялась найти такого подробного ответа))) Просто вечно нажимала не нату маску и думала гадала, почему выходит не так))) Класс! Спасибо!
Март 23rd, 2010
В CS2 у мени ничего не вышло, а в CS4 получилось с первого раза, хотя делала всё точь-в-точь одинакого..
Автору спасибо 
Май 28th, 2010
ну, не 2 минуты, а час
зато все получилось! Спасибо! 
Июль 9th, 2010
все получилось…красота! выхожу из фотошопа, сораняю фотографию…. хочу посмотреть, изображение не открывается! ЧТО ДЕЛАТЬ?!
Июль 28th, 2010
Не получается залить градиентом маску, бьюсь уже пол дня. Понятно что где-то совершаю ошибку но где именно не пойму, хоть убейте. Вроде бы все делаю так как написано в уроке. Если у кого-то была такая же проблема, плиз, подскажите в чем моя ошибка!
Август 14th, 2010
О! Вы не поверите — сам догадался!
Просто надо было в настройках градиента mode выставить на «normal», а у меня было «overlay» Вот как все просто оказывается. Самостоятельно приобретенный опыт ценнее любых подсказок.
Спасибо за урок!
Август 14th, 2010
Здесь описана ошибка,нужно добавить не векторную маску,а обычную слой-маску и тогда все будет нормально …
Август 22nd, 2010
Спасибо за урок!!! Очень просто и быстро! Запомню. Работаю в CS3.
Сентябрь 27th, 2010
Сенск,буду испытывать
Ноябрь 29th, 2010
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ВВсем у кого не получаеться, залить векторную маску, попробейте нажать правой кнопкой мыши на маску и нажать растрировать, и вуалля! а потом заливать градиентом !
Февраль 15th, 2011
Всем спасибо за комментарии. Разобрался по ним в мелочах, упущенных в уроке. А автор — мудак.
Март 1st, 2011
векторную маску ПОЧЕМУ Я НЕМОГУ ИЁ ИСПОЛЬЗОВАТЬ ??
Март 5th, 2011
у миня горит тока создаить отравачьную маску или тип таво ((( уже ппц хз чё делать
Март 5th, 2011
все получилось просто читайте внимательнее и делайте по порядку!
Октябрь 30th, 2011
Ноябрь 24th, 2011