Делаем постер из двух фотографий / уроки фотошоп

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

В этом уроке бы будем смешивать две фотографии.

Вот первая:

А вот вторая:

Вот, что у нас в результате должно получиться:

Шаг 1

Для начала откройте обе фотографии в Photoshop. Теперь выберите инструмент Move Tool (V).

С помощью него перетащите одну фотографию на другую.

Вот, что у нас в результате получилось:

В палитре слоев теперь 2 слоя:

Шаг 2 ::Изменяем размер изображений

Как вы видите, у нас пейзаж широкий, а вот портрет, наоборот, узкий. Нам надо установить одинаковый размер.

Выберите инструмент Free Transform Tool (Ctrl+T), перед этим выбрав активным слоев ваш верхний слой. Как видите, граница инструмента выходит за границу холста. Нам надо выравнять наше широкое изображение по ширине холста. Для этого нажмите Ctrl+0, чтобы наш пейзаж по ширине вписался в холст.

Теперь вы можете спокойно изменять размер картинок. Удерживайте Shift, чтобы стороны изменялись пропорционально. Когда закончите – жмите Enter.

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

Но если вы выберите инструмент Move Tool (V) и попытаетесь сдвинуть картинку на нижнем слое чуть выше, то получите вот такую вот ошибку:

Выскочила эта ошибка потому, что наш слой Background «закрыт на замок». Чтобы решить эту проблему, нам надо его переименовать. Зажмите Alt и дважды щелкните по слову Background.

Теперь с помощью Move Tool (V) можно смело двигать нашу картинку. Я сдвинул ее чуть повыше, удерживая Shift, чтобы она сдвигалась строго вверх.

Шаг 3 :: добавляем маску слоя

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

Теперь мы можем видеть иконку маски слоя напротив нашего слоя.

Когда выбрана маска слоя, то она окрашена белой каймой.

Шаг 4 :: зальем черно-белым градиентом маску слоя

Выберите инструмент Gradient Tool (G) на вашей панели инструментов.

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

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

Т.к. градиентом мы рисовали не по слою, а по маске, то вот, что у нас получилось в итоге:

Если вам не нравится, как смешались слои, то нажмите Ctrl+Z и проделайте действие снова.

Шаг 5 :: сольем оба слоя в один

Выберите слой Layer 1 и нажмите Ctrl+Shift+Alt+E, чтобы слить оба слоя в один. Он будет называться Layer 2 и расположится выше всех в палитре слоев:

Шаг 6 :: обесцвечиваем слой

Теперь мы уберем все цвета с нашей фотографии, а потом добавим те, которые захотим.  Нажмите Ctrl+Shift+U, чтобы обесцветить фотографию.

Шаг 7 :: добавим немного шума

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

Идем в меню Filter -> Noise -> Add Noise, ставим настройки как у нас:
Шаг 8 :: добавляем корректирующий слой

Нажмите на иконку добавления нового корректирующего слоя на вашей панели слоев:

Теперь выберите там Solid Color:
Теперь выберите цвет, понравившейся вам. Его мы и будем использовать в нашей фотографии.

Не волнуйтесь, если вы выбрали цвет не верно. Это легко поправимо ;)

Шаг 9 :: изменяем режим смешивания

Теперь измените режим смешивания нового слоя на Color.

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

Вот, что в результате у нас получилось:

Оригинал на английском Blend Photos Like A Hollywood Movie Poster.

При копировании урока активная ссылка на уроки фотошоп обязательна!

Наш сайт находят по следующим ключевым словам


Метки: , ,
  1. :razz: Спасибо за урок! :grin:

    Comment by HelenMarlen — 08.11.2008 @ 13:20

  2. Пасиб за урок, у мну всё получилось :razz: :lol:

    Comment by УтКа — 16.11.2008 @ 08:50

  3. Всегда пожалуйста ;)
    Так поделитесь результатом, если не сложно!

    Comment by admin — 16.11.2008 @ 09:01

  4. Не получается :cry: Мне не выровнять фотки,они не встают по ширине(((((((((((((Как сделать???

    Comment by Яна — 23.11.2008 @ 14:55

  5. зайдите в меню (в левом верхнем углу ) в картинки ( 3 слева) , там в размер картинки , и выравнивайте как вам нужно ширину и высоту
    здесь скрин на форуме

    http://forum.alltutorials.ru/viewtopic.php?f=15&t=70&p=154#p154

    или же читайте внимательно 2 шаг

    Comment by Lis — 23.11.2008 @ 15:16

  6. Замечательный урок, все очень понятно! Спасибо! :wink:

    Comment by Natko — 24.11.2008 @ 03:22

  7. У меня не получаеться объединить фотки :cry: Я их выравняла, а объединить не получается :sad:

    Comment by Nadya — 26.11.2008 @ 13:57

  8. :smile: Спасибо, все получилось!!!! Красивый и нужный урок!!!!!

    Comment by shagane — 07.12.2008 @ 06:45

  9. ааа… спасибо огромное)))) у меня впервые что то в фотошопе получилось)))))

    Comment by Стася — 10.12.2008 @ 11:55

  10. У меня вопрос как открыть сразу 2 фотографии.Спасибо,заранее.

    Comment by олег — 15.12.2008 @ 08:20

  11. откройте сначала одно фото затем другое , в фотошопе появятся 2 окошка

    Comment by Lis — 15.12.2008 @ 13:09

  12. У меня не получается фотографию перетащить..Пишет: Невозможно, слой закреплен! Что делать? :sad:

    Comment by Света — 21.12.2008 @ 04:48

  13. читайте внимательно урок :)

    «Выскочила эта ошибка потому, что наш слой Background “закрыт на замок”. Чтобы решить эту проблему, нам надо его переименовать. Зажмите Alt и дважды щелкните по слову Background.»

    Comment by Lis — 21.12.2008 @ 06:22

  14. Очень даже неплохо :) защед на этот сайт много чего есть интересного спс админам модераторам и тем людям которые помогают в развитии сайта :) РЕспект

    Comment by Art — 25.12.2008 @ 06:46

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

    Comment by Оксан4ик — 10.01.2009 @ 02:16

  16. не понимаю как открыть 2 фотки сразу помогите пож.

    Comment by вика — 11.01.2009 @ 15:00

  17. А у меня ничего не получается!!! :cry: Так долго искала подобный урок, все так просто и понятно, было столько счастья… и облом! :cry: У меня почему-то градиент на маску не накладывается. Пробовала на сам слой – все ОК, а на маску пытаюсь – ничего не меняется :cry: Помогите! Может кто-нибудь знает, почему?

    Comment by Анна — 03.02.2009 @ 14:00

  18. Где находится Background? помогите!!! :!:

    Comment by Сергей — 07.03.2009 @ 18:51

  19. Я тоже не могу открыть две фотографии………….что делать???Я открываю одну фотку(через open… понятное дело),потом через него же открываю другую фотку,и та пропадает…….я явно делаю что-то не то……….Хелп ми!!!

    Comment by Леля — 23.03.2009 @ 20:42

  20. Как открыть одновременно 2 фото??? Ну ника не открываются, только по отдельности и окошек вторых нет!!!

    Comment by Светлана — 08.04.2009 @ 08:30

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

    Comment by Евгения — 09.10.2009 @ 19:17

  22. у меня получается всё,кроме 4 шага..
    пробовала не раз..
    толи я туплю,толи ещё что.. :cry:

    Comment by Няя — 08.11.2009 @ 14:58

  23. как открыть два окна:
    столкнулась с той же проблемой, но потом нашла
    нужно на верхней панели выбрать ОКНО > УПОРЯДОЧИТЬ > КАСКАД
    теперь каждая фота открывается в отдельном окошке :wink:

    Comment by ggg — 13.11.2009 @ 14:17

  24. У меня тоже не совсем получается.
    Я наложила градиент, вроде получилось, но видно края фотографии. Как не пробовала неполучается, как надо.
    Может я что то не так делаю? Вроде всё как в уроке.

    Comment by Катя — 19.11.2009 @ 03:53

  25. У меня всё получилось, спасибо большое :wink: Единственное- у меня в 4 шаге слои как то странно смешались, у меня как я не делала, всё равно слишком резкий переход. Как мне сделать, чтобы получилось так же плавно и незаметно, как у вас?

    Comment by Оксаночка — 15.12.2009 @ 14:36

  26. как открыть два окна: window > arrange > float all in windows
    открывается столько окон, сколько захотите)

    Comment by аня — 17.01.2010 @ 20:25

  27. делаю все как сказано,но в палитре слоев не отображается 2 слоя,только один!что делать?

    Comment by Виолетта — 10.02.2010 @ 14:25

  28. Спасибо за урок, но у меня проблема(( когда я жму ctrl +0 у меня увиличиваются 2 фотографии и идут пикселями, хотя и становятся в одно окно. И еще я не могу найти инструмент гардимент или как там его, у меня (g) выступает заливка(((

    Comment by Катя — 27.03.2010 @ 13:22

  29. Супер!)))
    Спасибо…Так долго искала именно этот урок!»)))
    Все получилось..Спасибо!!!
    :razz:

    Comment by Лера — 04.04.2010 @ 15:37

  30. Урок кул!!! (спасибо автору)
    Соединять фотки получалось, но не мог разобраться с градиентом, чтобы сделать
    плавный переход, теперь все понял!!! еще раз спасибо :mrgreen: :mrgreen: :lol:

    Comment by почти гуру — 14.04.2010 @ 18:55

  31. to Катя
    это и есть градиент, ты наверное не сделала маску слоя, почитай внимательнее :!: :grin:

    Comment by почти гуру — 14.04.2010 @ 18:58

  32. а как склеить сразу 3 фото? :oops:

    Comment by Тася — 01.07.2010 @ 18:46

  33. Спасибо :mrgreen:

    Comment by Влад — 24.07.2010 @ 13:45

  34. [...] как соединить две фотографии в фотошопе [...]

    Уведомление by осветление фотографии | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 14:33

  35. [...] как соединить 2 фотографии в одну [...]

    Уведомление by как работать с действиями (actions)? | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 14:33

  36. [...] как соединить две фотографии в фотошопе [...]

    Уведомление by золотое сияние | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 14:34

  37. [...] как открыть рядом 2 фото в фотошопе [...]

    Уведомление by Делаем классный гранжевый постер / уроки фотошоп | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 14:43

  38. [...] как с помощью фотошопа совместить две фотографии [...]

    Уведомление by фото рамка | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 15:48

  39. [...] как совместить 2 фото в фотошопе [...]

    Уведомление by живая фотография | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 16:13

  40. [...] как сделать из двух фотографий одну Послать ссылку на этот обзор другу по ICQ или E-Mail:Разместить у себя на ресурсе или в ЖЖ:На любом форуме в своем сообщении: Filed under: photoshop,для начинающих,компьютерная графика,текстуры Метки: photoshop, металлическая текстура, уроки фотошоп Комментариев нет 22.02.2008 @ 14:31 | Автор: admin | [...]

    Уведомление by металлическая текстура | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 16:22

  41. [...] как совместить две фотографии на фотошопе [...]

    Уведомление by глянцевые фотографии | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 16:47

  42. [...] как две фотографии сделать одной? [...]

    Уведомление by рисуем знак копирайта | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 17:34

  43. [...] как соединить красиво две фотографии в фотошопе [...]

    Уведомление by эффект ночной съемки | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 17:48

  44. [...] соединить две картинки градиентом Послать ссылку на этот обзор другу по ICQ или E-Mail:Разместить у себя на ресурсе или в ЖЖ:На любом форуме в своем сообщении: Курсы обучение веб дизайн. Курсы веб дизайна, обучение web дизайну. Filed under: photoshop,веб дизайн,для начинающих,эффекты с текстом Метки: web-design, создание меню, шапка, эффекты с текстом Комментарии (6) 18.03.2008 @ 15:44 | Автор: admin | [...]

    Уведомление by создаем шапку для сайта | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:11

  45. [...] как из двух фотографий сделать одну [...]

    Уведомление by Интервью с Булатом Гариповым, блог Artzmania | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:13

  46. [...] как соединить две фотографии в фотошопе [...]

    Уведомление by белоснежные зубы | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:25

  47. [...] как сделать из двух фотографий одну [...]

    Уведомление by правильный контраст | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:28

  48. [...] как соединить две фотографии в фотошопе [...]

    Уведомление by обзор canon eos 450d | AllTutorials.RU - Уроки Фотошоп — 18.08.2010 @ 19:29

RSS-лента комментариев к этой записи. TrackBack URL

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

Для отправки комментария вы должны авторизоваться.