Как сделать плавный переход между фотографиями - Школа Photoshop
Плавный переход Фотошоп плавное перетекание

Как сделать плавный переход между фотографиями

12.09.2007Категория урока: Основы Photoshop

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

Переход фотки в другую фотошоп

Приблизительное время выполнения: 2 минуты

Откройте два изображения, которые Вы хотите соединить.

Плавный переход в фотошопе

Переместите одну из картинок на другую (я поместил фото дельфинов на фото сиднейской оперы). Это можно сделать инструментом Move (клавиша V).

Выберите слой с дельфинами (он должен располагаться выше другого слоя) и добавьте к нему векторную маску

Плавный переход в фотошопе

Не снимая с нее выделения (в палитре слоев она будет обведена черным контуром), выберите инструмент Gradient (клавиша G)

Как сделать плавный переход в фотошопе?

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

Как сделать плавный переход в фотошопе?

Готово! Фотошоп плавный переход

Photoshop плавный переход

Источник: How to Blend Two Pictures




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



114 комментария(-ев) к уроку “Как сделать плавный переход между фотографиями”

  1. Класный урок спасибо большое!!!! Всем респект и уважуха!!! :mrgreen: :mrgreen: :mrgreen: :mrgreen:

    Halier

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

    Кристи

  3. Кристи, ты наверно просто заливаешь градиентом, а надо использовать его как векторную маску (если это то что я думаю)

    Анатолий

  4. 2Кристи
    Скорее всего, Вы действительно заливали градиентом не маску, а сам слой, как и сказал Анатолий.

    2Анатолий
    Спасибо! :)

    Кирилл Гурбанов

  5. Описанно то понятно, но на практике у меня ничего не выходит. Маска не хочет становиться векторной, не становится такого цвета, как на картинке тут. А как в конце соединить изображения в одно?

    Anna

  6. У меня тоже скажите пожалуста почему? :sad:

    Тимур

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

    edi

  8. здорово! всё получилось! Спасибо за сабж!

    Приколы

  9. Крутой эффект!!! :wink:

    Lirik

  10. оффигенно))

    barabozz

  11. Прикольно, когда нить обязательно пригодится :) Когда то очь давно искал, надо было, что то похожее видел :)

    CLUBKISS.ru

  12. у меня фотографии отдельно открываються, неполучаеться чтоб вот так было как на 3 картинке!ну там где Layer написано!помогите плиз!Урок то клевый а у меня не получаеться!

    Катя

  13. У меня не открываются две фотографии в политре слоёв. Распишите пожалуйста, что нужно сделать чтобы фото встали в нужном порядке?

    лада

  14. Катя… этого шага делать не нужно ((клавиша G)… в палитре цветов, черно- белый….и экспериментируйте…:))

    Эмми

  15. Супер!!!

    Катя

  16. У мну не получаетсо :oops:
    Когда я заливаю градиент, он заливается и на вторую фотку, отдельно выделить векторную маску не выходит :evil: Что делать??

    Павел

  17. А как сделать точно такой же переход но что б было типа как загнутые кончики страниц ? :)

    Тарас Волошин

  18. А можно было просто выделить некую область и сделать ее прозрачной :)

    Тагир

  19. Большое спасибо!!! Я так рада что все получилось!!!! :mrgreen: :mrgreen: :mrgreen:

    Екатерина

  20. Spasibo za urok…. O4enj prigodilsja… Xotja ja i ranjwe umela eto delatj,toljko po svojemu… :mrgreen:

    Inka

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

    Галина

  22. Я только учусь! :oops: А как добавить векторную маску?

    Заранее спасибо! :wink:

    Мария

  23. Все отлично. Я новичек в этом деле и меня это все удивляет. Только не получается сделать шаг «Переместите одну из картинок на другую (я поместил фото дельфинов на фото сиднейской оперы). Это можно сделать инструментом Move (клавиша V).» Картинка ездит в своей рамке но не думает объединяться с другой.

    Sergey

  24. а у меня тоже векторная маска только с самим слоем выделается поэтому использовала вторую, может это из-за версии фотошопа?

    Sapfira

  25. У меня не получилось. Дайте горячие клавиши!

    Sheena

  26. у меня фотошоп рабртает в двух режимах которые надо переключать-это сам второй фотошоп иIMAGEREADI..и как переключится на векторную рамку.

    людмила

  27. Как Добавить Векторную Маску???

    Артем

  28. вместо векторной маски (Vector Mask), примените Layer Mask (выделяете слой, содержащий верхнее изображение (в примере — изображение с дельфинами) и производите следующие действия: меню Layer — Layer Mask — Reveal All).
    После этого маска на слое будет выделена рамкой и, выбрав инструмент Gradient, можно настроить пдавность и направление перехода.
    THATS ALL)
    зы. большое спасибо за урок!!

    Sunn

  29. так и непонял как одну картинку на другую наложить.v нажал и что делать незнаю. был бы очень признателен еслиб немного поподробней объяснили. спасибо за уроки))

    nupik

  30. Нажмите инструмент «V» и просто перетащите одну картинку над другую.. и они наложатся друг на друга слоями…

    Mari

  31. Да может вы все делаете и правильно…. Просто картинку нижнюю становится не видно… если сделать верхний слой прозрачныйм, то тогда вы ее увидете… вы перетащите картинку и дальше следуйте уроку.. и все получится =)

    Mari

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

    Sunn

  33. Спасибо… Полезный материал…

    Gutako

  34. Thanks!!! :mrgreen: Я доволен!!!!!!

    SiN

  35. спасибочки всем!!!! :mrgreen: :mrgreen: :lol: ВСЕ ПОЛУЧИЛОСЬ ПРОСТО СУПЕР КРУТО И БЫСТРО!!!ПОБОЛЬШЕ БЫ ТАКИХ УРОКОВ :wink:

    ghoast of shadow

  36. Маска не хочет заливатся. При её выделении как описано и заливании градиентом ничего не происходит

    Чири

  37. Сука, я ебусь над этой хернёй уже час и сейчас бы дал кому нибудь в ебало

    Чири

  38. Чтоб я сдох… и тварь которая не прописала этот нюанс сдохла тоже

    Чири

  39. «Маска не хочет заливатся. При её выделении как описано и заливании градиентом ничего не происходит»
    Так там ещё и отдельные настройки градиента есть? Спасибо автору этого поста. Автору урока гореть в аду за не добросовесное описание

    Чири

  40. Чири, офигел?все получается!!!!надо самому мозги иметь!!!!

    ghoast of shadow

  41. надо иметь не только мозги — для того чтобы не писать всякое %№&NO, но и прямые руки — чтобы уметь правильно сделать то, что вам буквально разжевали !!

    Sunn

  42. а ещё надо, чтоб руки не только прямые были, но и из того места росли!
    а то, наверное, у тебя Чири они слегка на спине и слегка ниже поясницы :mad: :!:

    ghoast of shadow

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

    Чири

  44. да будет тебе известно, большинство подразумевает настройки по умолчанию. поэтому кроме как себя тебе винить некого, и кто уж тут больше всех вы%бонил, так это ты, нубко :mrgreen:

    Sunn

  45. *большинство уроков

    Sunn

  46. Sunn
    АБСОЛЮТНО СОГЛАСНА :smile:

    ghoast of shadow

  47. Не понял, что надо сделать, что бы маска бы «в палитре слоев она будет обведена черным контуром»

    klik2

  48. у меня она по-умолчанию обведена черным контуром, а вообще, если нет, то щелкни по ней и все)

    ghoast of shadow

  49. Я уже исчелкался :-) Заливает градиентом и все, а плавного перехода нет

    klik2

  50. а ты не vector mask бери, layer mask, reveal all, тогда все получиться)

    ghoast of shadow

  51. Иду в «Слой» (я, если не возражаете по русски буду говорить). «Добавить векторную маску» — «Открыть все». Вроде все чики-дрики получается. Дальше «Градиент» веду снизу вверх с левой стороны. Заливает оба слоя и остается четкая граница между фотками

    klik2

  52. иди не в векторную маску, а в маску слоя и там уже все выбирай, чуть выше есть коммент:

    вместо векторной маски (Vector Mask), примените Layer Mask (выделяете слой, содержащий верхнее изображение (в примере — изображение с дельфинами) и производите следующие действия: меню Layer — Layer Mask — Reveal All).
    После этого маска на слое будет выделена рамкой и, выбрав инструмент Gradient, можно настроить пдавность и направление перехода.
    THATS ALL)
    зы. большое спасибо за урок!!

    вот, я с помощью него и чделала эту фигню)

    ghoast of shadow

  53. Если я выделю маску, то у меня градиент вообще не заливается :-)

    klik2

  54. дяяямс….ну тогда ненаю( :shock:

    ghoast of shadow

  55. У меня в меню «Слои» есть «добавить маску» «Добавить векторную маску», «Создать клип-маску». Я уже все перепробовал :-)

    klik2

  56. Я нашел другой способ плавного перехода :-)

    klik2

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

    оксана

  58. фото будут размещены на разных слоях. для уменьшения необходимого снимка выделите соответствующий слой и нажмите Ctrl+T. это позволит подогнать размер до нужного. после несложных операций смело нажимать Enter :wink:

    Sunn

  59. Sunn спасибо получилось :razz: . может и в этом вы сможете помочь :?: . когда открываю фаил т.е фото у меня фотка выходит вся в квадратиках. любую фотку что я открываю она в квадратиках :oops: . что мне делать? заранее спасибо

    оксана

  60. честно говоря, пока затрудняюсь понять, в чем именно дело))) :???:

    Sunn

  61. Я НЕЗНАЮ ЧТО ГДЕ ТРОНУЛА. НО ЛЮБОЕ ФОТО ЧТО Я ОТКРЫВАЮ ВЫХОДИТ В КЛЕТКАХ. НО ЕСЛИ ЭТИ ЖЕ ФОТКИ Я ОТКРЫВАЮ НЕ В ФОТОШОП В ОНИ ЧИСТЫЕ И БЕЗ ВСЯКИХ КЛЕТКАХ. КАК МНЕ ВЕРНУТЬ ЧТОБ ЛЮБОЕ ФОТО БЫЛА КАК СТАНДАРТНАЯ БЕЗ КЛЕТОЧЕК? СПАСИБО

    оксана

  62. ..было бы здорово скриншот увидеть)

    Sunn

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

    oksana

  64. cooooooooooooooooooooool класный урок :cool:

    Иван

  65. добавить векторную маску оказалось для меня просто невозможным :oops: у меня немецкая программа 4.0 и я понятия не имею где взять эту маску :cry:

    Леа

  66. Блин…огромнейшее спасбо…..ы…очень помог …еще раз спасибо.

    D-mans

  67. Спасибо, давно искал…=)

    Yeto

  68. СПАСИБОООООООООООООО :mrgreen: :mrgreen: :mrgreen: :mrgreen:

    АНН

  69. Урок для чайников:) Обычная манипуляция со слоями и их масками:)

    Миха

  70. ПОДСКАЖИТЕ ПЛ3 КАК ПЕРЕТАШИТЬ СЛОЙ С «ДЕЛЬФИНАМИ» ВЫШЕ СЛОЯ «СИДНЕЯ» А ТО ВРОДЕ ВСЕ ПОЛУ4АЕТСЯ НО НЕ ТАК КРАСИВО) 3АРАНЕЕ БОЛЬШОЕ СПАСИБО

    nupik

  71. Подскажите как открыть две картинки в одном окне. Уже пол часа бьюсь.

    Ежевичка

  72. Берём «лоссо», выделяем фото которое хотим переместить и только после берём «Move tool», перемещаем! Жаль, что автор не упомянул об этом :wink:

    Andrew

  73. Ребят, огромное спасибо за Вашу работу!!! :lol: Я не умею вообще ничего делать(стыдно) :oops: :roll: , но я получила огромное удовольствие просто от просмотра всей этой красоты!!!! :lol: :lol: :lol: :mrgreen: :mrgreen: :mrgreen:

    iri6ka))

  74. всё получилось, правда не с первого раза :mrgreen:

    Ирочка

  75. Да,уж…5мин помучилась.Уменя 10 версия англоязычная.Ну никак градиент G-не вызывался!!!(Я новичек,и не все инструменты знаю :sad: )Но я упорно поискав,нашла на панеле инстументов-И-о чудо!!! :twisted: Как классно,что я упорная!!! Спасибо за урок!!!! Я очень-щчень-очень давно его искала :smile: :smile: :smile:

    NIKARINKA

  76. Спасибо, очень дельно!! :wink:

    CLiFf

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

    Евгений

  78. Спасибо большое автору!!!)

    Константин Евгеньевич

  79. А как соеденить из двух фоток разных людей в одну фотку? Ну,чтоб типа как они вместе стоят?

    Юлия

  80. У меня получается только с слой-маской(layer mask), а с векторной ниче не выходит.

    Александр

  81. :)
    Щас защеню)))

    vmir

  82. Берём “лоссо”, выделяем фото которое хотим переместить и только после берём “Move tool”, перемещаем! Жаль, что автор не упомянул об этом
    ———————

    Что за Лоссо???

    Артем

  83. Блять,ебитесь тузом,нихуя не получается.

    Артем

  84. РЕБЯТ,ПОНЯЛ КАК!!!УМНИКИ НАФИГ ТУТ НАШЛИСЬ!!!НЕМОГУТ ЛЮДЯМ ПОМОЧЬ!!!производите следующие действия: меню Layer — Layer Mask — HIDE All)
    ИМЕННО HIDE All,А НЕ КАК ТУ ПИСАЛИ ВЫШЕ Reveal All!!!СТРОГО HIDE All!!!Затем делаете все как описано в уроке вот.Сам два дня мучался.Слава богу получилось.

    Артем

  85. ребята, вы даёте жару :mrgreen:
    париться на таких примитивных действиях, когда можно просто ВНИМАТЕЛЬНО прочитать урок ))
    насколько я вижу, в статье максимально доступным языком все описано

    1 — добавляем оба изображения
    2 — на верхний слой помещаем картинку, к которой будет применяться «переход»
    3 — выделив верхний слой, кликаем на кнопку «add layer mask» в палитре слоев. рамка маски должна быть выделена.
    4 — черно-белым градиентом рисуем необходимый переход..

    всё! всего лишь 4 пункта. в чем там можно было запутаться?

    Sunn

  86. Урок вроди бы действительно легкий,но у меня не выходит :oops:
    Делаю все как написано в уроке,но когда начинаю пытаюсь рисовать переход градиентом,то градиент просто заливает все и нет не перехода и фоток вообще не видно.Уже 2 дня бьюсь, перепробовала все советы в комментах.Но все равно не получается.Может это из-за того что у меня другая версия Фотошопа? :neutral:

    Сафия

  87. Сафия, создавать градиент нужно в маске слоя, а не на самом слое. Для этого нужно выделить слой с картинкой, на которой надо сделать переход и нажать кнопку «add layer mask» («создать маску слоя»). Эта кнопка находится в палитре слоев. После нажатия на нее, в слое с картинкой добавится еще одна рамка, белого цвета. Это будет рамка маски. Ее надо выделить (щелкнув именно по ней, а не по слою) и только тогда заливать градиентом ! :wink:

    Sunn

  88. Супер!!!!!! Все отлично получается))) а главное — быстро))))

    NATALI

  89. как потом открыть фото в формате jpg?

    Алан

  90. Люди((( помогите((( скажите плиззз как мне открыть сразу два изображения для соеденения. У меня почему то ток одно открывается :cry:

    Аньkо_О

  91. Блинки(((((((((( ничё не получается у миня!!!!!!!!! :cry:

    Аньkо_О

  92. Очень здорово!Спасибо! :smile:

    Ольга

  93. Ну вообщем прочитал.
    Такие *уроки* лучшая атиреклама сайта.
    Ну кого схожая версия фотошопа и схожие настройки. …. Нет проблем.
    У кого по другому…… то это не урок.
    Когда в 30-ти отзывах автору *урока* сказали что ничего не получается, то что тут сказать.
    И нахуй не нужны такие ваши уроки.

    Алексей

  94. Урок интересный.У меня тоже не все сразу получалось.Я векторную маску растирую и тогда градиент как надо срабатывает.
    А если у кого то не ладится надо запастись терпением и не засорять матюками сайт,читать такие коменты противно-истеричные «бабы» какие то.

    Ольга

  95. товарищи, подобные Алексею, читайте внимательно комментарии. в них уже давно всё разжевали до неприличия настолько, что даже у годовалого ребенка получится. а если у вашего фотошопа другие настройки (и вообще фотошоп ли у вас? ^_^ ), то не надо за это винить автора урока.

    Sunn

  96. Спасибо за урок! Сначала у меня тоже маска выделялась вместе со слоем, а потом я добавила её через меню Layer — Layer Mask — Reveal All. А чтобы картинка выглядела пореальней использовала «ластик» (eraser), только чтобы стереть верхний слой надо стирать саму маску; и ещё можно применить массу инструментов…

    Танька

  97. Отличные уроки-просто супер,вот только что-то я не знаю где векторные маски находятся…Может быть есть какие-то ГОРЯЧИЕ КЛАВИШИ :?: :neutral:

    Pasha

  98. Я вообще не понимаю…Как можно открыть сразу 2 фото!!! :oops: :oops: :oops: :oops: :oops: :oops: :oops: :oops: :oops: :oops:

    Вадим

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

    Спасибо огромно!!=)

    Мила

  100. ))))) Спасибки ))) Набирая в поисковике я даже и не надеялась найти такого подробного ответа))) Просто вечно нажимала не нату маску и думала гадала, почему выходит не так))) Класс! Спасибо!

    Натали

  101. В CS2 у мени ничего не вышло, а в CS4 получилось с первого раза, хотя делала всё точь-в-точь одинакого.. :cool: Автору спасибо :smile:

    Алёна

  102. ну, не 2 минуты, а час :!: зато все получилось! Спасибо! :lol:

    катерина

  103. все получилось…красота! выхожу из фотошопа, сораняю фотографию…. хочу посмотреть, изображение не открывается! ЧТО ДЕЛАТЬ?! :evil:

    лина

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

    Вовик

  105. О! Вы не поверите — сам догадался!
    Просто надо было в настройках градиента mode выставить на «normal», а у меня было «overlay» Вот как все просто оказывается. Самостоятельно приобретенный опыт ценнее любых подсказок.
    Спасибо за урок!

    Вовик

  106. Здесь описана ошибка,нужно добавить не векторную маску,а обычную слой-маску и тогда все будет нормально …

    Mutabor

  107. Спасибо за урок!!! Очень просто и быстро! Запомню. Работаю в CS3.

    Светик

  108. Сенск,буду испытывать ;-)

    Олег Турникмен

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

    Дима

  110. Всем спасибо за комментарии. Разобрался по ним в мелочах, упущенных в уроке. А автор — мудак.

    Михаил

  111. векторную маску ПОЧЕМУ Я НЕМОГУ ИЁ ИСПОЛЬЗОВАТЬ ??

    Andrej

  112. у миня горит тока создаить отравачьную маску или тип таво ((( уже ппц хз чё делать

    Andrej

  113. все получилось просто читайте внимательнее и делайте по порядку!

    SusLik

  114. :twisted: Гори в аду, автор, умеющий рисовать, но несподобившийся научиться внятно писать! УРОК должен ОБУЧАТЬ, а не демонстрировать невъебенность. Чири, человек, как я тебя понимаю! Полчаса ебли, а потом перечитка килотонн тупых комментов разных ослиц… и… ты, как озарение! Спасибо за «урок». Так ужасно я время не проводила давно.

    Марго

Прокомментировать урок

 


Rambler's Top100