Realizare butoane rotunde0

In acest tutorial simplu, vom crea un mod inteligent de a face ceva cu ajutorul photoshop CS5. Ca de obicei, puteti descarca proba PSD in partea de jos a aticolului pentru ajutor si stiluri din el.

Pasul 1:

Incepeti prin a desena intr-un fundal colorat. Am folosit maro inchis / gri aici, adaugati un gradient subtil radial. Apoi, într-un nou layer, desenati un cerc si umpleti cu o culoare. Nu conteaza ce culoare utilizati; am folosit albastru aici, reprezentativ noua.

Pasul 2:

Inainte vom aplica anumite stiluri pe layer. Utilizând doua tipuri de Inner Shadow (Inner Shadow Inner Glow). De asemenea, avem un Gradient Overlay subtil si un Drop Shadow, putin Satin. Am ales ca acestea sa faca aspectul obiectului 3D, folosind umbrele la marginile curbate deplasate si un Gradient Radial pentru a face sa arate o umbra de lumina. Satin este doar pentru a adauga un pic de ceva in plus!

Oricum, mai degraba decat sa urmati pasi in plus pentru fiecare setare de efect pe layer, copiati sursa si faceti click dreapta pe layer pentru a copia Layer Style. (Este mult mai usor)

Pasul 3:

Asa arata layer-ul cu stilurile adaugate, dragut nu ?!

Pasul 4:

Utilizând Selection Tool circular, adaugam un oval in partea de sus a cercului. Creati un nou layer si adaugati un gradient radial de la alb la transparent în el.
Când terminati, rotiti ovalul cu aproximativ 30 de grade. Aceasta este a evidentia efectul de lumina.

Pasul 5:

Duplicati acum layer-ul cu efectul de la Pasul 4. Deselectati vizibilitatea pentru a opri un moment astfel încât s? pute?i vedea ce faceti, apoi ?ine?i ap?sat? tasta Ctrl ?i face?i click pe layer pentru a face selectie. Apoi a din s?ge?i apasati sageata stânga de câteva ori ?i ap?sa?i delete.

Pasul 6:

Schimba layer-ul. Duplicati, apoi evidentiati si rotiti-l (partea din stânga jos asa cum se vede in imaginea reprezentativa). Si acum ai stilul pe buton !

Pasul 7:

Vrem sa facem butonul interschimbabil. Pentru a face acest lucru, avem pur si simplu leyer-ul (albastru) si setati Fill la 0%.
Acest lucru este perfect pentru noi, deoarece ne scapa de albastru, dar au înca tot ceea ce avem nevoie pentru a face butoanele noastre. Acum, tot ce trebuie sa facem este sa adaugam ceva in spatele layer-ului.

Pasul 8:

A?a c? am luat o imagine cu logoul IMBA Design ?i îl aranjati in spatele layer-ului care are Fill 0%.

Pasul 9:

Tot ce trebuie sa faceti este sa apasati tasta Ctrl si sa faceti click pe layer-ul de cerc pentru al selecta, apoi apasati Shift + Ctrl + I pentru a inversa selectia, la layer-ul cu imaginea logoului IMBA Design, si apasa delete pe tastatura. Si ai terminat ! Un singur buton pana acum !

Descarca sursa gata realizata.