Меню
Учебник
Партнёры

Вход
Создание 3D текста в фотошопе
В этом уроке я покажу как преобразовать объект или текст из 2-D в 3-D максимально реалистично. Для создания объекта мы будем использовать Illustrator, а блики и тени будут создаваться в Photoshop.

Создание 3D текста в фотошопе


1.Запускаем Illustrator и создайте документ 5х5 дюймов, теперь создайте, какой не будь текст или логотип. Цвет не должен быть черным, белым, оттенок серого, что бы можно было получить тени.

Создание 3D текста в фотошопе


2.Теперь мы предадим нашему объекту 3D эффект: для этого идем в Effect>3-D>Extrude & Bevel. Мои настройки смотрите ниже, вы можете сделать все сами, поэкспериментируйте с настройками, пока не добьетесь желаемого результата.
Убедитесь, что изменили источник освещения, это нужно для получения большей контрастности и облегчения дальнейшей работы.

Создание 3D текста в фотошопе


3.Заканчиваем с иллюстратором и копируем изображение(ctrl+c),далее идем в фотошоп , создаем новый документ 1680х1050 и вставляем наше изображение (ctrl +v). Растягиваем его на всё свободное пространство. Так как наша картинка векторная, мы можем растягивать ее без потрь качества. После нажатия Enter-а изображение станет растровым, так что увеличивайте максимально, уменьшить потом не долго.

Создание 3D текста в фотошопе


4.все теперь мы создадим фон, но сначала переименуйте слой с текстом на “3D text” и отключим его нажав на глаз слева от слоя

Создание 3D текста в фотошопе


5.теперь скачайте эту текстуру дерева. И разместите его на нашем документе.

Создание 3D текста в фотошопе


6. Сделаем дерево более темного цвета, для этого берем темно-коричневую кисть, с помощью Создание 3D текста в фотошопе создаем круглое выделение, ставим feather 100 рх.

Создание 3D текста в фотошопе


7.теперь инвертируем выделение для этого нажмите ctrl+shift+I,теперь создадим новый слой,alt+del для заливки выбранным цветом. Режим смешивания overla.

Создание 3D текста в фотошопе


8. Аналогичным образом создаем желто-оранжевый круг в нижнем правом углу, на этот раз выделение не инвертируем, а просто заливаем желтым цветом. Режим смешивания вновь overlay.

Создание 3D текста в фотошопе


9.Теперь увеличим желтый слой так, что бы он заполнил всё пространство, незаполненное в 7-ом шаге коричневым цветом. При трансформации удерживайте alt и shift, чтобы круг остался в углу и пропорции сохранились.

Создание 3D текста в фотошопе


10. Итак источник света в нашем изображении находится справа внизу, сделаем этот угол светлее. Создаем новый слой, в нем радиальным градиентом от белого к прозрачному делаем заливку от правого нижнего угла примерно до границы желтого слоя, меняем режим смешивания на overlay и дублируем этот слой (ctrl+J) несколько раз.

Создание 3D текста в фотошопе


11. Пришло время добавить наш логотип. Возвращаем видимость слою с текстом и делаем этот слой активным. Берем Создание 3D текста в фотошопе с tolerance = 12 и щелкаем ей по передней части букв, затем нажимаем ctrl+J, появился новый слой с лицевой частью логотипа.

Создание 3D текста в фотошопе


12.повторяем 11 шаг, выделил боковые части текста.

Создание 3D текста в фотошопе


13. Теперь добавим бликов и теней к лицевой части. Создаем новый слой, ctrl+клик по пиктограмме слоя с этой самой лицевой частью для загрузки выделения. Берем радиальный градиент от желтого к прозрачному и проводим от правого нижнего угла текста к левому верхнему. Режим смешивания меняем на overlay.

Создание 3D текста в фотошопе


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

Создание 3D текста в фотошопе


15.Создадим еще 1 слой и и проводим небольшой градиент от красно-коричневого к прозрачному в левом верхнем углу текста, режим смешивания слоя ставим multiply.

Создание 3D текста в фотошопе


16.Теперь выбираем слой с боковой частью букв,и нажимаем ctrl+M,и устанавливаем кривую как показано на ресунке.

Создание 3D текста в фотошопе


17.Теперь нужно понять как рассеивается свет и создать тень. Проведем 2 линии из нижнего правого угла что бы они задевали углы букв как показана на рисунке.

Создание 3D текста в фотошопе


18.Теперь,когда мы знаем как падает тень, ее можно создать. Возьмем Создание 3D текста в фотошопе и в новом слое создадим выделение и заливаем его черным цветом (убедитесь что черные области не вылазят справа за буквы).теперь поместим этот слой под буквы.

Создание 3D текста в фотошопе


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

Создание 3D текста в фотошопе


20.Рисуйте по маске мягкой черной кистью, пока тень не будет выглядеть как на картинке.

Создание 3D текста в фотошопе


21. Удалите слой с линиями, они нам больше не нужны. Добавим к буквам текстуру, а то без нее они выглядят не натурально. Берем текстуру например отсюда, вставляем ее в документ и изменяем размер до размера букв. ctrl+клик по пиктограмме слоя с буквами, ctrl+shift+I для инверсии выделения, Del - тем самым обрезаем текстуру по буквам. Меняем режим смешивания на overlay, ставим opacity слоя 50%.

Создание 3D текста в фотошопе


22.В конце я добавил немного объема на лицевую часть букв, что бы подчеркнуть края.

Создание 3D текста в фотошопе


Ну вот и все!

Создание 3D текста в фотошопе


Перевод:nonrblHyN4ik

#1 написал: KEKC (13 октября 2009 14:42)



Группа: Гости
Регистрация: --
Админ еще кое что хочу спросить
Тут есть на сайте фотошоп цс3 ??? Если есть скинь ссылку плз
А то много перекачал, они все беспонтовые, запрашивают пароль
Или мне лучше диск купить?
Помоги плз
ICQ: {icq}
#2 написал: Lektor (13 октября 2009 19:30)



Группа: Администраторы
Регистрация: 9.01.2009
Цитата: KEKC
Админ еще кое что хочу спросить
Тут есть на сайте фотошоп цс3 ??? Если есть скинь ссылку плз
А то много перекачал, они все беспонтовые, запрашивают пароль
Или мне лучше диск купить?
Помоги плз

На сайте нету... мы не выкладывает так как это не законо.. smile
ICQ: {icq}
#3 написал: ArtiDudkovski (26 января 2010 20:37)



Группа: Гости
Регистрация: --
а какой фотошоп здесь используется?)
ICQ: {icq}
#4 написал: Vito (17 октября 2010 14:09)



Группа: Гости
Регистрация: --
а как вставлять видео в фотошоп цс3
ICQ: {icq}
#5 написал: nikky (6 ноября 2010 21:45)



Группа: Гости
Регистрация: --
скажите, у меня цс5, хоть убейте не могу там найти Еffect>3-D>Extrude & Bevel.
хоть и русский =(
ICQ: {icq}
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.