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

Вход
Создание креативного 3Dтекста в фотошопе
В этом уроке нам понадобится Adobe Illustrator, Cinema 4D и Adobe Photoshop

1. Открываем Adobe Illustrator и пишем текст любым шрифтом, например Xirod Font (каждая буква на отдельном слое). Сохраните документ в формате Adobe Illustrator 8.

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


2. Перейдите в Cinema 4D и откройте этот файл. Разгруппируйте слои и добавьте extrude NURBS к каждой букве. Дальше добавляем на каждую букву освещение (2 осветлителя спереди и слева) и настроить камеру, на ваш вкус.

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


3. Мы получаем объемный текст, но хотелось бы добавить каких-то реалистичных деталей, в этой же программе отдублировайте текст 8 раз, дальше создаем эффект взрыва с осколками. Добавьте к слову 3 explosions, 3 shatters и поиграйте с настройками, сделав изображение как можно красивие.

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


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


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


4. Идем в меню render settings и выставляем настройки (ниже). После этого сохраните работу в формате TIFF с качеством 300 DPI и с Альфа-каналом.

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


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


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


5. Открываем наше изображение в Photoshop. В палитре каналов выберите Alpha Channel. Выделите его (Ctrl + клик по каналу), перейдите обратно в палитру слоев (незабудьте включить все каналы) и вырежьте наш 3D текст на новый слой. Теперь мы будем работать отдельно с фоном и текстом.

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


6. Добавим на фон (за текстом) область темно-синего цвета. Возьмите стандартную мягкую большую Brush Tool с Opacity 50% и порисуйте на фоновом слое, создав необходимый эффект.

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


7. Теперь, создайте за текстом световые полосы голубого цвета. Импровизируйте. У нас получается красивый фон и отлично виден текст.

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


8. Добавим на текст цвет.Берем мягкую круглую кисть и разными цветами рисуем поверх текста, а затем добавляем слой-маску и стераем выходящие за надпись мазки.

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


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


9. Сейчас создадим спец. эффект и добавим его на лицевую сторону букв. Возьмите инструмент Gradient Tool и переведите инструмент в режим Difference. Нарисуйте градиенты в разные стороны. Далее загрузим выделение нашей надписи и применим к слою маску, скрыв все лишнее. Наложения слоя - Soft Light, Opacity:70%.

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


10. При выделенном тексте, перейдите Modify-Contract и выставьте от 10 до 20 px. Удалите содержимое области, отмените выделение и размойте Effects-Blur-Motion Blur. Значения: Angle 15, а Distance 60-70pх.

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


11. Выберите хорошый набор кистей-брызг и нарисуйте что-нибудь. Используйте картинку с осколками и добавьте их за текстом. Можно добавить на надпись и немного света.

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


12. Добавьте тени внутрь букв с помощью Polygonal Lasso Tool и Gradient Tool от черного к прозрачному.

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


13. Теперь возьмем кисти трещин и добавим их на любую букву. В этом уроке это - X.

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


14. Добавьте светлые пятна и линии на границе у каждой буквы. Возле буквы X кистью нарисуйте небольшие вспышки.

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


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


15. Сейчас добавьте несколько световых линий и бликов. Используем разные цвета.

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


16. Добавьте еще раз картинку разбитых осколков в верхнюю часть текста и переделайте слой в Blend Mode-Overlay. И наконецто продублируйте получившийся слой и направляйтесь в Edit-Transform-Flip Horizontal, режим смешивания - Normal.

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


Конец:

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


Автор перевода: Климец Андрей

#1 написал: vetaly (4 ноября 2009 13:43)



Группа: Гости
Регистрация: --
Засними плз видео урок!
ICQ: {icq}
#2 написал: Lektor (4 ноября 2009 15:32)



Группа: Администраторы
Регистрация: 9.01.2009
Если будет время засниму
ICQ: {icq}
#3 написал: Jones West (2 декабря 2009 23:58)



Группа: Гости
Регистрация: --
кульная вещь!!!!!!

посоветуй мне плииз как сделать в фотошопе имя Jones West )))
ICQ: {icq}
#4 написал: raul93 (4 декабря 2009 19:46)



Группа: Гости
Регистрация: --
Пожалуйста админ прошу...запиши видеоурок...плиз...))))
ICQ: {icq}
#5 написал: Илюха (21 января 2010 14:59)



Группа: Гости
Регистрация: --
У меня Cinema 4D нет smile-11 А видео было бы кстати smile-16
ICQ: {icq}
#6 написал: Илюха (22 января 2010 10:26)



Группа: Гости
Регистрация: --
А без иллюстратора никак нельзя обойтись? smile-22
ICQ: {icq}
#7 написал: Alexandr (31 октября 2010 14:03)



Группа: Гости
Регистрация: --
у меня синема не открывает файл иллюстратора
ICQ: {icq}
#8 написал: king (24 марта 2011 08:19)



Группа: Гости
Регистрация: --
Постави видео урок алииззззззззззз!!
ICQ: {icq}
#9 написал: ADMIN (24 марта 2011 15:19)



Группа: Администраторы
Регистрация: 9.01.2009
Скоро будет...
ICQ: {icq}
#10 написал: InfeRnoS (3 марта 2012 14:27)



Группа: Посетители
Регистрация: 3.03.2012
Выложите пожалуйста видео-урок по созданию этой графики!
ICQ: {icq}
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.