Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов Photoshop

Автор: Tina | Категория: Уроки Photoshop » Креатив | 17-01-2012, 22:37
Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Использованные изображения:
- вишня
- ледяная текстура 1
- ледяная текстура 2

Создайте новый документ в Photoshop: 800х600 пикселей, 72 пикс/дюйм.
Разблокируйте фоновый слой и примените к нему следующий Стиль слоя (layer style).

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Выберите инструмент Прямоугольник со скругленными краями (Rounded Rectangle Tool) задав радиус - 10 пикселей и нарисуйте квадрат размером примерно 200х200 пикселей в режиме слой-фигуры (Shape Layer). На основе этой фигуре мы создадим 3D-куб со сглаженными гранями и скругленными углами. Эту фигуру растрировать не нужно.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Откройте палитру с 3D инструментами и создайте 3D объект из прямоугольной фигуры со кругленными краями.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Появится следующее изображение. Просто кликните “Да”.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Затем, в окне Чеканки (Repousse window) задайте следующие установки. Измените положение созданной 3D-фигуры при помощи инструмента Поворот сетки (Rotate The Mesh), изменяя таким образом перспективу.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Наложите на фигуру ледяную текстуру.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Здесь вы можете увидеть настройки для Материала передней выпуклости (Front Inflation Material).

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Кликните ПКМ по иконке Рассеивание (Diffuse) и в открывшемся контекстном меню выберите пункт Редактировать свойства (Edit Properties). После чего измените положение текстуры.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Настройки Материала переднего скоса. В параметрах Рассеивание (Diffuse) и Рельеф (Bump) используйте ту же самую ледяную текстуру.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Только измените Свойства текстуры (Texture Properties):

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Установки для Материала экструзии:

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Подкорректируйте Свойства текстуры (Texture Properties) как показано на скриншоте ниже (на настройки материала для задней стороны можно не обращать внимания).

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Откройте вкладку настроек 3D-освещения и наложите свет как показано на скриншоте ниже. Для добавления света кликните по иконке Создания нового источника света, после чего, в открывшемся контекстном меню выберите тип источника. Найдите настройки Положения источника света в верхней части, либо примените свои собственные, вращая 3D-оси. Для отображения осей кликните по иконке Отображения вспомогательных 3D-инструментов и выберите 3D-оси.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Создайте дубликат 3D-фигуры и измените параметры текстуры для продублированных материалов.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Для этой фигуры используйте вторую текстуру. Вот перечень новых параметров материалов:

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Примените следующие Свойства текстуры для Материала передней выпуклости (Front Inflation Material) (одинаковые установки для обеих Непрозрачностей (Opacity) и Рельефа(Bump)):

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Установки для материала Переднего скоса (Front Bevel Material):

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Установки для материала Экструзии (Extrusion Material):

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Эта фигура, в силу наличия черных и белых пятен в текстуре и особенностей параметров непрозрачности, имеет прозрачные участки. Поэтому, мы должны задать материал для задней части фигуры. Просто установите Непрозрачность (Opacity) равной 0% для Материала заднего скоса (Back Bevel Material) и для Материала задней выпуклости (Back Inflation Material).

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Подкорректируйте установки света:

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Возвращаемся к палитре слоев и задайте Режим наложения (Blending Mode) Перекрытие (Overlay) для нашей новой текстурной 3D-фигуры.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Выберите пункт Окончательная трассировка лучей (Ray Traced Final) в окне Качество (Quality) для обеих 3D-фигур.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


После Рендринга (rendering) ваш результат должен выглядеть вот так:

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Сгруппируйте фигуры и продублируйте группу. Сделайте слои оригинальной 3D-фигуры невидимыми (оригинальную 3D-фигуру мы используем позже, когда будем создавать отражение). Группу-дубликат преобразуйте в смарт-объект (Smart Object) – ПКМ по группе и далее – пункт “Преобразовать в смарт-объект”. Слегка подкорректируйте Цветовой тон/насыщенность (Hue/Saturation) этой фигуры. Для этого кликните по иконке создания нового корректирующего слоя (adjustment layer) в нижней части палитры слоев и выберите пункт Цветовой тон/насыщенность. Затем, еще раз ПКМ по корректирующему слою, далее – пункт Создать обтравочную маску (Create Clipping Mask).
Также примените фильтр Умная резкость: Фильтр > Резкость > Умная резкость (Filter > Sharpen > Smart Sharpen). Вы можете увидеть установки для слоя коррекции Цветового тона/насыщенности и фильтра Умная резкость на следующем скриншоте:

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Растрируйте смарт-объект - ледяной куб и объедините его со слоем коррекции цветового тона/насыщенности. Затем примените пластичный фильтр: Фильтр > Пластика (Filter > Liquify). Деформируйте прямые линии граней куба при помощи инструмента Деформация (Warp Tool), делая наш куб еще более реалистичным:

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Продублируйте деформированную ледяную фигуру, отразите вертикально: Редактирование > Трансформирование > Отразит вертикально (Edit > Transform > Flip Vertical). Затем выберите инструмент Ластик (Eraser Tool) и сотрите нижнюю грань как показано на рисунке ниже:

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Выберите инструмент Полигональное лассо (Polygonal Lasso Tool) и выделите одну из оставшихся граней.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Продолжайте кликать, последовательно соединяя сегменты выделения.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Вырежьте выделенную область ледяной фигуры и вставьте ее на новый слой.
Вернитесь к оригинальной группе с 3D-фигурой и выберите один из слоев (сделайте ее видимой). Затем активируйте инструмент “Перемещение 3D-объекта” и переместите фигуру вниз, как показано на рисунке ниже. На основании ее мы создадим отражение.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Грани отражения должны располагаться на отдельных слоях. Выберите правую грань и переместите ее вниз, под деформированный ледяной куб. Затем пройдите в меню Редактирование > Трансформирование > Деформация (Edit > Transform > Distort). Переместите угловые точки, выравнивая левую грань с левой гранью 3D-фигуры. Постарайтесь правильно подобрать стыки ледяной текстуры (обратите внимание на обозначенную область).

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Проделайте такую же процедуру с другой гранью.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Сделайте вспомогательный 3D-слой снова невидимым. Объедините трансформированные слои отражения. Задайте непрозрачность около 45%.
Создайте слой-маску (layer mask) для этого слоя. Заполните нижнюю часть маски черно-белым градиентом, создавая эффект затемнения.
Далее, создайте Слой коррекции уровней (Levels Adjustment) и обтравочную маску (clipping mask). Задайте установки, приведенные на скриншоте ниже:

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Создаем малое темное отражение (выделенная область на скриншоте):
-дублируем деформированный ледяной слой
-помещаем дубликат под оригинальным слоем
-смещаем его вниз на 5-6 пикселей
-установите режим наложения Умножение (Multiply) и Непрозрачность (Opacity) равной 75%
-удалите обозначенную область

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Далее, примените фильтр с гауссовским размытием, задав его величину 1 пиксель: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur).

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Отделите вишню от ее белого фона и вставьте на наш холст.
Вырежьте выделенную на скриншоте область и поместите ее на отдельный слой.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Выделите нижнюю часть ягоды.
Выберите слой со льдом и скопируйте выделенную часть.
Вставьте скопированную ледяную часть над слоем с ягодой, установите режим наложения Экран (Screen) и непрозрачность – 92%.
Затем, примените слой коррекции Уровней (levels adjustment). Вы можете использовать такие же настройки коррекции, как и в нескольких предыдущих шагах, или пройдите в меню Изображение > Коррекция > Уровни (Image > Adjustments > Levels). На скриншоте ниже показаны возможные настройки слоя коррекции уровней.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Добавьте красное отражение ледяной фигуре, а так же, примените стиль слоя Внутренняя тень (Inner shadow).

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Сгруппируйте три следующих слоя: нижнюю часть ягоды, верхнюю ее часть, а так же ледяной слой выше ягоды.
Продублируйте созданную группу и объедините ее.
Отразите ее вертикально: Редактирование > Трансформация > Отразить вертикально (Edit > Transform > Flip Vertical).
Поместите слоя с отражением ягоды ниже слоя с ледяной фигурой, так как показано на скриншоте ниже:

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Создайте выделенную область по контуру ледяной фигуры.
Выберите слой с отражением ягоды и вырежьте выделенную область.
Затем, вставьте ее на новый слой над ледяным кубом. Примените к этому маленькому участку отражения стиль слоя Внутренняя тень (Inner shadow) и задайте непрозрачность – 75%.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Выберите слой с отражением под ледяной фигурой.
Установите его режим наложения – Умножение (Multiply) и непрозрачность – 35%.
Добавьте слой-маску и заполните нижнюю часть маски линейным черно-белым градиентом.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Сгруппируйте слои ягоды и ледяного куба над отражением, продублируйте группу и объедините ее: Группа 4 Копия 7 на скриншоте ниже. Мы используем эту объединенную копию для создания тени.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Пройдите в меню Изображение > Коррекция > Черно-белое (Image > Adjustments > Black and white) и выберите настройки по-умолчанию.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Далее, пройдите в меню Редактирование > Трансформирование > Деформация (Edit > Transform > Distort transform). Трансформируйте черно-белую фигуру так, как показано на скриншоте ниже и примените режим наложения к слою с тенью.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


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

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Коснитесь верхней части тени большой кистью в режиме инструмента Ластик (Eraser Tool) для создания эффекта исчезающей тени.

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


Примените к этому слою фильтр с гауссовским размытием:

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


И вот результат!

Ледяной куб с вишенкой внутри. Эффект льда, созданный при помощи 3D-инструментов  Photoshop


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

Другие новости по теме:


Просмотров: 2403 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1
Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1

Часть 1


Дизайн завораживающего постера для Часа Земли
Дизайн завораживающего постера для Часа Земли


На этом уроке мы научимся создавать концептуальный коллаж на тему Часа Земли. В ходе выполнения урока мы
проведем вас сквозь процесс придания изображению глубины при помощи нескольких мощных инструментов.
Вы так же научитесь накладывать изображения друг на друга настолько бесшовно, что они будут выглядеть как
одно цельное изображение.


Выделенные области в Photoshop Часть 2
Выделенные области в Photoshop Часть 2

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

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама
Обогрев водостоков антиобледенение кровли и продажа греющего кабеля.

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.