Zaleni okvirček za spletne strani

Vodič vam bo pokazal, kako narediti zelen okvirček za Vaš dizajn. Okvirček ima zaobljene robove in popestri spletno stran.

1. Ustvarite nov dokument; moj bo velikosti 250x250 pikslov. Ozadje naj bo bele barve.

2. Kot barvo ospredja nastavite barvo #a5c72c. V orodjarni izberite Rounded Rectangle Tool in naredite okvirček (230x230), kot ga vidite na sliki. Radius nastavite na 5px.

3. Sedaj temu okvirčku dodajte Layer Style (Layer > Layer Style > … ) in sicer: Drop Shadow, Inner Glow, Gradient Overlay in Stroke.

4. Sedaj bomo naredili duplikat zelenega okvirčka. Prepričajte se, da je okvirček izbran, nato na tipkovnici stisnite Ctrl+J.

5. Sedaj na tipkovnici stisnite Ctrl+T za Free Transform (Edit > Free Transform Path). Width in Height (zgoraj) nastavite na 97%. Pritisnite Enter!

6. Znova pritisnite Ctrl+T. Primite zgornji rob in ga pomaknite nižje, kot kaže slika. Pritisnite Enter!

7. Manjšemu okvirčku sedaj odstranite prejšnje Layer Style in mu dodajte nove: Inner Glow, Gradient Overlay.

8. Po želji dodajte še kakšno ikono (Custom Shape Tool ) in pa naslov okvirčka ( Trebuschet MS, Bold, 16pt, stroke: 1px).

Za več podrobnosti si poglejte .PSD datoteko, ki jo najdete pri Prenosih.