Създайте 3D тип в 10 прости стъпки

Връзката между типа и изображението се разглежда широко като основа за ефективен графичен дизайн. Без значение колко добър е имиджът, тази връзка ще направи или прекъсне работа. Често обаче се пренебрегва. Ако искате да общувате с аудиторията си, защо не направите съобщението ви наистина откроено?

В това ръководство ще ви покажа как да използвате комбинация от основни инструменти и техники в Photoshop и Илюстратор за създаване на 3D тип с реално въздействие. Ще разгледаме и някои фини техники на осветление, за да създадем допълнителна дълбочина в типа, с която след това можете да експериментирате в собствената си работа.



Смятам, че е много важно да останете организирани, когато работите. Клавишните комбинации, папки и ясно наречени слоеве ще ви помогнат да подобрите работния си процес и в крайна сметка ще ви спестят много време.



  • Софтуер: Photoshop и Illustrator CS4 или по-нова версия
  • Време на проекта: 1,5-2 часа
  • Умения: Комбинирайте 3D възможностите на Illustrator с работата на Photoshop, Управлявайте ефективно слоевете си, Добавете фини техники на осветление
  • Файл за поддръжка

Стъпка 01

3D тип: стъпка 1

Първо, трябва да създадем двата елемента от триизмерен тип, върху които в крайна сметка ще работим във Photoshop. Отворете документ в Illustrator - пейзажна страница A4 е добре. Изберете подходяща фраза или дума и желания от вас шрифт, но се опитайте да бъде сравнително опростен. Ще използвам ITC Serif Gothic и фразата „Дайте му малко дълбочина“.



Стъпка 02

3D тип: стъпка 2

Подредете типа по желание и коригирайте кернинга и водещите, за да може всяка буква да диша. Сега трябва да превърнем нашия тип в пътеки. Изберете го и отидете на Type> Create Outlines. С все още избраните елементи ги групирайте в един обект. Променете цвета на среден до тъмно сив - използвам шестнадесетичен код # 7A7A7A.

Стъпка 03

3D тип: стъпка 3



Изберете очертания текст и отидете на Effect> 3D> Extrude & Bevel. Можете да използвате настройките, показани тук, или да експериментирате със своите. За да ни позволите да редактираме типа допълнително, отворете Обект> Разгъване на външния вид. Вземете инструмента за директен избор и, задържайки Shift, изберете само лицето на типа, изрежете го ( Ctrl / Cmd + X ) и създайте нов слой с име „Face“. След това отидете на Edit> Paste in place, групирайте го и заключете този слой.

Стъпка 04

3D тип: стъпка 4

Докато слоят Face е заключен, изберете 3D елементите на текста и използвайте панела Pathfinder, за да ги обедините в един елемент. Вече имаме това, което трябва да вземем във Photoshop, така че отворете background.psd. Копирайте слоя Face от Illustrator, поставете го във вашето платно на Photoshop като интелигентен обект и маркирайте слоя. Повторете това с вашия 3D слой и го позиционирайте под слоя Face. Слоевете може да са малко извън линия, така че увеличете и коригирайте съответно.

Стъпка 05

3D тип: стъпка 5

Плъзнете своя 3D слой до иконата на папката в долната част на панела Layer и наречете групата „3D“. Когато сте избрали своя 3D слой, щракнете върху иконата „Създаване на нов слой за запълване или коригиране“ в панела Layer, изберете Solid Color и използвайте # 303030. След това задръжте курсора между цветното запълване и 3D слоя, задръжте Alt / Opt + щракване . Вашето цветно запълване сега трябва да влияе само върху слоя под него.

Стъпка 06

3D тип: стъпка 6

Преминавайки в папката Face, създайте цветен градиент по ваш избор над вашия тип. С избрания този слой задръжте Ctrl / Cmd + щракване миниатюрата на вашия слой Face. Щракнете върху иконата Layer Mask, за да създадете маска върху вашия градиент във формата на вашия тип. С избраната от вас нова маска, Ctrl / Cmd + щракване миниатюрата на вашите 3D елементи и ги запълнете с бяло. Включете режима на смесване на градиентния слой в Overlay.

Стъпка 07

3D тип: стъпка 7

Създайте нов слой за регулиране на нюанса / наситеността над вашия градиент, задръжте Alt / Opt + щракване между слоевете, за да го приложите към градиентния слой. С преместването на плъзгача Hue можете да създадете някои интересни алтернативни цветове. Ще се уредя на -98. Сега ще добавим малко блясък и други ефекти. Ctrl / Cmd + щракване отново върху миниатюрата на лицето. Отидете на Select> Modify и задайте Contract на 5px, след това създайте нов слой с име 'Shine' и го запълнете с бяло.

Стъпка 08

3D тип: стъпка 8

Изберете слоя Shine, щракнете върху иконата New Path в раздела Paths и нарисувайте форма на вълна с инструмента Pen над горната и долната линия на типа. Ctrl / Cmd + щракване миниатюрата на новия си път и се върнете към слоя Shine. Изтрийте долните бели секции и задайте режима на смесване на Overlay. Изберете слоя Face и отидете на Layer> Layer Style> Inner Shadow. Задайте Blend Mode на Normal, Opacity на 100%, Ъгъл: 145 °, разстояние и размер на 2pt и поставете отметка Use Global Light.

Стъпка 09

3D тип: стъпка 9

Създайте нов слой за регулиране на нивата над вашия слой Shine и го маскирайте така, че да засяга само вашия тип. Изберете Увеличаване на контраста от падащото меню в панела Настройки или променете по ваше предпочитание. Създайте нов слой „Noise“, отидете на Edit> Fill и задайте Use на 50% Grey. След това отидете на Filter> Noise> Add Noise> 8%. Натиснете OK и задайте режима на смесване на шумовия слой на Soft Light. Приложете типовата маска, както направихте с нивата.

как да използвам ефекти в после ефекти

Стъпка 10

3D тип: стъпка 10

Създайте нов слой, наречен 'Glow', изберете инструмента Radial Gradient и го задайте от бял на прозрачен. Задръжте Shift и нарисувайте, да речем, три радиала, където светлината ще се счупи между буквите. Когато сте доволни, задайте непрозрачността на слоя Glows на 70%. След това изберете всички слоеве, различни от фона, дублирайте ги, обединете ги и ги маркирайте с „Омекотете“.

Сега дублирайте слоя си Soften, преименувайте го на „High Pass“ и го изключете за момент. Изберете вашия слой Soften и добавете Gaussian Blur при 50px и натиснете OK. Задайте режима на смесване на слоя на Soft Light и неговата непрозрачност на 50%. Изберете вашия High Pass слой и го обезсилете. Отидете на Filter> Other> High Pass> 40px, задайте смесването на слой на Overlay и сте готови.

Думи : Алекс Гил

Хареса ли ви това? Прочетете тези!