Photoshop - Jak rozřezat layout

20. srpna 2012 v 11:53 | © Nonsiie |  rady, tipy, návody

Ahoj,
dneska bych vám chtěla ukázat, že rozřezání layoutu není vůbec nic těžkého. Možná to mnozí z vás znají a umí, takže tento návod je právě pro ty, co se s tím poprvé setkávají. Celý návod je tvořen obrázky a textem, tak to snad každý pochopí. Pokud ne, ráda poradím v komentářích.


Pro ukázku jsem použila jeden ze svých layoutů, který jsem ještě neořezávala. Takže nejdříve musíme mít nějaký layout. Otevřeme si ho ve Photoshopu a můžeme začít.

1) Klikneme na ikonku ořezávání (vlevo ve sloupečku pátá od shora) a zabereme celou vrchní část až po všechen text, který se v záhlaví objevuje - myslím tím i to, co je napsané na stránce a menu, ale můžeme jít klidně i níže. Klikneme pravým tlačítkem myši a dáte "Oříznout".
Tohle vznikne. Uložíme si to pod názvem stránka-pozadí.

2) Poté si vybereme pouze prostřední část. Máme ji ohraničenou jednou stranou stránky a druhou stranou menu. Opět dáme oříznout.
Tohle vznikne. Tentokrát neukládáme, ale pokračujeme.
Vybereme část těsně nad horními popisky a dáme "oříznout".
Vznikne nám tohle a uložíme si to jako "záhlaví".

3) Teď klikneme v Historii na předposlední "oříznout", stejně jako to vidíte v červeném kolečku vpravo dole.
Poté vybereme první popisku v záhlaví (v mém případě "fashion") a dáme "oříznout". Pozor, musíte to vybrat až dolů - NE pouze ten nápis!
A takhle to potom vypadá. Uložíme to jako "volitelný horní box 1".

4) Stejným způsobem pokračujeme až na konec, kde je poslední popisek/ikonka. Vybereme a dáme "oříznout".
Takto to vypadá. Uložíme jako ty předchozí, akorát s číslem 5 ... "volitelný horní box 5".

5) Teď si znovu otevřeme původní obrázek layoutu jako na začátku. Vybereme si část, kde je stránka a menu. Musít to být ale čístá část, kde nejsou obrázky a text. Dáme "Oříznout".
Takhle to vypadá. Uložíme to jako "stránka-vnější okraj".

6) Nakonec vybeme zápatí, tak jak to vidíte na obrázku. Dáme "Oříznout".
To potom uložíme jako "zápatí".

To je všechno. Máme vybrány všechny části layoutu, teď už to jen nastavit. A to si povíme zase příště. Pomohl vám tento návod? Připadá vám přehledný nebo máte nějaké nejasnosti? Klidně piště do komentářů.
 

24 lidí ohodnotilo tento článek.

Komentáře

1 Petiline Petiline | Web | 15. září 2012 v 18:32 | Reagovat

Fakt dobrý návod! Určitě ho použiji! A ještě se zeptám jestli můžu napodobit tvůj layout. Samozřejmě dám jiné barvy obrázky a jestli budeš chtít tak do popisu přidám odkud jsem se inspirovala ;)

2 Nonsiie Nonsiie | E-mail | Web | 15. září 2012 v 21:54 | Reagovat

[1]: Páni, takovou otázku bych nečekala. Myslíš ten, co mám nastavený? Tak určitě se můžeš inspirovat, ale jen aby nebyl jak přes kopírák. Kdysi dávno jsem se já tak moc inspirovala, že si pak ty blogy lidi spletli :-D  :D Ale jinak mi to nevadí a ráda se pak na ten layout kouknu :-)  ;-)

3 Petiline Petiline | Web | 16. září 2012 v 21:04 | Reagovat

[2]:  Aby nebyl jako přes kopírák? Tak to se neboj! Můj layout na rozdíl od tvého bude odpuzovat a né lákat návštěvníky ;D Myslím že ten můj layout nebude nic moc, ale každopádně bych byla ráda za tvou upřímnost a řekla mi co mám vylepšit ;) Nevím zda se propracuji k dokonalosti ale zkusím a uvidíme :P

4 Lairai Lairai | E-mail | Web | 3. listopadu 2012 v 22:30 | Reagovat

no vidím že mám úplně jiný způsob :D na mě moc složité todleto xD

5 Izzie 28 Izzie 28 | Web | 26. ledna 2013 v 13:54 | Reagovat

Je to skvélé fakt mi to pomohlo photoshop mám 2 dny a dess co dělám je vlastně 1 v ps. a dělám ho kámošce fakt moc díky máš super návody které pomáhají :)  :D

6 kolbisko-sunset-valley kolbisko-sunset-valley | 10. února 2013 v 13:54 | Reagovat

Ja to orežem a potom sa mi to oreže úplne celé, čiže mi tam ostane len hento a potom, že či chcem uložiť zmeny. Pomôžeš mi, prosím? :O 8-O

7 Nonsiie Nonsiie | E-mail | Web | 16. února 2013 v 22:05 | Reagovat

[6]: Když si ten kousek ořežeš, tak si dáš "uložit jako" a uložíš ho do nějaké složky pak dáš zpět na ten celý layout a ořežeš další kousek layoutu. Změny v průběhu neukládáš. Nejlepší je si udělat zálohu celého layoutu ve formátu psd. :-)

8 *Nat* *Nat* | E-mail | 26. února 2013 v 19:53 | Reagovat

Je dokonalý!!! Waw!! Strašně ti děkuju!! Díky to bě to umím!! Hrozně díky! :) :DD Fakt jsem z toho šťastná!♥ :DD

9 Bubli-Fook Bubli-Fook | Web | 10. března 2013 v 19:50 | Reagovat

..jsem absolutně mimo? O_O vážně..:D je to na mě moc složitý :D

10 Caitlin. Caitlin. | Web | 12. března 2013 v 19:18 | Reagovat

já teda ještě, jak tam je to měřítko okolo, tak si z něho vytáhnu modrý "čáry" kterýma si rozdělím všechny věci z layoutu, který chci "vyřezat" a pak teprve ořezávám..nevím jestli tím způsobem bez těch čar je to přesný teda:O:D by mě zajímalo jak bys ořízla třeba kdyby jsi tam měla animaci, video apod. :D:D jinak dobrý návod:)

11 Nonsiie Nonsiie | E-mail | Web | 12. března 2013 v 19:56 | Reagovat

[10]: Já vím, v době tohoto návodu jsem to neznala, ale jinak to teď používám. Některé návody budu muset překopat :-D  ;-)

12 Tass Tass | 12. března 2013 v 20:50 | Reagovat

Nechybí tam ještě oříznout pozadí menu? 8-O Jinak krásný blog,tutoriál,boží layouty prostě máš talent O_O :-P

13 Nonsiie Nonsiie | E-mail | Web | 12. března 2013 v 20:58 | Reagovat

[12]: V případě takového menu to myslím není potřeba, jen u boxů...tady stačí, když menu nebudeš nijak nastavovat>pozadí tam bude průhledné. Děkuji :-)

14 Chantal | robert-downeyjrcz Chantal | robert-downeyjrcz | Web | 16. dubna 2013 v 22:39 | Reagovat

Musím ti složit poklonu. Z žádného jiného návodu jsem to nepochopila tak dobře, jako z toho tvého :) Děkuju moc!

15 Nonsiie Nonsiie | E-mail | Web | 17. dubna 2013 v 8:16 | Reagovat

[14]: To jsem moc ráda, děkuji :-)

16 Lady M. Lady M. | Web | 22. května 2013 v 16:50 | Reagovat

Vážně skvělý návod! Určitě ho použiju! o.o

17 Nonsiie Nonsiie | E-mail | Web | 22. května 2013 v 17:05 | Reagovat

[16]: Děkuji. Kdyžtak koukni na tenhle návod: http://yellow-graphic.blog.cz/1303/jak-rozrezat-layout-s-mrizkama Je novější a přesnější :-)  ;-)

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