Cum Se Fac Butoane Pentru Un Site Web în Photoshop

Cuprins:

Cum Se Fac Butoane Pentru Un Site Web în Photoshop
Cum Se Fac Butoane Pentru Un Site Web în Photoshop

Video: Cum Se Fac Butoane Pentru Un Site Web în Photoshop

Video: Cum Se Fac Butoane Pentru Un Site Web în Photoshop
Video: Photoshop 08 - Cum sa faci butoane ptr web 2024, Mai
Anonim

Navigarea ușoară este cheia pentru a face un site web confortabil de vizitat și atractiv atât pentru proprietar, cât și pentru vizitatorii online. Elementele de meniu și de navigare trebuie să fie clare, frumoase și concise și este o idee bună să creați butoane atractive pentru site-ul dvs. web în editorul grafic Adobe Photoshop. Acest lucru nu este dificil de realizat.

Cum se fac butoane pentru un site web în Photoshop
Cum se fac butoane pentru un site web în Photoshop

Instrucțiuni

Pasul 1

Creați un document nou și selectați Instrumentul de dreptunghi rotunjit din bara de instrumente. Desenați un dreptunghi îngust rotunjit, apoi selectați instrumentul Elliptical Marquee Tool din caseta de instrumente și desenați un cerc în partea stângă a dreptunghiului care se suprapune peste marginile sale și îl depășește.

Pasul 2

Faceți clic dreapta pe stratul dreptunghi și selectați opțiunea Rasterize Layer, apoi în centrul selecției, faceți clic din nou și selectați opțiunea Layer via Cut din meniul contextual pentru a copia selecția într-un strat nou.

Pasul 3

Deschideți meniul de setări a stratului și în fila Drop Shadow setați modul de amestecare la Normal, opacitatea la 23% și distanța la 3 pixeli. În fila Suprapunere culoare, setați culoarea dorită cu modul de amestecare Normal și transparență la 100%. Ar trebui să aveți o imagine în două culori.

Pasul 4

Selectați din nou instrumentul Elliptical Marquee din caseta de instrumente și desenați un cerc în interiorul selecției de culoare din stânga. Faceți clic pe Ștergere. După aceea transferați selecția într-un strat nou și umpleți-o cu orice culoare.

Pasul 5

Deschideți din nou meniul Stil strat și reglați fila Gradient Overlay în orice culori care se potrivesc schemei de culori a site-ului dvs. Setați stilul radial la gradient. Apoi, în fila Stroke, setați greutatea cursei la 2 pixeli, poziția exterioară a căii și opacitatea la 30%. Selectați o umplere de gradient pentru cursă. Faceți clic pe OK.

Pasul 6

În caseta de instrumente, selectați o pensulă cu culoare albă, reglați-o astfel încât să fie moale, iar diametrul pensulei să fie de 10 pixeli. În partea dreaptă sus a cercului pe care l-ați pictat, desenați un punct pentru a desena un punct culminant.

Pasul 7

Apoi selectați stratul cu partea principală a butonului și în meniul Layer Style setați parametrul Inner Shadow cu modul Multiply Blending Mode și opacitatea de 33%. Setați un gradient liniar cu 25% opacitate. Butonul dvs. este gata - nu mai rămâne decât să adăugați o inscripție la acesta.

Recomandat: