Чтобы правильно построить куб, лучше всего воспользоваться фильтром 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. Тени навела вручную кисточкой.

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

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

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

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

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

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

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

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

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

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

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

В этом уроке я научу вас как нарисовать 3d куб в photoshop . Для начало представим себе как он будет изображен, т.к. это можно сделать по разному. Например, давайте сделаем так, что бы куб был изображен к нам ребром (причем одна грань больше повернута к нам, чем другая) и вид немного сверху.

Конечное изображение

1. Создаем новое изображение «File -> New» (Файл -> Новый) или Ctrl+N. Вводим размеры 500×500 пикселей и нажимаем «ОК».

2. Для того чтобы наш куб получился ровным и красивым добавим направляющие. Для этого переключитесь на инструмент Move Tool (перемещение) [V] и методом перетаскивания расставьте направляющие как на скриншоте. Для этого нажмите левой кнопкой мыши на линейке (если не включена, то «View -> Rulers» (Вид -> Линейка) ) и не отпуская кнопку ведите необходимого места, выровните и отпустите кнопку.

3. Переключитесь на инструмент «Rectagle Tool» (Прямоугольник) [U]. Создайте квадрат размером в 4×4 квадратика (200×200 пикселей) как показано на скриншоте. Создайте 2 копии квадрата (правой кнопкой по слою с квадратом «Duplicate Layer» (Дублировать слой)), переименуйте их и отключите (нажмите на глазик рядом со слоем).

4. Далее я буду пользоваться 50% прозрачностью слоев, для удобства. Вы можете тоже, это на ваше усмотрение. Теперь установите выделение на 1м слое и далее «Edit -> Free Transform» (Редактирование -> Свободное трансформатирование) . Переместите слой в левый нижний угол, оставив по 1 полосе слева и снизу. Не применяя трансформатирование кликните правой кнопкой по любой точке в уголку или на кружочек в центре, выберите «Distort» (Искажение). Ухватитесь за точку в середине левого ребра и поднимите это ребро вверх на 1 квадратик (50 пикселей), а правое на пол квадратика влево (25 пикселей). Примените трансформатирование нажав «Enter».

5. Включите 2й слой и пристыкуйте его ребро в ребро с первым слоем. Через «Искажение» измените фигуру как на скриншоте. Т.е. правое ребро сметите вверх на 1 квадратик и влево на 1,5 квадратика.

6. Включите 3й слой. Переместите его вверх и сравняйте его правый нижний угол с острым углом соприкосновения 2х нижних слоев. Тем же методом искажения подгоните его нижнее ребро под верхнее ребро первого слоя. Для этого перетащите за серединную точку левого ребра на 1 квадратик вверх и на пол квадратика вправо. Далее не отменяя редактирование «ухватитесь» за верхнюю серединную точку и опускайте ее вниз и вправо. Опускайте до тех пор, пока правое ребро не сравняется с верхним ребром 2го слоя.

7. Не применяя трансфарматирование ухватитесь за верхний уголок и опустите его на пол квадратика вниз. Примените трансформатирование нажав «Enter».

8. Теперь можете отключить отображение направляющих «Edit -> Show -> Guides» (Редактирование -> Установки -> Направляющие) . Верните каждому слою 100%-ю прозрачность, если вы следую мне поставили 50%. Создайте дубликат всех 3х слоев, а также еще один дубликат «крышки». Для этого выделите их и щелкнув правой кнопкой по любому из них, выберите «Duplicate Layer» (Дублировать слой). Отключите пока что дубликаты.

9. Теперь двойным щелчком по 1му слою откройте «Layer style» (Стиль слоя), либо правой кнопкой по слою и выбрать «Layer style» (Стиль слоя). Включаем настройку «Color Overlay» (Наложение цвета) и ставим цвет «#aeff00». Тоже самое делаем со 2м и 3м. Только цвет для 2го — «#ffa200», а для 3го — «#00d2ff». Если вы все правильно сделали, то должно получиться следующее:

10. Неплохо, но это еще не все. Сейчас у вас должно быть 3 видимых слоя («background» не в счет) и 4 невидимых (по одному дубликату левой и правой граней и 2 дубликата верхней грани). Включите по 3 дубликата (4й — с крышкой не вкл. пока что).

11. Откройте «Стиль слоя» дубликата 1го слоя. Значение «Fill opacity» (непрозрачность заполнения) сделайте нулевым. Перейдите на «Gradient overlay» (Наложение градиента). Примените следующие настройки: «Gradient» (градиент) от черного к белому, «Opacity» (прозрачность) 25% , угол 45 градусов, все остальное по умолчанию. Теперь на «Stroke» (обводка). Настройки: «Position» Inside (Позиция внутрь), «Color» (цвет) #d4d4d4. Нажмите «ОК».

12. Теперь скопируйте стиль слоя щелкнув по нему правой кнопкой и выбрав «Copy Layer Style» (Скопировать стиль слоя). Теперь выделите 2 оставшихся дубликата и, нажав на один из них правой кнопкой, выберите «Paste Layer Style» (Вставить стиль слоя). К ним примениться стиль как и к 1му дубликату. Однако следует изменить в «Layer Style» (Стиль слоя) в свойстве «Gradient» (градиент) угол. Для 2го слоя (правая грань) выставьте угол 135 градусов, а для 3го (крышка) выставьте -90 градусов.

13. Создам блики. Выберите инструмент «Elliptical Marquee Tool» (Овально выделение) [M] и удерживая «Ctrl» кликните по изображению фигуры в слое (2й правый квадратик), появится выделение. Удерживая «Alt» выделите часть фигуры. Создайте новый слой и выбрав заливку залейте белым цветом. Поставьте прозрачность 15%. Проделайте это с оставшимися 2мя частями.

14. Помните я просил оставить 1 «лишний» слой с верхушкой? Так вот, включите его, разместите ниже всех слоев и опустите на 7 пикселей ниже чем нижняя грань (если представить что мы ее видим). Цвет этой фигуры должен быть черным (если иначе, то в стилевых свойствах выставьте черный цвет соедините с новым чистым слоем, предварительно растрировав фигуру- правой кнопкой по слою «Rasterize layer» «Растрировать»). Теперь «Filter -> Blur -> Gaussian Blur» (Фильтр -> Размытие -> Размытие по Гауссу) выставьте значение 3px. Далее для этого слоя выставьте Opacity (Прозрачность) 25%.

15. Создайте чистый слой. Залейте его с помощью заливки черным цветом. Применим фильтр «Filter -> Render -> Lens Flayer». Настройки: Lens Type (Тип) — 105mm Prime, Brightness (Яркость) — 100%. Вот что должно получиться

16. Теперь установите способ наложения «Overlay» (Перекрытие). Переместите с помощью инструмента Move Tool (перемещение) [V] центр свечения на уголок куба. Теперь верните режим наложения «Normal» (Нормальный), вы увидите что часть не закрашена черным, с помощью заливки залейте эту часть и верните «Overlay» (Перекрытие). Уменьшите «Opacity» (Прозрачность) до 75%.

17. Последний штрих. С помощью инструмента «Eraser Tool» (Ластик) с прозрачностью 10% и мягкими краями сотрите немного удаленные участи бликов. Верхний можно не трогать. Важны левая и правая части. Кто умеет работать с маской, примените к каждому слою маску и с помощью градиента «Черно-белый» с 75%-ю прозрачностью проведите от ближнего ребра к дальнему, крайнему. Зажав Ctrl щелкните по 3м слоям, которые являются основой. Инвертируйте выделение, щелкнув правой клавишей мыши по выделению «Select Inverse» (Инвертировать выделение). Нажмите клавишу Backspace, снимите выделение нажав Ctrl+D. Готово!

Вот что получилось.

Жду ваших отзывов по данному уроку. 🙂

Вы узнаете:

  • Как открывать 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 (Чеканка).

Создайте новый документ в 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) для создания эффекта исчезающей тени.

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

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