Преглед на урок

Текст в стил "Letterpress"

Текст в стил "Letterpress"




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

Ето ефекта върху, който ще работим:

Натиснете върху изображението за цял размер


1. Направете нов документ и с помощта на Rectangle Tool (M) направете правоъгълник, след това го запълнете със светло син цвят.

Натиснете върху изображението за цял размер


2. Вземете Type Tool (T) и със семпъл шрифт напишете вашият текст.
Аз използвах шрифта Museo Sans 700.
Докато текста е избран, премахнете цвета, с който е запълнен или неговия контур, за да остане прозрачен.

Натиснете върху изображението за цял размер


3. Отворете панела Appearance. Ако не го виждате отидете на Window > Appearance или натиснете Shift+F6. От там кликнете върху малката стрелкичка горе в дясно и от падащото меню изберете Add New Fill. След това кликнете върху малката иконка до Fill(виж второто изображение на снимката по-долу, маркирана е със сън цвят) и сменете цвета с тъмно син.

Натиснете върху изображението за цял размер


4. Докато все още ви е избран Fill в панела Appearance, отидете на Effect > Stylize > Inner Glow. От там поставете Mode: Normal, изберете цвят за запълване малко по-тъмен от този, който сте избрали за фона, Opacity: 90%, Blur: 2px, Center. Може да промените стойността на Blur, тъй като тя зависи от това с какъв размер ви е текста. Сега ако натиснете малката стрелкичка, която е плътно до Fill в панела Appearance ще видите вече приложения Inner Glow ефект под него.

Натиснете върху изображението за цял размер


5. Докато текста ви е все още избран, отворете отново панела Appearance и кликнете върху малката стрелкичка горе в дясно и от падащото меню изберете Add New Fill. След като създадете новото запълване, може да ви се стори, че Inner Glow ефекта е изчезнал, но всъщност не е така. Просто новият Fill е над първия в лентата. Сега може да извлачите новият Fill под първия в панела Appearance.

Натиснете върху изображението за цял размер


6. Активирайте новият Fill в панела Apperance и променете цвета с по-тъмен от оригиналния цвят на текста. За момента няма да видите никаква разлика, тъй като този слой е под първия.

Натиснете върху изображението за цял размер


7. Активирайте последният направен слой Fill и отидете на Effect > Distort & Transform > Transform. В отворилия се диалогов прозорец поставете Vertical Move: 1 px. Тук стойността отново зависи от това колко голям е вашият текст.

Натиснете върху изображението за цял размер


8. Направете нова заливка (Fill) от панела Appearance отново по същият начин и й поставете бял цвят. Пoставете новата заливка под всички останали в лентата.

Натиснете върху изображението за цял размер


9. След това отидете на Effect > Distort & Transform > Transform. В диалоговия прозорец поставете Vertical Move: -1 px. Съобразете тази стойност отново с големината на вашият текст.

Натиснете върху изображението за цял размер


10. Това е! Съвсем лесно е да вмъкнете ефект върху вашият текст и той все още е готов за доълнителни промени. За да направите тази техника по-лесна за използване създайте графичен стил (Graphic Style). Изберете текста и отворете панела Graphic Style (Shift+F5). От там кликнете върху иконката New Graphic Style. По този начин вие запаметихте приложения стил на текста. Сега вие може да го прилагате върху други текстове и дори други обекти.

Натиснете върху изображението за цял размер


С това приключихме!

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: almavez
Източник: http://vectips.com/

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.