Zahtevnejši Photoshop vodič vam opiše postopek izdelave prve strani za spletno stran na temo notranjega dizajna. Stran je zelo pregledna in oblikovana z okusom. Dizajn je primeren tudi za druga področja, ne le notranji dizajn (foto portfolio, predstavitev podjetja, osebna stran, ...).

1. del tridelnega vodiča Dizajn za notranji dizajn: 1. del | 2.del | 3. del

Kliknite na sliko za PRIKAZ dizajna!

1. Ustvarite nov dokument. Velikost naj bo 670x670 pikslov. Ozadje pobarvajte na temno barvo #171717.

2. Pojdite v meni. Prepričajte se, da je pri View > Extras puščica. Nato kliknite View > New Guide. Navpično (vertical) in vodoravno (horizontal) si pomožne črte sledijo enako.

Vrednosti za vertical: 50, 240, 430, 620
Vrednosti za horizontal: 50, 240, 430, 620

Naredi se vam mreža, ki vam bo zelo pomagala!

3. V orodjarni izberite Rounded Rectangle Tool (pravokotnik z zaobljenimi robovi). Radius nastavite na 10px in v srednjem okvirčku razpotegnite kvadrat 190x190px. Pomagajte si s prej narejeno mrežo!!! Okvirju določite barvo: #87a400.

4. Sedaj pritisnite Ctrl+J in premaknite novonastali okvir na desno stran. Določite mu barvo #242424.

Znova pritisnite Ctrl+J in premaknite novonastali okvir navzgor.

Še dvakrat ponovite zgornji korak, tako, da boste imeli vse 4 okvirje.

5. V orodjarni izberite Rectangle Tool in na sredini naredite pravokotnik (kvadrat) velikost 155x155px. Barva pravokotnika naj bo #87a400.

Sedaj pritisnite Ctrl+T in zavrtite ta okvir. Med vrtenjem držite tipko Shift!!!

Pritisnite Ctrl+J, da naredite kopijo tega Layerja. Na seznamu Layerjev izberite spodnji zavrten kvadrat (tisti iz katerega je kopija).

Dodajte mu Drop Shadow in Inner Shadow.

6. Sedaj na seznamu Layerjev izberite Layer s kopijo zavrtenega kvadrata.
Desno kliknite nanj in izberite Rasterize Type.

Držite tipko Ctrl in kliknite na ikono srednjega velikega zelenega okvirja, tako, da se vam označi. Pritisnite Delete!

7. V Photoshopu odprite svoje slike, ki jih želite uporabiti na robovih. Pomanjšajte jih na 190x190px.

Prenesite jih v dokument z dizajnom in jih razporedite v kote.

8. Sedaj v orodjarni izberite Marquee Tool . Držite tipko Ctrl in kliknite na ikono enega od večjih okvirjev (190x190), tako da se vam označi.

Z miško nato primite označbo in jo prenesite nad eno izmed slik, ki je na robu. Prepričajte se, da je ta slika izbrana na seznamu Layerjev. Pritisnite Delete!

To ponovite za vse štiri slike.

9. Ustvarite nov Layer. V orodjarni izberite Elliptical Marquee Tool (Feather: 0px). Označite elipso nad eno izmed kotnih slik. S Paint Bucket Toolom jo pobarvajte na belo.

Držite tipko Ctrl in kliknite na ikono Layerja s to sliko, da se vam označi. Pojdite v meni: Select > Inverse in pritisnite Delete.

Opacity znižajte na 20%.

Pritisnite Ctrl+J in pomaknite novonastali Layer nad drugo sliko. Zopet pritisnite Ctrl+J in pomaknite novonastali Layer nad tretjo robno sliko. Znova pritisnite Ctrl+J in pomaknite novonastali Layer nad četrto sliko.

10. Še besedilo:

Elementi menija (PONUDBA, KATALOG, GALERIJA, O NAS): Pump Demi Bold LET, 24px, Strong

Header:
beseda notranji: Pump Demi Bold LET, 24px, Strong

beseda DIZAJN: Pump Demi Bold LET, 42px, Strong

MOJE-MESTO: Square721 BT, 10px, Sharp, #d2ff01

11. Za konec še odsev. Na seznamu Layerjev izberite Layer z besedo DIZAJN. Pritisnite Ctrl+J.

Desno kliknite na Layer in izberite Rasterize Type. Pojdite v meni in izberite Edit > Transform > Flip Vertical. Z Move Toolom pomaknite besedilo pod pravilno obrnjen DIZAJN.

V orodjarni izberite Elliptical Marquee Tool, nastavite Feather na 20px in označite elipso pod narobe obrnjeno besedo DIZAJN. Pritisnite tipko Delete.

Pritisnite Ctrl+D, da odstranite označbo.

12. S tem ste končali prvo stran dizajna. To je prvi del tridelnega vodiča, ki obsega vodič za prvo stran, vodič za galerijo in na koncu še vodič za vsebinski del dizajna.

Upam, da vam je prva stran všeč vsaj pol toliko, kolikor je meni. Če se vam kje zatakne vprašajte med komentarji, vabljeni pa ste tudi, da sodelujete na našem forumu, kjer lahko skupaj komentiramo dizajn za notranji dizajn.

Klikni za PRIKAZ dizajna!