Реалистичное изображение напечатанной фотографии
Сегодня мы создадим реалистичное изображение напечатанной фотографии. Т.е. в результате у нас получится изображение листа бумаги с вашей фотографией. Данный урок можно использовать для создания картинки для интернета. Лично мне приятнее видеть не обычную плоскую картинку на каком либо сайте (если конечно позволяет дизайн сайта), а что-то похожее на то, что мы с вами сделаем. Этот урок очень простой и не займет у вас много времени, а результат надеюсь вам понравится)
Шаг 1.
Создаем новый документ 800х600 px. Вы выбирайте размер в зависимости от размера вашей фотографии. Если вы собираетесь использовать результат в интернете, то не делайте очень большой размер документа. Или уменьшите потом размер вашего изображения.
Шаг 2.
Создадим фон (так сказать лист бумаги) для нашей фотографии. Создаем новый слой Shift+Ctrl+N. Затем выбираем в панели инструментов выбираем инструмент Rectangular Marquee Tool (Прямоугольная область) и рисуем прямоугольник нужного нам размера.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

- 27351 просмотр



КРУТО
МНЕ ПОНРАВИЛОСЬ
не получается
Что именно у Вас не получается?
тупой вопрос но расскажи как понять какой размер у моей картинки?))))
а то не влезает все время)))
Выберите в меню Image>Image Size (Изображение>Размер изображения). В появившемся окне будут указаны размеры width(ширина) и height(высота). И что куда не влезает можно подробнее, в каком шаге?
У меня проблема с шагом 7. Контур я создал и установил точность, а далее что-то никак. Выбираю стрелку и жму правой кнопкой, но у меня не появляется меню Add Anchor Point (Добавить опорную точку). Вместо этого появляется окно Фон и Выделить похожие слои. Подскажите может я не то делаю? Пытался изменить форму контура так: CTRL+T и выбрать опцию Переключение между свободной трансформацией. Но в дальнейшем Фильтр>Размытие>Размытие по Гауссу... контур не видит.
ПОМОГИТЕ!!!!!
Вы выбрали не тот инструмент. Вы выбрали инструмент Move Tool (Перемещение), а вам нужно выбрать инструмент Direct Selection Tool (Стрелка) - горячая клавиша А. Причем стрелка должны быть не черненькой а беленькой. Если после нажатия клавиши А курсор изменился на стрелку черного цвета, то нажмите Shift+A чтобы включить следующий инструмент из этой группы и стрелочка поменяется на беленькую.
Огромное спасибо, всё получилось!
Седьмой шаг плохо прописан у меня не получается!! Стопор со всеми выделениями и стрелками, "Теперь вы берите инструмент Direct Selection Tool (Стрелка), нажмите правой кнопкой мыши по середине правой части контура и выберите в меню Add Anchor Point (Добавить опорную точку)" Как добавить опорную точку и откуда??
Фуся
Если у вас пока не получается, это не значит что шаг плохо описан) Как добавить опорную точку и откуда как раз и описано в этом шаге. После того как вы выберите инструмент Стрелка и кликните правой кнопкой по контуру у вас появится выпадающее меню. Там и будет пункт Добавить опорную точку.
Полностью согласна с вышестоящим комментарием, по поводу того, что плохо прописан 7 шаг. С инструментами и как поставить "опорную точку" разобралась, но вот потом все затруднения. Это ведь просто кошмар, а не инструмент)))). Конечно, для профи это покажется смешным, но вот для такого "чайника", как я - это сущее наказание. Тянешь за один край, а из него еще линие тянутся и тянутся.
Да. Инструмент не очень простой. Но надо научится им работать, т.к. в будущем он вам очень и очень пригодится так же как и инструмент Перо.
не получается....хоть плачь. Может нужно тянуть именно за какие-нибудь определенные края, чтобы лишние линии не тянулись.
ПОЛУЧИЛОСЬ !!!!!!!!!!!!!))))))))))))))))))))))))))
тогда расскажите нам где именно на шаге семь было обьяснено неправильно. помогите плиз сайту
Спасибо - сделал почти все уроки получились ) Вот что у меня получилось по этому уроку -
ZONDER free-light
все можно сделать намного легче, способов в шопе очень много)
А что с background делать?
у меня получилось всё равно реалистичное фото на белом фоне, а не на сером как у вас.
С фоном можете делать что захотите) можете выбрать любой цвет, поместить картинку или вообще убрать фон.. эффект от этого не изменится
проблема с 4 шагом...помогите...
не могу подогнать изображение под наш фон (т.е. под выделение, правильно?) После переноса моей картинки, она сдвигается вместе с выделением. Что я не так делаю?
Если выделение перемещается вместе с выделением, то нажмите Ctrl+D, чтобы убрать выделение. Затем переместите картинку как вам надо, а потом нажмите Ctrl+Shift+D, чтобы вернуть выделение обратно.
С горем пополам все получилось )))
Некоторые моменты делала по-своему...
Спасибо за урок!
mrkaktooz большое спасибо за данные уроки!
В 3 шаге не плохо было бы указать ссылку на урок, по вставке изображения. А то я, например, довольно продолжительное время его искал.
Всё очень классно получилось.... Большое спасибо
Далее создаем маску слоя. Для этого выбираем в меню Layer>Layer Mask>Reveal Selection (Слой>Слой-маска>Показать выделенную область).
у меня там такого вообще нет!!!где еще можно найти"слой-маска"?
в панели слоев в самом низу есть кнопочка.. 3 слева
может я совсем...но там только закрепить,удалить,создать коректирующий слой
у меня вообще все не так,как у вас на картинках.
AP Elements7 как быть?
Установите нормальную версию фотошопа
А чем эта хуже?? она неполная?
Возможно... Часто бывает что люди, которые делаю репаки разных программ впихивают в них свои настройки... особенно это касается русифицированых версий.. часто из-за кривых рук руссификаторописателей обрубаются различные функции. Так что лучше всегда использовать оригинальную версию программы или ОФИЦИАЛЬНУЮ русскую версию
Я вот вообще не понял. как сделали тень чёрной!О_оОна у меня всегда белая почему-то!
Выберите черный цвет и будет вам счастье)
у меня проблемки... в меню"слой" нету "слой-маски"
я застопорилась(
Может еще называться Маска слоя. Хотя если у вас кривой перевод то возможно что этот пункт вообще отсутствует. Поэтому я рекомендую пользоваться оригинальной английской версией
СПАСИБО. ЗА УРОКИ СКАЖИТЕ, А КОГДА ВЫЙДУТ ЕЩЕ? НАПРИМЕР КАК СДЕЛАТЬ КРАСИВЫЙ КАЛЕНДАРЬ НА НОВЫЙ ГОД С ФОТОГРАФИЕЙ?
МАРИНОК
Здравствуйте !
В Шаге 6.
Немного повернем наши слои. Для этого удерживая Ctrl выберите все нужные слои (у меня их 3).
- не могу выделить слои с помощью Ctrl.
chuk, жмите не на пинктограммы (иконки) слоя в панели слоёв, а просто на сам слой, то есть на серое пространство рядом с иконкой и именем слоя. или можете нажимать на имя слоя. ))) и если вы будете удерживать Ctrl, то выделятся несколько слоев, а именно те, на которые вы нажали.
Спасибо за урок! Вс1 замечательно получилось. Только вот шаг 4 я не осилила, к сожалению. (( Я помучилась, потом сначала добавила фотографию, а только потом слой с градиентом, переместила его ниже слоя с фотографией.... вот так обманным путем продолжила урок ((.
Что у меня получалось неправильно - опишу.
Подгоняем изображение под наш фон. Чтобы добавить эффект того что наша фотография напечатана на бумаге нам надо создать область печати, т.е. вокруг фотографии должна быть рамка. Если выделение у вас не пропало то выберите в меню Select>Modify>Contract… (Выделение>Модификация>Сжать…) и введите в поле Contract by (Сжать на) значение 8. А если пропало то сначала кликните по пиктограмме слоя из шага 2 удерживая клавишу Ctrl.
Вот это всё ничего не получилось. Меняется само выделение, никаких изменений на фотографии нет... То есть уменьшается слой с градиентом, а он ниже, его за фотографией не видено. А после всех действий если перемещаешь выделение, то вместе с выделенным прямоугольником перемещается часть фотографии.. глупо как то получилось.. навреное что то не так сделала ((. Сейчас попробую еще раз воспроизвести этот момент, если получится вышлю скрин. А так ОГРОМНОЕ СПАСИБО за урок!) понравился очень!))
В шаге 6 не получается выбрать все слои. нажимаю ctrl и на слой-загружается выделенная область... Как сделать??
У меня не получается Шаг5, почему-то у меня тень гардиента выходит за пределы Слоя 1 и попадает на задний план от этого эффект получается не точный.
Попробуйте кликнуть мышкой, удерживая клавишу Ctrl, по слой-маске у фотографии. Должны получить выделение. Как только получили выделение, можете смело делать градиент.
Отправить комментарий