Лесната навигация е ключът към това уебсайтът да бъде удобен за посещение и привлекателен както за собственика, така и за онлайн посетителите. Елементите на менюто и навигацията трябва да са ясни, приятни и кратки и е добра идея да създадете атрактивни бутони за вашия уеб сайт в графичния редактор Adobe Photoshop. Това не е трудно да се направи.
Инструкции
Етап 1
Създайте нов документ и изберете инструмента за закръглени правоъгълници от лентата с инструменти. Начертайте тесен заоблен правоъгълник, след това изберете инструмента Elliptical Marquee Tool от Toolbox и нарисувайте кръг от лявата страна на правоъгълника, който припокрива краищата му и излиза извън него.
Стъпка 2
Щракнете с десния бутон върху правоъгълния слой и изберете опцията Rasterize Layer, а след това в центъра на селекцията щракнете отново и изберете опцията Layer via Cut от контекстното меню, за да копирате селекцията на нов слой.
Стъпка 3
Отворете менюто за настройки на слоя и в раздела Drop Shadow задайте режима на смесване на Normal, непрозрачността на 23% и разстоянието на 3 пиксела. В раздела Color Overlay задайте желания цвят с режим на смесване Normal и прозрачност на 100%. Трябва да имате двуцветно изображение.
Стъпка 4
Изберете отново инструмента Elliptical Marquee Tool от Toolbox и нарисувайте кръг вътре в левия избор на цвят. Щракнете върху Изтриване. След това прехвърлете селекцията на нов слой и я запълнете с произволен цвят.
Стъпка 5
Отворете отново менюто Layer Style и коригирайте раздела Gradient Overlay във всички цветове, които отговарят на цветовата схема на вашия сайт. Задайте радиалния стил на градиент. След това в раздела Stroke задайте тежестта на хода на 2 пиксела, външната позиция на пътя и непрозрачността на 30%. Изберете градиентно запълване за щриха. Щракнете върху OK.
Стъпка 6
В кутията с инструменти изберете четка с бял цвят, настройте я така, че да е мека, а диаметърът на четката е 10 пиксела. Горе вдясно на кръга, който сте нарисували, нарисувайте точка, за да нарисувате подчертаване.
Стъпка 7
След това изберете слоя с основната част на бутона и в менюто Layer Style задайте параметъра Inner Shadow с режим Multiply Blending Mode и Opacity от 33%. Задайте линеен градиент с 25% непрозрачност. Вашият бутон е готов - остава само да добавите надпис към него.
