Ефект на текста в златен цвят

Въведение:

Здравейте, скъпи PSD-съобщество. Радвам се, че сте отново тук с мен на едно от моите уроци. Днес ще научите как да създадете красив ефект на злато като на Фигура 01. Също така ще ви покажа как да създадете собствени цветови библиотеки, така че например златните цветове, които ще създадем по-късно, да бъдат винаги на разположение. Накрая ще разгледаме като малко допълнително как да превърнем 2D текст в 3D изпълнение.

Добре, достатъчно говорихме. Нека започнем ...

Adobe Illustrator – Ефект на златен цвят върху текст.

Част 1:

Стъпка 1: Създайте златни цветове

Преди да започнете да създавате ефект на злато, разбира се, ви трябват различни златни цветове. В този урок ни трябват четири различни стойности на CMYK. Но къде наистина най-добре може да се намерят тези стойности? Моето препоръчане в този случай е доста прости. Понеже ни трябват златни цветове, търсете думата "злато, златни листа, златни цветове" или подобни в търсачка по ваш избор (в моя случай „Google“). После отворете "Търсене на картинки" и погледнете няколко различни изображения, в които се срещат златни цветове. Както можете да видите в Фигура 02, избрах снимка с два златни листа. Запазете тази или според вашия избор снимка на вашия компютър и след това преминете в Illustrator.

Adobe Illustrator - златен ефект върху текст

След като сте в Illustrator, първо си създайте ново работно пространство във формат DIN A3. Това го правите чрез Файл>Нов.

Adobe Illustrator - Златен ефект върху текст.

Сега отивате на Файл>Поставяне и избирате изображението, което сте запазили предварително. Потвърдете този прозорец с OK.

Adobe Illustrator - ефект на златото в текста

Сега ще използвате това изображение като референция за златните цветове. Вземете Инструмент „Правоъгълник“, направете четири малки квадрата и ги поставете някъде на края на работното си пространство. Размерът не е от значение. В моя случай квадратите са с размери 28 x 28 мм.

Adobe Illustrator - Златен ефект върху текст

Сега сте на мястото, където трябва да извлечете цветовите стойности на изображението си. За целта първо изберете квадрат и оттам вземете пипетката от Палитрата „Инструменти“. Сега изберете различни златни тонове от изображението. Повторете това за всеки квадрат. В Фигура 06 можете да видите от къде аз извлечох цветовите стойности с пипетката.

Adobe Illustrator - ефект на златен цвят върху текст.

За всички, които не са напълно удовлетворени от собствените си цветови стойности, тук отново са CMYK стойностите на моите четири цвята (вижте също Фигура 07).

• CMYK - 9/43/96/37
• CMYK - 6/24/80/9
• CMYK - 2/13/67/0
• CMYK - 3/6/65/0

Adobe Illustrator - Златен ефект върху текста

Стъпка 2: Създаване на градиент

След като сте създали четирите различни стойности на цветовете, е време да създадете градиент с тези цветове. За целта отново вземете Инструмент „Правоъгълник“ и създайте отново квадрат. Размерът пак не е от голямо значение.

Преди да започнете директно да създавате градиент със златните цветове, трябва да внесете тези цветове във вашата палитра с цветове. Отново можете да отворите тази палитра чрез Прозорец>Палитра с цветове, ако не сте я показали.

Adobe Illustrator - Златен ефект върху текст.

Когато кликнете върху квадрат с златен цвят, този цвят се появява и в долната част на палитрата с инструменти от лявата страна. С натиснат ляв бутон на мишката вече можете да плъзнете този цвят с Drag&Drop в палитрата с цветове. Направете това за всички четири цвята.

Adobe Illustrator – Златен ефект върху текст

Следващият ви етап е палитрата с градиенти. Ако все още не сте я отворили, отидете на Прозорец>Градиент (или на Mac - Command+F9), за да я покажете.

Adobe Illustrator - златен ефект върху текст

В следващата стъпка изберете квадрата, който създадохте в началото на Стъпка 2. Щракнете в елемента за градиент в палитрата за градиенти, за да създадете предварително зададен черно-бял градиент. Този градиент трябва да бъде модифициран за нашите цели.

Adobe Illustrator - Златен ефект върху текста

С помощта на палитрата за цветове можете да влачите нанесените златни цветове в градиентния елемент с Drag&Drop. Черното и бялото цветово поле в този градиент може да бъде лесно премахнато, като го вземете с натискане и задържане на лявия бутон на мишката и го издърпате от палитрата за градиенти.

Влачете толкова цветни полета в градиента, колкото са показани на рисунка 12.

Adobe Illustrator - Златен ефект върху текст.

Отляво надясно трябва да имате следната последователност на цветните полета (вж. Рисунка 13).

Adobe Illustrator - златен ефект върху текста

Стъпка 3: Създайте текст и го подгответе за златния градиент

След като направите златния градиент, можете да напишете дума или изречение с инструмента за текст. В моя случай пиша думата "Злато". За да бъде златният ефект видим, ви препоръчвам да изберете шрифт, който е относително дебел. При фините, деликатни шрифтове ефектът на златото няма да бъде толкова забележим и по-скоро ще изглежда ненужен. В моя случай избрах шрифта Myriad Pro с категория Получер. Размерът на шрифта е 300pt.

Adobe Illustrator - Златен ефект върху текста

След като сте доволни от избора си на шрифт и дума, отидете в горната лента меню на Шрифт>Преобразуване в пътища.

Adobe Illustrator - ефект на златен текст

Сега с пипетата кликнете върху квадрата с предишния от вас създаден градиент. За разлика от Photoshop, пипетът в Illustrator разпознава разликата между един цвят и градиент. Така целият градиент се прилага към вашия надпис. След това целият процес трябва да изглежда приблизително като в Рисунка 16.

Adobe Illustrator - Ефект на златен текст

Сега градиентът ще бъде изведен от ляво надясно, а не отгоре надолу, както е желано, можете или просто да зададете ъгъл от 90° в палитрата за градиенти ...

Adobe Illustrator - Златен ефект върху текст.

... или вземете инструмента за градиент от палитрата с инструменти. С този инструмент имате възможността да приспособите градиента свободно чрез кликане и влачене. Така можете да настроите ъгъла, позицията и дължината на градиента.

Adobe Illustrator - Златен ефект върху текст.

След приспособяването на вашия градиент, целият процес трябва да изглежда приблизително така (вж. Рисунка 19).

Adobe Illustrator - Златен ефект на текста

Стъпка 4: Оставете златото да блести

В следващата стъпка трябва да се погрижите златото ви да блести красиво.

За да постигнете това, създайте черна контур с дебелина от 5pt.

Adobe Illustrator - златен ефект върху текста.

Понеже по-старите версии на Illustrator все още не позволяват градиенти върху контурите, трябва да преобразите този контур, така че да стане собствен обект. Това става чрез Обект>Преобразуване. В следващия прозорец трябва да премахнете отметката при Площ, а на мястото й да сложите отметка при Контур. Потвърдете всичко с OK.

Adobe Illustrator - Златен ефект върху текст

С прекратен Command+Shift+G (на PC - Ctrl+Shift+G) можете да разгрупирате цялото (натиснете този комбинация два пъти). Това води до това, че сега можете да изберете контура сам по себе си. (Рисунка 22)

Adobe Illustrator - Ефект на текста в златно

Сега кликнете върху квадрата с градиента и създайте копие до него, като задържите натиснат клавиша Alt. Влезте отново в палитрата на градиентите и оцветете маркирания златен цвят в бяло, както в Фигура 23. Този бял цвят ще бъде отговорен по-късно за озаренията на ръбовете.

Adobe Illustrator - ефект на златен цвят върху текст

Изберете контурът на вашето писмо и го попълнете със същия променен градиент. Това лесно може да направите отново с помощта на пипетата, като кликнете върху квадрата с подходящия градиент (Фигура 24).

Adobe Illustrator - Златен ефект върху текст.

За да настроите този градиент още малко, вземете отново Инструмента за градиент от Палитрата с инструменти и преместете градиента отгоре вляво надолу. (Трябва да направите това за всеки отделен символ). След това целият вид трябва да изглежда приблизително като в Фигура 25.

Adobe Illustrator - златен ефект върху текст

Ако поставите това писмо пред тъмен фон, блясъците на ръбовете ще се подчертаят още повече. И готово е - ефектът на златото.

Adobe Illustrator - Златен ефект върху текст

Част 2:

Създаване на цветови библиотеки

Точно за такива ефекти като златното писмо би било много удобно, ако се пазеха цветовете и градиентите някак съвсем поотделно. Разбира се, може да запишете подходящите цветови стойности в бележник и да ги проверявате по всяко време, когато са ви необходими. Въпреки това Illustrator предлага много по-добър, по-бърз и по-прост начин.

Именно тук имате възможността да създадете собствени цветови библиотеки, които биха били директно вградени в Adobe Illustrator.

Върнете се отново в Палитрата с цветовете. Там предварително сте пуснали всички златни тонове чрез Drag&Drop. Същото може да направите сега с двата градиента, които сте създали.

Adobe Illustrator – златен ефект върху текст

Кликнете сега върху малката икона на папка в долния десен ъгъл на Палитрата с цветовете. В следващия прозорец можете да зададете име на тази нова цветна група. Просто наименовайте тази група "Златни цветове" и потвърдете прозореца с ОК. Така се създава нова група.

Adobe Illustrator - Златен ефект върху текста.

С Drag&Drop поставете сега златните си цветове в тази група. За съжаление, не можете да поставите градиентите в тази папка, тъй като Illustrator не позволява това.

Тъй като искате да запазвате само златните цветове в цветовата си библиотека, трябва да изтриете стандартните цветове. Това най-добре го правите, като изберете цветовете, които искате да изтриете, като натиснете клавиш Shift и след това кликнете върху малката кошница в долната дясна част.

Обикновено не изтривам черния и белия цвят, защото често могат да са от полза. След като сте направили това, цялото нещо трябва да изглежда приблизително така (Фигура 29).

Adobe Illustrator - Златен ефект върху текст.

Сега кликнете върху малката стрелка в горния десен ъгъл, за да отворите Падащото меню. Отидете почти най-отдолу и кликнете върху Запазване на цветовата библиотека като ASE. Дайте име на новата библиотека в следващия прозорец (в този случай отново "Златни цветове").

Adobe Illustrator - Златен ефект върху текст

Вашата първа собствена цветова библиотека е готова.

Сега създайте нов документ чрез Файл>Нов.

След като сте създали документа, ще забележите, че златните цветове са изчезнали и отново са видими стандартните цветове.

За да извикате отново златните цветове, кликнете отново върху малката стрелка горе вляво в Палитрата с цветовете, за да отворите Падащото меню, но този път отидете на Отваряне на цветовата библиотека и после на Потребителски. Сега ще се появят собствените цветови библиотеки, които сте запазили. Сега когато кликнете върху Златни цветове, се отваря нова Палитра с цветове със златните цветове и градиентите, които сте предварително запазили.

Adobe Illustrator - Златен ефект върху текст

Допълнително съдържание

Златна надпис като 3D изпълнение

Както вече беше обявено в началото на урока, аз подготвих едно малко допълнително съдържание за вас. Искам бързо да ви покажа как можете да превърнете вашата 2D надпис в 3D надпис. Затова нека започнем директно…

Изберете вашия златен надпис и след това кликнете в горното меню на Ефекти>3D>Екструдиране и плоско обрязване.

Adobe Illustrator - Златен ефект върху текст.

След това се появява по-голям диалогов прозорец, където вече можете да направите всички настройки за 3D текст. Като кликнете вдясно долу на Преглед, веднага ще видите какво се променя, когато промените стойност.

Две настройки тук са много важни за нашия 3D надпис.

• В горната част можете да въртите 3D надписа свободно и да го позиционирате както искате (1).
• При Дълбочина на екструзия може да настроите колко далеч трябва да бъде удължен надписът ви назад (2).

В момента цялото не изглежда особено впечатляващо (Фигура 33), тъй като задният екструдиран дел на надписа е сив и все още не е златен.

Adobe Illustrator - Златен ефект върху текст.

Обаче този проблем можете лесно да оправите, като кликнете върху Повече опции и изберете Цвят на засенчване и след това отидете на Потребителски. Можете да въведете стойността на цвета #D2B023 тук. Всички настройки, които аз направих, можете да видите в Фигура 34.

Adobe Illustrator - Златен ефект върху текста

Вашият златен 3D надпис е готов.

Adobe Illustrator - Златен ефект върху текст.

Заключение

Надявам се, че този урок ви е бил забавен и сега знаете как да създадете такъв златен надпис с относително прости средства. Ако възникнат въпроси, просто ги напишете в коментарите под този урок. Ще се опитам да ги отговоря своевременно.

Ваш

Юлиан