Как да направите 3D бутони

Как да направите 3D бутони
Как да направите 3D бутони
Anonim

При проектирането на сайтове често се използват триизмерни елементи за навигация. Такива бутони могат да бъдат направени в графичния редактор Photoshop, като симулират силата на звука с помощта на сенки и градиентно запълване.

Как се правят 3D бутони
Как се правят 3D бутони

Необходимо

програма 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.

Препоръчано: