Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Эффекты с текстом » Создание деревянного текста 3D-инструментами фотошопа

Создание деревянного текста 3D-инструментами фотошопа

Автор: sondar | Категория: Уроки Photoshop » Эффекты с текстом | 30-07-2013, 15:13
Вам когда-нибудь приходилось сталкиваться с 3D-инструментами фотошопа?
С каждой следующей версией программы, они становятся все мощнее и совершеннее. И почему вам не начать использовать их в своих дизайнерских проектах?
Сегодняшний урок по фотошопу описывает процесс создания простого деревянного текста с использованием нескольких практичных инструментов 3D-редактирования и текстурирования в среде Photoshop CS6 Extended.

Выполнить данный урок можно и в Photoshop CS5 Extended, но версия программы должна быть именно “Extended”, иначе 3D-инструменты будут вам недоступны.

Не смущайтесь, если это – ваша первая работа с 3D-инструментарием, каждый шаг урока я опишу максимально подробно.

Итак, приступим!

Законченное изображение

Создание деревянного текста 3D-инструментами фотошопа


Ресурсы, использованные на этом уроке
- шрифт
- деревянная текстура
- деревянный фон

Шаг 1
Начните с создания нового документа в фотошопе размером 1000x1000 пикселей, разрешением 72 пикселя на дюйм. Назовите этот документ “3D Текст”.

Создание деревянного текста 3D-инструментами фотошопа


Шаг 2
Приступим к созданию фона. Залейте фоновый слой сплошным цветом #ccb79f. На него, впоследствии, прекрасно ляжет деревянная текстура.

Создание деревянного текста 3D-инструментами фотошопа


Шаг 3
Откройте в отдельном документе изображение с деревянным фоном, и выделите указанный ниже фрагмент. Скопируйте и вставьте его на свой основной документ, расположив этот слой на самой верхней позиции палитры слоев. Назовите этот слой “Дерево”. Подкорректируйте размер участка с деревянной текстурой при помощи Свободной трансформации (Free Transform Tool). Далее установите этот слой в Режим наложения (Blend mode) – Умножение (Multiply), уменьшите Непрозрачность (Opacity) до 77%, а Заливку (Fill) – до 84%. Вот что должно получиться в результате:

Создание деревянного текста 3D-инструментами фотошопа


Создание деревянного текста 3D-инструментами фотошопа


Шаг 4
Кликните по кнопке Создания нового корректирующего слоя или слоя-заливки (Create new fill or adjustment layer) в нижней части палитры слоев, и выберите пункт Цветовой тон/Насыщенность (Hue/Saturation). Задайте следующие установки:
Тон (Hue): 28; Насыщенность (Saturation): 21; Яркость (Lightness): -32; Поставьте галочку на пункте Тонирование (Colorize).

Создание деревянного текста 3D-инструментами фотошопа


Создание деревянного текста 3D-инструментами фотошопа


Шаг 5
Скачайте шрифт, ссылка на который представлена в разделе ресурсов урока, либо можете использовать любой другой на свое усмотрение. Наберите текст, например “PSD”, задав цвет шрифта #9d8365, и размер 24 pt.

Создание деревянного текста 3D-инструментами фотошопа


Шаг 6
Выделите на палитре слоев слой с текстом и пройдите в меню 3D > Новая 3D-экструзия из выделенного слоя (3D>New 3D Extrusion from Selected Layer). В результате ваша рабочая область автоматически переключится на 3D-режим.
Так же палитра слоев будет переключена в палитру 3D. А на палитре Свойств (Properties) будет отображена ваша текущая камера. В левом верхнем углу вы можете увидеть плавающее окошко, в котором ваша камера показывает ваш текст сверху.

Создание деревянного текста 3D-инструментами фотошопа


Создание деревянного текста 3D-инструментами фотошопа


Шаг 7
Теперь выберите инструмент Перемещение (Move tool), активируйте режим Поворот 3D-объекта (Rotate the 3D Object), и при активной вкладке Текущий 3D-вид (Current View) на 3D-палитре, поверните ваш текст, как показано на изображении ниже.

Создание деревянного текста 3D-инструментами фотошопа


Шаг 8
На 3D-палитре вы можете обнаружить ваши 3D-слои. Под слоем с Текущим видом (Current View), должен находиться слой, обозначенный иконкой в виде буквы Т, и имеющий название PSD. Выделив слой PSD, переключитесь на палитру Свойств (Properties). Здесь задайте величину Глубины экструзии (Extrusion Depth): 347.

Создание деревянного текста 3D-инструментами фотошопа


Шаг 9
Теперь активируйте на палитре Свойств опцию Капитель (Cap Option). Задайте и в разделе Фаска (Bevel) задайте Ширину (Width): 2%, и Контур (Contour): Полукруг (round). В разделе Раздувание (Inflate) задайте угол 90 градусов. После чего можно запустить пробный рендринг, и посмотреть, как выглядит наш текст на данный момент. Для этого кликните по специальной иконке в нижней части данной палитры. Вы можете остановить процесс рендринга в любой момент, для чего достаточно просто кликнуть в любой точке холста.

Создание деревянного текста 3D-инструментами фотошопа


Вот результат:

Создание деревянного текста 3D-инструментами фотошопа


Шаг 10
Добавим текстуру.
Выделите на 3D-палитре четыре показанных ниже слоя. Затем переключитесь на палитру Свойств и кликните по стрелке сбоку от иконки с шаром. В результате будет раскрыт список со стандартными текстурами. Прокрутите список вниз, найдите и выберите текстуру бальзового дерева. Задайте цвет Рассеивания (#c18759), Свечения (Illumination): #352c22. Затем задайте Блеск (Shine): 50%, Отражение (Reflection): 15%, Рельеф (Bump): 37%.

Создание деревянного текста 3D-инструментами фотошопа


Создание деревянного текста 3D-инструментами фотошопа


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

Создание деревянного текста 3D-инструментами фотошопа


Шаг 11
Далее, выделите слой с материалом экструзии PSD (PSD Extrusion Material), переключитесь на палитру Свойств и выберите текстуру с большим количеством трещин. Выберите Дерево пепел (Wood Ash). Задайте цвет Рассеивания (#c99b37), Рельеф (Bump): 30%. Можете еще раз запустить пробный рендринг.

Создание деревянного текста 3D-инструментами фотошопа


Создание деревянного текста 3D-инструментами фотошопа


Вот промежуточный результат:

Создание деревянного текста 3D-инструментами фотошопа


Шаг 12
Вы так же можете наложить свою собственную текстуру. Каким образом? Очень просто. Выделите на 3D-палитре слой с Материалом передней экструзии (Front Inflation Material). Переключитесь на палитру Свойств и кликните по иконке с изображением папки справа от параметра Рельеф (Bump). Выберите пункт Загрузить текстуру (Load Texture) и укажите файл с текстурой, скачанный по ссылке, представленной в разделе ресурсов урока.

Создание деревянного текста 3D-инструментами фотошопа


Шаг 13
Задайте на палитре Свойств следующие параметры:
цвет Рассеивания (#c18759), цвет Блика (Specular): #020202, цвет Свечения (Illumination): #000000, Освещение (Ambient): #030303, Блеск (Shine): 50%, Отражение (Reflection): 15%, Рельеф (Bump): 37%, Коэффициент преломления (Refraction): 1,550.

Создание деревянного текста 3D-инструментами фотошопа


Вот промежуточный результат:

Создание деревянного текста 3D-инструментами фотошопа


Шаг 14
В версии фотошопа CS5, после окончания работы над 3D-объектом, дальнейшее его редактирование было невозможно. В CS6 этот недостаток исправлен, и мы легко можем продолжить вносить изменения. Для этого откройте 3D-палитру, выделите нужный объект (PSD), затем, кликните по кнопке Изменить источник (Edit Source) в нижней части палитры Свойств. В результате, ваш текст будет открыть в новом документе, где вы можете изменить или перепечатать его. Я дописал “FAN”.

Создание деревянного текста 3D-инструментами фотошопа


Создание деревянного текста 3D-инструментами фотошопа


Шаг 15
Межсимвольный интервал выглядит не очень корректно. Чтобы это исправить, выделите буквы PSD (не выделяя FAN), и откройте палитру Символов (Character). Задайте величину межсимвольного интервала (tracking): 128. Затем выделите обе надписи и задайте Интерлиньяж (leading): 16,55 pt.

Создание деревянного текста 3D-инструментами фотошопа


Создание деревянного текста 3D-инструментами фотошопа


Закройте данную вкладку, сохранив изменения, и вернитесь к своему документу с 3D-текстом. Вот как он должен выглядеть на данном этапе:

Создание деревянного текста 3D-инструментами фотошопа


Шаг 16
Теперь пройдите в меню 3D > Привязать объект к плоскости основания (3D>Snap 3D Object to Ground Plane). Подкорректируйте положение текста по оси Y.

Создание деревянного текста 3D-инструментами фотошопа


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

Создание деревянного текста 3D-инструментами фотошопа


Шаг 17
Наложенная текстура кажется слишком большой, поэтому давайте немного подкорректируем ее размер. Выделите на 3D-палитре слой с Материалом передней выпуклости (Front Inflation Material) относящийся к надписи PSD, затем, переключившись на палитру Свойств, кликните по иконке в виде папки справа от параметра Рельеф (Bump) и выберите пункт Редактировать UV-свойства (Edit UV Properties). Установите везде значение 100%, и посмотрите что получится:

Создание деревянного текста 3D-инструментами фотошопа


Создание деревянного текста 3D-инструментами фотошопа


Создание деревянного текста 3D-инструментами фотошопа


Шаг 18
Теперь проделаем то же самое для Материала экструзии (Extrusion Material) надписи FAN. Задайте следующие установки:
U-масштаб (U Scale): 63,37%; V-масштаб (V Scale): 85,15%; U-смещение (U Offset): -18,81%; V-смещение (V Offset): 2,97%. Доступ к этим настройкам можно получить, воспользовавшись сочетанием клавиш Alt+Ctrl+Shift+R.

Создание деревянного текста 3D-инструментами фотошопа


Создание деревянного текста 3D-инструментами фотошопа


Урок закончен
Ниже вы можете увидеть законченный результат. Надеюсь, урок вам понравился, и вы научились на нем чему-то новому. Оставляйте свои комментарии относительно описанных здесь приемов и о самом результате.

Создание деревянного текста 3D-инструментами фотошопа


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

Другие новости по теме:


Просмотров: 5441 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.