HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    05.12.09
Foto Portfolio dizajn               
Photoshop - Spletna grafika

FotoPortfolioDizajn_thumb
Napredni Photoshop vodič za vaš Foto Portfolio dizajn. Vodič vam bo opisal postopek izdelave in podal velikosti, barve in druge grafične podatke za posamezne dele dizajna. Dizajn je namenjen predvsem za fotografe, ki bi radi na spletu okusno predstavili svoje fotografije.

 

80_31_foto_portfolio_dizajn

 

 

Velikost: 970x800 pikslov

Ozadje


1. Izberite Radial Gradient Tool Sad in nastavite preliv iz #212121 v #000000. Potegnite od sredine proti zunanjem robu.

80_1_ozadje



2. Dodajte mu Layer Style: Pattern Overlay (Leaves).

80_2_pattern_overlay

 

Meni


1. Naredite nov Layer. Z Marquee Toolom Wink razpotegnite pravokotnik velikosti 754x40 pikslov in ga pobarvajte.

2. Dodajte mu Gradient Overlay in Stroke.

80_3_gradient_overlay
80_4_stroke
80_5_meni



3. Z Line Toolom naredite navpično črto barve #121212, ki bo ločevala elemente menija. Ker bo imel meni 5 delov morate črto še trikrat kopirati (Ctrl+J). Navpične črte še pravilno razporedite; na vsake 150px ena.

80_6_crtice



4. Označite prvi element menija (148x38px), naredite nov Layer, ga pobarvajte in mu dodajte Gradient Overlay in Stroke.

80_7_gradient_overlay
80_9_stroke
80_8_preliv



5. Dodajte še besedilo. Pri izbranem elementu menija je barva besedila bela (#ffffff).

80_11_pisava_meni
80_12_meni

 

Logo


1. Zapišite ime svojega Foto Portfolia. Dodajte Gradient Overlay.

80_13_logo

80_15_gradient_overlay

80_16_barvni_preliv

80_14_logo



2. Dodajte še besedi foto portfolio. foto je #707070 barve, portfolio je #4d4d4d barve.

80_17_foto_portfolio
80_18_portfolio

 

Vsebinski del


1. Ustvarite nov Layer. Z Marquee Toolom Wink razpotegnite pravokotnik, ki bo predstavljal vsebinski del (754x400). S Paint Bucket Toolom ga pobarvajte na #141414 in mu dodajte Stroke.

80_19_besedilo
80_20_vsebinski_del



2. Čez sredino potegnite 1px debelo črto barve #292929, ki bo ločila levo in desno stran.

3. Vstavite slike, ki bodo ponazarjale kasnejšo postavitev. Dodajte jim Stroke 1px, #212121.

80_21_slike



4. Dodajte naslove

80_22_naslovi
80_23_pozdravljeni



in ostalo besedilo (podnaslovi so bele barve).

80_24_besedilo
80_25_besedilo



5. V orodjarni izberite Rounded Rectangle Tool, radius 25px in desno spodaj razpotegnite majhen zaokrožen pravokotnik (#292929). Na seznamu Layerjev desno kliknite in izberite Rasterize Layer. Z Marquee Toolom Wink označite spodnjo polovico, izberite Move Tool Wink in jo premaknite za 2px navzdol. Nato označite zgornjo polovico in jo premaknite za 1px navzgor. Vmes potegnite črto.

80_27_gor_dol80_26_gor_dol



6. Dodajte mu še dve puščici (Custom Shape Tool Wink ).

80_28_puscici

 

Copyright


1.
Čisto spodaj na sredini zapišite še copyright.

80_29_copyright



2. S Custom Shape Toolom dodajte še ornament (bela barva, Opacity: 8% ).

80_30_copyright

 


In s tem ste dokončali svoj Foto Portfolio dizajn.

foto portfolio dizajn, photoshop

 

Komentiraj:
Ime
E-mail
Spletna stran

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

 
Sorodni vodiči

Moje-Mesto.com

Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.

 

Facebook oglaševanje

Izdelava spletnih strani

Ustvari.si

Nescafé

Follow us on Twitter
Follow us on Twitter
Follow us on Twitter

Oglasi