Web Design
24.04.2010Komentáře (1) Kategorie: Adobe Photoshop » Webdesign

1.No tak tlačítka a hlavičku „header“ máme hotovou.Ted už to jen zbývá dodělat a máme celý web.Takže vytvoříme novou vrstvu a zaškrkneme si to jak je to na obrázku a vybarvíme barvou #2b2b2b.

Free Image Hosting at www.ImageShack.us

2.Máme hotovo tak ted se zase podíváme na ohraničení veznem do ruky pero , tužku nebo něco podobného a ohraničíme jak je to na obrázkách.

3.Tak to už máme hotovo teď jdeme na text , nadpisky a dodělávky.Tak někam vlevo jsi napíšeme nadpis třeba "novinka , novinky " je to na vás.A jak vidíte na obrázku udělal jsem si tam i takou malou šipečku na okrasu. Tu si tam můžete udělat taktéž.Pod nadpis Novinka uděláme podnadpisek.Název nechám na vás já jsem si tam dal Lorem Ipsum.Vedle podnadpisku napíšeme datum.Poté už můžeme psát článek a aby jsme zase tomu dal švich tak jsem si tam dál obálečku , kterou můžete najít v základních možnostech tvaru.

4.Teď to všechno zduplikujte a dejte pod sebe… Já jsem si ještě dodělal kdo ten článek napsal a to jsem dal jinou barvou viz obrázek.

Free Image Hosting at www.ImageShack.us

5.Jdeme dál.Někam do pravé strany dáme druhý nadpis a to třeba „Obrázek týdne“.A zase si k tomu dáme šipečku.Vytvoříme novou vrstvu a hned pod nadpis dáme malí čverec, který nám vlastne bude značit kde se obrázek bude oběvovat. Dáme volby krytí " Blending Option " a vyplníme podle obrázku.


A vyjde nám něco takového jak máme na obrázku pod textem. Zduplikujeme a přesuneme vedle sebe.


Free Image Hosting at www.ImageShack.us

6.Pod to můžeme napsat co to znamená ten obrázek , nebo kde kdy jsem ho fotil co chcete.

7.Pod obrázek týdne dáme nový nadpis a to Fotoalbum.Vytvoříme novou vrstvu a uděláme si malí čtvereček jak na obrázku.

Zase dáme volby krytí a nastavíme stejně jak na obrázku.

A vyjde nám tohle:

Zduplikujeme pod sebe do dvoj řadu po čtyřech a jeden čvereč bude mít jiné ohraničení.

Teď přidáme čísla.

A vznikne nám :

Free Image Hosting at www.ImageShack.us

8.Doplníme text do dolní lišty.

Free Image Hosting at www.ImageShack.us

9.Tohle je teď těžká pasáž.Musíme si udělat Podklad na kterém ten web leží.Já jsem si to udělal tak že jsem si to rozdělil na : Header , Tlačítka a ostatní a každou část stejnou barvou ..... Nevím jestly tohle pochopíte pokud ne napište do komentů..... A uděláme ohraničení.

10. A je to ! Máme vlastní design webu ! Hodně štěstí.....

Free Image Hosting at www.ImageShack.us



Autor článku: ToTo | Vytisknout článek | Odeslat e-mailem

Hodnocení: 5.4/10 (9 hlasováno)

Komentáře (1)
od: provaz 25-04-2010 23:26:40
Rozdílné zarovnání sekce „Obrázek týdne“ a „Fotoalbum“ působí hodně rušivě. Navíc obrovský prázdný blog mezi novinkami a „pravým sloupcem“ zbytečně ubírá cenné místo. Chce to prostě ještě pár malých úprav. Jinak zajímavý tutoriál. Díky.

  Neregistrovaní uživatelé nemohou přidávat komentáře k článkům.