| Buton din Sticla Transparent |
| Photoshop - Grafica Web | ||||||||||||||||||||||||||||||||||||
|
1.Deschide un nou document: File - New - 400 x 400 px - OK. 2.Selecteaza unealta Paint Bucket Tool, o culoare mai deschisa, eu am folosit #67979b si schimba culoarea de fundal.  3.Adauga un nou layer : Layer - New - Layer - OK. Selecteaza unealta Rounded Rectangle Tool (culoarea negru, de sus selecteaza Radius: 8 px) si deseneaza dreptunghiul in care se va incadra butonul:  4.Click dreapta pe layerul nou - Blending Options - modifica Fill la 0 %:  5.Bifeaza Outer Glow si adauga setarile:  6.Bifeaza Gradient Overlay - modifica Angle la 0 grade apoi adauga urmatorul gradient:  Pe margini - jos setezi culoarea alb. Apoi Incepi cu partea de sus, in dreptul celei din stanga setezi opacity 100 %, apoi dai click mai in dreapta pentru a adauga un noua, si setezi Opacity: 0 %, la urmatoarea, mai in dreapta, la fel, opacity: 0 %, iar la ultima, in capat - opacity: 100 %. 7.Bifeaza in final "Stroke" si adauga setarile:  La Fill Type: selecteaza Gradient si adauga urmatoarele culori - #b1b1b1 - #000000 - #ffffff - #000000 - #b1b1b1 :  Ok pentru a iesi. 8.Selecteaza Horizontal Type Tool ( Arial / Regular / 17 px / Strong / culoarea alb) si scrie numele butonului:  9.Click dreapta pe layerul cu textul - selecteaza Blending Options - bifeaza Drop Shadow si adauga setarile:  Acum daca vrei sa mai adaugi butoane, poti selecta cele 2 layere, tinand tasta CTRL si click pe ele, apoi click dreapta in panoul cu layere - Duplicate Layers.. - OK. Selecteaza Move Tool si muta butonul. Imaginea finala:  
Seteaza ca Favorit
Bookmark
Trimite Email
Hits: 3580 Comentarii (13)
Craciun Daniel
said:
|
Subscribe to this comment's feed| la pasul 5 cu outerglow ati pus imaginea gresita cred :-s , oricum gg pt efort . | |
|
Reporteaza Abuz
Displace
Apreciaza
|
admin
said:
Da, am gresit, pusesem link catre poza de la pasul 4. Multumim de atentionare. S-a modificat 
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
admin
said:
|
Pai trebuie sa inveti HTML ca sa il pui pe site. Ca sa faci mai multe butoane, muta-te in panou Layers. Tine apasat tasta CTRL (sau SHIFT) si da click odata pe layerul cu butonul, odata pe cel cu textul, astfel incat sa le ai selectate pe amandoua, apoi click dreapta oriunde in interiorului panoului Layers si selecteaza duplicate layers. Apoi apasa tasta V si din sageti muta butonul. Sper ca te vei descurca
|
|
|
Reporteaza Abuz
Displace
Apreciaza
|
Ina
said:
| Admin cred ca esti cel mai bun.Inteleg tot si am de gand sa invat html din pasiune. | |
|
Reporteaza Abuz
Displace
Apreciaza
|
N3urON
said:
| Mi'a iesit si mie la fel ca al tau anyways...totorialul nu e chiar complet...a mai trebuit sa fac ceva ca sami iasa asa,knd am facut prima data dupa tutorial exact mia iesit putin marginile drepte dar dupacea miau ie sit asa ca la al tau ca am mai mesterit putin. | |
|
Reporteaza Abuz
Displace
Apreciaza
|
puma78
said:
|
sal admin am citit mai multe comenturi si am vazut ca majoritatea intreaba cum le pui pe site si ma gandeam ca ar fi un tutorial f bun si acesta mai ales ca ai si categoria cu tutoriale html. Asteptam Tutoriale HTML ;) |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
admin
said:
|
Pai e destul de simplu, pur si simplu salvezi o imagine cu un buton apoi cu tag-ul inserezi imaginea in html dupa care o incadrezi cu tagu poza Daca ai fi citit tutorialele html ai fi stiut. Dar probabil tu vrei un tutorial cu unealta Slice Tool - poate va urma. |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
puma78
said:
| defapt am citit tutorialele html si am invatat din ele pt ca sunt explicate f bine dar da ma gandeam la un tutorial cu slice tool | |
|
Reporteaza Abuz
Displace
Apreciaza
|
Alinho
said:
|
nush daca am voie sa postez, da nah, pentru cei care vor sa invete HTML si altele http://www.m*****.net/ de aici inveti si bine si usor |
|
|
Reporteaza Abuz
Displace
Apreciaza
|
Adauga un comentariu
| Citeste si urmatoarele : |
|---|
|
