Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de D1esel Joi 29 Aug - 17:08
» 10 King
Scris de Erpel Vin 29 Mar - 16:31
» Bulletin ipb theme
Scris de MihaiExtremTutorials Sam 15 Dec - 0:24
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
Cuvinte-cheie

edit  


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:

Buton transparent Part1g

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

Buton transparent Part2w

4.Bifeaza Outer Glow si adauga setarile:

Buton transparent Part3aa

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

Buton transparent Part4c

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

Buton transparent Part5r
6.1. La Fill Type: selecteaza Gradient si adauga urmatoarele culori - #b1b1b1 - #000000 - #ffffff - #000000 - #b1b1b1 :

Buton transparent Part6x

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

Buton transparent Part7b

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

Buton transparent Part8m

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:
Buton transparent Finalr

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
Dappy
la data de Vin 11 Noi - 23:30
Dappy Membru ET
Conectat
Foarte frumos ! Bravo pentru munca depusa !
Vizitator
Anonymous
la data de Dum 27 Noi - 14:44
Vizitato Vizitator
Conectat
Foarte frumos Justin bravo.
Vizitator
Anonymous
la data de Dum 25 Dec - 17:17
Vizitato Vizitator
Conectat
Bun tutorial. Am încercat şi mi-a ieşit. Mersi.
Buton transparent 560224
Membru ET
dragonX
la data de Vin 13 Ian - 10:06
dragonX Membru ET
Conectat
Frumos, felicitari pt tutorial Buton transparent 230108
Vizitator
Anonymous
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
InC3pAtOr
la data de Mier 1 Feb - 15:14
InC3pAtOr Membru nou
Conectat
Bravo Justin un tutorial foarte bun
Administrator
Zeus
la data de Mier 1 Feb - 15:30
Zeus Administrator
Conectat
@InC3pAtOr a scris:Bravo Justin un tutorial foarte bun

Nu eu l-am creat. Buton transparent 230108
Membru ET
Gambit
la data de Dum 22 Apr - 0:22
Gambit Membru ET
Conectat
Felicitari Yonutz , este folositor tutorialul ! Buton transparent 560224
Membru nou
cloner
la data de Dum 22 Apr - 19:44
cloner Membru nou
Conectat
dar sursa unde este ?
Vizitator
Anonymous
la data de Dum 22 Apr - 19:46
Vizitato Vizitator
Conectat
Sursa este la sfarsitul tutorialului.
Membru activ
Madross
la data de Mier 25 Apr - 21:14
Madross Membru activ
Conectat
Bravo Buton transparent 230108
Membru nou
amiku
la data de Mar 3 Iul - 21:27
amiku Membru nou
Conectat
Super butoanele bv si bft in continuare
Membru ET
Purge
la data de Mier 4 Iul - 17:17
Purge Membru ET
Conectat
nu sunt cine stie ce...
Membru ET
Valentin_CN
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
Alex
la data de Joi 25 Iul - 8:13
Alex Membru ET
Conectat
Frumos tutorial si folositor! bravo.
Continut sponsorizat Conectat