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

Усмихната векторна икона

Усмихната векторна икона




1. Отворете Илюстратор, направете нов документ и вземете Ellipse Tool (L). С негова помощ направете кръг с размери 240px x 240px.

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


2. Селектирайте кръга и отворете панела Gradient (Ctrl+F9). Активирайте първият слайдер на преливката. Поставете му светло жълт цвят. Добавете втори слайдер в преливката като кликнете между двата основни. За него поставете по-тъмен жълт цвят. Поставете Location: 75% на новосъздадения слайдер. А на третия слайдер поставете светло оранжев цвят. Изберете Type: Radial. На снимката по-долу са показани точните цветове, които е използвал автора:



3. С Ellipse Tool (L) създайте малко кръгче и го позиционирайте в горната лява част на лицето. Дръжте кръгчето активно и тогава оворете менюто Gradient (Ctrl+F9) . За първият слайдер поставете тъмно сив цвят, а за втория - черен. Коригирайте градиентния наклон от горе на долу.



4. Копирайте окото (натиснете Ctrl+C, след това Ctrl+F). После задръжте Shift и натиснете 6 пъти дясната стрелка от клавиатурата, за да поставите на разстояние второто око.



За да сте сигурни, че очите са подравнени правилно спрямо лицето, ще е нужно да ги групирате. За целта кликнете върху първото око, за да го активирате, след това, задържайки клавиша Shift кликнете върху второто око. По този начин ще селектирате заедно двете очи. Натиснете десен бутон върху тях и от падащото меню изберете Group. Докато групата ви е все още селектирана, задръжте отново Shift и кликнете върху лицето, за да селектирате и него. След това отворете панела Align (Shift+F7) и натиснете върху иконката маркирана в червено на следващата снимка:



5. Вземете Pen Tool (P) и нарисувайте устата на човечето, следвайки примера от следващата снимка:



Използвайте същият метод от стъпка 4, за да подравните на точното място устата на човечето спрямо лицето му.



6. Сега да придадем една хубава усмивка на човечето. За целта, селектирайте устата и отидете на Effect > Warp > Arc и задайте стойност на Blend: -50%.



7. С активирана форма устата отидете на Object > Expand Appearance. След това от панела Gradient (Ctrl+F9) сменете цвета на устата. Вижте следващата снимка за точните цветове на преливката:



8. Уверете се, че всеки елемент е подравнен в центъра на лицето. За целта използвайте отново панела Align.



9. Започваме да добавяме отблясъци и сенки по иконката. Копирайте лицето (натиснете Ctrl+C, след това Ctrl+F). Задръжте Shift + Alt и смалете леко копираната форма.



10. Отворете панела Gradient и променете преливката. Вижте настройките за градиента на снимката по-долу. След това отворете панела Transparency (Shift+Ctrl+F10) и поставете режим на смесване Screen.



11. Да придадем дълбочина на очите. Кликнете върху тяхната група, за да я активирате и натиснете Ctrl+C, след това Ctrl+F. Отворете панела Gradient и сменете преливката от Linear към Radial.



След това отидете на Effect > Path > Offset Path с тези настройки:



Резултатът:



12. Да направим отблясъци по очите. Вземете Ellipse Tool (L) и създайте малка елипса. С помощта на Rotate Tool ® я завъртете така, както на снимката по-долу. Оцветете елипсата с бял цвят и я поставете върху лявото око на човечето.



Създайте още един малък кръг с бял цвят и го поставете така, както на снимката по-долу. Селектирайте двете малки бели кръгчета и натиснете десен бутон върху тях. От падащото меню изберете Group. Направете копие на новосъздадената група (натиснете Ctrl+C, след това Ctrl+F) и задържайки клавиша Shift натиснете 6 пъти дсната стрелка от клавиатурата, за да изместите отблясъците върху другото око.



Отидете на Object > Expand Appearance



13. Да добавим още отблясъци. Селектирайте групата с очите (тази, която е най-отдолу). Натиснете Ctrl+C, след това Ctrl+B. След това отидете на Object > Path > Offset Path с тези настройки:



Отново отидете на Object > Expand Appearance. Тогава задръжте Shift и натиснете 4 пъти горната стрелка от клавиатурата, за да преместите кръговете над очите.



14. Отворете панела Gradient. Поставете Angle: -135. За първият слайдер поставете черен цвят, а за втория - бял, след което поставете режим на смесване Screen от менюто Transparency.



15. Върнете кръговете на мястото си, като задържите Shift и натиснете долната стрелка от клавиатурата 4 пъти.



16. Да добавим отблясъци и върху устата. Активирайте формата на устата и натиснете Ctrl+C, след това Ctrl+B. После отидете на Object > Path > Offset Path с настройки - Offset: 2px. Вземете Eyedropper Tool (I) и кликнете някъде в отблясъка на едно от очите (вижте снимката по-долу), за да вземете мостра от цвета. Преди това си увеличете достатъчно документа.



Тогава отворете панела Gradient и поставете Type: Linear, Angle: -135. А от панела Transparency поставете режим на смесване Screen.



17. Продължаваме с добавянето на отблясъци. Копирайте отблясъка на лицето, който направихте в стъпка 9 (натиснете Ctrl+C, след това Ctrl+F). Задръжте Shift+Alt и смалете леко копието.



18. Копирайте новосъздадения отблясък и задържайки клавиша Shift извлачете малко на долу средната горна възлова точка на трансформациятa:



19. Селектирайте заедно двата копирани отблясъка и отворете панела Pathfinder (Shift+Ctrl+F9).



От там кликнете върху иконката Subtract from shape area, след това върху Expand Compound Shape.



20. Сега отново с помощта на Eyedropper Tool (I) вземете мостра от отблясъка на едно от очите, както преди малко. Отворете панела Gradient, поставете Type: Linear, Angle: 45, а от менюто Тransparency изберете режим на смесване Screen.



21. Копирайте отблясъка (натиснете Ctrl+C, след това Ctrl+F). Кликнете с мишката два пъти върху Rotate Tool ® и ще ви се появи менюто с настройки на инструмента. От там поставете Angle: 180.



Натиснете ОК и ще получите подобен резултат:



22. Сега натиснете Ctrl+Y, за да преминете в режим Outline.



Задръжте Shift и натискайки долната стрелка от клавиатурата наместете обърнатия отблясък, така, както е показано на следващата снимка:



Натиснете Ctrl + Y отново, за да излезете от режима Outline. Сигурно забелязвате, че създаваме илюзия на блясък идващ някъде от долу в лявата страна на човечето. Ето за това сега променете преливката на последната направена форма. Следвайте примера от следващата снимка:



Резултатът:



23. Копирайте отблясъка на лицето, който направихте в стъпка 9 два пъти. Преместете второто копие малко нагоре: задръжте Shift и натиснете 5 пъти горната стрелка от клавиатурата.



24. С помощта на Selection Tool (V) изтеглете надолу горната средна възлова точка на трансформацията надолу. Също така изтеглете навън лявата средна възлова точка, за да получите резултат като този на следващата снимка:



25. Изберете двата отблясъка заедно и отворете панела Pathfinder (Window > Pathfinder).



Кликнете върху иконката Intersect Shape Areas.



26. Активирайте новополучената форма и отново с Eyedropper Tool (I) кликнете върху някой отблясък, за да вземете мостра. След това с Gradient Tool (G) коригирайте самата преливка.



Резултатът:



27. Почти сме готови! Остава само да добавим сянка на човечето. Копирайте формата на лицето и го поставете зад човечето (натиснете Ctrl+C, после Ctrl+B). Трансформирайте копирания кръг така, както на снимката по-долу:



Задръжте Shift и натиснете лявата стрелка от клавиатурата 5 пъти.



28. Отворете панела Gradient и сменете цветовете на преливката. За първият слайдер изберете черен цвят, а за втория бял. Type: Radial. Поставете Transparency Blending Мode: Multiply.




И ето, че нашата усмихната икона е готова!



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




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

Коментари

shiroi_sakura

Много е сладка ^^

kiia

Супер! Малко се затрудних на моменти, но със сигурност от не знание кое как точно работи и какво прави, а иначе урока е страхотен! Благодаря!

meg4o

Страхотен Урок !!!

tu_to

Устата не ми се получава!Не знам на къде кое трябва да мърдам.Обясненото не ми помага.

milev5

http://vpngtorrents.hit.bg/smile.jpg


Ето я пак усмивката,но направена на CorelDraw :)

Troublemaker*

Много се извинявам, че пиша тука, но от каде мога да си изтегля Illustrator, който е "free" защото моя съм го пуснал на 30 days free и скоро ще ми изтече ? Благодаря

gugenceto

Много ви моля направете урока на клип.Така потребителите ще могат да виждат всичко.Аз съм нова с тази програма и някой неща не мога да ги намеря или да ги направя.:( :(

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

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