Cum Se Creează Un Buton

Cuprins:

Cum Se Creează Un Buton
Cum Se Creează Un Buton

Video: Cum Se Creează Un Buton

Video: Cum Se Creează Un Buton
Video: Tutorial Photoshop #1 - Cum se creeaza un buton flat 2024, Mai
Anonim

Dacă decideți singur să creați un buton pentru bara de navigare a site-ului dvs., este destul de simplu să o faceți utilizând programul Adobe Photoshop. Ca rezultat, veți obține un buton destul de frumos pe care îl puteți regla în culori și alți parametri exact la designul site-ului dvs.

Cum se creează un buton
Cum se creează un buton

Instrucțiuni

Pasul 1

Creați un document nou în program (Fișier - Nou sau Fișier - Nou). Acum comutați documentul în modul gri, pentru aceasta selectați Imagine - Mod - Scală de gri. Acum, folosind Instrumentul dreptunghi, creați un dreptunghi care să corespundă dimensiunilor viitorului buton. Acum puneți imaginea în modul RBG. Deschideți paleta RBG (stânga) și setați toate valorile la 170. Umpleți dreptunghiul cu gri.

Pasul 2

Acum faceți clic pe Imagine - Mod - Bitmap pentru a pune imaginea în modul Bitmap. În fereastra Bitmap, în lista Utilizare, selectați valoarea Ecranului de semitonuri. Ar trebui să se deschidă o altă fereastră. În această fereastră, setați următoarele valori ale parametrilor:

Frecvență: 256

Linii / inch

Unghi: 45

Formă / rotundă

Veți ajunge cu un dreptunghi pătat de stele.

Pasul 3

Acum comutați imaginea înapoi în modul Scară de gri (Imagine - Mod - Scală de gri). Setați raportul de dimensiune 1. Setați imaginea înapoi la modul RBG. Aplicați filtrul Stylize - Fmd Edges.

Pasul 4

Apoi aplicați filtrul Blur - Motion Blur, în acesta setați următorii parametri:

Unghiul - 36

Distanță - 19

Aceste valori sunt opționale, puteți să le acceptați, în funcție de rezultatul pe care doriți să îl obțineți în final. Acest lucru se aplică tuturor parametrilor dați în acest manual - încercați să experimentați și să vedeți ce obțineți, poate veți fi mulțumiți de o altă opțiune, diferită de ceea ce va termina autorul instrucțiunii.

Pasul 5

Acum colorează imaginea ta. Pentru aceasta, selectați Imagine - Ajustări - Nuanță / Saturație. Acolo, bifați caseta de lângă Colorize și, mutând pârghiile, selectați culoarea de margine dorită pentru butonul dvs.

Pasul 6

Acum, selectați partea proeminentă a butonului cu instrumentul Rectangular Marquee Tool și faceți-o puțin mai ușoară. Pentru a face acest lucru, modificați curbele imaginii - Imagine - Ajustări - Curbe.

Pasul 7

Dacă rezultatul este deja satisfăcător pentru dvs., puteți să vă opriți aici și să considerați că butonul dvs. este terminat. Dar dacă doriți, puteți modifica imaginea un pic mai mult pentru a o face să arate mai bine.

Pasul 8

Pentru a face acest lucru, trebuie să scăpăm de colțurile tăiate. Selectați Instrumentul de marcaj dreptunghiular și selectați zona butonului de care aveți nevoie (fără colțuri urâte) și copiați (Editați - Copiați sau utilizați comanda rapidă de la tastatură Ctrl + C). Apoi apăsați Ctrl + V pentru a lipi cel copiat pe un nou strat. Aplicați imaginea - Rotiți pânza - răsturnați orizontal.

Pasul 9

Selectați din nou fragmentul dorit, copiați și aplicați încă o dată Imagine - Rotire pânză - Întoarcere orizontală. Astfel, imaginea va reveni la aspectul original. Acum ștergeți acest fragment (de regulă, acesta este cel mai de sus strat din panoul de straturi). Acum lipiți fragmentul din clipboard folosind Editare - Lipire. Trageți piesa la marginea stângă a butonului, faceți marginea dreptunghiulară. Faceți același lucru cu colțul din dreapta.

Pasul 10

Acum trebuie să adăugați text la buton. Pentru a face acest lucru, utilizați instrumentul de text pentru a crea inscripția necesară, schimbând culoarea într-una mai potrivită. Aplicați un filtru de estompare pe buton pentru a-l estompa puțin.

Recomandat: