Выполняю, подождите...
 
Войти
Создать учётную запись
Логин:
Пароль:
Запомнить
 

Библиотека

Имитация 3D в Photoshop

Имитация 3d в Photoshop

Идеей для написания данной урока была похожая XSI визуализация Баруча Зеволана. Дизайн принадлежит ему. Но не сочтите это за плагиат. Цель данного урока показать, что Photoshop годится не только для обработки фотографий. Кроме того, я хотел разрушить стереотип. Большинство 3D работ делаются на основе 2D работ (наброски, рисунки, фото). А эта 2D работа сделана под впечатлением от 3D визуализации. Мое почтение Зеволану! Этот урок может выполнить любой, разбирающийся в программе Photoshop. Вам не обязательно быть художником. Используются только стандартные инструменты наряду с клавиатурой и мышью, даже необязательно пользоваться планшетом. Чтобы просмотреть весь процесс как слайд-шоу, например в ACDSee, вы можете скачать архив урока.

Итак, приступим.

Создание шарика

Я нарисовал круг и заполнил его белым цветом. Применил простой линейный градиент и плоский 2D шарик превратился в подобие 3D! Не хватает только теней. Исправим это. С помощью инструмента Elliptical Marquee Tool (M) я выделил эллипс на новом слое и залил его черным цветом, повернул и слегка размыл. Чтобы имитировать освещение, например тень, расширяющуюся с расстоянием, я использовал команду Distort (Edit → Transform). Поместите тень под шар, и он будет смотреться, как 3D визуализация с глобальным освещением.

Создание шара. Наложение гардиента. Создание тения для шара. Размытие тени. Трансформация тени. Готовая тень Шар с тенью.

Теперь отражения. Представим, что шар на столе. На шаре будет отражаться противоположный край стола. Для этого я нарисовал черный эллипс выше слоя с шаром (забыл уточнить, что я работаю на разных слоях) и оставил только часть, пересекающую шар. Затем слегка смягчил края инструментом Smudge Tool (R). Но шар по-прежнему не выглядит блестящим. С помощью инструмента Path tool (Pen Tool (P) → Paths), я нарисовал форму поверх темного слоя, сделал из него выделение (прав. кнопка мыши → Make Selection) и заполнил белым цветом с небольшим цветным оттенком по краям.

Также должно быть белое отражение от стола. Я скопировал только что созданный объект, уменьшил прозрачность и размер. Теперь добавим отражения от шара на столе и немного блеска в освещенных областях. Вуаля! Блестящий хромированный шарик готов!

Имитация 3d: Создание отражения. Создание отражения. Основное отражение от стола. Слой с отражением. Отражение Добавление блика от стола. Блеск на шаре.

Создание вазы

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

Рисуем форму вазы. Наложение первого гардиента. Наложение второго гардиента. Смешивание краев гардиентов. Ваза.

Теперь тени. Аккуратно нарисуйте тень на горлышке вазы с помощью кисти. Нарисуйте черный эллипс в основании вазы. Повторите шаги, использованные для создания тени шара. В этот раз я добавил вторую тень от источника света в верхнем правом углу. Добавим отражение от стола. А теперь самая интересная часть. Чтобы добавить керамический блеск, нарисуйте форму как на рисунке, сделайте из нее выделение, увеличьте яркость (Brightness). Не заливайте цветом — это уничтожит эффект освещения.

Создание тени от вазы. Тень от вазы. Создание отражения от стола Отражение от стола.

Чтобы избавится от всех сомнений в том, что ваза блестящая, я взял кисть в форме звезды и щелкнул разок на горлышке вазы, после того как нарисовал блик. Теперь добавим немного красоты. Напечатайте текст вертикально, затем примените фильтр Shear (Filter → Distort). Скопируйте слой и сделайте на этом слое текст белым. Сместите слой относительно первого влево и вверх. Теперь добавьте отражение от вазы на стол и немного блеска на вазе.

Уроки Photoshop: Имитация 3d Блик на вазе. Блеск на горлышке Текст на вазе Фильтр Shear. Совмещение слоев. Фильтр Gaussian Blur. Блеск. Готовая ваза.

Собирая всё вместе

На этом этапе у меня 2 файла — Ball.psd и Vase.psd. я слил все слои вместе и перенес на новое изображение. Еще не все. Добавим отражение от вазы на шар и сделаем эффект "толпы".

Немного бликов на вазу и готово. Уф!

Имитация 3d. Отражение вазы на шаре. Собирая все вместе. Уроки Photoshop: Имитация 3d