Sedaj lahko tudi vi naredite tak okvirček, kot ga uporablja moje-mesto.com. S pomočjo označevanja in barvanja ustvarite lepo oblikovan in preprost okvirček za spletno stran.

1. Odprite Photoshop in ustvarite nov dokument velikosti 250x250px.

2. V orodjarni izberite Marquee Tool in označite pravokotnik.

Ustvarite nov Layer (Layer > New > Layer). V orodjarni izberite Paint Bucket Tool (kangljico) , za barvo nastavite sivo (#e6e6e6)

in pobarvajte okvirček na sivo.

3. Medtem, ko je okvirček še izbran pojdite v meni in kliknite Select > Modify > Contract. Za vrednost nastavite 1px.

Označba okvirčka se vam zoža za 1 piksel.

4. Barvo sedaj nastavite na svetlo sivo (#f6f6f6).

Ustvarite nov Layer (Layer > New > Layer) in s Paint Bucket Toolom pobarvajte označen okvirček na svetlo sivo barvo.

5. Sedaj držite tipko CTRL in na seznamu Layerjev kliknite na ikono večjega okvirčka, ki se vam nato označi.

6. V orodjarni izberite Marquee Tool , držite tipko ALT in odznačite spodnji del okvirčka.

7. Ustvarite nov Layer in s Paint Bucket Toolom pobarvajte okvirček na modro #3399ff.

8. Znova držite tipko ALT in odznačite vse razen leve strani okvirčka.

9. Ustvarite nov Layer in pobarvajte ta okvirček na belo ( #ffffff ). Na tipkovnici pritisnite Ctrl+D, da se znebite označbe.

10. Opacity tega Layerja nastavite na 60%.

In s tem ste zaključili svoj okvirček.

Kakšno pisavo boste izbrali je odvisno od vas. Naslov okvirčka je bele barve ( #fff ), vsebina okvirčka pa modre barve ( #3399ff ).