Типокомпозингът в 3D съчетава впечатляващи текстови ефекти с креативни дизайнерски елементи и вдига твоята типография на съвсем ново ниво. Независимо дали искаш да създадеш футуристичен, абстрактен или тематичен вид - с Photoshop можеш да създадеш индивидуално 3D типокомпозиране, което подсилва визуално твоето съобщение. В този урок ще ти покажа стъпка по стъпка как да поставиш твоята 3D типография в преглед с текстури, светлинни ефекти и други дизайнерски елементи. Нека започнем и превърнем любимия си шрифт в изкуство!
Стъпка 1:
Първо създавам нов документ; размерът не играе роля. Избирам тук много малък размер от 800x600 пиксела. Ако желаеш да отпечаташ този ефект, трябва да промениш единицата от пиксели на сантиметри и разделителната способност от 72 на 300 пиксела/инч.
Стъпка 2:
Сега създавам текстов слой с една буква. След това щраквам в менюто 3D>Repoussé>Текстов слой.
Стъпка 3:
Направя следните настройки (при материалите използвам за Всичко шаблона за Без текстура):
Стъпка 4:
Сега отварям прозореца 3D Control под Прозорец и оцветявам екструзията. За целта щраквам върху сивия цвят при Разкриване.
Стъпка 5:
Ето, цветът вече е подходящ. Сега обаче бих искал да създам собствена текстура само в предната част на буквата.
Стъпка 6:
За новата текстура създавам нов документ с размери 200 х 1 пиксела. След това правя двойно щракване върху задния план и изтривам съдържанието с Del. Сега мога да създам селекция, която покрива половината от документа, и я оцветявам синьо. След това маркирам всичко и го запазвам чрез Меню>Редактиране>Задай шаблон.
Стъпка 7:
Текстурата е запазена, аз създавам нов документ с размери 2000x2000 пиксела. След това добавям нов слой и го оцветявам (цветът не е важен, защото задавам непрозрачността на 0%). Сега следва Параметрите за попълване, където активирам новата си текстура. След това запазвам текстурата като PSD файл на твърдия си диск.
Стъпка 8:
Ето, сега се връщам в документа си и отварям на Материя - Надутата предна страна моята нова текстура.
Сте̣пка 9:
Резултатът изглежда по следния начин (все още не съм напълно доволен от линиите и поради това отварям отново текстурата си).
Стъпка 10:
Тъй като искам да завъртя моя шаблон, преобразувам слоя в Умно обект. Сега мога да завъртя и шаблона, който е наложен като Параметър на попълване.
Стъпка 11:
Вече много по-добре ми харесва.
Стъпка 12:
Тъй като линиите ми са твърде широки, отново отварям текстурата, влизам в моя Умен обект и след това скалирам наложената текстурна плътност.
Стъпка 13:
За да направя задния план още по-динамичен, добавям Градиент в задния планов слой.
Стъпка 14:
Едновременно на изпъкналата ръбчица придавам син цвят. Резултатът след това изглежда по следния начин:
Стъпка 15:
За да мога да виждам по-добре източниците на светлина, ги показвам в 3D панела отдолу.
Стъпка 16:
Допълнително, обръсвам задната плоскост в сиво, за да виждам бели светлинни линии. Променям типа на осветеност на първата ми светлина от Осреднена на Прожекторна.
Стъпка 17:
Сега местя светлото източник и веднага виждам как обектът ми реагира на него.
Стъпка 18:
Променям и следващия светлинен източник на Прожекторна и увеличавам интензивността на светлината на 1.
Стъпка 19:
Тъй като рендирането на целия обект може да отнеме много време, мога да създам избор и да вляза в менюто с опции на 3D панела и да избера Избор за постепенно рендиране.
Стъпка 20:
Резултатът изглежда много добре. Мога да рендерирам целия си обект, като кликна в горната част на 3D панела върху сцената и избера съответно Проследяване на лъчите - Проект или Проследяване на лъчите - Последен вариант (взема най-дълго). Съвет: Ако трябва да направя изменение върху обекта, задължително трябва да се върна към настройката на Интерактивно (Рисуване), защото иначе компютърът отново започва да рендерира всичко и ще чакаме вечно.
Стъпка 21:
След като завърша първата буква, създавам следващата със същите настройки и начин на действие. Отново зареждам предварително записаната текстура.
Стъпка 22:
Тъй като линиите са ми твърде широки, мога да ги редактирам отново директно в текстурата или да избера Смесване и Редактиране на свойствата.
Стъпка 23:
Ако увелича стойността на U-скала, линиите ми ще станат по-малки. Понякога обаче линиите се счупват по странен начин, което вероятно е бъг в Photoshop или грешка в драйвера на графичната карта.
Стъпка 24:
След като рендерирам сцената, буквата ми S изглежда така:
Стъпка 25:
Променям също и тук всички светлинни източници и някои ги превръщам в Прожекторни. Мога дори да щракна върху Иконата за ново, за да създам още светлинни източници.
Стъпка 26:
Тъй като линиите са ми твърде широки, влизам в текстурата, след това в Умния обект и след това в Налагане на мустра, където намалявам мащаба малко. Въпреки това в S-буквата се появява странна двойна линия; затова отново влизам в Настройките на текстурата и променям малко стойността на U-скала, докато се получи подходящо.
Стъпка 27:
Следващото, което правя, е да създам последната буква. Тази я слагам под буквата S в йерархията на слоевете.
Стъпка 28:
За буквата d съм измислил нещо специално: Буквата трябва да получи цветна флорална мотивация. За целта свалям цветен пендел от PSD-Tutorials.de, добавям го в документ с размери 2000x2000 пиксела с прозрачен фон и го запазвам като PSD файл.
Стъпка 29:
Под Свойства на текстурата аз премествам шаблона съответно.
Стъпка 30:
Сега, да променим отново светлината и буквата ми изглежда доста добре:
Стъпка 31:
Следващата стъпка е да създам нов слой и да добавя някои по-малки елементи с бял цвят с моят флорален четка.
Стъпка 32:
Сега е време за стилно задно планиране. Вземам Собственото формово оформление и зареждам следната форма, която Photoshop вече предоставя (ако не се появи, просто натиснете малкият стрелка горе вдясно, за да заредите Библиотеката).
Стъпка 33:
След като нарисувам формата, леко намалявам плътността, добавям маска на слой и я попълвам с радиален черно-бял градиент.
Стъпка 34:
Мога дори да оптимизирам илюстрациите, като например намаля плътността на областта и след това в параметрите за плънене добавя леката външна светлина с бял цвят. След това изчертавам хубав радиален син-тъмносин градиент.
Стъпка 35:
За да изгоре по-силно в средата, мога да адаптирам градиента, или просто да го променя с много мека, голяма четка. След това намалявам плътността на слоя малко.
Стъпка 36:
Повече от чуковете с флорални сметки са ми прекомерни. Затова ще ги създам отново, но този път с още по-малка четка. Резултатът изглежда така:
Стъпка 37:
С Регулиране на тон/Наситеност Слой мога бързо да променя цвета на задния план:
Стъпка 38:
Ако предпочитам да променям цвета на буквите вместо на задния план, мога да влеза в Методите за попълване на отделна буква и там да задам Наситеност на Цвета с метода за попълване Цвят. След това копирам ефекта на слоя с на натисната Alt клавиш за всяко следващо буква.
Стъпка 39:
Но по-лесно е, ако моите букви са в папка с групи и след това върху тях добавя Слой за регулиране на тон/Наситеност. И - много важно: задавам метода за попълване на моята папка с групи от Прозрачно на Нормално. Тогава регулиращият слой действа само върху съдържанието на папката.
Стъпка 40:
Малък хит в края на урока: Дублирам моите 3D букви и след това растрирам копието си с десен бутон на мишката.
Стъпка 41:
Сега имам множество възможности: Мога да оцветя цялата буква в бяло, или да сложа само Наситеност на Цвета в бяло върху нея. След това добавям маска и след това мога да подобря определени светлини с мека четка, или добавям нов слой с черна Наситеност на Цвета за да изрисувам по-тъмните сенки.
Стъпка 42:
След това моите резултати изглеждат така:
Надявам се, че съм предал много съвети за работата с 3D в Photoshop. Както се вижда, това не е толкова трудно.
