Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Bulletin ipb theme
Scris de Ishkq Ieri la 20:28
» Serie Tutoriale CSS
Scris de Hachiy Dum 15 Ian - 16:59
» Wireless ipb theme [punBB]
Scris de vi01239984564 Mar 10 Ian - 11:50
» Summer v1.1 theme
Scris de vi01239984564 Mar 10 Ian - 9:57
Cuvinte-cheie

subforumuri  chenar  reclama  legenda  edit  animate  Metin2  cautare  drop  Statistici  punbb  ultimele  radio  Mesaje  avatar  tema  menu  phpBB2  Bara  profil  html  subiecte  tutorial  meniu  banner  navigare  

Buton transparent


1.Deschide un nou document: File - New - 400 x 400 px - OK.


2..Adauga un nou layer : Layer - New - Layer - OK.
Selecteaza unealta Rounded Rectangle Tool (de sus selecteaza Radius: 8 px) si deseneaza dreptunghiul in care se va incadra butonul:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

3..Click dreapta pe layerul nou - Blending Options - modifica Fill la 0 %:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

4.Bifeaza Outer Glow si adauga setarile:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

5.Bifeaza Gradient Overlay - modifica Angle la 0 grade apoi adauga urmatorul gradient:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

6.Bifeaza in final "Stroke" si adauga setarile:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]
6.1. La Fill Type: selecteaza Gradient si adauga urmatoarele culori - #b1b1b1 - #000000 - #ffffff - #000000 - #b1b1b1 :

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

7.Selecteaza Horizontal Type Tool ( culoarea alb) si scrie numele butonului:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

8.Click dreapta pe layerul cu textul - selecteaza Blending Options - bifeaza Drop Shadow si adauga setarile:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

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.


Imagine Finala:
[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

Download: Trebuie sa postezi pentru a vedea link-ul de download.


Tutorial propus de Ionutz. - Reproducerea acestui tutorial nu este permisa fara acordul postatorului.

Comentariile utilizatorilor
Membru ET
la data de Vin 11 Noi - 23:30
Dappy Membru ET
Conectat
Foarte frumos ! Bravo pentru munca depusa !
Vizitator
la data de Dum 27 Noi - 14:44
Vizitato Vizitator
Conectat
Foarte frumos Justin bravo.
Vizitator
la data de Dum 25 Dec - 17:17
Vizitato Vizitator
Conectat
Bun tutorial. Am încercat şi mi-a ieşit. Mersi.
Membru ET
la data de Vin 13 Ian - 10:06
dragonX Membru ET
Conectat
Frumos, felicitari pt tutorial
Vizitator
la data de Vin 13 Ian - 11:33
Vizitato Vizitator
Conectat
dragonX, data viitoare vă rugăm să evitaţi folosirea unui limbaj tip Chat-SMS, deoarece este considerat ca spam.
Mulţumim pentru întelegere!
Membru nou
la data de Mier 1 Feb - 15:14
InC3pAtOr Membru nou
Conectat
Bravo Justin un tutorial foarte bun
Administrator
la data de Mier 1 Feb - 15:30
Zeus Administrator
Conectat
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:Bravo Justin un tutorial foarte bun

Nu eu l-am creat.
Membru ET
la data de Dum 22 Apr - 0:22
Gambit Membru ET
Conectat
Felicitari Yonutz , este folositor tutorialul !
Membru nou
la data de Dum 22 Apr - 19:44
cloner Membru nou
Conectat
dar sursa unde este ?
Vizitator
la data de Dum 22 Apr - 19:46
Vizitato Vizitator
Conectat
Sursa este la sfarsitul tutorialului.
Admin & Dezvoltator
la data de Mier 25 Apr - 21:14
Winsper Admin & Dezvoltator
Conectat
Bravo
Membru nou
la data de Mar 3 Iul - 21:27
amiku Membru nou
Conectat
Super butoanele bv si bft in continuare
Membru ET
la data de Mier 4 Iul - 17:17
Purge Membru ET
Conectat
nu sunt cine stie ce...
Membru ET
la data de Joi 21 Feb - 12:28
Valentin_CN Membru ET
Conectat
Pentru a fi butonul transparent, la urma foarte important ca imaginea sa fie salvata in formatul "png" 8 sau 24.
Apropo modul de creare a unui buton simplu il puteti gasi aici invata-sa-aplici-stilurile-photoshop-styles-si-invata-sa-creezi-un-buton/
Mai multe lectii pe site-ul: lectii-photoshop.com
Membru ET
la data de Joi 25 Iul - 8:13
Alex Membru ET
Conectat
Frumos tutorial si folositor! bravo.