Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:



Создание объёмных резиновых букв


Ресурсы урока:


Шрифт «Righteous»

Текстура бетона

Текстура дерева


1. Создание текста и базовой формы


Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) и залейте фоновый слой цветом #c2c2c2. Напишите DON’T STOP шрифтом «Righteous». Цвет текста - #484848, размер – 225pt.

Создание объёмных резиновых букв


Шаг 2


Преобразуйте текстовый слой в векторную фигуру через меню Текст > Преобразовать в кривые (Type > Convert to Shape).

Создание объёмных резиновых букв


Шаг 3


Выберите инструмент Перо (Pen Tool) и на верхней панели включите режим Контура (Path) и Вычесть переднюю фигуру (Subtract from shape area). Сейчас Вам нужно удалить некоторые части букв. Обрисовывайте участки, которые нужно удалить.

Создание объёмных резиновых букв


Шаг 4


Не удаляйте слишком большие и слишком много участков. Слова должны остаться понятными.

Создание объёмных резиновых букв


Шаг 5


Когда всё будет удалено, выберите пункт Объединить компоненты фигуры (Merge Shape Components). Все контуры будут объединены и в соответствии с правилом (вычитания передней фигуры) некоторые участки текста будут удалены.

Создание объёмных резиновых букв


2. Расстановка букв


Шаг 1


Вместо того, чтобы правильно ставить буквы на 3D сцене, мы сделаем это заранее, так как это быстрее и проще. Выберите инструмент Стрелка (Direct Selection Tool) и выделите букву.

Создание объёмных резиновых букв


Шаг 2


Активируйте режим Свободное трансформирование (Ctrl + T) и поверните букву. Главное помните, что буквы не должны пересекаться. Если между ними не будет интервалов, то они будут преобразованы в 3D, как один объект.

Создание объёмных резиновых букв


Шаг 3


Если буквы всё-таки налезают друг на друга, и Вы не можете выделить целиком всю букву, используйте клавишу Shift для выделения нескольких якорных точек.

Создание объёмных резиновых букв


3. Создание внутренней части букв


Шаг 1


Инструментом Прямоугольник (Rectangle Tool) создайте белую полоску размером 10х155 пикселей.

Создание объёмных резиновых букв


Шаг 2


Создайте копию полоски и расположите между концами букв. Затем заполните остальные пустоты. Пока нужно соединить только те концы букв, для которых не нужны искривлённые полоски.

Создание объёмных резиновых букв


Шаг 3


Оригинальный слой полоски тоже нужно использовать.

Создание объёмных резиновых букв


Шаг 4


Искривлённые полоски мы создадим при помощи кругов. Выберите инструмент Эллипс (Ellipse Tool) и создайте белый круг, удерживая клавишу Shift. Чтобы передвигать круг, удерживайте клавишу Пробел. Поместите круг поверх буквы O, только не по центру, сместите её на несколько пикселей в сторону.

Создание объёмных резиновых букв


Шаг 5


Включите режим Вычитание передней части фигуры (Subtract from shape area). Создайте ещё один круг внутри первого, чтобы сделать вырез. В моём случае диаметр второго круга был на 20 пикселей меньше. В результате у меня получилось кольцо толщиной 10 пикселей.

Создание объёмных резиновых букв


Шаг 6


А зависимости от букв, размер кругов будет всегда разным. Как только все кольца будут на месте, объедините компоненты фигур, как мы делали это на 5-ом шаге.

Создание объёмных резиновых букв


Шаг 7


Все буквы и их внутренние частик (белые полоски) можно повращать.

Создание объёмных резиновых букв


Шаг 8


Выберите все слои, кроме основного текстового, и перейдите в меню Слой > Объединить фигуры (Layer > Merge Shapes). Все векторные фигуры будут объединены в одну. Назовите слой «Inner Shapes».

Создание объёмных резиновых букв


4. Создание остальных элементов сцены


Шаг 1


Создайте копию фонового слоя (Ctrl + J) и поднимите её на самый верх. Назовите слой «Ground». Создайте копию этого слоя и назовите её «Call».

Создание объёмных резиновых букв


Шаг 2


Инструментом Прямоугольник (Rectangle Tool) создайте несколько белых прямоугольник размером 10х25 пикселей. Объедините их всех на одном слое. Назовите его «Glass». Из этих прямоугольников мы сделаем стеклянные палки и расположим их вокруг текста. Если Вы хотите поставить их друг на друга, то лучше это сделать сейчас. Оставьте между прямоугольниками расстояние в 1 пиксель. Ещё создайте несколько квадратов размером 50х50 пикселей. Назовите слой «Rubber».

Создание объёмных резиновых букв


5. Создание 3D слоёв


Шаг 1


Выберите каждый слой с буквами и преобразуйте их в 3D объект через меню 3D > Новая 3D-экструзия из выделенного контура (3D > New 3D Extrusion from Selected Path). Другие два слоя (с прямоугольниками и квадратами), преобразуйте через меню 3D > Новая сетка из слоя > Почтовая открытка (3D > New Mesh from Layer > Postcard).

Создание объёмных резиновых букв


Шаг 2


Теперь 3D текст и окружающие элементы находятся на разных слоя, а значит на разных сценах. Выберите все 3D слои и объедините их на одной сцене через меню 3D > Слияние 3D-слоёв (3D > Merge 3D Layers).

Создание объёмных резиновых букв


6. 3D сцена и панели


Шаг 1


Для доступа к 3D объектам Вам понадобятся панели 3D и Свойства (Properties). На панели 3D находятся все элементы сцены, при выборе которых Вам автоматически будут показываться их свойства. Поэтому аккуратно выбирайте элементы сцены прежде чем что-то настраивать.

Создание объёмных резиновых букв


Шаг 2


Выберите инструмент Перемещение (Move Tool) (V) и посмотрите на верхнюю панель. Там вы найдёте несколько режимов, с помощью которых Вы будете перемещать камеру. Выберите Текущий вид (Current View) на панели 3D и расположите камеру справа от текста.

Создание объёмных резиновых букв


7. Изменение 3D-сеток


Шаг 1


3D объекты в Фотошопе (и в других программах) представлены в виде сетки, поэтому принято называть их 3D-сетками. Выберите сетку текста и на панели свойств измените Глубину экструзии (Extrusion Depth).

Создание объёмных резиновых букв


Шаг 2


Откройте вкладку Капитель (Cap) на панели свойств и введите следующие значения:

Создание объёмных резиновых букв


Шаг 3


Теперь измените сетку Inner Shapes (это стеклянный каркас).

Создание объёмных резиновых букв


Шаг 4


Ещё настройки для стекла:

Создание объёмных резиновых букв


Шаг 5


Теперь настройки для стеклянных брусков (белые прямоугольники)

Создание объёмных резиновых букв


Шаг 6


Ширина фаски:

Создание объёмных резиновых букв


Шаг 7


Теперь настройте квадраты, которые мы превратим в резиновые элементы.

Создание объёмных резиновых букв


Шаг 8


Измените ширину и контур:

Создание объёмных резиновых букв


Шаг 9


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

Создание объёмных резиновых букв


Шаг 10


Перейдите в меню 3D > Переместить объект на плоскость основания (3D > Snap Object to Ground Plane). На панели свойств слегка приподнимите 3D объекты над плоскостью (на 0,1), чтобы избежать появления царапин в процессе рендеринга.
Если между объектом и плоскостью основания нет никакого расстояния, то в процессе рендеринга на плоскости появятся царапины.

Создание объёмных резиновых букв


8. Создание материала ластика


Шаг 1


Выберите Материал передней выпуклости (Front Inflation Material) и удалите текстуру с параметра Рассеивание (Diffuse).

Создание объёмных резиновых букв


Шаг 2


Введите значения, показанные ниже, и выберите следующие цвета:

Рассеивание (Diffuse): #d1272e
Цвет блика (Specular): #545454
Свечение (Illumination): #080808
Освещение (Ambient): #000000

Создание объёмных резиновых букв


Шаг 3


Создайте текстуру для Рельефа (Bump).

Создание объёмных резиновых букв


Шаг 4


Создайте такой документ для текстуры.

Создание объёмных резиновых букв


Шаг 5


Теперь откройте документ для создания текстуры.

Создание объёмных резиновых букв


Шаг 6


У Вас откроется новый документ. Создайте копию фонового слоя (Ctrl + J).

Создание объёмных резиновых букв


Шаг 7


Примените к копии стиль наложение узора (Layer Style – Pattern Overlay): используйте текстуру бетона.

Создание объёмных резиновых букв


Шаг 8


Сохраните документ (Ctrl + S) и закройте его.

Создание объёмных резиновых букв


Шаг 9


Откройте UV-свойства.

Создание объёмных резиновых букв


Шаг 10


Введите следующие значения:

Создание объёмных резиновых букв


9. Сохранение и применение материала


Шаг 1


Нам нужно настроить остальные материалы точно так же. Вместо того, чтобы повторять действия, мы можем сохранить материал и применить настройки к другим сторонам текста более удобным способом. Кликните на шестерёнке в углу и выберите пункт Новый материал (New Material).

Создание объёмных резиновых букв


Шаг2


Дайте имя новому материалу.

Создание объёмных резиновых букв


Шаг 3


Новый материал появится в самом низу списка. Выберите все остальные виды материала и примените к ним сохранённые настройки материала «Red Rubber Material».

Создание объёмных резиновых букв


Шаг 4


К ластику примените те же самые настройки материала.

Создание объёмных резиновых букв


10. Создание материала для стекла и плоскостей


Шаг 1


Выберите сетку «Inner Shape» и настройте материалы, как показано ниже:

Рассеивание (Diffuse): #dfdfdf
Цвет блика (Specular): #727272
Свечение (Illumination): #080808
Освещение (Ambient): #000000

Создание объёмных резиновых букв


Шаг 2


Выберите плоскость основания и выключите отбрасывание теней. Затем сделайте то же самое для сетки «Wall».

Создание объёмных резиновых букв


Шаг 3


Выберите плоскость основания и измените текстуру параметра Рассеивание (Diffuse). В открывшемся документе создайте текстуру при помощи стиля Наложение узора (Layer Style – Pattern Overlay):

Создание объёмных резиновых букв


Шаг 4


Создайте корректирующий слой Цветовой тон/Насыщенность (Layer – Hue/Saturation):

Создание объёмных резиновых букв


Шаг 5


Уменьшите насыщенность цвета до -20.

Создание объёмных резиновых букв


Шаг 6


Удалите текстуру с Непрозрачности (Opacity) и измените другие настройки, как показано ниже:

Цвет блика (Specular): #bbbbbb
Свечение (Illumination): #000000
Освещение (Ambient): #000000

Создание объёмных резиновых букв


Шаг 7


Примените те же настройки для материалов сетки «Wall».

Создание объёмных резиновых букв


11. Смена положения камеры


Шаг 1


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

Создание объёмных резиновых букв


Шаг 2


При помощи 3D-оси растяните стену и плоскость основания горизонтально и вертикально, чтобы добиться наилучшего вида. Сетку «Wall» нужно приземлить к плоскости основания.
При помощи 3D-оси Вы можете передвигать сетки (элементы сцены) (используйте для этого концы стрелок), вращать их (элемент на оси перед концом стрелки), вытягивать по определённой оси (первый элемент на оси управления) или изменить размер (при помощи белого куба).

Создание объёмных резиновых букв


Шаг 3


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

Создание объёмных резиновых букв


Шаг 4


Дайте имя своему ракурсу.

Создание объёмных резиновых букв


Шаг 5


Новый ракурс появится в самом низу списка элементов сцены. Теперь Вы в любой момент сможете вернуться к финальному ракурсу, просто выбрав его в на панели 3D.

Создание объёмных резиновых букв


Шаг 6


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

Создание объёмных резиновых букв


12. Добавление корзины


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

Шаг 1


Инструментом Эллипс (Ellipse Tool) создайте круг с диаметром 230 пикселей. Затем выключите заливку и сделайте 10-пиксельную обводку чёрным цветом. Также нужно включить выравнивание по краям.

Создание объёмных резиновых букв


Шаг 2


Перейдите в меню 3D > Новая экструзия из выбранного контура (3D > New 3D Extrusion from Selected Path). На 3D панели выберите Текущий вид (Current View) и выберите ракурс Don’t Stop.

Создание объёмных резиновых букв


Шаг 3


Выберите оба 3D слоя и перейдите в меню 3D > Слияние 3D слоёв (3D > Merge 3D Layers). Поверните эллипс на 90 градусов.

Создание объёмных резиновых букв


Шаг 4


Расположите корзину на сцене там, где хотите.

Создание объёмных резиновых букв


13. Создание материала для корзины


Шаг 1


Выберите Материал передней выпуклости (Front Inflation Material) и удалите текстуру с параметра Рассеивание (Diffuse). Затем создайте новую текстуру: размер документа 1024х1024 пикселя. Откройте документ текстуры и установите цвета по умолчанию (D).

Создание объёмных резиновых букв


Шаг 2


Примените фильтр Облака (Clouds Filter).

Создание объёмных резиновых букв


Шаг 3


Примените фильтр Стекло (Glass Filter).

Создание объёмных резиновых букв


Шаг 4


Примените стиль Наложение цвета (Layer Style – Color Overlay): Режим – Умножение, Цвет - #909090.

Создание объёмных резиновых букв


Шаг 5


Сохраните документ и закройте его.

Создание объёмных резиновых букв


Шаг 6


Остальные настройки материалов показаны ниже:

Цвет блика (Specular): #c1c1c1
Свечение (Illumination): #000000
Освещение (Ambient): #000000

Создание объёмных резиновых букв


Шаг 7


Измените UV-свойства.

Создание объёмных резиновых букв


Примените настройки ко всем другим материалам корзины.

14. Стекло и резина вокруг текста


Шаг 1


Выберите сетку со стеклом и перейдите в меню 3D > Разделить экструзию (3D > Split 3D Extrusion). Сетка будет поделена на несколько частей. Каждую часть Вы сможете отдельно выбрать и настроить. Инструментом Перемещение (Move Tool) расположите стеклянные бруски в разных местах на холсте. Каждый стеклянный элемент нужно приземлить к плоскости основания.

Создание объёмных резиновых букв


Шаг 2


Повторите то же самое для резины. Поместите пару резиновых брусков в корзину.

Создание объёмных резиновых букв


15. Работа с освещением и рендеринг сцены


Шаг 1


Выберите Бесконечный свет 1 (Infinite Light 1) и настройте его, как показано на скриншоте. Цвет - #fefbef.

Создание объёмных резиновых букв


Шаг 2


Расположите источник света так, чтобы он падал по диагонали на текст.

Создание объёмных резиновых букв


Шаг 3


Создайте новый точечный свет.

Создание объёмных резиновых букв


Шаг 4


Настройте точечный свет, как показано на скриншоте. Цвет - #fffef8. Чтобы свет плавно угасал, уберите галочку с чекбокса Спад света (Light Falloff).

Создание объёмных резиновых букв


Шаг 5


Точечный свет нужно расположить прямо перед текстом в центре.

Создание объёмных резиновых букв


Шаг 6


Когда закончите с настройкой освещения и остальными элементами, поставьте сцену на рендеринг (3D > Рендеринг) (3D > Render).

Создание объёмных резиновых букв


Шаг 7


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

Создание объёмных резиновых букв


16. Улучшение цвета


Шаг 1


Создайте корректирующий слой Яркость/Контрастность (Layer – Brightness/Contrast):

Создание объёмных резиновых букв

Создание объёмных резиновых букв


Шаг 2


Создайте корректирующий слой Цветовой баланс (Layer – Color Balance):

Создание объёмных резиновых букв


Средние тона (Midtones) – Тени (Shadows) – Света (Highlights)

Создание объёмных резиновых букв


Поздравляю! Мы закончили!


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

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

Создание объёмных резиновых букв



Ссылка на источник урока

написал : Dgonix

Что то описание не информативное, к тому же фотошоп на русском.

---------------


написал : John

помоги сделать вот скайп: begzod.ismoiliy

---------------


написал : нига

круто!

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: