Crează un buton futuristic în Photoshop

În acest tutorial am să vă arat cum să creezi un buton futuristic rapid şi uşor folosind Photoshop. Uităte la imaginea finală de mai jos:

Preview:

Buton Futuristic.

Futuristic Button Design Tutorial using Photoshop

Pasul 1:

Hai să începem prin crearea unui document. Eu am folosit 450×350 pixeli setat pe 72dpi şi am umplut fundalul cu negru. Acuma crează un nou layer şi numeşte-l “Buton“. După în noul layer desenează un cerc cu culoarea #003637 şi cu dimensiunile de 194 x 194 px.

Futuristic Button Design Tutorial using Photoshop

Pasul 2:

În stilul de layer (Layer > Layer Style) adaugă un Inner Shadow, Inner Glow si Gradient Overlay la layer-ul cu cercul verde.

Futuristic Button Design Tutorial using Photoshop

Futuristic Button Design Tutorial using Photoshop

Futuristic Button Design Tutorial using Photoshop

Rezultat:

Futuristic Button Design Tutorial using Photoshop

Pasul 3:

Într-un nou layer desenează un cerc alb cu dimensiunile de 147 x 147 px în centrul butonului curent.

Futuristic Button Design Tutorial using Photoshop

Pasul 4:

În stilul de layer (Layer > Layer Style) adaugă un Inner Glow, Gradient Overlay şi Stroke la layer-ul cu cercul alb. După setează Blend Mode pe Darken.

Futuristic Button Design Tutorial using Photoshop

Futuristic Button Design Tutorial using Photoshop

Futuristic Button Design Tutorial using Photoshop

Rezultat:

Futuristic Button Design Tutorial using Photoshop

Pasul 5:

Duplică layer-ul “Buton” şi după dute la Layer > Merge Layer Set, acest lucru ar trebui să deschidă layer-ul duplicat într-un layer normal. Acuma redimensionează-l la 70% prin Edit > Transform > Scale şi poziţionează-l în centrul logo-ului.

Futuristic Button Design Tutorial using Photoshop

Pasul 6:

Acuma duplică layer-ul cu cercul din pasul trecut şi redimensionează-l din nou, poziţionează-l în centrul desenului.

Futuristic Button Design Tutorial using Photoshop

Pasul 7:

Poziţionează ambele cercuri desenate din pasul 5 şi 6 în layer-ul original ‘Buton’. După evidenţiază acel layer în paleta Layers şi dute la Layer > Merge Layer Set. Acuma ar trebui să ai un sigur layer cu acel design de cerc.

În stilul de layer (Layer > Layer Style) adaugă un Inner Shadow, Inner Glow şi Gradient Overlay la layer-ul cu designul de cerc al tău.

Futuristic Button Design Tutorial using Photoshop

Futuristic Button Design Tutorial using Photoshop

Rezultatul:

Aici este rezultatul final al butonului futuristic folosind Photoshop.

Futuristic Button Design Tutorial using Photoshop

Descarca fisierul PSD

Folosirea fişier-ului original PSD este limitat şi nu este pentru comercializare. Sper că tutorialul cu butonul futuristic te-a ajutat să creezi trucuri la siteul tău pentru a arăta mult mai bine.

Tradus din engleză în română de către AnDr3yy

Sursă: http://www.psdrockstar.com/interface-design/futuristic-button-design-tutorial-using-photoshop/


Sursa
2010-10-30 19:04:25



Comenteaza





Ultimele 25 posturi adăugate

23:46:34Triangle of Sadness —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
10:08:23Berliner: gest de solidaritate pentru vinurile moldovenești —» Fine Wine
21:29:07Poliția locală acționează pe alocuri, dar intens —» Curaj.TV | Media alternativă
21:25:29Inspectorul Felix se agită cînd e inspectat —» Curaj.TV | Media alternativă
09:25:46ИНФОРМАЦИОННО ПИСМО —» Biblioteca Hristo Botev
19:45:58True, Biblical Friendship —» Erik and Elena Brewer's Weblog
19:13:58Mai Departe cu Viorica Tătaru – Pe front în Ucraina, Propaganda de război, Transnistria —» Curaj.TV | Media alternativă
19:11:51Pericole la zebra de la parcul Bazilescu, Bucureștii Noi —» Curaj.TV | Media alternativă
15:23:47What’s New on WordPress.com: Tools to Make Designing Your Site Easier Than Ever —» Misterioz
14:50:26Program_Campania Naţională ,,Citim cu voce tare împreună” ediţia anului 2023 —» Biblioteca Publică or.Rîşcani
14:44:06Anunţ - Poster_Campania Naţională ,,Citim cu voce tare împreună” ediţia anului 2023 —» Biblioteca Publică or.Rîşcani
14:35:47Lectura — hrană nobilă pentru suflet —» Biblioteca Hristo Botev
14:31:1227 Ianuarie - Ziua Comemorării Victimelor Holocaustului. —» Biblioteca Publică or.Rîşcani
10:15:03Pericol mortal in pasajul de la Guvern pe motiv de neglijență —» Curaj.TV | Media alternativă
04:57:00De ce familia mea nu consumă carnea de pui din comerț, laptele cu termen mare de valabilitate și marmelada —» Sunt MAMĂ!
21:27:45„Amintiri din trecutul Terrei” de Liu Cixin – o părere sinceră despre cărți (fără spoilere) —» Andrei Albu - omul alb cu gînduri negre
18:42:59Citit în ianuarie: „Oameni sărmani” de F.M. Dostoievski —» Sunt MAMĂ!
18:04:44UN POET RUS CÂNDVA EXPULZAT DIN ROMÂNIA —» Leo Butnaru
14:52:14Haiku (trad. în spaniolă) —» Andrei LANGA. Blogul personal
14:43:17CEREȚI vs. CERE-ȚI – când punem cratima? —» Moldova Creștină
14:35:20Caleidoscop cultural. Februarie, 2023 —» Biblioteca de Arte 'Tudor Arghezi'
13:55:12ALEXANDRU COSMESCU - MENTOR AL TINERILOR SCRIITORI BASARABENI —» Andrei LANGA. Blogul personal
13:17:10UN PROZATOR ȘI POET FRANCEZ IMPORTANT —» Leo Butnaru
10:15:31Despre pogromul de la București, dezbatere la JCC —» Curaj.TV | Media alternativă
10:05:33Graduation @ #Precept Institute for South Sudan Refugees in Uganda 🇺🇬 —» Moldova Creștină