close
Vážení uživatelé,
16. 8. 2020 budou služby Blog.cz a Galerie.cz ukončeny.
Děkujeme vám za společně strávené roky!
Zjistit více



Vítejte na mém soukromém hřbitově. Kromě spousty dávno zapomenutých článků zde možná narazíte na nějakého potulného zombíka, který vám bude chtít sežrat mozek.
Přeji příjemné umírání.
Vaše Loree (23.1.2013)

Vážení uživatelé,
16. 8. 2020 budou služby Blog.cz a Galerie.cz ukončeny.
Děkujeme vám za společně strávené roky!

Design v Photoshopu II.část - Tvorba

11. září 2011 v 21:30 | Loreena.Rose |  Adobe Photoshop cs2
II Část - Tvorba designu

Už je to nějakou dobu, co jsem začala s nápadem "návodu na design" a myslím, že je opravdu nejvyšší čas to dokončit. Dnes se tu pokusím vysvětlit jak na samotný design. Barevné rozložení, rozměry a celkový vzhled designu jsme si promysleli v minulé části a teď myšlenku převedeme do praxe :) Znovu upozorňuji, že každý má jiný styl tvorby a možností jak vytvořit design je moc. Já odhaluju pouze vlastní tajemství (no tajemství..na tom nic není) a k tomu pár grafických triků, na které jsem přišla tak trochu náhodou.
Náhled tvořeného designu (pokud bude mít úspěch, dám vám ho jako volný design - proto prosím o vyjádření)
Takže začínáme:

ROZLOŽENÍ
Jako první věc si otevřete nový list. Vzhledem k rozměrům mého displeje použiju rozměry 1366x2000pixelů (v photoshopu jako obr.bodů) a pozadí zvolím tradičně černé.
Dále klikneme na tlačítko "nástroj", které najdete na levém panelu (označeno na obrázku) a vytvoříme "stránku" a "menu" obě nové vrstvy necháme v současném formátu.
Poté klikneme v pravém panelu na každou z vrstev a vybereme možnost Volby prolnutí.
Otevře se nám okno, kde můžeme vrstvu různě upravovat - je to o tom, jakou máte fantazii, co chcete a jak si s daným materiálem dokážete vyhrát.
Nyní si otevřeme obrázek, který chceme použít na záhlaví. V první řadě ale musíme upravit jeho rozměry tak, aby byl přibližně stejně vysoký jako bude záhlaví (v mém případě tedy kolem 400 pixelů). Jakoukoliv jeho další úpravu nechávám na vás.
Abychom dostali obrázek nebo jeho část tam kam chceme, použijeme "klonovací tlačítko" - najdete ho na levém panelu (viz obrázek) a v horním panelu vyberete tvar a velikost stopy (doporučuju kulatou s rozptýlenými okraji. Pak nezbývá nic menšího, než stisknout "Alt" a kliknout někde na obrázek. (tím se vybere oblast kterou klonujete)
Jakmile budete mít obrázek v pozadí, je načase si pohrát s brushema. Klikneme pravým tlačítkem na vrstvu menu a stránky a zvolíme možnost "rasterize layer". Necháme si označenou "stránku" a klikneme na nástroj štětec v levém panelu. V horním panelu stop opět vybereme nějakou, která se nám zamlouvá (tedy brush).
Pro lepší efekt umístíme brush na okraj stránky (která musí být v levím panelu označená!!!) a brush se pěkně vykreslí podle úpravy stránky tak, že to celkově vypadá plasticky a jakoby to k sobě patřilo :)
Stejně tak si pohrajeme i se zbytkem stránky. Tímto způsobem můžeme vytvořit i "plastické" okraje.
To nejdůležitější z designu už máme, teď zbývá dokončit zápatí a podepsat si vlastní práci.
ROZŘEZÁNÍ DESIGNU
Zbývá design už jen rozřezat, abychom jej potom mohli nastavit na blog. Zvolím tzv. nejmenší zlo a rozkrájím design jen na 3 části. První bude stránka.
Oříznutou stránku si uložíme jako "stránka" a v photoshopu vrátíme krok zpět. Poté otevřeme uloženou stránku a pomocí nástroje "označení" si vytáhneme část stránky, kde není ani záhlaví ani zápatí. Pravým tlačítkem na to klikneme a zvolíme "vrstva kopírováním" - tuto vrstvu přetáhneme na druhý list, kde je celý design.
Vrstvu přesuneme ještě jednou a obě upravíme tak, aby navazovaly na stránku a utvořily tak komplex. Vrstvy sloučíme do jedné Tímto jsme vytvořili okraje designu.
Zápatí je nejjednodušší. Z otevřené "stránky" ho prostě odřízneme a uložíme. (pozor! Musíte dát "uložit jako" jinak se vám původní "stránka" přepíše a ztratíte ji.)
Zbývá už jen poslední věc - a to naposledy si otevřít "stránku" a odříznout z ní zápatí. Tímto je design rozřezán a připraven k nastavení.
Doufám, že i když je tato poslední část tvorby je trošičku komplikovanější a je to takové otvírání/zavírání/ukládání a znovu otvírání, tak ji pochopíte. Bohužel to asi neumím srozumitelněji vysvětlit, takže případně se ptejte.
©Loreena.Rose
Teď následuje otázka pro vás. Chcete tu mít ještě i návod jak nastavit design na blog nebo je dostatečně srozumitelný tento? KLIK
Dávám sem anketu, tak zahlasujte nebo se vyjádřete v komentářích. Narovinu vám ale říkám, že nic moc nového, než je napsáno v odkazu, se nedozvíte, maximálně to můžu zkusit napsat podrobněji :)
 

18 lidí ohodnotilo tento článek.

Anketa

Chcete nový návod na nastavení designu na blog?

Ano 92.6% (87)
Ne, stačí ten, který tu je 7.4% (7)

Komentáře

1 C-Cindy C-Cindy | 14. září 2011 v 22:21 | Reagovat

Jako obvykle dobrá práce :)! Moc se mi líbí obrázek, co jsi použila.

2 shianae-sims3 shianae-sims3 | Web | 18. září 2011 v 22:38 | Reagovat

Páni úžasný návod..:) Propracovaný a dobře napsaný, tak aby to každý pochopil..:) Super..:)

3 Bee♥Free Bee♥Free | Web | 23. září 2011 v 20:09 | Reagovat

to se tak někdo mám, že umí tak hezké, propracované designy a k tomu včemu umí poradit i ostatním, jak na to ... na tohle musím mít člověk buňky :D

4 Lenča Lenča | Web | 23. září 2011 v 20:29 | Reagovat

Úplně úžasný a fakt suprový návod! :-)
Teď už konečně vím, jak se to vlasně rozřezavá :-) Můžu teda říct, že lepší návod na design, jsem opravdu neviděla :D :-) Opravdu super a díky moc za tento návod, umíš opravdu skvělé designy, jsi fakt šikovná! :-) Jinak ten design, co jsi jako udělala v tom návodu, je fakt nádherný a moc se mi líbí ten obrázek! :-)

5 Hwmi Hwmi | Web | 1. října 2011 v 15:08 | Reagovat

Krása, nádher, bomba!
Mám akorát jeden dotaz, odkud stahuješ obrázky, já nikdy nemohu najít...

6 Blur Blur | Web | 9. října 2011 v 14:19 | Reagovat

Super, zase jsem se naučila něco nového - díky :)

7 Gilandhel Gilandhel | Web | 31. října 2011 v 8:25 | Reagovat

Mě se lépe pracuje ve Photofiltru, už ho znám, jak své botky polobotky. :D
Ale jinak návod je super.
A k tvému komentu: Díky za pochvalu laye i za gratulku. Taky pořád doufám, že se vrátíš. ;-)

8 ♀→♥JacQ♥←♀ ♀→♥JacQ♥←♀ | E-mail | Web | 9. února 2012 v 20:29 | Reagovat

Návod je bezva,jenže Já neumím nastavit ani ten rozměr,navíc na notebooku nemám photoshop a mám ho jenom na starém xpčku. A to myslím,že ten počítač rozkoušu,nebo něco horšího.

9 Lucky Lucky | 3. května 2012 v 18:42 | Reagovat

ahoj moc dobrý návod :)
moc mi pomohl..
a chtěla bych se tě zeptat kde jsi sehnala tenhle brush a jak se jmenuje.. je moc krásný.. :)
děkuju moc

10 Loree Loree | Web | 4. května 2012 v 23:05 | Reagovat

[9]: To byla sada brushů a už nevím kde jsem to stáhla, kdybys je ale chtěla, můžu ti je poslat na email :) A není zač ;)

11 Fergie Fergie | 16. prosince 2012 v 14:35 | Reagovat

Skvělej návod akorát nevím jak si přetáhla tu vrstvu jak si dala vrstva kopírováním to nwm jinak skvělej :)

12 Markét Markét | Web | 2. ledna 2013 v 21:08 | Reagovat

No dobré,ale nejde mi tu vrstvu přetáhnout :/ :)

13 Zoe Christy Zoe Christy | E-mail | Web | 1. června 2013 v 9:32 | Reagovat

Nejde mi tam dať ten brush na okraj stránky :( normálne to mám označené ale píše mi to, že pred vykreslením sa to musí rastrovať a to už potom nevyzerá tak dobre ako by to malo. :( Nevieš mi poradiť?

14 Lila Lila | E-mail | Web | 3. července 2013 v 9:25 | Reagovat

Super návod :D.
Len jediné čo mi nejak nesedí je že na notebook to presne sedí (myslím rozmery pozadia na blogu) ale ked pojdem na pc kde už je iná obrazovka tak sú tie rozmery iné.
Takže asi by bolo dobré vždy použiť rozmery aké si asi použila ty aby to sedelo na viacero obrazoviek (možno aj trochu širšie).

15 Prasiatko Prasiatko | 14. července 2013 v 13:28 | Reagovat

Páni, ľudia čo dokážu to čo ty...a je ich docela veľa na svete...sú pre mňa taký čarodejníci ako Merlin! Úžasné!!!

16 Ruby Ruby | Web | 24. března 2014 v 16:04 | Reagovat

Moc krásné :) Chtěla bych se tě zeptat, jestli by jsi mi nemohla vyrobit nějaký design ? :) Pořád sháním nějaký dobrý design a tenhle se mi moc líbí ! :) Tak kdyby jsi mohla :) Ozvi se :)

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