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

Лъскав бутон

Лъскав бутон




В този урок ще ви покажа как да създадете лъскав бутон с Илюстратор по най-простия начин

Стъпка 1

Създайте нов документ CMYK color mode (color mode режима може да бъде променен и по-късно). С помоща на инструмента Rectangle Tool (M) направете правоъгълник с размери каквито желаете да бъде бутона. Можете да заоблите ъглите на правоъгълника като отидете на Filters > Stylize > Round Corners и задайте подходящ размер. Аз използвах 0,125in.



Стъпка 2

В тази стъпка ще създадем лъскавата част на бутона. Направете правоъгълник с помоща на инструмента Rectangle Tool (M) като лявата, дясната и долната част да закрият тез страни а горната част да бъде в центъра на предишния правоъгълник. Така лъскавата част ще бъде приблизително до центъра на бутона. Сега копирайте правоъгълника който създадохте в стъпка 1 (Ctrl + C) поставете (Ctrl + F) а сега го преместете и върху по широкия правоъгълник като отидете на Object > Arrange > Bring to Front (Shift + Ctrl + ]). Сега изберете, маркирайте копието и по широкия правоъгълник отворете Pathfinder Panel (Shift + Ctrl + F9) и кликнете върху Intersect shape area.



Стъпка 3

Сега е време да добавите градиентите. Изберете първия правоъгълник който създадохте в стъпка 1 към него ще добавим и лъскавата част на бутона като отворите Gradient Panel (Ctrl + F9). За Type изберете Linear, след това за първия Stop Color Slider задайте C-20% M-0% Y-0% K-0% (ако в началото не сте задали CMYK color mode може да го направите сега като кликнете върху стрелкичката в горния десен ъгъл на Color Panel и от менюто изберете CMYK) за втория Stop Color Slider задайте C-100% M-0% Y-0% K-0% след това вземете Gradient Tool (G) кликнете в горната част на правоъгълника и плъзнете на долу за да остане по светлата част във върха на бутона. Сега изберете правоъгълника който създадохте в стъпка 2 отворете Gradient Panel (Ctrl + F9). За Type изберете Linear, след това за първия Stop Color Slider задайте C-100% M-0% Y-0% K-0% за втория Stop Color Slider C-100% M-50% Y-0% K-0% вземете инструмента Gradient Tool (G) кликнете в долната част и плъзнете до горната част на формата. Изключете цвета за Stroke color и на двата правоъгълника ако не сте го изключили преди това. Вече имате лъскъв бутон!



Стъпка 4

Можете да разкрасите бутона по желания от вас начин. Можете да добавите текст, икони вижте примерите по-долу:



ето го и моят опит:



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




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

Коментари

John Front

Elementary-Watson . ;D

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

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