HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    06.10.09
Okvirček za meni               
Photoshop - Spletna grafika
okvircek_thumbNaredite zanimiv okvirček za vašo spletno stran


Vodič vam bo pokazal, kako s pomočjo Photoshopa naredite atraktiven okvirček za meni na vaši spletni strani.

 

okvirček za meni

1. V Photoshopu ustvarite nov dokument. Moj bo velikosti 400x400 pikslov.

2. Ozadje s pomočjo Paint Bucket Toola Surprised pobarvajte na črno (000000).

3. Z Rounded Rectangle Toolom ustvarite okvirček, kot je prikazano na sliki. Za radius nastavite 10px.

53_2_radius
53_1_okvircek

4. Okvirčku dodajte Color Overlay in Stroke. To naredite tako, da greste v meni in izberite Layer > Layer Style > Color Overlay. Vrednosti nastavite tako, kot je prikazano na spodnjih slikah.

53_3_color_overlay
53_4_stroke
53_5_okvircek

5. Ustvarite nov Layer (Layer > New > Layer). V orodjarni izberite Rectangle Marquee Tool Wink in označite pravokotnik, kot je prikazano na spodnji sliki. Pobarvajte ga s Paint Bucket Toolom Surprised na belo.

53_6_bel_okvircek

6. Temu Layerju sedaj dodajte Drop Shadow in Gradient Overlay. To naredite tako, da pojdete v meni in izberite Layer > Layer Style > Drop Shadow. Vrednosti odčitajte na spodnjih slikah.

53_7_drop_shadow
53_8_gradient_overlay
53_9_barve
53_10_okvircek

7. Ustvarite nov Layer. V orodjarni izberite Polygonal Lasso Tool in označite tako, kot kaže slika. Označen del nato pobarvajte z belo barvo.

53_11_polygonal_lasso_tool
53_12_oznacba

8. Temu Layerju dodajte Gradient Overlay.

53_8_gradient_overlay
53_9_barve

9. Sedaj pritisnite Ctrl + J, da ustvarite kopijo tega Layerja. Pojdite v meni in izberite Edit > Transform > Flip Horizontal. S pomočjo Move Toola Wink premaknite ta Layer na levo, da boste imeli oba zavihka. Pomagajte si s tipko Shift.

*Layer z oranžnim pravokotnikom naj bo na vrhu seznama z Layerji!

53_13_okvircek
53_14_layerji

10. Zdaj bomo dodali naslov okvirčku. V orodjarni izberite Type Tool Smile in zapišite ime okvirčka.

53_15_naslov_pisava

11. Dodajte mu Color Overlay in Drop Shadow.

53_16_color_overlay
53_17_drop_shadow
53_18_okvircek_z_naslovom


12. Za konec lahko dodate še kakšno slikico v okvirček za naslov. Slikico naredite s pomočjo Custom Shape Toola Wink.

 

Dodan tekst: Verdana, Regular, 14pt, Sharp, #ffffff.

To je naš končni izdelek:

 

53_19_okvircek

Komentiraj:
Ime
E-mail
Spletna stran

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."

 
Sorodni vodiči