Dizenjimi i web butonave

3
REPUBLIKA E SHQIPËRISË SHKOLLA JOPUBLIKE NR.1 VLORË Adresa: Lagje „28 Nëntori“, pranë Xhamisë në qendër, Tel/Fax. 225 913, 233 485, 231 641 Dizenjimi i butonave web me Photoshop 1. Krijoni nje imazh te ri me dimensione te pershtatshme per butonin p.sh 360 X180 px. 2. Krijoni me rounded rectangle imazhin e butonit duke rregulluar opsionet e rrumbullakosjes si ne figuren me poshte: 3. Ne paleten e shtresave klikoni me te djathten dhe zgjidhni blending options. Ne dritaren e dialogut zgjidhni Gradient Overlay ku do te rregulloni ngjyrat e gradientit grine dhe te zezen 4. Ne pjesen e poshtme aplikoni Stroke me ngjyre te zeze me trashesi 1 pixel 5. Aplikoni edhe Inner Glow si ne figuren ne krah. Me pas miratoni duke mbyllur

description

me ane te Photoshop

Transcript of Dizenjimi i web butonave

Page 1: Dizenjimi i web butonave

REPUBLIKA E SHQIPËRISËSHKOLLA JOPUBLIKE NR.1

VLORËAdresa: Lagje „28 Nëntori“, pranë Xhamisë në qendër, Tel/Fax. 225 913, 233 485, 231 641

Dizenjimi i butonave web me Photoshop

1. Krijoni nje imazh te ri me dimensione te pershtatshme per butonin p.sh 360 X180 px.

2. Krijoni me rounded rectangle imazhin e butonit duke rregulluar opsionet e rrumbullakosjes si ne figuren me poshte:

3. Ne paleten e shtresave klikoni me te djathten dhe zgjidhni blending options. Ne dritaren e dialogut zgjidhni Gradient Overlay ku do te rregulloni ngjyrat e gradientit grine dhe te zezen

4. Ne pjesen e poshtme aplikoni Stroke me ngjyre te zeze me trashesi 1 pixel

5. Aplikoni edhe Inner Glow si ne figuren ne krah. Me pas miratoni duke mbyllur dritaren

Ja sesi do te duket imazhi i butonit pas hapit nr 5.

Page 2: Dizenjimi i web butonave

6. Serish me mjetin Rounded Rectangle aplikoni duke krijuar nje shtrese te dyte mbi te paren si ne figure.

7. Klikoni me te djathten mbi shtresen e sapo krijuar dhe zgjidh Rasterize Layer8. Ne toolbar kalo ne modalitetin Quick Mask9. Zgjidh mjetin e gradientit dhe krijo nje gradient si ne

figure dhe perdorni delete nga tastiera.

10. Dilni nga modaliteti Quick Mask, pamja e butonit do te jete si ne figure

11. Krijo nje shtrese te re ku duhet te kopjoni dhe pastaj ngjitni imazhin me ngjyren portokalli si dhe nje shtrese te re per tekst dhe vendos emertimin si ne figure

Email: [email protected]: www.shkollajopublikenr1.com