При проектирането на сайтове често се използват триизмерни елементи за навигация. Такива бутони могат да бъдат направени в графичния редактор Photoshop, като симулират силата на звука с помощта на сенки и градиентно запълване.
Необходимо
програма Photoshop
Инструкции
Етап 1
Създайте нов документ в графичен редактор, като използвате опцията New от менюто File. Изберете размера на новия документ, за да се побере на бутона, и направете фона прозрачен.
Стъпка 2
Активирайте инструмента за закръглени правоъгълници. Ако искате леко заоблен бутон, в лентата с опции на инструмента задайте Радиус на един милиметър. Начертайте заоблен правоъгълник с помощта на избрания инструмент. Получената форма ще бъде основата за бутона.
Стъпка 3
Щракнете с десния бутон върху слоя и изберете опцията Rasterize Layer. Заредете селекцията с опцията Load Selection от менюто Select.
Стъпка 4
Използвайте Gradient Tool, за да запълните бутона с двуцветен градиент, като изберете подходяща комбинация от цветове от предварителните настройки в палитрата на градиента. Стилът на градиент трябва да е линеен, изберете го, като кликнете върху бутона Линеен градиент под главното меню. Горната част на бутона след пълнене трябва да е по-лека от долната.
Стъпка 5
Приложете стил към слоя. За целта използвайте опцията Blending Options от контекстното меню. Изберете раздела Drop Shadow и въведете стойност от сто двадесет градуса за параметъра Angle. Задайте параметъра Size на три пиксела.
Стъпка 6
В раздела Inner Shadow задайте същата стойност за параметъра Angle, а за Size задайте стойността на пет пиксела. Приложете стила, като натиснете клавиша Enter.
Стъпка 7
Направете сянка за бутона. За да направите това, щракнете върху бутона Създаване на нов слой и запълнете избраната област от новия слой с черно. Изберете инструмента Paint Bucket Tool за това. Премахнете избора с Ctrl + D.
Стъпка 8
Приложете Gaussian Blur филтър от групата Blur на менюто Filter към черния правоъгълник. Задайте Radius на четири пиксела. Плъзнете слоя сянка под слоя бутон и повдигнете сянката три до четири пиксела нагоре. За да направите това, активирайте Move Tool и преместете сянката с бутоните на курсора. Намалете непрозрачността за този слой до шестдесет процента.
Стъпка 9
Направете активния слой с бутона и заредете селекция от него. Намалете селекцията с два пиксела, като използвате опцията Contract от групата Modify на менюто Selection.
Стъпка 10
Създайте нов слой и запълнете получената селекция с линеен градиент от бял до прозрачен, така че бялата част да е в долната част на бутона. Премахнете селекцията. Използвайки опцията Безплатна трансформация от менюто Редактиране, намалете вертикално зоната, покрита от градиента. Приложете трансформацията с клавиша Enter.
Стъпка 11
Променете режима на смесване на слоя с градиент на Overlay. Това може да стане чрез избор на режим от падащия списък в лявата част на палитрата Стилове. Намалете непрозрачността на слоя до шестдесет процента.
Стъпка 12
С помощта на инструмента за хоризонтален тип напишете текста, който трябва да е върху бутона.
Стъпка 13
Съберете всички слоеве в папка, като използвате опцията Групови слоеве от менюто Слой, като ги изберете, като задържите клавиша Ctrl. Запазете бутона в psd файл, като използвате опцията Save от менюто File.
