Реалистичное изображение напечатанной фотографии

Сегодня мы создадим реалистичное изображение напечатанной фотографии. Т.е. в результате у нас получится изображение листа бумаги с вашей фотографией. Данный урок можно использовать для создания картинки для интернета. Лично мне приятнее видеть не обычную плоскую картинку на каком либо сайте (если конечно позволяет дизайн сайта), а что-то похожее на то, что мы с вами сделаем. Этот урок очень простой и не займет у вас много времени, а результат надеюсь вам понравится)

Шаг 1.

Создаем новый документ 800х600 px. Вы выбирайте размер в зависимости от размера вашей фотографии. Если вы собираетесь использовать результат в интернете, то не делайте очень большой размер документа. Или уменьшите потом размер вашего изображения.

Шаг 2.

Создадим фон (так сказать лист бумаги) для нашей фотографии. Создаем новый слой Shift+Ctrl+N. Затем выбираем в панели инструментов выбираем инструмент Rectangular Marquee Tool (Прямоугольная область) и рисуем прямоугольник нужного нам размера.

less_5_01.jpg

Затем возьмите инструмент Gradient Tool (Градиент) и установите для него следующие настройки:

less_5_02.jpg

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

less_5_03.jpg

Более подробно о работе с градиентом рассказано в предыдущем уроке.

Шаг 3.

Вставляем в документ свое изображение. Как это делается вы можете найти в предыдущих уроках.

less_5_04.jpg

Шаг 4.

Подгоняем изображение под наш фон. Чтобы добавить эффект того что наша фотография напечатана на бумаге нам надо создать область печати, т.е. вокруг фотографии должна быть рамка. Если выделение у вас не пропало то выберите в меню Select>Modify>Contract… (Выделение>Модификация>Сжать…) и введите в поле Contract by (Сжать на) значение 8. А если пропало то сначала кликните по пиктограмме слоя из шага 2 удерживая клавишу Ctrl.

less_5_05.jpg

Далее создаем маску слоя. Для этого выбираем в меню Layer>Layer Mask>Reveal Selection (Слой>Слой-маска>Показать выделенную область).

less_5_06.jpg

Теперь нам нужно разорвать связь между маской слоя и самим слоем. Для этого нажимаем на пиктограммку с цепочкой между слоем и маской слоя. Цепочка должна пропасть.

less_5_07.jpg

Дальше кликните по пиктограмме слоя, затем Ctrl+T и можете изменить размеры и положение вашего изображения (если надо конечно).

less_5_08.jpg

Шаг 5.

Наша фотография будет немного прогнута, поэтому нужно добавить немного теней. Для этого создайте новый слой, нажмите D, чтобы сбросить цвета, выберите инструмент Gradient Tool (Градиент) и выберите следующую заготовку:

less_5_09.jpg

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

less_5_10.jpg

Протяните еще один градиент только с левого верхнего угла. Установите Opacity (Непрозрачность) слоя 20% в палитре Layers(Слои).

Шаг 6.

Для начала восстановим связь между нашей фотографией и маской слоя, которую мы убрали в 4 шаге (кликните в то же место где была цепочка и она должна появится). Немного повернем наши слои. Для этого удерживая Ctrl выберите все нужные слои (у меня их 3). Затем нажмите Ctrl+T и поверните их на нужный вам угол (ну чтоб не было все совсем ровным))).

less_5_15.jpg

Шаг 7.

Создадим тень. Сначала удерживая клавишу Ctrl кликните по пиктограмме слоя, который мы сделали в шаге 2 (у меня это Layer 1(Слой 1)). У вас должно появится выделение вокруг того что у нас получилось. Далее вы берите любой инструмент для выделения путем нажатия клавиши L или M и кликните правой кнопкой мыши в области выделения. В появившемся меню выберите Make Work Path… (Образовать рабочий контур…). Появится окошко. В нем установите значение Допуск (Точность) 10.

less_5_11.jpg

В результате у вас получится контур. Теперь вы берите инструмент Direct Selection Tool (Стрелка), нажмите правой кнопкой мыши по середине правой части контура и выберите в меню Add Anchor Point (Добавить опорную точку). Затем потяните немного вправо за добавленную опорную точку . Тоже самое сделайте с нижней частью контура, только потяните за нее вверх. Также придется потягать немного за угловые опорные точки. Вот что примерно должно получится.

less_5_12.jpg

Теперь нажмите по контуру правой кнопкой мыши и выберите Make Selection…(Образовать выделенную область…) и нажмите ОК. Нажмите клавишу D чтобы сбросить цвета на черный и белый, создайте слой ниже слоя из 2-го шага и нажмите Ctrl+Del что бы залить наше выделение черным цветом. Далее жмем Ctrl+D, чтобы убрать выделение и в меню выбираем Filter>Blur>Gaussian Blur…(Фильтр>Размытие>Размытие по Гауссу…). В появившемся окошке значение Radius (Радиус) пишем 6.

less_5_13.jpg

Жмем ОК. Осталось только немного ослабить эту тень. Для этого в палитре слоев Layers(Слои) значение Opacity (Непрозрачность) установите в 50%.
Ну вот и все) Надеюсь у вас не возникло трудностей при выполнении этого урока)

less_5_14.jpg

Комментарии
Пользователь: Гость 05.01.2010 13:17
Аватар пользователя Гость

КРУТО

Пользователь: Гость 16.01.2010 14:24
Аватар пользователя Гость

МНЕ ПОНРАВИЛОСЬ

Пользователь: Гость 27.01.2010 18:26
Аватар пользователя Гость

не получается

Пользователь: mrkaktooz 27.01.2010 23:57
Аватар пользователя mrkaktooz

Что именно у Вас не получается?

Пользователь: Dr.Cherkasov 06.02.2010 17:55
Аватар пользователя Dr.Cherkasov

тупой вопрос но расскажи как понять какой размер у моей картинки?))))
а то не влезает все время)))

Пользователь: mrkaktooz 07.02.2010 12:53
Аватар пользователя mrkaktooz

Выберите в меню Image>Image Size (Изображение>Размер изображения). В появившемся окне будут указаны размеры width(ширина) и height(высота). И что куда не влезает можно подробнее, в каком шаге?

Пользователь: sanek_ak-90 21.02.2010 15:34
Аватар пользователя sanek_ak-90

У меня проблема с шагом 7. Контур я создал и установил точность, а далее что-то никак. Выбираю стрелку и жму правой кнопкой, но у меня не появляется меню Add Anchor Point (Добавить опорную точку). Вместо этого появляется окно Фон и Выделить похожие слои. Подскажите может я не то делаю? Пытался изменить форму контура так: CTRL+T и выбрать опцию Переключение между свободной трансформацией. Но в дальнейшем Фильтр>Размытие>Размытие по Гауссу... контур не видит.
ПОМОГИТЕ!!!!!

Пользователь: mrkaktooz 21.02.2010 16:54
Аватар пользователя mrkaktooz

Вы выбрали не тот инструмент. Вы выбрали инструмент Move Tool (Перемещение), а вам нужно выбрать инструмент Direct Selection Tool (Стрелка) - горячая клавиша А. Причем стрелка должны быть не черненькой а беленькой. Если после нажатия клавиши А курсор изменился на стрелку черного цвета, то нажмите Shift+A чтобы включить следующий инструмент из этой группы и стрелочка поменяется на беленькую.

Пользователь: sanek_ak-90 22.02.2010 08:51
Аватар пользователя sanek_ak-90

Огромное спасибо, всё получилось!

Пользователь: Фуся 13.03.2010 13:45
Аватар пользователя Фуся

Седьмой шаг плохо прописан у меня не получается!! Стопор со всеми выделениями и стрелками, "Теперь вы берите инструмент Direct Selection Tool (Стрелка), нажмите правой кнопкой мыши по середине правой части контура и выберите в меню Add Anchor Point (Добавить опорную точку)" Как добавить опорную точку и откуда??

Фуся

Пользователь: mrkaktooz 14.03.2010 13:00
Аватар пользователя mrkaktooz

Если у вас пока не получается, это не значит что шаг плохо описан) Как добавить опорную точку и откуда как раз и описано в этом шаге. После того как вы выберите инструмент Стрелка и кликните правой кнопкой по контуру у вас появится выпадающее меню. Там и будет пункт Добавить опорную точку.

Пользователь: Катюшка 13.03.2010 19:47
Аватар пользователя Катюшка

Полностью согласна с вышестоящим комментарием, по поводу того, что плохо прописан 7 шаг. С инструментами и как поставить "опорную точку" разобралась, но вот потом все затруднения. Это ведь просто кошмар, а не инструмент)))). Конечно, для профи это покажется смешным, но вот для такого "чайника", как я - это сущее наказание. Тянешь за один край, а из него еще линие тянутся и тянутся.

Пользователь: mrkaktooz 14.03.2010 13:04
Аватар пользователя mrkaktooz

Да. Инструмент не очень простой. Но надо научится им работать, т.к. в будущем он вам очень и очень пригодится так же как и инструмент Перо.

Пользователь: Катюшка 17.03.2010 08:41
Аватар пользователя Катюшка

не получается....хоть плачь. Может нужно тянуть именно за какие-нибудь определенные края, чтобы лишние линии не тянулись.

Пользователь: Катюшка 17.03.2010 09:18
Аватар пользователя Катюшка

ПОЛУЧИЛОСЬ !!!!!!!!!!!!!))))))))))))))))))))))))))

Пользователь: admin 18.03.2010 01:48
Аватар пользователя admin

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

Пользователь: zonder 05.04.2010 08:37
Аватар пользователя zonder

Спасибо - сделал почти все уроки получились ) Вот что у меня получилось по этому уроку - фото

ZONDER free-light

Пользователь: Гость 08.04.2010 16:30
Аватар пользователя Гость

все можно сделать намного легче, способов в шопе очень много)

Пользователь: Tip-top 04.05.2010 15:41
Аватар пользователя Tip-top

А что с background делать?
у меня получилось всё равно реалистичное фото на белом фоне, а не на сером как у вас.

Пользователь: mrkaktooz 04.05.2010 17:25
Аватар пользователя mrkaktooz

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

Пользователь: Юферов Андрей 29.08.2013 13:33
Аватар пользователя Юферов Андрей

Я только начал изучать фотошоп...помогите мне?

Пользователь: Shine 21.05.2010 16:48
Аватар пользователя Shine

проблема с 4 шагом...помогите...
не могу подогнать изображение под наш фон (т.е. под выделение, правильно?) После переноса моей картинки, она сдвигается вместе с выделением. Что я не так делаю?

Пользователь: mrkaktooz 21.05.2010 17:00
Аватар пользователя mrkaktooz

Если выделение перемещается вместе с выделением, то нажмите Ctrl+D, чтобы убрать выделение. Затем переместите картинку как вам надо, а потом нажмите Ctrl+Shift+D, чтобы вернуть выделение обратно.

Пользователь: Shine 21.05.2010 22:10
Аватар пользователя Shine

С горем пополам все получилось )))
Некоторые моменты делала по-своему...
Спасибо за урок!

Пользователь: processo 27.08.2010 15:51
Аватар пользователя processo

mrkaktooz большое спасибо за данные уроки!

В 3 шаге не плохо было бы указать ссылку на урок, по вставке изображения. А то я, например, довольно продолжительное время его искал.

Пользователь: maksvip 08.09.2010 16:15
Аватар пользователя maksvip

Всё очень классно получилось.... Большое спасибо

Пользователь: iri92061904 10.09.2010 18:02
Аватар пользователя iri92061904

Далее создаем маску слоя. Для этого выбираем в меню Layer>Layer Mask>Reveal Selection (Слой>Слой-маска>Показать выделенную область).
у меня там такого вообще нет!!!где еще можно найти"слой-маска"?

Пользователь: mrkaktooz 10.09.2010 18:07
Аватар пользователя mrkaktooz

в панели слоев в самом низу есть кнопочка.. 3 слева

Пользователь: iri92061904 10.09.2010 18:15
Аватар пользователя iri92061904

может я совсем...но там только закрепить,удалить,создать коректирующий слой

Пользователь: iri92061904 10.09.2010 18:34
Аватар пользователя iri92061904

у меня вообще все не так,как у вас на картинках.
AP Elements7 как быть?

Пользователь: mrkaktooz 11.09.2010 14:39
Аватар пользователя mrkaktooz

Установите нормальную версию фотошопа

Пользователь: iri92061904 11.09.2010 19:52
Аватар пользователя iri92061904

А чем эта хуже?? она неполная?

Пользователь: mrkaktooz 11.09.2010 19:59
Аватар пользователя mrkaktooz

Возможно... Часто бывает что люди, которые делаю репаки разных программ впихивают в них свои настройки... особенно это касается русифицированых версий.. часто из-за кривых рук руссификаторописателей обрубаются различные функции. Так что лучше всегда использовать оригинальную версию программы или ОФИЦИАЛЬНУЮ русскую версию

Пользователь: TIM 12.09.2010 09:14
Аватар пользователя TIM

Я вот вообще не понял. как сделали тень чёрной!О_оОна у меня всегда белая почему-то!

Пользователь: mrkaktooz 12.09.2010 10:28
Аватар пользователя mrkaktooz

Выберите черный цвет и будет вам счастье)

Пользователь: КатюшкО 05.10.2010 15:16
Аватар пользователя КатюшкО

у меня проблемки... в меню"слой" нету "слой-маски"
я застопорилась(

Пользователь: mrkaktooz 05.10.2010 17:36
Аватар пользователя mrkaktooz

Может еще называться Маска слоя. Хотя если у вас кривой перевод то возможно что этот пункт вообще отсутствует. Поэтому я рекомендую пользоваться оригинальной английской версией

Пользователь: марина 2 17.11.2010 14:21
Аватар пользователя марина 2

СПАСИБО. ЗА УРОКИ СКАЖИТЕ, А КОГДА ВЫЙДУТ ЕЩЕ? НАПРИМЕР КАК СДЕЛАТЬ КРАСИВЫЙ КАЛЕНДАРЬ НА НОВЫЙ ГОД С ФОТОГРАФИЕЙ?

МАРИНОК

Пользователь: chuk 23.11.2010 14:36
Аватар пользователя chuk

Здравствуйте !

В Шаге 6.
Немного повернем наши слои. Для этого удерживая Ctrl выберите все нужные слои (у меня их 3).
- не могу выделить слои с помощью Ctrl.

Пользователь: OkSi® 21.12.2010 20:52
Аватар пользователя OkSi®

chuk, жмите не на пинктограммы (иконки) слоя в панели слоёв, а просто на сам слой, то есть на серое пространство рядом с иконкой и именем слоя. или можете нажимать на имя слоя. ))) и если вы будете удерживать Ctrl, то выделятся несколько слоев, а именно те, на которые вы нажали.

Пользователь: OkSi® 21.12.2010 21:09
Аватар пользователя OkSi®

Спасибо за урок! Вс1 замечательно получилось. Только вот шаг 4 я не осилила, к сожалению. (( Я помучилась, потом сначала добавила фотографию, а только потом слой с градиентом, переместила его ниже слоя с фотографией.... вот так обманным путем продолжила урок ((.
Что у меня получалось неправильно - опишу.
Подгоняем изображение под наш фон. Чтобы добавить эффект того что наша фотография напечатана на бумаге нам надо создать область печати, т.е. вокруг фотографии должна быть рамка. Если выделение у вас не пропало то выберите в меню Select>Modify>Contract… (Выделение>Модификация>Сжать…) и введите в поле Contract by (Сжать на) значение 8. А если пропало то сначала кликните по пиктограмме слоя из шага 2 удерживая клавишу Ctrl.
Вот это всё ничего не получилось. Меняется само выделение, никаких изменений на фотографии нет... То есть уменьшается слой с градиентом, а он ниже, его за фотографией не видено. А после всех действий если перемещаешь выделение, то вместе с выделенным прямоугольником перемещается часть фотографии.. глупо как то получилось.. навреное что то не так сделала ((. Сейчас попробую еще раз воспроизвести этот момент, если получится вышлю скрин. А так ОГРОМНОЕ СПАСИБО за урок!) понравился очень!))

Пользователь: Гость 30.07.2011 14:01
Аватар пользователя Гость

В шаге 6 не получается выбрать все слои. нажимаю ctrl и на слой-загружается выделенная область... Как сделать??

Пользователь: Ягодка 18.02.2012 17:31
Аватар пользователя Ягодка

У меня не получается Шаг5, почему-то у меня тень гардиента выходит за пределы Слоя 1 и попадает на задний план от этого эффект получается не точный.

Пользователь: mrkaktooz 20.02.2012 09:46
Аватар пользователя mrkaktooz

Попробуйте кликнуть мышкой, удерживая клавишу Ctrl, по слой-маске у фотографии. Должны получить выделение. Как только получили выделение, можете смело делать градиент.

Пользователь: Гость 10.06.2012 15:33
Аватар пользователя Гость

Помогите!У меня конечный результат немножко не такой..
Смущают эти волнистые контуры.Вот , смотрите :

Пользователь: Гость 10.06.2012 15:37
Аватар пользователя Гость

ой,а в псд файле у меня есть волночки.
хм..а как же мне сюда псд файл поместить ?

Пользователь: mrkaktooz 11.06.2012 12:49
Аватар пользователя mrkaktooz

psd файл сюда не поместить. Если после сохранения файла в нужном формате никаких волн и других артефактов или дефектов нет, то не можете не волноваться)

Пользователь: Катя Фурник 08.09.2013 22:00
Аватар пользователя Катя Фурник

Спасибо)))все получилось!

Добавить комментарий