Zahtevnejši Photoshop vodič vam opiše postopek izdelave dizajna za galerijo. To je drugi del tridelnega vodiča, ki vam pokaže, kako v dizajn za notranji dizajn vključiti galerijo. Galerija je sestavljena iz velikih črno-belih thumbnailov, ki v večjem okvirčku odprejo veliko sliko.

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

Kliknite na sliko za PRIKAZ dizajna

1. Odprite PSD datoteko, v kateri imate narejeno prvo stran, ki ste jo naredili s pomočjo 1. dela vodiča.

2. Svojim pomožnim črtam boste sedaj dodali še štiri črte.

View > New Guide.

Vertical: 250
Horizontal: 250, 420, 610

3. Sedaj pa označite vse Layerje, ki sestavljajo sredinski zeleni kvadrat (z napisom notranji dizajn).
Na seznamu Layerjev desno kliknite na enega izmed označenih Layerjev in izberite Duplicate Layers. Novonastale Layerje z Move Toolom sedaj premaknite v levi zgornji kot (med 50 in 240).

Skrijte vse druge Layerje razen teh, ki predstavljajo Header.

4. V orodjarni izberite Rounded Rectangle Tool (Radius: 10px) in razpotegnite okvirček za meni (od 250 do 420) in okvirček za prikaz slik (od 50 do 420). Barva okvirčkov: #2b2b2b.

5. Sedaj bomo dodali slike.

5.1 spodnje črno-bele slike

Sliko odprite v Photoshopu. Pomanjšajte jo na velikost 173x173 pikslov. Črno-beli efekt dobite tako, da greste v meni in izberite: Image > Adjustmens > Hue/Saturation in Saturation nastavite na -100.

Tako pomanjšane in brezbarvne slike nato postavite pod okvirja. Razmik med slikami naj bo 3px. Slika, ki je v večjem okvirju prikazana v polni velikosti, naj bo barvna.

5.2 Večja slika

Slika, ki je prikazan naj bo velika okoli 300x300 pikslov.

Zaobljen rob slike naredite tako, da z Rounded Rectangle Toolom naredite okvir (Radius: 10px) iste velikosti, kot je slika, se pravi 300x300px NAD sliko. Nato držite tipko Ctrl in na seznamu Layerjev kliknite ikono Layerja s tem okvirjem. Pojdite v meni: Select > Inverse. Kliknite na Layer s sliko in pritisnite Delete. Nato še zbrišite okvir, ki ste ga prej naredili.

5.3 Puščici za levo in desno naredite s pomočjo Polygonal Lasso Toola (20x70px). Barva: #87a400.

Ko naredite eno puščico le pritisnite Ctrl+J, da naredite kopijo puščice, nato pa pojdite v meni in izberite Edit > Transform > Flip Horizontal. Z Move Toolom jo premaknite na drugo stran.

6. Tekst

6.1 Tekst v meniju pod headerjem in tekst pod veliko sliko:

Zelena barva: #87a400

6.2 Tekst za spodnji meni:

Zelena barva: #a2c507

7. In to je dizajn za galerijo. Podobno galerijo lahko najdete tukaj: Galerija z lightboxom.

Vprašanja lahko vprašate med komentarji, lahko pa za celoten dizajn odprete temo na našem forumu, kjer vam bomo z veseljem pomagali.