Status:

!! REKLAMY !!


Hlasujte pro Riley ZDE je to pro mě ta hra moc důležitá,takže pro Riley !!


Návod - Jak na design v PFS

22. srpna 2009 v 11:00 | Riley |  v pf
Mnozí z vás si dokáží udělat vlastní design, někteří ale raději dávají přednost designu od někoho na objednávku. Tímto návodem vám chci ukázat že tvorba designu není nic složitého. Jde jen o vaši fantazii, kterou většina lidí nepostrádá.
(text je s laskavým dovolením jeho autorky-Loreeny.Rose-ponechám v původním znění;))

..chcete si tento návod přečíst?? tak clickejte celý článek ..nebudete litovat stojí to za to

Tento design má 3 hlavní části+ ikonky do menu (stránka, záhlaví, zápatí).

Postup:
1. ZÁHLAVÍ
· Záhlaví je poměrně důležité, proto jím začneme. Nejdřív si zvolíme vhodné rozměry (vzhledem k velikosti a umístění menu) 950x 900


· Pomocí několika obrázků vytvoříme základ záhlaví.


(v tomto případě používám průhlednost vrstev - radiální, zleva a zprava)


· uspořádáme do nějakého "tvaru" a sloučíme vrstvy (CTRL+ENTER)






· vzniklý výtvor ořízneme nebo případně ještě nějak upravíme a máme záhlaví (viz další obrázek)



2. STRÁNKA + MENU


Nejdřív zvolíme rozměry 1000x1500 (výšku můžete zvolit libovolně - pak se to bude ještě ořezávat)





· Zvolíme barvu stránky a poté do ní vložíme záhlaví. Barvu volím tak aby ladila se záhlavím.


· Dále si otevřeme nový obrázek s rozměry 250x1500, což bude menu (podle toho zvolíme i barvu)





· klikneme na bílou šipku a obdélník s oblými hranami (viz znázorněno na obrázku - červeně)


· teď ořízneme menu (barva pozadí by měla být nějaká světlá/kontrastní (viz znázorněno na obrázku - zeleně)





· dále klikneme na: Obrázek - průhledná barva a dáme OK


· pak klikneme na menu a zkopírujeme ho do pozadí se záhlavím





· Nyní klikneme pravým tlačítkem na vloženou vrstvu (menu). Otevřeme si "možnosti" a nastavíme vržený stín X: 7 a Y: -7



· otevřeme v panelu nástrojů: Filtry - Stylizace - Obrys 3D (zde nastavíme první barvu bílou a druhou černou, umístění: nahoře a vlevo, šířka: 7 a průsvitnost: 80)


· Vrstvy sloučíme:



· Teď přichází na řadu samotná stránka její rozměry si musíme vypočítat (pozadí 1000 - menu 250 = stránka 780, konečný rozměr dáme o něco menší: 760x9000)


· Stránku ořízneme a stejně jako menu a vložíme do pozadí





· Vloženou vrstvu upravíme stejně jako menu (Obrys 3D, Vržený stín)


· Pak se přesuneme do spodní části obrázku a nastavíme tak jak bude vypadat zápatí:





· Potom si označíme pozadí a uděláme výřez zápatí (bez ořezávání!!!)


· Klikneme na označenou oblast pravým tlačítkem a dáme "kopírovat sloučené"


· Zápatí vložíme jako nový obrázek: (viz další dva obrázky)





· Zápatí si teď nevšímáme a upravíme záhlaví (vrstvu stránky posuneme tak aby se moc nepřekrývala se záhlavím a teprve teď sloučíme vrstvy) Výsledek vídíte na dalším obrázku:



· Teď ořízneme celou stránku tak, aby na konci nebyl žádný okraj (viz obrázek)



Nakonec můžeme dát na záhlaví různé popisky:



Toto uložíme jako "Stránka" A následuje tvorba zápatí:

3. ZÁPATÍ


· Do zápatí vložíme proužek stejně upravený jako menu (zde bude podpis autora) A sloučíme vrstvy.





· Nakonec tam vložíme nápis: (Například takhle)



No a máme i zápatí. teď zbývá už jen Pozadí:


4. POZADÍ:


· Nejdříve si otevřeme nový obrázek s rozměry vaší obrazovky (já mám 1440x900)


· Zvolíme si barvu pozadí a znova otevřeme "Pozadí stránky" (se záhlavím)





· Teď zkopírujeme stránku do pozadí



· Stránku posuneme tak, aby byla vidět jen spodní část bez záhlaví, poté ořízneme (bez slučování vrstev)



· Dále si otevřeme další nový obrázek s rozměry o něco větší než vložená vrstva (1060x960)


· A vložíme to so pozadí


· Označíme si vloženou vrstvu a upravíme ji např. Filtry - Stylizace - Rámeček s přechodem





· Takových vrstev můžeme udělat několik..to záleží na jednotlivci (viz následující obrázek)



· Pak sloučíme vrstvy a uložíme pod názvem "pozadí"


5. IKONKY


· Otevřeme si obrázek o rozměrech 160x50 se stejnou barvou jako je menu.


· A vložíme tam nějaký nadpis např. Blog, Aktuálně, Komixy…atd.





Uděláme několik ikonek podle potřeby stejným způsobem ;) Nakonec uložíme.

Autorka návodu: Loreena.Rose

Zdroj návodu:
 

Buď první, kdo ohodnotí tento článek.

Komentáře

1 AnduliatQo AnduliatQo | Web | 22. srpna 2009 v 11:03 | Reagovat

WOOW! Tak to idem hneď vyskúšať :D

2 *ViKiNgA* *ViKiNgA* | Web | 22. srpna 2009 v 15:12 | Reagovat

neceš sbééčit??ozvi se pls na blog!!pp

3 pt-sims2 pt-sims2 | 14. září 2009 v 18:31 | Reagovat

seš úpppe super..!!! :-)))))))))

4 Veru Veru | Web | 18. července 2010 v 17:26 | Reagovat

vůbec ty rozměry nesedí a nevypadá to tak, jak na obrázku!

5 Clarie Clarie | 26. listopadu 2011 v 20:44 | Reagovat

Udělala jsem pár designu, ale vůbec mi ty rozměry nesedí, klidně se koukni na stránku. Co mám dělat? O_O

6 Clarie Clarie | 26. listopadu 2011 v 21:31 | Reagovat

P.S. Zapoměla jsem napsat adresu mé stránky: www.kaavio.blog.cz

Nový komentář

Přihlásit se
  Ještě nemáte vlastní web? Můžete si jej zdarma založit na Blog.cz.
 

Aktuální články

Reklama