Dostal jsem takový nápad – napsat tutoriál na přání. Ne že bych už nevěděl co psát – plánů a rozepsaných článků mám víc než dost (mimochodem stále hledám další autory, máte-li chuť něco napsat a zpropagovat při tom trochu svoji tvorbu / stránky / portfolio, ozvěte se mi). Spíše mě napadlo, že bych mohl vyjít vstříc vám čtenářům – třeba jste narazili na vektorovu ilustraci nebo jen efekt, u kterého absolutně nechápete, jak jej mohl někdo v Illustrátoru vytvořit – rád se na to podívám a případně napíšu podrobný návod.
Přiznávám, že je to pro mě docela velká výzva, beru to ale jako zkoušku svých znalostí Illustrátoru, takže si předem vyhrazuji právo si vybrat, do kterého tutoriálu půjdu 🙂
Takže pro příště – vždycky když začnete přemýšlet, jak něco nakreslit v Illustrátoru, jak v Illustratoru napodobit nějaký efekt, texturu, vzpomeňte si na tento článek a zeptejte se.
Co od vás čekám?
Stačí, když do komentářů vložíte odkaz na finální ilustraci (která vás zajímá), nebo popíšete, co byste chtěli nakreslit (například textura dřeva, realistická ilustrace mraku, pomačkaný staniol, …). Jsem zvědav na vaše návrhy, ale trochu se jich i děsím. Přidávat komentáře můžete neustále, časem něco z toho vyberu a napíšu návod, když to bude něco jednoduššího, tak odepíšu přímo v komentářích. A podle množství dotazů budu psát další a další. Berte to jako takovou tutoriálovou poradnu pro Adobe Illustrator.
46 komentářů
10. října 2013
Libor Zapletal
Doufám, že to nevadí, že nebudu odkazovat na finální ilustraci, ale spíše bych chtěl něco jiného. Líbil by se mi nějaký jednoduchý návod pro vývojáře, jak si snadno vytvořit ikony případně celou grafiku pro mobilní aplikace. Myslím si, že je hodně začínajících vývojářů, kteří si zatím vytváří grafiku pro své aplikace sami, než se dostanou na úroveň, kdy už jim to dělá nějaký grafik na zakázku.
11. října 2013
Daniel Strelec
Vytvoření ikonek je určitě zajímavé téma, ale říkám si, kolik z vývojárů má Illustrátor a umí jej používat. Jestli není pro začínající vývojáře lepší použít některý z x-setů ikonek, které se dají na internetu stáhnout zdarma, než se pachtit s výrobou ikonek?
14. října 2013
Petr Václavek
Přiznám se, že s tímto nemám žádnou zkušenost, pár nabídek na práci v tomto oboru jsem měl, ale zatím jsem je všechny odmítl. Ani mě nenapadlo, že se grafika pro mobilní aplikace dělá v Illustrátoru, není lepší Photoshop? A ikonky je lepší si stáhnout, jsou jich na webu kvanta zdarma.
11. října 2013
Monika Beitlová
Já mám velkou mezeru, a to že neumím vyrobit seamless pattern, vím, že návody jsou, ale nějak jsem se nebyla schopná donutit to v angličtině nastudovat :). To je tedy můj tip, děkuji.
12. října 2013
Mek
http://www.jaroslavmachacek.com/files/9c786c7757679964fdb0a202fcb512f6-1277.html
Je to ono?
12. října 2013
Monika Beitlová
Ano, děkuji 🙂
21. října 2013
Jirik
V nové verzi Ilustrátoru se bezešví vzorek dělá rovnou jako náhled celé tapety, je proto nějaká funkce, viděl jsem to v návodu přímo u Adobe. (ale teď z hlavy si postup nevybavím)
11. listopadu 2013
Monika
Děkuji, ale novou verzi asi jen tak mít nebudu :).
12. října 2013
Petra
Mě by moc zajímalo, jak vytvořit “srolovaný papír s otrhanými okraji”. Něco na tento způsob: http://www.fotolia.com/id/45344243
Nebo jak vytvořit reálně vypadají dřevo, s tím mám také problém.
Jinak moc děkuji za vytvoření stránek pro ilustrátory v češtině 🙂
14. října 2013
Petr Václavek
Díky za podněty, obojí zní dobře, obojí jsem již tvořil, takže to nebude problém.
12. října 2013
vitek38
Co nějaká specialitka. Třeba tahle káva: http://www.shutterstock.com/pic-132856376/stock-vector-poster-with-a-coffee-cup-vector.html?src=w4dOEop_T1knqjfm4YLpPA-1-8 ?
12. října 2013
Mek
I to je k mání…
http://www.jaroslavmachacek.com/files/tutorial-pro-Illustrator-coffee-design.html
12. října 2013
vitek38
… Ještě jsem narazil na “akvarelové vektory”. http://www.shutterstock.com/pic-129146237/stock-vector-abstract-hand-drawn-watercolor-background-vector-illustration-stain-watercolors-colors-wet-on-wet.html?src=x1M3eUrnLUFp9e-rldXJGw-1-33 . Je to parádní.
14. října 2013
Petr Václavek
To vypadá úžasně, otázka je, zda je to ručně vytvořené v Illustrátoru, nebo to je jen do vektorů převedená fotka.
16. října 2013
Martin Grus
Mě se strašně líbí designy na fashion věci nebo snowboardy nebo skateboardy prsotě něco v tomto stylu:
http://www.behance.net/gallery/Creep-through-the-night/8368487
http://www.behance.net/gallery/Eagle-Eyes/11019087
http://www.behance.net/gallery/Monsters/11389623
Asi to zabere spousty času a je to moc náročné nebo ne? Jsou na to nějaké finty či vychytávky?
16. října 2013
Petr Václavek
Tak tohle je moc pěkné, ale popravdě je to hlavně o fantazii a umu umělce než nějaké finty a tajné postupy v Illustrátoru.
16. října 2013
lenka
Mňa by zaujímalo, ako vytvoriť nejakú zaujímavú vektorovú textúru. Neviem či sa to robí z fotky, alebo sa to rovno vo vektoroch kreslí. Niečo také ako je tu http://blog.spoongraphics.co.uk/freebies/free-vector-bumper-pack-of-grungy-textures-brushes . Tieto sú free, ale neviem, či aj pre komerčné použitie. A predsa by som si to len chcela vedieť vytvoriť sama. Tak a vás to zaujalo, budem rada, ak bude nejaký návod 🙂 ďakujem
16. října 2013
Petr Václavek
Lenko, na to stačí jedna sklenička inkoustu a hodina volného času 🙂 Také jsem si před lety udělal vlastní sadu čmouh, kaněk, stříkanců a cákanců – jen ten čas jsem tenkrát neodhadl – začal jsem v deset večer a končil kolem druhé ráno. Ten paklík pokaňkovaných papírů ještě někde mám.
Jo takže uděláte kaňky tím inkoustem na bílém papíře, pak to ofotíte a pak přetrejsujete (převedete na vektor) v Illustrátoru. A je to, příjemnou zábavu!
16. října 2013
lenka
Ďakujem! No a dni hľadania návodov sú zamnou 😀
21. října 2013
Jirik
Mě by se líbilo umět udělat takovéto barevné závoje. Ve Photoshopu si to snad dokážu představit, ale ve vektorech, to je dost fantasie. http://www.shutterstock.com/portfolio/search.mhtml?gallery_landing=1&gallery_id=124570&page=1&safesearch=1&sort_method=popular a ještě podobný autor http://www.shutterstock.com/portfolio/search.mhtml?gallery_landing=1&gallery_id=150604&page=1&safesearch=1&sort_method=popular
22. října 2013
Petr Václavek
Tak tohle vypadá jako zajímavá výzva! Díky za tip, zkusím se nad tím zamyslet a vyzkoušet – nějakou představu, jak by se to dalo udělat už mám, teď jde o to ověření v praxi. Ale pár týdnů to potrvá, nějak teď nestíhám.
23. října 2013
Majk
Mě by se popravdě taky líbilo jak udělat to, co postnul Jirik….hodně jsem to zkoušel..ale výsledek pořád pro mě hnusný a nepoužitelný…za takový návod bych byl happy 🙂
5. listopadu 2013
Michal
Zdravím, ak by sa dalo tak mňa by zaujímalo ako vytvoriť takéto pekné ihličie http://eu.fotolia.com/id/46373264 alebo aj jednoduhšie. Je to teraz aktuálna téma pre Vianocami a ja nejako neviem nájsť na anglických stránkach dobrý tutoriál. Vďaka.
6. listopadu 2013
Petr Václavek
Michale, nejsem si zcela jist, zda je zrovna tato ilustrace vektorová, ale něco podobného by mělo jít v Illustrátoru udělat. Zkusím se na to podívat než budou Vánoce 🙂
6. listopadu 2013
Peter Kupčík
Michal, tutoriál na tvorbu troch rôznych typov ihličia (vrátane toho realistického, ktoré požaduješ) nájdeš na tejto adrese: http://www.astutegraphics.com/blog/three-ways-of-creating-a-vector-spruce-twig-with-the-help-of-vectorscribe/
Autor pri tvorbe používa síce aj VectorScribe plugin, ale myslím si, že pre šikovného grafika nie je problém spraviť to aj bez pluginu. Len bude tvorba trvať možno o pár minút dlhšie.
6. listopadu 2013
Michal
Ďakujem za odpovede, stačilo by aj niečo jednoduchšie, nemusí to byť až tak prepracované. Vďaka za tutoriál Peter, takéto niečo som hľadal, určite to skúsim 🙂
10. listopadu 2013
Miroslav
Dobrý den, už nějakou dobu si lámu hlavu jak vytvořit po vytvoření loga jeho profesionální prezentaci, tzn. vytvořit ilustraci jeho použití na hlavičkovém papíře, autě atd. Občas vidím různé návrhy, které jsou jakoby vypálené do dřeva, vyšité na látku, vtisknuté do papíru atd. Bylo by možné vytvořit tutoriál ? Díky 🙂
14. listopadu 2013
Miroslav
jen pro doplnění předchozího požadavku, měl jsem na mysli něco takového
http://www.logopro.cz/projekty/logo/84-synapse/2580-94e9955aa0f9c9dd254b1c1e2603fe5d
nebo
http://www.topdesigner.cz/contest/view-design/34650.html
Díky.M.
15. listopadu 2013
Ravennka
Ahoj,
nevím, jestli Ti jde o to, se to naučit dělat, nebo prostě “to mít”, dá se to totiž jednoduše stáhnout na webu 😉 jmenuje se to “mock up” a dají se stáhnout jak zadarmo, tak samozřejmě se dají i koupit…
Tady link na nějaké free http://blog.spoongraphics.co.uk/articles/25-free-psd-templates-to-mockup-your-print-designs
15. listopadu 2013
Miroslav
To Ravennka: Díky, to je přesně ono 🙂
15. listopadu 2013
Miroslav
Jen ještě dotaz: s těmi mock-upy se pracuje jen ve Photoshopu nebo i v Illustratoru? Díky.
15. listopadu 2013
Ravennka
No většinou jsou pro Ps, ale sem tam se něco objeví i pro Ai… záleží na tom co stáhneš =)
15. září 2014
Petr Václavek
Teď na to vyšel pěkný tutoriál na grafických tipech: http://graficketipy.cz/?p=324
28. prosince 2013
katarina
Tiez by som mala zaujem o tie farebne zavoje, ako pise JIRIK a z toho isteho portfolia ako pripojil aj on o by ma este zaujimalo nieco taketo: akoby vystrihnute jednoduche napr. kvety i s tienom….. Dakujem….:-)
http://www.shutterstock.com/pic-127127354/stock-vector-abstract-paper-leaves.html?src=3_xNreYvo0emPpblxZC69Q-1-85
Nuz, mate co robit ked tak pozeram, kolko poziadaviek sa nahrnulo:-) 🙂 Dakujem ze robite co robite….
3. ledna 2014
Martin
Zdravím, krásný web. Mě by zajímalo návrh loga – jednotlivé kroky – od návrhu na papíru až po spracování v pc. Na co si dát pozor, co by logo mělo x nemělo obsahovat. Kontkrétně bych chtěl udělat logo tátovi, který má malou truhlárnu a přemýšlel jsem třeba o kombinaci pily s písmem nebo dřevěné písmo atd.
4. ledna 2014
Ravennka
Já se obávám, že tohle není na článek, ale na mnoho knih… sice někdo třeba něco napíše, ale jestli to myslíš, třeba i do budoucna, vážně, pak bych zapojila google a hledala, četla, vstřebávala. Je toho dost napsáno i česky (i knížky).
7. ledna 2014
Petr Václavek
Přesně jak píše Ravennka – práce na logu je složena z 95% čmárání na papíru a vymýšlení a pak posledních 5% tvoří překreslení do křivek, které by podle již hotové předlohy zvládl asi každý i začínající grafik.
Pokud tě zajímá návrh loga, mrkni na tuhle knihu: http://knihy.cpress.cz/design-loga.html
7. ledna 2014
Martin
Děkuji za odpověď na knihu se určitě podívám.
17. února 2014
Zdeněk
Inspirace:
Asi to nebude pro šikovného tvůrce velký problém, ale už dost dlouho si hraju s rozbitým sklem, nejlépe, jako po úderu kladívkem v nějakém dopravním prostředku.
17. února 2014
Petr
Jeden pěkný tutoriál na rozbité sklo je tady: http://www.vectordiary.com/tips-and-tricks/broken-glass-effect/ ale osobně bych asi spíše nafotil skutečné rozbité sklo a to pak zvektorizoval 🙂
20. března 2014
Nika
Zdravím,
především bych chtěla poděkovat za Vaše stránky, jsou velkým přínosem a to určitě nejen pro nás, začínající grafiky. Bylo by možné zpracovat tutoriál na téma psaní textu okolo kruhu v tomto stylu: http://2.bp.blogspot.com/_yrBSRiYfNOI/TUVi9F7-laI/AAAAAAAAAL0/SeIpG3ZD9Vo/s1600/ISTD-poster-2.jpg ?
15. září 2014
Honza
Ahoj. Mě by zajímalo jak správně připravit vícebarevný výtvor pro sítotisk na tričko. Dekuji
6. října 2014
Jaroslav
Ahoj, na úvod by som tiež rád poďakoval za veľmi dobrý web, ktorý mi v mojich grafických začiatkoch veľmi pomáha. Potreboval by som poradiť s niečím pre mňa jedna veľká záhada- pre teba to možno bude brnkačka- potrebujem vytvoriť niečo ako rímsky nápis na Trenčianskej skale- to znamená podklad by mala tvoriť zvetraná skala poznačená zubom času a písmo by malo mať buď taký podobný font ako na hradnej skale( http://i.minus.com/igst6DrBq1RXE.jpg ) , prípadne takýto ( http://i.minus.com/ibhqwVL6CRK4LI.jpg ) . Možno to je až triviálne ľahké, pre mňa je to momentálne veľké sústo. Za prípadnú pomoc (alebo vytvorenie tutoriálu vopred ďakujem.
Jarda
7. října 2014
Petr Václavek
Asi nejjednodušší je sehnat fotku té skály a tu zvektorizovat. Následně si stáhnout podobný font a použít, pohrát si se stíny a je to.
7. října 2014
Petr Václavek
Náhoda tomu chtěla, že jsem zrovna dnes narazil na jeden tutoriál, který přesně popisuje co potřebuješ: http://design.tutsplus.com/tutorials/how-to-create-a-dark-gravestone-illustration-in-adobe-illustrator–cms-22137
7. října 2014
Jaroslav
Díky Peter, veľmi si to cením.