Создание пластиковой карты с эффектом отражения в фотошоп.


Создание отражения в от объекта в Photoshop не такая простая задача, как на первый взгляд кажется. Один из простых способов создания отражения предмета от зеркальной поверхности рассмотрен в этом уроке. Но это только частный случай и не для всяких изображений подходит, более полно тема рассмотрена в статье Создание отражений в Photoshop
Будем создавать отражение пластиковой карты от полированной поверхности.
эффект отражения в фотошоп
Изображение карты или визитки можете использовать готовое, в этом случае ее нужно скопировать в отдельный слой. Я сначала нарисую пластиковую карту, и только затем буду делать ее отражение.
Создаем новый документ, размер 350px на 450px. Заливаем темным фоном, я выбрала градиентную заливку, от #010104 до #010124, градиент зеркальный.
Рисуем карту. Для этого используем панель инструментов Photoshop и выбираем Rounded Rectangle Tool (Скругленный прямоугольник). Радиус скругления 10px задаем на панели параметров при активизации инструмента. Протягиваем инструментом по изображению, размер карты на ваше усмотрение.
эффект отражения в фотошоп
Растрируем этот слой с прямоугольником.
Карту можно разрисовать цветами, вставить картинку, сделать все, что подскажет вам ваша фантазия. Я выбрала первый попавшийся градиент из коллекции градиентов и залила им карту по диагонали (не забудьте ее перед этим выделить, иначе будет залит градиентом весь слой!)
Используем инструмент Type для создания какого-нибудь логотипа, у меня LOGO (шрифт Garamond, 52px)
эффект отражения в фотошоп
Чтобы все было красиво :) применяем эффекты слоя: для слоя с LOGO Emboss (Тиснение) с такими параметрами:
эффект отражения в фотошоп
Для слоя с картой то же самое плюс контур. Параметры такие:
эффект отражения в фотошоп
Пластиковая карта готова.
эффект отражения в фотошоп
Повернем ее и займемся отражением.
И хочу только повернуть, не наклоняя. Так делают дизайнеры очень часто чтобы придать объем своей работе, но не искажать ее слишком сильно. Вертикальные стороны пластиковой карты должны остаться вертикальными, левая длиннее, чем правая, ширина карты должна уменьшиться. Для поворота используем Edit-Transform-Distortion. Берем за уголки и тянем в нужном направлении, чтобы получить такой результат:
эффект отражения в фотошоп
Перейдет к созданию отражения от повернутого предмета.
Вначале объединяем слои с картой и LOGO. Затем создаем дубликат этого слоя. Отражаем его по вертикали: Edit-Transform-Flip Vertical и перемещаем вниз, так чтобы изображение и его отражение соприкасались в правом нижнем углу:
эффект отражения в фотошоп
Отражение должно соприкасаться с объектом по нижней стороне пластиковой карты. Для этого используем Edit-Transform-Distortion, придерживаясь таких требований: вертикальные стороны отражения остаются вертикальными, длины сторон объекта и его отражения одинаковы.
Добавляем маску слоя для слоя с отражением, выбираем инструмент заливки Gradient Tool (G) с градиентом от прозрачного к непрозрачному и заливаем градиентом часть изображения с отражением (активна маска слоя) так, как и в уроке Создание простого отражения, но направление заливки должно быть перпендикулярно к линии соприкосновения изображения и его отражения .
эффект отражения в фотошоп
Настраиваем прозрачность слоя, выставив значение Opacity 60% или другое на ваше усмотрение в зависимости от отражающей способности вашей поверхности.
эффект отражения в фотошоп
Так как отражающая поверхность обычно не идеальное зеркало, то отражающиеся лучи рассеиваются и отражение выглядит немного размытым. Используем Filter > Blur > Gaussian Blur с радиусом 1:
Отражение готово.
эффект отражения в фотошоп

Автор: Ирина Сподаренко
При использовании статьи ссылка на автора и источник урока обязательна.
 

Комментарии  

 
#2 13.12.2011 18:49
Очень хорошая статья! Это именно то, что мне нужно для моей разыгравшейся фантазии
Все очень хорошо объяснено и понятно, а главное просто, что я уже прям почти влюбился в автора...
Эта статья, просто как свет в конце тоннеля
Цитировать
 
 
#1 29.03.2011 09:35
Замечательный урок. Но вот не придумали разве фильтр для создания отражений?
Я почему спрашиваю, у меня очень много изображений и каждое обрабатывать подобным образом это очень сложно, может быть есть готовые фильтры?
Цитировать