DIWO.BY

Digital World - Уроки фотошоп

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

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

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


Аватар пользователя Гость

КРУТО


Аватар пользователя Гость

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


Аватар пользователя Гость

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Dr.Cherkasov

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


Аватар пользователя mrkaktooz

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


Аватар пользователя sanek_ak-90

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


Аватар пользователя mrkaktooz

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


Аватар пользователя sanek_ak-90

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


Аватар пользователя Фуся

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

Фуся


Аватар пользователя mrkaktooz

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


Аватар пользователя Катюшка

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Катюшка

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


Аватар пользователя Катюшка

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


Аватар пользователя admin

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


Аватар пользователя zonder

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

ZONDER free-light


Аватар пользователя Гость

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


Аватар пользователя Tip-top

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Shine

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Shine

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


Аватар пользователя processo

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

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


Аватар пользователя maksvip

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


Аватар пользователя iri92061904

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


Аватар пользователя mrkaktooz

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


Аватар пользователя iri92061904

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


Аватар пользователя iri92061904

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


Аватар пользователя mrkaktooz

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


Аватар пользователя iri92061904

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


Аватар пользователя mrkaktooz

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


Аватар пользователя TIM

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


Аватар пользователя mrkaktooz

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


Аватар пользователя КатюшкО

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


Аватар пользователя mrkaktooz

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


Аватар пользователя марина 2

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

МАРИНОК


Аватар пользователя chuk

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

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


Аватар пользователя OkSi®

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


Аватар пользователя OkSi®

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


Аватар пользователя Гость

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


Аватар пользователя Ягодка

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


Аватар пользователя mrkaktooz

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

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

  • Доступные HTML теги: <img> <p> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
  _   _           _____   ____           _     
| | | | _ _ |___ | / ___| ___ | |__
| |_| | | | | | / / \___ \ / _ \ | '_ \
| _ | | |_| | / / ___) | | __/ | |_) |
|_| |_| \__,_| /_/ |____/ \___| |_.__/
Введите код, изображенный в стиле ASCII-арт.