Share
Când lucrăm la un proiect de web design, avem deseori nevoie de icoane pentru a afișa comenzi cum ar fi adăugarea, ștergerea sau editarea. Cu trendul Web 2.0, utilizarea de insigne și 3D subtil a devenit foarte populară. În acest tutorial, vă voi arăta cum să creați un efect 3D foarte ușor și foarte frumos, care să fie folosit fie în butoane, cât și în icoane sau elemente care necesită o anumită adâncime.
Creați un document nou și selectați instrumentul Ellipse (U). Nu contează ce culoare folosiți, deoarece va fi înlocuită ulterior cu stiluri de straturi.
Faceți dublu clic pe stratul de elipsă pentru a deschide caseta de dialog Stil de stil. Apoi selectați Suprapunerea Gradient și utilizați o nuanță albastră și mai deschisă de culoare albastră pentru culorile gradient. Pentru stilul de utilizare Radial. Apoi adăugați un Bevel și Emboss așa cum se arată mai jos.
Sfat: deplasați gradientul radial mai mult în partea de sus a cercului. Pentru a face acest lucru cu caseta de dialog Styl Style still open, asigurați-vă că vă aflați în secțiunea Overlay Gradient și faceți clic și țineți apăsat butonul și începeți să mutați gradientul.
Duplicați stratul cercului și redimensionați-l pentru al face puțin mai mic, ca în imaginea de mai jos.
Faceți dublu clic pe noul strat pentru a deschide caseta de dialog Știre straturi. Deselectați toate efectele anterioare (Bevel and Emboss and Gradient Overlay). Acum, selectați Stroke și selectați Gradient pentru tipul de umplere. Pentru culorile selectați albul pentru ambele capete ale gradientului și schimbați opacitatea la 0% pentru început și 100% până la sfârșit.
Selectați instrumentul Tip orizontal (T) și creați un strat de text. Asigurați-vă că acest strat este în partea de sus. Deschideți acum caseta Stiluri de straturi și modificați suprapunerea culorilor în alb și selectați Inner Shadow și utilizați setările prezentate mai jos.
Grupați cele trei straturi și numiți-l "Blue Circle".
Selectați Instrumentul de poligon (U) și schimbați unele setări, după cum se arată mai jos, pentru a crea o insignă steluță. Duplicați stratul și redimensionați-l ca în pasul 3.
În loc să aplicați acele stiluri de strat pe strat, copiați stilul din pictograma anterioară pe care am creat-o și inserați-o în stratul nostru nou. Pentru a face acest lucru, selectați stratul pe care doriți să îl copiați stilul stratului, faceți clic dreapta pe mouse (Macs: Option-Click) și alegeți Copy Layer Style. Apoi selectați stratul în care doriți să adăugați stilul și faceți din nou clic dreapta și alegeți Paste Styles Layer (Straturi strat).
Singurul lucru pe care va trebui să-l schimbați va fi culorile gradientului de sub Gradient Overlay.
Aceasta este una dintre cele mai simple moduri de a crea un buton de stil cool 3D. Puteți schimba unele setări ca culoarea gradientului cursei și puteți crea diferite stiluri 3D.
Accentsconagua