Создаем трехмерный блочный текст / Блог / Artkost

Для урока понадобиться версия CS3 Extended или CS4!

Шаг 1.

Сперва скачиваем шрифт который будем использовать в уроке. Acknowledge
Создаем новый документ 1000 pixels ширины и 600 pixels высоты. Ставим Resolution 300 pixels/inch и режим RGB, называем "Blocks."Заливаем "Background" цветом: #3a3a3a. Цвет переднего плана черный, берем Horizontal Type Tool и пишем "PSD." Шрифт ставим Acknowledge, размер шрифта 120 pt и Anti-aliasing на None, чтобы получить жесткие края.

Шаг 2.

Создаем слой и называем "Mosaic." Цвет переднего плана 70% черный и заднего 85% черный. Следуем Filter > Render > Clouds. Следуем Filter > Pixelate > Mosaic, Cell Size - около 50 и применить.

Шаг 3.

Выбираем "Background" и жмем Сtrl + J. Теперь Alt-клик по линии между "PSD" и "Mosaic" , чтобы сделать обтравочную маску из слоя "Mosaic".

Шаг 4.

Выбираем все слои кроме слоя "Background". Следуем 3D > New Mesh From Grayscale > Two-sided Plane. Фотошоп создаст две симметричные планки и применит к выбранным слоям или слою глубинную карту ( depth map) к обоим панелям. Это означает, что нас мозаичный текст, теперь имеет глубину, светлые части будут выше, темные глубже. Темные области карты глубины покрашены цветом "a3a3a3" , а все остальные площади ярче по цвету, так что не будет никаких вмятин и неровностей на поверхности.

Шаг 5.

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

Берем 3D Orbit Tool и перемещаем орбиту камеры. Также можно использовать 3D Roll View Tool , чтобы вращать камеру. The 3D Orbit Tool перемещается по координатам X или Y . The 3D Roll View Tool вращает камеру вокруг оси Z. Используя эти инструменты попробуйте изменить перспективу, как показано на рисунке. Берем 3D Zoom Tool чтобы приблизить (масштабировать) и используем 3D Pan View Tool чтобы двигать камеру, если это необходимо.

Шаг 6.

Есть различные рендеры в Photoshop. Метод рендеринга даст нам рефлексы и правильно падающие тени, метод рендеринга - Ray Tracing . Но для достижения эффекта, мы не будем его использовать - Ray Tracing. Мы создадим отражение используя свою хитрость. Вот почему мы используем двусторонние планки.

Шаг 7.

Следуем Window > 3D или двойной щелчок на 3D Icon в слое "Mosiac" на панели Слоев. Выбирем Scene проверим опцию Cross Section. Это операция обрежет 3D-модели с сечением плоскости и покажет содержимое только на одной его стороне. Плоскости перпендикулярные к оси выбраны. Выберем ось Y. Для того чтобы сделать Two-sided Plane невидимым. Чтобы сделать Cross Section Plane невидимым, уберем опцию Plane в 3D панели.

Шаг 8.

После того как вы создадите сетку из ч\б изображения, Photoshop использует ч\б фото как Depth Map. В панели Слоев, когда вы выберите слой "Mosaic", вы можете увидеть Mosaic Depth texture. Двойным щелчком по материалу чтобы открыть depth map в новом окне документа. Выбрав три слоя чтобы создать сетку, вы будите иметь возможность видеть и редактировать эти слои в этом окне.

Все изменения будут применены, когда вы вернетесь к окну документа "Blocks". Если вы не довольны такой текстурой, возьмите Mosaic Depth texture, следуем в слой "Mosaic" ,и применяем Clouds м Mosaic filters снова, как в шаге 2. Глубина карты также предназначена для модели Diffuse и Opacity карт. Мы не будем нуждаться в этих текстурах. Выберем Mosaic material в панели 3D, кликнув Texture Map Menu рядом с Diffuse и выберем Remove Texture. Проделаем тоже самое и с Opacity.

Шаг 9.

В панели 3D , выберем Scene и кликнем на кнопку Render Settings чтобы открыть 3D Render Settings окно. Ставим Face Style на Flat, галочку на Enable Line Rendering , ставим Color на черный, ставим Edge Style на Constant и Crease Threshold на 2, чем выше порог, тем меньше видны края. Ставим Line Width на 1 и жмемt OK. В панели 3D , ставим Anti-Alias на Best.

Шаг 10.

Теперь изменим настройки материала. Следуем Mosaic material в панели 3D, ставим Ambient Color на #880022. Ставим Diffuse на #ee8800. Ставим Glossiness на 0%. Следуем Scene в панель 3D , и ставим Global Ambient Color на #575757.

Шаг 11.

Вы видите три света в панели 3D. Это текущие источники света в сцене. Теперь немного настроим источники. Все они являются источниками - Infinite Lights. Есть три типа источников в Photoshop. Infinite lights, действует как солнечный свет из одной направленной плоскости. Point lights свети со всех сторон и Spotlights светит конусно.
Выберем Infinite Light 1 и ставим Color на белый. Выберем Infinite Light 2, ставим цвет на #696969 и уберем опцию Create Shadows. Выберем Infinite Light 3,и цвет на белый и уберем опцию Create Shadows и поставим Light Type на Point.

Шаг 12.

Третий источник позиционируется под плоскостью таким образом что мы не видим никакого эффекта. Чтобы изменить позицию света, нужно изменить позицию вида. Получим один из 3D camera инструментов как 3D Orbit Tool и жмем кнопку Save the Current View и назовем "Cam."
Откроем View list и выберем "Top."

Шаг 13.

Кликаем кнопку Toggle Lights внизу панели 3D, чтобы видеть источники на сцене. Возьмем 3D Zoom Tool и будем уменьшать масштаб пока не увидим источники света. Кликаем кнопку Drag the Light в панели 3D и ставим позицию источника как показано ниже.

Получим одну из камер, открываем View list и выбираем "Cam" и возвращаемся к виду камеры. Кликаем Toggle Lights чтобы спрятать источники. Ставим Intensity на 0.6. Вы можете перемещать источники используя Drag the Light и Slide the Light Tools в панели 3D.

Шаг 14.

Следуем в панель Слоев и дублируем слой "Mosaic" и называем его "Line." Следуем в панель 3D, выбираем Line Illustration и жмем Render Settings. Ставим Line Width на 1 и OK.

Берем Magic Wand Tool, ставим Tolerance на 80. Кликаем по черной области находящейся вне текста, чтобы получить выделение вокруг текста. Shift-клик по всем буквам и незакрытым областям. Берем Polygonal Lasso Tool и добавляем любые не выделенные области вокруг текста , нажатием на Shift до создания выделения.

Шаг 15.

В панель Слоев и делаем слой "Line" - невидимым. Следуем Select > Inverse чтобы инвертировать выделение, теперь текст выделен. Следуем на слой "Mosaic"в панели Слоев. Жмем Ctrl + C и Ctrl + V чтобы вставить выделение на новый слой. Называем "Text." Дублируем слой "Mosaic" и называем "Reflection." Выключаем видимость у слой "Mosaic".

Шаг 16.

Убедитесь что слой "Reflection" выбран в панели Слоев и следуем в панель 3D. Чтобы получить отражение нам нужна другая половина двусторонней плоскости. Выберем Scene в панели 3D. Кликаем на кнопку Cross Section , чтобы другая половина была видимой.Выберем Mosaic Material в 3d Plane и уберем опцию Two Sided. Это позволит сделать лицевую невидимой, и останется только отражение.

Шаг 17.

Единственная проблема с отражением в том, что оно достаточно далеко. Мы должны привязать его к тексту, но это будет трудная задача. Уберем видимость у слоя "Text" и на "Mosaic." Переместим слой "Reflection" ниже слоя "Mosaic"в панели Слоев.

Возьмем любой инструмент камеры и в View list выберем Right и проделаем для обоих слоев "Mosaic" и "Reflection". Теперь вы можете видеть две плоскости справа, и то насколько они далеки друг от друга. Увеличим плоскости с помощью Zoom Tool в Toolbox, возьмем 3D Pan Tool,убедимся что слой "Reflection" выбран и переместим на левую сторону, зажав клавишу Shift key.

Шаг 18.

Возьмем любой инструмент камеры, и оба слоя "Mosaic" и Reflection"вернем к Cam view. Уберем видимость слоев "Mosaic" и "Text."

Что убрать линии на слое "Reflection", сперва его нужно растеризовать. Выберем слой "Reflection" в панели Слоев, и 3D > Rasterize. Возьмем Eraser Tool, режим - Pencil и удаляем ненужные части рефлекса,убираем края плоскости. Ставим Opacity для слоя "Reflection" на 45%.

Шаг 19.

Создаем тень. Следуем в панель Слоев, включаем слой "Mosaic", дублируем слой "Mosaic" и называем "Shadow". Двигаем "Shadow" выше слоя "Text" в панели Слоев.
Следуем в панель 3D и выбираем Scene, ставим rendering Preset - Ray Traced. Выбираем Mosaic material в панели 3D и ставим Ambient на черный и Diffuse на белый. Выбираем Infinite Light 1 и Intensity на 4. Выключаем Infinite Light 3. Следуем 3D > Rasterize.

Шаг 20.

Режим смешивания Multiply для слоя "Shadow" и Opacity на 90%. Чтобы избавиться от гладких углов, нам понадобиться помощь слоя "Line". Выберем слой "Line" , сделаем его видимым, следуем 3D > Rasterize и выключаем видимость слоя снова.

Шаг 21.

Берем Magic Wand Tool и ставим Tolerance на 60. Убедитесь что слой "Line" выбран. Увеличим букву "P." Щелкаем в верхней левой ячейки блока буквы, хотя слой "Line" невидим, но будет выбран. Пока зажата клавиша Shift , щелкаем по другим клеткам которые не имеют тени.

После выделения клеток в верхнем ряду, как в изображении ниже, перейдем на слой "Shadow" l, цвет переднего плана - белый и заливаем выделение нажав Alt + Backspace. Помните делаем выделение на слое "Line"и заливаем выделение на слое "Shadow". Мы использовали Clouds filter, который генерирует рандомные облака, чтобы у нас получились блоки, ваши буквы не будут выглядеть как мои. Но идея та же.

Шаг 22.

Вернемся к слою "Lines". Используя Magic Wand Tool выделим ячейки которые должны быть плоскими и зальем их - #4e4e4e на слое "Shadow".

Шаг 23.

Полностью засветленные клетки будет легко исправить. Клетки которые содержат тени, править будет гораздо дольше по времени. Перейдем на слой "Lines"и выберем клетки с тенями на нем используя Magic Wand Tool. Возьмем Polygonal Lasso Tool, и пока зажата клавиша Alt , и вычитаем из выделения. Переходим на слой "Shadow" и заливаем выделение белым.

Artkost