Tutoriál: Tvorba layoutu v Adobe PS

28. června 2010 v 17:28 | Gormal |  Tutoriály
02
Ano, konečně jsem se k tomu dokopala.


Co bych k tomu tak řekla... Tak začneme tím základním.


Tutoriál jsem tvořila v PS CS5, pokud máte jinou verzi a nějaké nástroje někde jinde, je třeba pohledat XDD.


Dále mám v PS češtinu a nejsem si jistá, jak se určité věci nazývají anglicky (pár jich vím, ale některé fakt ne...), takže pořádně koukejte na screeny :D (proto je jich tam taky tolik).


No, původně jsem ho chtěla napsat normálně do článku, ale jelikož mi nakonec z toho všeho vylezlo 89 screenů, tak to pardon, ale to se mi fakt vkládat do článku nechce :DD


Proto jsem udělala zipku, která obsahuje tutoriál v PDF, složku se screeny v plné velikosti XD, vzorek (splácaný jen tak narychlo :D) a konečně - bonus - PSD v celé své kráse.


Ještě bych ráda zdůraznila, že v layoutu je použit obrázek od [DeepBlueNine] » pamatujte na autorský zákon!


Za další - postupy v návodu uvedené nemusí být vždy ty nejlepší, pokud jste zvyklí v PS pracovat jinak, nemusíte to samozdřejmě dělat přesně jako já. Jedné věci se dá dosáhnout různými způsoby, že XD.


No, to je tak snad vše, co jsem chtěla říct.
STÁHNI


 

6 lidí ohodnotilo tento článek.

Komentáře

1 Evelin Evelin | Web | 28. června 2010 v 17:37 | Reagovat

Wow tak na to se musím podívat, taky bych se mohla něco přiučit :-D

2 Gormal Gormal | 28. června 2010 v 17:39 | Reagovat

[1]: Myslím, že ani ne, je to spíš opravdu pro začátečníky (snad, doufám, že je to srozumitelné) :-D

3 n_n n_n | 28. června 2010 v 17:54 | Reagovat

[1]: Aj ja! :-D  :-D

4 n_n n_n | 28. června 2010 v 17:58 | Reagovat

Fúú CS5, a nedalo by sa to aj v CS3 ?? ;-)  :-)

5 Gormal Gormal | 28. června 2010 v 18:01 | Reagovat

[4]: Mělo by tam být vše stejné... Možná jen rozmístění nástrojů nebo tak... =)

6 Summer Summer | Web | 28. června 2010 v 18:08 | Reagovat

myslím, že by se pak hodil i návod na rozřezání a nastavení laoutu, jak se třeba udělají aby to nahoře byly odkay apod. jen pokud by se ti chtělo xDD

7 Gormal Gormal | 28. června 2010 v 19:01 | Reagovat

[6]: Taky jsem nad tím přemýšlela ;-)

8 Colli <3 Colli <3 | Web | 28. června 2010 v 19:03 | Reagovat

No wow smekám klóbrc před Tebou že jsi si s tím dala takovou práci ;)

Je to jak koukám pro začátečníky ,ale mě to bude trvat tak 5 dní než to pochopím - opravdu :D :D

A až bude hotový tak ti ho ukážu :D

9 Colli <3 Colli <3 | Web | 28. června 2010 v 19:04 | Reagovat

[6]: Ano, souhasím :D ;)

10 Gormal Gormal | 28. června 2010 v 19:35 | Reagovat

[8]: Těším se :-)

11 B-eauty* B-eauty* | Web | 28. června 2010 v 20:08 | Reagovat

To je dobrej návod, zkusím to podle něj a pak ti sem (možná) dám odkaz jak to dopadlo :-)  :-D

12 BoniTká <3 BoniTká <3 | Web | 28. června 2010 v 21:05 | Reagovat

stáhnu si to a podívám se, jak vysvětluješ tuto pro mě nepochopitelnou věc :D
nikdy jsem neměla v plánu někomu psát "jak dělám layout" :D přišlo mi to hrozně neosobní .. :D kouknu, cos udělala ty ;))

13 BoniTká <3 BoniTká <3 | Web | 28. června 2010 v 21:16 | Reagovat

[12]: teda musím říct, že si to neodflákla :) je to skvělé :)

14 Blanch Blanch | E-mail | Web | 28. června 2010 v 21:40 | Reagovat

Nedalo mi to,, abych se taky nekoukla :D
Máš pravdu, plno věcí se dá udělat třeba i třemi čtyřmi způsoby. Přiznám se, že seč f-ce, které používáš znám a používám je taky, tak TAKTO mě ještě nikdy nenapadlo je použít :), přijde mi to zdlouhavější. Ale to je taky možná tím, že už mám ten svůj postup tak v ruce, že už by mi to jinak déle trvalo :).
Mám sice starou dobrou osmičku PS(zato originál), ale slouží dobře :D

Tutoriál je bezvadný, myslím, že s lepším jsem se ještě ani nesetkala, opravdu ho máš dobře zpracovaný.

15 Gormal Gormal | 28. června 2010 v 22:44 | Reagovat

[11]: Ráda se mrknu ;-)

[12]: :-D  [13]: Děkuji ti drahá :-)

[14]: Coo? Já a dělat něco zdlouhavě? Nee, to není možný Blanch :D *ir* No, já to hlavně mám tak naučený no, a zatím jsem ani jiné postupy nějak zvlášť nezkoumala :-D

Bezvadný? No páni, zas takovou odezvu jsem nečekala :-D Děkuji :-)

16 Blanch Blanch | 29. června 2010 v 0:23 | Reagovat

Víš, jak to je, starého psa novým kouskům nenaučíš. Jakmile si jednou nějaký postup osvojíš, už se ti nový nechce ani hledat a navíc je to stejně zbytečné, důležité je, že docílíš stejného výsledku.

17 Janys* Janys* | Web | 29. června 2010 v 8:37 | Reagovat

WoW hned zkusím!..:D

18 BoniTká <3 BoniTká <3 | Web | 29. června 2010 v 9:27 | Reagovat

[16]: správně ;)) a hlavně, každý má svůj styl dělání designů, tak jak se to prostě naučí :))

19 eL eL | E-mail | Web | 29. června 2010 v 12:01 | Reagovat

Super návod :-) též mi to nedalo a koukla jsem se! :-D
Přiučila jsem se pár fíglům ve photoshopu ale zůstanu u svého zatím se rozvíjejícího se stylu :-D

PS: Obdiv že se ti to chtělo dělat! :-D

20 lovely-house-PRO MĚ JSI FAVOURITE:-) lovely-house-PRO MĚ JSI FAVOURITE:-) | E-mail | Web | 29. června 2010 v 13:01 | Reagovat

j áse kounku :-D  :-D

21 lovely-house-PRO MĚ JSI FAVOURITE:-) lovely-house-PRO MĚ JSI FAVOURITE:-) | E-mail | Web | 29. června 2010 v 13:25 | Reagovat

a z té stránky sjem si vzala taky obrázky tákže bude free layout nějak ýapokud s em ibdue líbit tak ho dám si pro sebe j áan blog :-D  :-D  :-D,ale nevím

22 Dark Angel Dark Angel | 29. června 2010 v 15:12 | Reagovat

Héj! Dobře ty, gratulace, poklona... já bych na tohle něměl nerva :D... Moc práce... ale máš to bezvadné! Je to podrboné a vysvětlené.... zkrátka jsi jednička!

23 jandova-rolins jandova-rolins | Web | 29. června 2010 v 16:02 | Reagovat

děkuju za tutoriál, moc mi pomohl :)) snad budou další od tebe, fakt umíš vysvětlit PS CS5 i magorovi, jako jsem já :)))

24 Gormal Gormal | 29. června 2010 v 16:19 | Reagovat

[16]: Ano ano, přesně :-D

[19]: Díky ;-) Jsem ráda, že ti to aspoň trochu pomohlo ;-) :-D

[22]: :D  :D Ano, jistě, jsem úžasná ve všech směrech :-D Díky ;-)

[23]: Nemáš zač :-) Pokud se k tomu opět dokopu, tak snad jo ;-)

25 alegre alegre | Web | 29. června 2010 v 18:19 | Reagovat

no super,to se mi akorát hodí,stáhla jsem si PS CS3 a akorát super!dík snad se něco naučím :)

26 Dark Angel Dark Angel | Web | 29. června 2010 v 18:50 | Reagovat

[24]:No pozor, zase tu chválu tolik neber, to já jen tak nze slušnosti :D :D *ir*

27 Gormal Gormal | 29. června 2010 v 20:14 | Reagovat

[25]: ;-) Doufám, že ti to pomůže :-)

[26]: Coo? Tak teď budu brečet... :-( Zlá Temná Andělka

28 Nessie Nessie | Web | 29. června 2010 v 20:56 | Reagovat

Ahoj doufám žře Ti nevadí že jsem si Tě přidala do oblíbených stránek :)
Jinak dobrý návod ;)

29 Aný Aný | Web | 29. června 2010 v 21:32 | Reagovat

Neodolala jsem a koukla jsem se... No páni, je to opravdu promakaný tutorial! Spoustě lidem určitě pomůže a poradí.
Kdysi jsem něco podobného také zkoušela, ale neměla jsem dostatek nervů, a tak to nedopadlo :D

Spoustu věcí, které tam popisuješ, dělám úplně jinak, ale to je věc zvyku :D
Každopádně klobouk dolů za tvou trpělivost a nepopíratelný um :)

30 Freezy Freezy | Web | 30. června 2010 v 9:19 | Reagovat

Já se taky chystám na podobný tutoriál :D
že darkie?! xD

31 Summer Summer | Web | 30. června 2010 v 12:07 | Reagovat

tak já jsem si vybrala jiný obrázek a pár věcí pozměnila a vzniklo mi tohle: http://nd03.jxs.cz/064/092/a575d44edc_66496282_o2.jpg

v PS CS5 jsem dělala poprvé a v PS obecně asi po třetí, tak prosím názor :D Jinak tutoriál opravdu boží ;-)

32 Summer Summer | Web | 30. června 2010 v 12:07 | Reagovat

spam :( prsím zveřejnit :D

33 Gormal Gormal | 30. června 2010 v 14:38 | Reagovat

[28]: :-D Jistě že mi to vadí, pryč s tím *ironie* Jsem poctěna ;-)

[29]: Děkujii ^^ Jo, já už ke konci taky docela chcípala... :-D Ale jak se znám, kdybych to odložila "na potom", tak by to tam někde ve složce leželo ještě příští rok :-D

[30]: :-D

[31]: Aaa, první výtvor :-D No na to, že v PS neděláš, je to velice pěkné :-) *vzpomněla si na svoje začátky a pokusy XDD* Možná bych jenom zvolila jiný ten přechod, aby tam ta myšice více zapadala, ale to je taky věc vkusu ;-)

34 Lianna Lianna | E-mail | Web | 30. června 2010 v 15:06 | Reagovat

Musím pochválit komentář 31, ta myš se mi dost líbí. Jinak obdivuju trpělivost, mně stačil jeden návod na blend:-)

35 Frosty~[eS]* Frosty~[eS]* | Web | 30. června 2010 v 15:29 | Reagovat

Jako Photoshop mám dlouho, ale nic tam neumím, ale tvůj navod mi docela pomohl... Už jsem něco tam udělala, ale vypadá to jako nějaká šlápotina... :D

36 Dark Angel Dark Angel | Web | 30. června 2010 v 15:51 | Reagovat

[27]: :D:D:D Ne, fakt... obduvuju tvou trpělivost... Já bych s tím sekl někde v půlce jedné stránky :D

[30]: Stejně se oět dočkáš jen Pokémonů :D

37 Janča Janča | 30. června 2010 v 16:09 | Reagovat

mám photoshop cs3 a ukazuje se mi taková to tabulka: http://img.janforman.com/Beznazvuc9ij.png nevíte co s tím mám udělat?
prosím pomoc

38 Gormal Gormal | 30. června 2010 v 16:18 | Reagovat

[34]: :-) Děkuji

[35]: :-D Jsem ráda, že to aspoň pomohlo ;-)

[36]: :D :D THX

[37]: Nj, končí ti zkušební doba programu :D Musíš si ho buď koupit nebo si najdi serial key/keygen/crack... :-D

39 Janča Janča | 30. června 2010 v 18:11 | Reagovat

[38]: serial key jsem si stáhla zadala a dala ok ale pak  mě to vrátilo zpátky na tuto tabulku jak to máš ty?

40 Gormal Gormal | 30. června 2010 v 18:22 | Reagovat

[39]: Ona ta aktivace je trochu složitější, zadat key nestačí... zkus pohledat na googlu, já už si to přesně nepamatuju :-D

41 Janča Janča | 30. června 2010 v 18:31 | Reagovat

[40]: já už zkoušela hledat všude vím že tě otravuju ale fakt už si to nepamatuješ? :-)

42 Gormal Gormal | 30. června 2010 v 21:45 | Reagovat

[41]: Nepamatuju, ale nevěřím, že bys nic nenašla, google najde všechno :D

43 Marelia Marelia | Web | 4. července 2010 v 19:40 | Reagovat

Taky se přidávám ke smekajícím, návod je vážně podrobný a skvěle udělaný ;) Tutorial jsem dělala jednou a vím, že je to spousta práce, takže tě vážně obdivuji ;)

44 Lola Lola | Web | 18. července 2010 v 14:32 | Reagovat

Skvělej návod.Strašně moc děkuju :-). Já jsem to zkoušela.Není sice úplně podle toho,ale podoba v tom je :D .Jsem se s tím patlala hodinu a půl :D .

http://www.imagebam.com/image/2fc47389093917

45 DIA DIA | Web | 8. září 2010 v 17:04 | Reagovat

ďakujem :)
dám si ťa do oblúbených :) neva?

46 Lily Lily | Web | 27. března 2011 v 16:30 | Reagovat

je úžádné, kolik si dáš práce s návodem! to opravdu obdivuji.

47 Extasy Extasy | Web | 7. července 2011 v 14:00 | Reagovat

Jdu na to kouknout...neumím vůbec nic a PS je pro mě španělská vesnice, ale nechce se mi někoho otravovat kvůli osobnímu layoutu, ráda bych si ho udělala sama! Dík za tutoriál, ještě dneska ho vyzkouším:-)

48 JoJo JoJo | Web | 20. července 2011 v 13:06 | Reagovat

doháje,já mám PS CS2 :( nevíš kde stáhnout PS CS5?

49 Gormal Gormal | Web | 20. července 2011 v 14:31 | Reagovat

[48]: Hledej kdekoliv na warez fórech, ale v podstatě ani nemusíš, CS2 nebo CS5... to je celkem jedno :-).

50 JoJo JoJo | Web | 20. července 2011 v 15:51 | Reagovat

[49]: no ono by to pak bylo lehčí :-D tak až to dodělám,tak ti pošlu odkaz a uvidíš,jak to bude jedno :-D  :-D

51 Ladybird Ladybird | Web | 15. srpna 2011 v 11:30 | Reagovat

K tomu návodu se chci zeptat zadrhla jsem se u toho horního menu nevím jak tam udělat ten "lesk" s tou elipsou udělala jsem to ale udělalo mi to toto: http://nd05.jxs.cz/199/361/4bc5f5a14e_78922855_o2.jpg pomůžeš mi ?

52 Ladybird Ladybird | Web | 15. srpna 2011 v 11:31 | Reagovat

spam

53 Gormal Gormal | Web | 20. srpna 2011 v 22:01 | Reagovat

[51]: Vypadá to, jako bys to vyplnila místo bílou tou tmavě šedou? :-)

54 kikulaa kikulaa | 10. září 2011 v 19:49 | Reagovat

ahoj , nelepší tutoriál jaký jsem kdy viděla  :D úplně úžasný  všechno šlo docela dobře díky :) a tady je můj výtvor.. http://nd05.jxs.cz/273/846/b110c71395_79734598_o2.png je tam asi docela hodně chyb ale tak jsem ráda že můžu hrdě říct že  jsem udělala první layout v PS :)

55 Gormal Gormal | Web | 12. září 2011 v 12:00 | Reagovat

[54]: Díky za pochvalu :-). Tvůj výtvor je náhodou velmi dobrý, jen tak dál :-).

56 Coco Coco | Web | 18. července 2013 v 21:41 | Reagovat

Super, díky moc :)

Nový komentář

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