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

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

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

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

Вот первая:

А вот вторая:

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

Шаг 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.

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

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

Послать ссылку на этот обзор другу по ICQ или E-Mail:

Разместить у себя на ресурсе или в ЖЖ:

На любом форуме в своем сообщении:

Filed under: photoshop,фотообработка

Метки: move tool, режими смешивания, смешивание фотографий

Комментарии (50)

16.09.2008 @ 15:28 | Автор: admin |

Спасибо за урок!

Comment by HelenMarlen — 08.11.2008 @ 13:20

Пасиб за урок, у мну всё получилось

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

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

Comment by admin — 16.11.2008 @ 09:01

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

Comment by Яна — 23.11.2008 @ 14:55

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

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

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

Comment by Lis — 23.11.2008 @ 15:16

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

Comment by Natko — 24.11.2008 @ 03:22

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

Comment by Nadya — 26.11.2008 @ 13:57

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

Comment by shagane — 07.12.2008 @ 06:45

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

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

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

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

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

Comment by Lis — 15.12.2008 @ 13:09

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

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

читайте внимательно урок

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

Comment by Lis — 21.12.2008 @ 06:22

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

Comment by Art — 25.12.2008 @ 06:46

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Comment by Няя — 08.11.2009 @ 14:58

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

Comment by ggg — 13.11.2009 @ 14:17

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

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

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

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

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

Comment by аня — 17.01.2010 @ 20:25

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

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

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

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

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

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

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

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

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

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

а как склеить сразу 3 фото?

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

Спасибо

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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