»  Pagina principala  »  Tutoriale »  Buton efect aprins

Buton efect aprins

Buton efect aprins



Deschide in photoshop o imagine de dimensiunea width:400px si height: 400px cu background (fundal) transparent. si foreground #656565
Primul pas:umple primul nivel cu ajutorul instrumentului , creaza un nou nivel inafara de cel existent, dute in bara cu instrumente (Toolbar), selecteaza instrumentul Elliptical Marquee Tool si deseneaza o selectie de forma unui cerc in acest nou nivel tinind tasta shift apasata in timp ce trasezi cu mouse-ul cercul, astfel vei avea un cerc perfect cum vezi in imaginile de mai jos:



Al doilea pas:schimba culoarea de foreground din gri(#656565) in alb (#ffffff), selecteaza instrumentul Gradient Tool (poti face acest lucru apasand tasta G),si alegi sus tipul de gradient :Foreground to Transparent dupa cum vezi in imaginile de mai jos:





Al treilea pas:acum cu selectia in forma de cerc inca pe noul nivel si cu instrumentul gradient selectat trasam tinand tasta shift apasata pornind din topul cercului si pina la baza cercului unde dam drumul la tasta shift si la butonul mouse-ului.Rezultatul se vede in imaginea de mai jos.



Al patrulea pas:dute in bara meniului Layers (unde se afla nivelele-layers), da clic pe icoana(se afla la baza ferestrei ce contine nivelele ) , Add a layer style, selecteaza optiunea Inner Glow si fa modificarile care se vad in imagine dupa cum vezi in imaginile de mai jos;in acelasi mod da clic pe icoana(se afla la baza ferestrei ce contine nivelele ) , Add a layer style, selecteaza optiunea Outer Glow fa modificarile care se vad in imagine dupa cum vezi in imaginile de mai jos:







imaginea ar trebui sa arate asa:



Al cincilea pas: dute in bara meniului in Layer/Duplicate layer cum se vede in imaginea de mai jos , si da un nume oarecare ,intuitiv la noul nivel.Executa aceasi operatiune inca o data astfel incit sa ai trei nivele identice cu cercul respectiv iar imaginea care ar trebui sa-ti iasa este aceasta:



Nota:aceeasi operatiune de duplicare a unui nivel se face intr-un mod mult mai simplu(drag) trageti cu mouse-ul nivelulul care doriti sa-l duplicati , pe iconita (care se afla la baza ferestrei Layers) Create a new layer
Mai jos vedeti imaginea mea finala personalizata un pic:









Link-ul autorului:
www.avasilcaidaniel.com/

Comentarii




Voteaza acest articol!
 



Trimite un comentariu!

Nume *
E-mail *
Comentariu *
  Vreau sa fiu anuntat de urmatoarele mesaje la acest articol

Security image

Avasilcai Daniel Constantin

Freelancer, web designer & developer. Cunostinte in web design : XHTML, CSS, Photoshop, Illustrator ... Cunostinte in web develop : PHP, SQL ...
http://www.avasilcaidaniel.com/

Cloud tag

tutorial, photoshop, html, css, javascript, flash, php, mysql, grafica 3D, tutorial, coduri, scripturi, generator de coduri, cursuri php