Создание зеркального отражения куба от полированной поверхности. Урок по созданию анимации в фотошопе «Вращающийся шар»

03.03.10

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

Примечание от переводчика:прочтите то что в конце поста написано,а то намучаетесь делать этот урок.

Так, в начале мы должны найти фотографии, что мы будем использовать в уроке. Перейти в Google Images и найти хорошую картину куба или вы можете взять отсюда: Куб . Откройте эту картинку, она будет основной для экспериментов. Теперь мы должны найти картинку, чтобы положить ее на сторонах куба. Откройте вторую фотографию и после этого создайте новый слой на текущий холст. Берём Прямоугольное выделение Rectangular Marquee Tool ,выделяем квадраты 250?250 пикселей и наполним их разными цветами, например черным.

Добавить две квадратные области чтобы сделать три скина для всех сторон куба. Теперь выберите один из черных квадратов Выделение-Загрузить выделение Select> Load Selection , После чего перейдите в фоновый слой с изображением дракона,скопировать его Ctrl + C .

Затем переходите к основному изображению(кубу) и вставить скопированный часть изображения в нее с помощью Ctrl + V .

Ладно, время привести эту часть изображения на одном сторонах куба. Использовать Edit> Transform> Distort превратить этот образ, как показано на рисунке ниже.

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

Хорошо, вернемся к нашей основной картинке снова и вставить эту часть изображения в нее. Использовать Редактирование-Трансформирование-Искажение Edit> Transform> Distort создать вторую часть скина для нашего куба:

Тоже самое с третьим куском.

Хорошо, выглядит реалистично, как для меня, но еще не закончено. Слияние трех из этих сторон в один слой и измените режим слоя на Умножить .

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

Мы сделали хорший кубик-рубика и получили правильное ощущение пространства. Пожалуйста, не стесняйтесь экспериментировать, подойдите к вопросу творчески использовать свои собственные настройки.

(есть момент,у автора какая-то херня написана начиная с самого начала.Если коротко,надо делать так: копируем то,что будем резать(слой),выделяем квадрат и ПКМ выбираем Копировать на новый слой(ничего заливать цветом не надо!).Отключите самый нижний слой,скройте его,Так проделываем с остальными частями.Затем в слоях выбираем часть одну,идём в Выделение-Загрузить выделение,потом Ctrl+C,идём на фото кубика и Ctrl+V,часть скопирована,потом ПКМ выбираем Искажение и подставляем в куб как надо,тоже самое с остальными кусками.Дальше у автора верно,сливаем слои с кусками,режим на Умножение и подчистить если надо Ластиком.)

Sp-force-hide { display: none;}.sp-form { display: block; background: rgba(255, 255, 255, 1); padding: 15px; width: 640px; max-width: 100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-color: rgba(51, 51, 51, 1); border-style: solid; border-width: 2px; font-family: inherit; background-repeat: repeat; background-position: center; background-size: auto;}.sp-form input { display: inline-block; opacity: 1; visibility: visible;}.sp-form .sp-form-fields-wrapper { margin: 0 auto; width: 610px;}.sp-form .sp-form-control { background: #ffffff; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 15px; padding-left: 8.75px; padding-right: 8.75px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; height: 35px; width: 100%;}.sp-form .sp-field label { color: #444444; font-size: 13px; font-style: normal; font-weight: bold;}.sp-form .sp-button { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: #0089bf; color: #ffffff; width: auto; font-weight: 700; font-style: normal; font-family: Arial, sans-serif; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}.sp-form .sp-button-container { text-align: left;}

Всем привет! Сегодня я собираюсь показать вам, как обернуть фотографиями 3D куб. Не беспокойтесь, если раньше ничего подобного не делали, это очень просто.

Шаг 1

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

Шаг 2

Выберите вкладку 3D → Новая сетка из слоя → Набор сетки → Куб

После этого на верхней панели появится некоторые инструменты, выберите самый первый " Повернуть 3D Объект ".

Вуаля! Наше изображение на переднем плане куба!

Шаг 3

Давайте добавим изображения к остальным сторонам. А именно к правой и верхней стороне.

Для этого на панели слоев во вкладке 3D Выберите " Показать все материалы ".
Тут мы можем редактировать каждую сторону куба.

Выберите "Материал_справа" затем во вкладке Свойства кликните по значку на против "Рассеивание". Выберите "Заменить текстуру".

После этого у вас откроется диалоговое окно в котором необходимо выбрать другое изображение в качестве текстуры, в моем случае это голубая сфера.

Таким же способом замените текстуру на верхней части куба, повторив шаг 3.

[!] При наложении текстур, они получились очень темными (хорошо заметно на рис.3), поэтому я использовал небольшой лайфхак, что бы увеличить света и насыщенность текстур. Смотрите как я это сделал.

Шаг 4

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

Давайте доведем куб до готовности. Мы должны добавить кубу освещение. Для редактирования светом на панели 3D выберите значок лампочки. Затем вы увидите виджет для управления освещением (шарик на ножке) . Нажмите и перетащите виджет так, что бы освщение падало как бы с вашего монитора.

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

Шаг 5

Под конец мы немного смягчим тень, так как изначально она максимально жесткая. Отредактируйте ее на панели свойства, примерно так:

И вот ваш куб почти готов. Нажмите сочетание клавиш Alt + Shift + Ctrl + R для визуализации (Рендеринга). Фотошоп сделает вашу 3D модель более высокого качества и сгладит пиксельные неровности.

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

Будем очень рады увидеть в комментариях, что получилось у вас. :).

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

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

Многие пользователи почему-то избегают использовать 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 документы.
  • Как создать 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 (Чеканка).