Сделать куб в фотошопе. Как сделать из фотографии куб в фотошопе? Предпросмотр законченного изображения

В сегодняшнем уроке мы будем создавать из фотографии кубическое изображение в фотошопе.

Вот что у нас должно получиться в итоге.

Данный эффект можно применить практически для каждого изображения. Для начала необходимо найти изображение с кубом. Такое изображение можно поискать в сервисе Яндекс-картинки или взять изображение отсюда: . Картинку с кубом необходимо открыть в программе Adobe Photoshop и это будет основным фоновым изображением. Теперь необходимо найти фотографию, которая будет накрывать стороны куба. Так как скоро 2012 год — год Дракона , возьмем фотографию с изображением . Далее необходимо открыть вторую картинку с Драконом в фотошопе и создать второй слой на текущий холст. При помощи инструмента «Прямоугольная область» (Rectangular Marquee Tool), создадим квадрат 250 на 250 пикселей и зальем его синим цветом.

Теперь добавим еще два синих квадрата, чтобы сделать три стороны нашего куба. Теперь необходимо выбрать один из трех синих квадратов с помощью «Выделение -> Загрузить выделенную область...» .

Теперь установим эту часть изображения с драконом на одну из сторон куба с помощью «Редактирование -> Трансформирование -> Искажение». (Edit -> Transform -> Distort) .

Вернемся на фотографию с драконом и выберем другой синий квадрат и скопируем вторую часть изображения дракона таким же образом.

Теперь вернемся к изображению с кубом и с помощью "Редактирование -> Трансформирование -> Искажение". (Edit -> Transform -> Distort) установим вторую часть изображения дракона на сторону куба.

Выглядит довольно привлекательно, но работа еще не закончена. Необходимо объединить три слоя с изображением дракона на сторонах куба в один слой. Для этого нужно выделить слои и нажать правой кнопкой мыши, выбрав «Объединить слои» . Теперь необходимо выбрать режим наложения слоя «Умножение» (Multiply).

На следующем шаге, чтобы сделать куб наиболее реалистичным, с помощью инструмента «Ластик» (Eraser Tool), проведем по краям сегментов куба твердой круглой кистью.

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

Добавить в закладки:

Вы узнаете:

• Как открывать 3D документы.
• Как создать 3D открытку, 3D фигуры и 3D сетку из градаций серого.
• Как работать инструментами трансформации 3D объектов и 3D камеры.
• Как управлять инструментом 3D-Axis (3D-оси).
• Чем отличается панель параметров в разных версиях программы.
• Как придать объем тексту с помощью инструмента Repousse (Чеканка).
• Как объединить несколько 3D слоев в одно изображение.
• Как включить отрисовку OpenGL.

Урок состоит из следующих разделов:

1. Обучающее видео.
2. Зачем 3D формат нужен в Photoshop.

5. Открытие 3D файла.
6. Инструменты для трансформации 3D объектов.
7. Инструменты для трансформации 3D орбиты/камеры.
8. Значения инструментов в левой части панели одинаковы для всех версий Photoshop.

12. Создание объемного текста и фигур инструментом Repousse (Чеканка).

15. Вопросы.
16.Домашнее задание.

Зачем 3D формат нужен в Photoshop

Зачем нам: фотографам, цветокорректорам, отрисовщикам и коллажистам знать возможности 3D? Пусть этим занимаются те, кто работает в 3D Max, Maya или других редакторах 3Д графики. Они ведь и раньше редактировали и создавали текстуры для своих моделей в PhotoShop. Может этот раздел меню сделан именно для них? Давайте разбираться…

С каждой новой версией раздел 3D становится все объемнее. Инструменты для работы с трехмерными моделями в PhotoShop нужны не для создания и редактирования 3D моделей, а для добавления готовых моделей в ваши изображения и для превращения ваших фотографий в трехмерные объекты.

Бывают ситуации, когда вы для создания коллажа ищете в интернете нужный рисунок. Находите его, но он снят в таком ракурсе, что, вставив его в свое изображение, вы понимаете, что подделка на лицо. Вот если бы его чуть-чуть повернуть, градусов на 20 или 30, тогда бы он идеально вписался в ваш коллаж. Сегодня в интернете полно готовых, бесплатных 3D моделей, которые только и ждут, чтобы их скорее скачали. Поместив такую модель в документ, вы сможете без труда повернуть ее под нужным углом, окрасить любым цветом, наложить на нее необходимую текстуру и задать любой масштаб без потери качества. После придания объекту нужного положения и вида вы можете преобразовать его в обычное двухмерное изображение и продолжить работу в обычном режиме (сделать отрисовку, применить к нему любые инструменты и фильтры PhotoShop).

Начнем с самого простого. Если у вас версия PhotoShop CS3, то сразу переходите к разделу Открытие 3D файла, т. к. функция перевода изображения в фигуры еще не была внедрена в программу.

Откройте любую фотографию. В меню 3D выберите пункт New Shape From Layer (Новая фигура из слоя). Из открывшегося списка выберите Cone (Конус), Cube (Куб), Cylinder (Цилиндр), Donut (Тор), Hat (Шяпа), Pyramid (Пирамида), Ring (Кольцо), Soda Can (Бутылка газированной воды), Sphere (Сфера), Spherical Panorama (Сферическая панорама) или Wine Bottle (Винная бутылка). В CS5
к этому списку добавился пункт (Кубическая деформация).

Попробуйте выбрать каждую из этих фигур. Выше показано как будет выглядеть работа Лены З.(д/з к уроку по маскам), если выбрать пункты Soda Can (Бутылка газированной воды), Wine Bottle (Винная бутылка), Sphere (Сфера) и Кубическая деформация в CS5.

В панели инструментов есть две группы, позволяющие манипулировать 3D объектами и 3D камерами. Как только вы создадите
сразу станет возможно работать этими инструментами

Поочередно выберите каждый из 3D инструментов и посмотрите, какое воздействие он оказывает на объект.

Открытие 3D файла.

Чтобы открыть 3D-файл в Photoshop CS3 выберите в меню Layer (Слой) – 3D Layers (3D слои) –New Layer From 3D Files (Новый слой из 3D файла). Для того чтобы начать работу с 3D объектом выберите в меню Layer (Слой) – 3D Layers (3D слои) – Transform 3D Model (Трансформирование 3D модели).

Чтобы открыть 3D-файл как новый документ в Photoshop CS 4 и CS 5 , войдите в меню File (Файл) – Open (Открыть) и выберите нужный файл.

Чтобы добавить 3D-файл как слой в открытый документ, выберите 3D — (Создать слой из 3D-файла). Можно использовать несколько 3D-моделей в одной 3D-сцене. При добавлении файла в качестве 3D-слоя этот слой примет размеры существующего файла.

В Photoshop (в расширенном варианте Extented) можно открыть и отредактировать 3D-файлы форматов 3DS, U3D, OBJ, KMZ и DAE, созданные в программах Adobe® Acrobat® 3D Version 8, 3D Max, Alias, Maya и Google Earth. Большинство готовых моделей в интернете вы сможете найти в формате ЗDS.

Создайте новый документ, в разделе Preset (Набор) выберите пункт Web . Документ будет создан с размерами 640х480.

В меню Window (Окно) – Default Workspace (Рабочая среда) – выберите Расширенный 3D/3D. Останутся только самые необходимые палитры, а лишние исчезнут. Я бы к ним добавила еще палитру History (История). В меню Window (Окно) – Default Workspace (Рабочая среда) – выберите Save Workspace (Сохранить рабочую среду). Назовите ее My 3d. В CS5 она уже есть.

В меню 3D – выберите New Layer From 3D Files (Новый слой из 3D файла). В открывшемся окне выберите файл колокол.3DS. В палитре Layers (Слои) появится 3D слой.

Инструменты для трансформации 3D объектов.

В панели инструментов выберите . Теперь инструменты для 3D трансформации доступны не только в панели инструментов, но и в панели параметров.

Photoshop .

– Return to initial object position (Возврат в исходное положение) .

– Rotate the 3D Object (Поворот 3D объекта ). При движении мышки вверх-вниз происходит вращение объекта вокруг оси X. При движении мышки влево-вправо происходит вращение объекта вокруг оси Y. Вращать объект можно абсолютно в любых направлениях. Зажав клавишу Alt, инструмент переключится в режим вращения вокруг оси Z, т. е. приобретет свойства инструмента Roll the 3D Object (Прокрутка/Вращение3D объекта).

– Roll the 3D Object (Прокрутка/Вращение3D объекта). Инструмент совершает вращение вокруг оси Z (Ось проходит перпендикулярно экрану монитора). Зажав клавишу Alt, инструмент переключится в режим поворота Rotate the 3D Object (Поворот 3D объекта) .

– Drag the 3 D Object (Панорамирование/3 D панорама) . Инструмент перемещает объект в горизонтальном и вертикальном направлениях. Зажав клавишу Alt, инструмент переключится в режим Slide the 3D Object (Обход/Скольжение 3D объекта)

– Slide the 3 D Object (Обход/Скольжение 3 D объекта) . Инструмент удаляет и приближает объект. Зажав клавишу Alt, инструмент переключится в режим Drag the 3D Object (Панорамирование/3D панорама).

– Scale the 3 D Object (Масштаб/Масштабирование 3 D объекта) . Инструмент изменяет размер модели, другими словами, меняет ее масштаб. При движении мышки вверх, с зажатой левой кнопкой, масштаб увеличивается. При движении вниз – уменьшается. Зажав клавишу Alt, инструмент будет масштабировать объект, вытягивая или сжимая его относительно оси Z. Зажав клавишу Shift, модель будет масштабироваться по оси Х.

Следом расположено меню View (Вид), в котором есть предустановленные виды положения объектов. Этот список будет доступен независимо от того выбран режим работы с объектом или с камерой. На объект можно посмотреть Left (Слева), Right (Справа), Top (Сверху), Bottom (Снизу), Back (Сзади) и Front (Спереди). Также можно сохранить свой собственный вид, нажав на значок дискеты, справа от меню View (Вид). Значок корзины будет доступен, если вы захотите удалить вид, который сами создали.

Во всех предустановках камеры используется ортогональная проекция.

Правая часть панели параметров для CS3 отличается от CS4 и CS5.

С помощью этого окна владельцы CS3 могут менять освещенность объекта.

Как влияет тип освещения на объект, лучше проверить опытным путем - выбирайте разные настройки и смотрите, в каком случае модель выглядит лучше. Для CS4 и CS5 освещение настраивается на специальной вкладке 3D Lights (Свет) в панели 3D.

А с помощью этого окна в CS3 можно выравнивать по осям X, Y и Z., задавать смещение.
Для CS4 и СS5 в правой части появился числовой ввод координат ориентации, положения и масштаба (Зависит от выбранного инструмента).

Точный контроль вращения и перемещения можно осуществить в настройках опции (Ориентация) в меню параметров инструмента.

Инструменты для трансформации 3D орбиты/камеры.

Панель параметров камеры для CS4 и CS5

Значения инструментов в левой части панели одинаковы для всех версий Photoshop.

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

– Roll the 3D Camera (Прокрутка / Вращение вида 3D-объекта). Камера наклоняется либо по часовой стрелке, либо против.

– Pan the 3D Camera (Панорамирование / Вид 3D-панорамы). Камера перемещается параллельно плоскости рабочей области.

– Walk the 3D Camera (Обход / Перемещение вида 3D-объекта). Камера приближается, либо отдаляется от сцены.

Выберите любой инструмент. Наведите на объект. Курсор примет вид выбранного инструмента. Нажмите левую кнопку мыши и понаблюдайте за изменениями, происходящими с объектом.

Меню параметров инструмента – Zoom the 3D Camera (Масштаб / Увеличение или Уменьшение 3D-объекта) выглядит так:

Камера перспективы (только масштаб). Отображает две параллельные линии, сходящиеся в одной точке.

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

Любое изображение можно преобразовать в 3D слой.

Откройте любую фотографию.

В меню 3D – выберите New 3D Postcard from Layer (Новая 3D‑открытка из слоя). Инструментами трансформации для 3D объектов измените положение, масштаб и ориентацию слоя. Правда, похоже на обычную трансформацию (Ctrl +T)? И нет ничего сложного! Дважды щелкнув в палитре Layers (Слои) по 3D слою, вы попадете в знакомое окно настройки стилей. Добавьте слою тень и тиснение.

Фотография девушки для этого коллажа сделана Надеждой Глазовой

Точно также можно преобразовать в 3D слой текст и вырезанную фигуру из другого изображения. ЗD слои можно перемещать из одного документа в другой простым перетаскиванием.

Сетка – это обязательный элемент любой трехмерной модели.

Рассмотрим еще один способ преобразования в 3D слой из слоя в градациях серого.

Создайте новый документ, в разделе Preset (Набор) выберите пункт Web. Создайте новый слой. Выберите инструмент градиент. Проведите линию от нижнего края листа к верхнему, зажав клавишу Shift.

В меню 3D – New Mesh From Grayscale (Новая сетка из градаций серого) доступны следующие варианты: (Плоскость) – (Двусторонняя плоскость) – (Цилиндр) – (Сфера).

В зависимости от того какой градиент вы провели, сетка получается разная. Если ваш градиент симметричный, то и сетка получается правильной формы.

Откройте любую фотографию. Создайте ее копию в палитре Layers (Слои). Создайте 3D слои из фонового слоя и из его копии. Сделайте это любыми способами, перечисленными в этом уроке.
Я создала сферу и кольцо. Дайте слоям новые имена, переименовав их в палитре Layers (Слои) в соответствии с их видом.

Для объединения 3D слоев в одном документе необходимо выбрать один из них в палитре Layers (Слои). Пусть это будет «кольцо». Для CS3 в панели параметров переключиться на Edit the 3D Camera (Редактировать камеру). Для CS4 и CS5 выбрать инструмент в панели инструментов .

В верхней панели параметров нажмите вкладку View (Вид).
В выпадающем меню выберите предыдущий слой «Сфера».

В меню Layers (Слои) выберите пункт Merge Down

(Объединить с предыдущим) или нажмите Ctrl+E. Этого же результата можно добиться, если выделить оба слоя и выбрать в меню 3D – Merge 3D Layers (Слияние 3D-слоев).
В результате вы получите объединенный 3D слой.

Создание объемного текста и фигур инструментом Repousse (Чеканка)

В Photoshop CS5 появилась новая замечательная функция, позволяющая придавать объем тексту и фигурам. Называется она , что в переводе означает рельеф. Такой инструмент есть в любом редакторе трехмерной графики. Действует он по принципу выдавливания. Из окружности получится труба, из квадрата получится либо куб, либо брусок – зависит от коэффициента выдавливания. Выдавливать можно либо текстовый слой, либо слой с маской. В противном случае появится окно с предупреждением.

Для корректной работы инструмента необходимо «Включить отрисовку OpenGL » в меню Edit (Редактирование) – Preferences (Установки) – Performance (Производительность/Выполнение) и на вкладке 3d в разделе «Интерактивный рендеринг» также отметить OpenGL.

А теперь создадим трехмерный текст. Выберите инструмент Type Tool (Горизонтальный текст), шрифт большой, начертание жирное. Напишите любой текст.
Применять к тексту стили слоя не обязательно.

В меню 3D – Repousse (Чеканка) выберите Text Layer (Текстовый слой). В появившемся окне, подтвердите растрирование текста или растрируйте его предворительно.

Открыть окно Repousse (Чеканка) можно из палитры 3D (палитру 3D можно вызвать из меню Window (Окно)).

Отметьте 3D Repousse Object (3D‑объект чеканки).

Нажмите кнопку Create (Создать).

Откроется окно Repousse (Чеканка).

В левой части окна в разделе Repousse Shape Presets (Набор фигур чеканки) находится предустановленный набор разных профилей выдавливания. В правой части окна в разделе Materials (Материалы) можно выбрать текстуры для отделки объемной модели.

В разделе Extrude (Экструзия) можно задать Depth (Глубину) выдавливания, Scale (Масштаб), Twirl (Скручивание) и выбрать текстуру из списка.

В разделе Bevel (Скос) можно придать граням скошенную форму.

А, это результат первого знакомства с чеканкой одной из моих лучших учениц – Насти, принявшей участие в тестировании этого учебника.

Для создания объемных фигур можно использовать произвольные фигуры со слоем маской, выделенный контур и текущее выделение. В меню 3D – Repousse (Чеканка) выберите Layer mask (Слой маска), Work path (Выделенный контур) или (Текущее выделение).

После создания 3D фигуры, можно вырезать в ней отверстие. Для этого создайте выделение будущего отверстия на передней поверхности. В меню 3D – Repousse (Чеканка) выберите Edit In Repoussé (Редактировать в окне чеканка). В нижней части окна, в разделе (Внутренние ограничения), в выпадающем списке Type (Тип) выберите Hole (Дырка). Настройте остальные параметры по вашему усмотрению.

3D-оси появляются в документе при выборе 3D-слоя и 3D инструмента. Или
в меню View (Просмотр) – (Показать) – 3D – Axis (3D-оси). Они используются в качестве альтернативы 3D-инструментам. Инструмент 3D-оси становится доступен только если включен параметр «Включить отрисовку OpenGL» в меню Edit (Редактирование) – Preferences (Установки) – Performance (Производительность/Выполнение).

Для того чтобы переместить объект вдоль оси, выделите кончик оси и выполните движение в нужном направлении.

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

Чтобы сплющить или растянуть модель по направлению оси, потяните за один из цветных кубиков, находящихся на оси.

Чтобы изменить размер модели, потяните вверх или вниз за центральный кубик.

Чтобы перемещать объект в одной плоскости, наведите курсор на область пересечения двух осей рядом с центральным кубом до появления желтого квадрата.

Инструмент можно уменьшить, нажав на стрелку слева. Чтобы выполнить увеличение нажмите на стрелочки справа. Инструмент 3D – оси можно перемещать по документу простым перетаскиванием.

Выберите в меню Edit (Редактирование) – Preferents (Установки) – (Выполнение).

Отметьте галочкой (Включить отрисовку OpenGL).

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

Если в системе нет стандарта OpenGL, то Photoshop будет задействовать только программные средства рендеринга трассировки лучей.

Cписок функций Photoshop CS4, выполнение которых ускоряется при помощи графического процессора видеокарты:

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

Вопросы:

1. Какой инструмент удаляет и приближает объект?

– Drag the 3D Object (Панорамирование/3D панорама).

1. При помощи, какой клавиши на клавиатуре, можно переключаться между инструментом Drag the 3D Object (Панорамирование/3D панорама) и Slide the 3D Object (Обход/Скольжение 3D объекта)?

1. Какой 3D объект нельзя выбрать в меню 3D – New Shape From Layer (Новая фигура из слоя)?

– Cube (Куб).

– Hat (Шляпа).

– Teapot (Чайник).

– Wine Bottle (Винная бутылка).

– Spherical Panorama (Сферическая панорама).

Домашнее задание:

1. Создать 3D слои из любой фотографии, текста, вырезанного объекта, создать любые фигуры из слоя. Желательно совместить их все в одном коллаже. Это отличное упражнение для освоения 3D инструментов.
2. Создать сетки (плоскость, двусторонняя плоскость, цилиндр и сфера) из градаций серого при помощи градиента Reflected (Отраженный) и Diamond (Ромбовидный). Применить к ним инструменты 3D трансформации.
3. Пользователям Photoshop CS5, создать объемный текст и фигуру при помощи инструмента Repousse (Чеканка).

Многие пользователи почему-то избегают использовать 3D-инструменты, имеющиеся в фотошопе. На самом же деле, овладеть ими невероятно просто. На этом уроке по фотошопу вы, шаг за шагом, научитесь преобразовывать обычный текст объемный текст в объемный, создавать стеклянный куб и выстраивать объекты на 3D-сцене. Данный урок более тесно познакомит вас 3D-инструментами фотошопа и даст вам базовые навыки по добавлению 3D-объектов на создаваемые композиции. Для выполнения данного урока вам понадобится Photoshop CS6 Extended.

Предпросмотр законченного изображения

Шаг 1
Для начала создайте новый документ размером 2400x1600 пикселей. Затем при помощи инструмента Текст (T) наберите какую-нибудь надпись. Здесь лучше выбрать какой-либо жирный шрифт, так как тонкий шрифт, преобразованный в объемный, смотрится не очень хорошо. Шрифт, который использовал я – бесплатный шрифт Couture. После того, как надпись будет создана, откройте палитру символов: Окно > Символы (Window > Characters) и уменьшите межстрочный интервал (Leading). Для этого можно кликнуть по соответствующей иконке на палитре символов и, перемещая ползунок, изменять величину межстрочного интервала, вместо того, чтобы вручную вбивать в поле соответствующее значение.

Шаг 2
Далее нам нужно преобразовать созданный плоский текст в объемный. При активном инструменте Текст, кликните по иконке 3D на панели опций. Имейте ввиду, что данная иконка имеется только в версии Photoshop CS6 Extended. Ваш текст будет незамедлительно преобразован в объемный, а рабочее пространство фотошопа автоматически переключится на 3D-пространство. Чтобы выделить текст, кликните по нему инструментом Перемещение (Move tool). Вы так же можете выделить текст на 3D-палитре. При активном слое с 3D-текстом уменьшите величину Глубины экструзии (Extrusion Depth) на палитре Свойств (Properties). Это сделает ваш текст более тонким.

Шаг 3
Теперь на время отвлечемся от текста, чтобы создать наш стеклянный куб. Создать его, на самом деле, будет очень просто, и сейчас вы в этом убедитесь. Создайте новый слой и назовите его “Кристалл”. На палитре – 3D выберите пункт “Сетка из набора” (Mesh From Preset) и нажмите Создать (Create). Фотошоп создаст для вас на этом слое трехмерный куб. Далее нам нужно объединить этот куб со слоем текста, так, чтобы мы могли использовать для них обоих одни и те же установки камеры и света. Пройдите в меню Слои > Объединить с предыдущим (Layer > Merge Down) или просто нажмите Ctrl/Cmd+E.

Шаг 4
Теперь мы уменьшим Непрозрачность (Opacity) куба, чтобы сделать его прозрачным. Это поможет нам в дельнейшем, когда мы будем корректировать положение текста внутри него. Кликните по вкладке с материалом куба (Cube_Material) на палитре 3D. Содержимое палитры Свойств (Properties) при этом изменится, и на ней будут отображаться настройки материала куба. Установите величину Непрозрачности (Opacity), равную 5%.

Шаг 5
Далее нам предстоит подкорректировать размер и положение текста так, чтобы он расположился внутри куба. Чтобы облегчить себе задачу, мы переключимся на Вид сверху. На палитре со второстепенным 3D-видом (Просмотр > Показать > Второстепенный 3D-вид (View > Show > 3D Secondary View)) откройте выпадающее меню и выберите Сверху (Top). Затем кликните по иконке “Поменять местами основной и второстепенный вид” (Swap Main and Secondary-View) в правом верхнем углу панели со второстепенным видом.

Шаг 6
Выделите слой с 3D-текстом на палитре 3D. На панели опций переключитесь в режим 3D-масштабирования, затем кликните по области вне текста и протащите указатель мыши, уменьшая размер текста таким образом, чтобы он наилучшим образом поместился внутрь куба. Теперь на панели опций активируйте режим перетаскивания
3D-объекта (третья кнопка), кликните по области вне текста и расположите текст по центру куба.

Шаг 7
На панели со второстепенным видом переключитесь на вид слева. Кликните по кнопке замены местами основного и второстепенного вида (в правом верхнем углу). Теперь, при помощи все того же инструмента Перетаскивания 3D-объекта, расположите текст по центру куба. Когда это будет сделано, кликните по кнопке замены местами основного и второстепенного вида еще раз, чтобы вернуться к обычному виду с камеры.

Шаг 8
Далее добавим на композицию изображение с небом. Вы можете легко найти в интернете бесплатное подходящее для этой цели изображение. Перетащите выбранное изображение с небом на свой рабочий документ. Фотошоп автоматически добавит его в качестве нового смарт-объекта. Назовите этот слой “Голубое небо”. На палитре 3D выберите пункт 3D-открытка (3D Postcard) и нажмите Создать (Create). Это преобразует ваш слой в 3D-объект. Теперь нажмите Ctrl/Cmd+E чтобы объединить этот слой с предыдущим.

Шаг 9
В данный момент изображение с небом разрезает пополам ваш текст и куб. Поэтому нам нужно сместить его на некоторую дистанцию. Переключитесь на вид слева на вашей панели со второстепенным видом, и кликните по иконке замены местами основного и второстепенного вида в правом верхнем углу этой же панели. Затем на палитре 3D выделите 3D-объект с небом и переключитесь в режим скольжения (Slide) на панели опций. Кликните по области вне текста и, удерживая shift, перетащите небо влево. После этого, вернитесь к обычному виду с камеры, еще раз кликнув по иконке замены местами основного и второстепенного видов.

Шаг 10
Изображение с небом слишком маленькое, и все дело здесь в том, что оно находится далеко на заднем плане. Чтобы это исправить нужно увеличить его размер. Переключитесь в режим масштабирования (scale) на панели опций, кликните по пустой области и перетащите указатель мыши, увеличивая размер 3D-объекта с небом.

Теперь небо стало больше, но теперь оно пересекает плоскость 3D-основания. Переключитесь на панели опций в режим Перетаскивания 3D-объектов (Drag) и, кликнув по точке вне неба, перетащите его вверх, чтобы оно оказалось выше плоскости основания.

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

Шаг 11
Теперь нам нужно переместить текст и куб вверх, так, чтобы они попали в поле зрения нашей камеры. Для этого вы делите слои с текстом и кубом на палитре 3D (чтобы выделить несколько 3D-одъектов объектов, удерживайте Ctrl). Переключитесь на панели опций в режим перетаскивания, кликните по пустой области, и, удерживая shift, перетащите 3D-объекты вверх, так чтобы они заняли центральное место на композиции.

Шаг 12
Наконец, все объекты расположены так, как надо и мы можем приступать к экспериментам с объемным прозрачным кубом. Для начала слегка повернем текст и куб. Выделив оба эти 3D-объекта, перемесите манипулятор вращения по оси Y. В моем случае величина угла, на который были повернуты объекты, составила 24 градуса.

Шаг 13
На палитре 3D выделите вкладку с материалом куба (Cube_Material) и перейдите на палитру Свойств. Чтобы куб выглядел как кристалл или как стекло, нам нужно придать ему прозрачность, зеркальность, глянец, а так же, исказить изображение внутри него. Чтобы придать ему глянец, установите величину Блеска (Shine) и Отражения (Reflection): 100%, а Плавность (Roughness): 0%. Величина Рельефа (Bump) не имеет значения, так как мы не используем bump-карту, и ранее уже задали величину непрозрачности, равную 5%. Самое важное при придании кубу стеклянного вида – увеличить Преломление (Refraction) до максимально возможного значения. Это исказит вид текста, расположенного внутри, что создаст необходимый эффект кристалла. Вы можете отрендрировать сцену уже на данном этапе, нажав Alt+Shift+Ctrl+R (Option+Shift+Cmd+R для Mac), или через меню 3D > Рендринг (3D > Render). Вам вовсе не обязательно дожидаться окончания процесса рендринга, так как он занимает очень долгое время. Вместо этого, убедившись, что изображение выглядит так, как нужно, кликните по холсту или нажмите какую-либо кнопку, чтобы прервать процесс. Если ваш компьютер не очень мощный, вы можете уменьшить размер изображения, до того как применить пробное рендрирование, а затем снова восстановить его масштаб. Это возможно, потому что мы использовали недеструктивные методы, и мы можем многократно изменять масштаб, без потери качества изображения.

Шаг 14
Наконец мы можем приступать к работе со светом. На палитре 3D выделите вкладку Бесконечный свет 1 (Infinite Light 1). Затем на палитре Свойств задайте величину Интенсивности (Intensity) – 100%, поставьте галочку на пункт Тени (Shadows) и задайте Сглаживание (softness) – 50%. Параметр Сглаживание смягчает тени, чтобы они не выглядели слишком резко. Кликните по иконке “К просмотру” (Move to view) чтобы переместить источник света туда же, где расположена камера (прямо перед кубом). На этом работа над 3D-объектами закончена. Нажмите Alt+Shift+Ctrl+R или Option+Shift+Cmd+R для Mac, и дождитесь окончания процесса рендринга сцены. Это может занять несколько минут, поэтому вы можете сделать перерыв. Если вам пришлось экстренно прервать процесс, то впоследствии его можно возобновить через меню 3D > Возобновить рендринг (3D > Resume Render). После завершения рендрирования, вы можете вернуться к своей рабочей среде через меню Окно > Рабочая среда > Основная рабочая среда (Window > Workspace > Essentials).

Шаг 15
Чтобы закончить работу над композицией, добавим немного облаков перед кубом, и применим кое-какие световые эффекты. Для начала импортируйте на свой документ изображение с облаками, вроде приведенного ниже. подкорректируйте его размер в соответствии с масшатабом композиции, и нажмите Enter, чтобы подтвердить трансформацию.

Шаг 16
Удерживая Alt, кликните по иконке Добавления слоя-маски (Add Layer Mask) в нижней части палитры слоев, чтобы создать инвертированную слой-маску.

Убедитесь, что Основной цвет (Foreground color) у вас – белый (это легко сделать, нажав клавишу D). Теперь выберите инструмент Кисть (Brush tool) и прокрасьте поверхность облаков, которые вы хотите отобразить перед стеклянным кубом. Здесь не нужна чрезмерная аккуратность. Просто уверенными проявите часть скрытых под маской облаков.

Шаг 17
Кликните ПКМ по активному слою и выберите пункт Параметры наложения (Blending Options). В разделе Наложение если (Blend If) передвиньте черный ползунок вправо, до тех пор, пока не исчезнут синие области неба. Чтобы улучшить качество наложения облаков, удерживая Alt/Option, переместите бегунок правой половины в правую сторону, добиваясь плавного слияния облаков с поверхностью куба.

Шаг 18
Теперь увеличим контрастность изображения. Это легко сделать при помощи корректирующего слоя Поиск цвета (Color Lookup), имеющегося в Photoshop CS6. В выпадающем меню на панели Коррекции (Окно > Коррекция (Window > Adjustments)) выберите пункт Поиск цвета (Color Lookup). Затем в меню 3DLUT выберите пункт Film Stock и, в случае необходимости, подкорректируйте непрозрачность этого слоя.

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

Чтобы правильно построить куб, лучше всего воспользоваться фильтром 3D Transform .

1. Создаем файл, примерно 300х300 пикселей с прозрачным фоном. Даже если кубик должен быть маленьким, сначала его делаем примерно раза в два больше, а потом уменьшаем. Это поможет избежать различных багов, возникающих при трансформации, да и аккуратнее можно сделать.

1. Теперь откроем окно фильтра 3D Transform и нарисуем кубик при помощи инструмента «куб»

1. Воспользовавшись инструментом поворота, развернем его, как нам нужно. Если не получится развернуть так, чтобы боковые стороны были строго по вертикали, сильно не мучаемся, это можно подправить потом. Жмем ОК.

1. Теперь выровняем куб по направляющим, воспользовавшись Edit – Transform – Rotate .

1. Выберем рисунок, который будем размещать на кубе. Нужно, чтобы он имел скругленные углы. Для этого воспользуемся инструментом Rounded Rectangle Tool , с вот такими параметрами:

1. Разместим рисунок на одной из граней куба и подгоним его при помощи Edit – Transform – Scale , а потом Edit – Transform – Perspective .

1. То же самое сделаем с рисунком на второй грани, и немного притемним его при помощи Image – Adjustments – Variations .

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

1. Создадим новый слой (Слой 4)

1. Нажимая одновременно клавиши Ctrl +Shift и, щелкая на слое 2, а потом 3, добавим выделения этих слоев к нашему выделению и зальем выделение цветом. (У меня цвет # 979797).

1. Теперь разместим направляющую (Guide ), на ребре куба. Нажав и удерживая клавишу Alt , отнимем часть выделения справа, до направляющей.

1. Создадим новый слой поверх всех слоев и зальем любым цветом.

1. Fill слоя 0%, применим к слою вот такие стили:

1. Должно получиться вот так:

1. Скопируем стиль слоя. Создадим новый слой. Загрузим выделение слоя 4. Теперь отнимем часть выделения слева. Зальем любым цветом. Применим сохраненный стиль слоя.

1. Должно получиться примерно вот так. Загрузим выделение слоя 4.

1. Удерживая одновременно клавиши Ctrl + Alt , щелкнем на слоях 2 и 3, чтобы вычесть их выделения.

1. Создадим новый слой поверх всех слоев, и зальем выделение черным цветом.

1. Размоем при помощи Gaussian Blur . Радиус 2,8 – 3 пикселя.

1. Загрузим выделение слоя 4, создадим новый слой, возьмем мягкую кисточку (у меня цвет # 656363), Opacity 25% и, исправим неудачные места вручную.

1. Я еще и притемнила немного ребро куба.

1. Загрузим выделение слоя 6, создадим новый слой поверх всех слоев и зальем градиентом Foreground to Transparent слева направо. Прозрачность слоя 40%.

1. Загрузим выделение слоя 5 и зальем справа налево, можно в том же слое.

1. Должно получиться вот так:

1. Можно добавить еще блик. Для этого выберем белый цвет цветом переднего плана. Загрузим выделение слоя 6. Создадим новый слой поверх всех слоев и, зальем градиентом Foreground to Transparent, примерно как у меня. Размоем при помощи Gaussian Blur . Загрузим выделение слоя 4, инвертируем и отрежем лишнее.

1. Теперь куб можно уменьшить:

1. только подогнала с помощью Edit – Transform – Distort. Тени навела вручную кисточкой.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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