Na tři stovky povedených vektorových ikonek můžete stahovat z graphicdesignjunction.com a sadu dvanácti překrásných designových ikonek (tentokrát pouze v *.png) stahujte z tutorial9.net.

A pokud si budete chtít udělat ve Photoshopu parádní zátiší se svíčkou, tak na psd.tutsplus.com na vás čeká skvělý tutoriál.

Tag: grafika, free, tutoriál, Photoshop

Svého času jsem tady uveřejnil tento článek o funkci Vykrojení skupiny v InDesignu. Na závěr ukázek jsem „zadal domácí úkol“ – vytvořit pomocí zmíněné funkce „děravý“ text s vrženým stínem nad fotkou:

Od té doby se mně občas zjevují v poště dotazy jak to udělat, tak jsem si řekl, že to hodím sem :o) Celá „finta“ spočívá ve dvou textových rámcích s totožným textem a my si celý postup projdeme krok za krokem:

1) Úplně dospodu si umístěte fotku, můžete si ji i třeba zamknout do vlastní vrstvy, ať se vám „neplete pod rukama“. Nad fotku umístěte požadovaný text. Až budete s editací textu spokojeni, textový rámec zduplikujte (na barvách obou textů absolutně nezáleží, stejně bude ve finále vidět jenom stín). Níže umístěnému textu přiřaďte vržený stín, výše umístěnému textu snižte krytí objektu nebo textu na 0 %.

2) Zarovnejte oba texty přesně na sebe, seskupte je (Cmnd/Ctrl+G) a na paletce Efekty zatrhněte Vykrojení skupiny.

A samozřejmě se nemusíte omezovat jen na text, jen na vržený stín a jen na prosté snížení krytí komplet objektu. Dá se např. snížit jenom krytí výplně a krytí tahu ponechat na 100 %.

Tag: InDesign, tip, tutoriál, DTP

Nástroj na tvorbu grafů v Illustratoru umí spoustu věcí, o kterých řada uživatelů vůbec netuší. Co třeba vytvořit si nějaký vlastní styl a vizáž a nespoléhat se jenom na přednastavené grafiky?

1) Obyčejný obdélník přetvořte pomocí efektu 3D > Vytlačit a zkosit na „trojrozměrný kvádr“. Nástrojem Přímý výběr (A) vybírejte jednotlivé plochy a přiřaďte jim nějaký hezký jednoduchý přechod. Já pak ještě přidal tenké, do ztracena jdoucí „čáry“, zvýrazňující hrany.

2) Označte celou vaši grafiku, zvolte Objekt > Graf > Návrh a ve vyvolaném okně klepněte na Nový návrh. Můžete si ho také přejmenovat a vše potvrďte.

3) Zvolte nástroj Sloupcový graf a natáhněte s ním libovolný obdélník o budoucí velikosti grafu. Hned poté se vám objeví také tabulka s daty.

4) Vložte nebo vepište hodnoty pro jednotlivé sloupce a klepněte na tlačítko Použít. Tabulku s daty můžete zavřít.

5) Označte nástrojem Výběr (V) celý graf a zvolte Objekt > Graf > Sloupec. Tam vyberte před chvílí definovaný návrh vašeho grafu, Typ sloupce změňte na Natahovaný a potvrďte.

6) Hopla… a máme tu vlastní typ grafu, který stále zůstává editovatelný. Stačí opět vyvolat tabulku s daty (Objekt > Graf > Data) a můžete měnit hodnoty sloupců.

7) Celý graf samozřejmě ještě můžete pomocí dalších voleb z příslušného menu nebo výběrem jednotlivých částí pomocí nástrojů Přímý výběr a Nástroj pro výběr skupiny doladit podle svých potřeb…

Pozn.: Nikdy graf nerozdělujte! Zbavíte se tím možnosti kdykoliv v budoucnu jej pohodlně editovat. A samozřejmě snad ani nemusím dodávat, že předchozí návod byl čistě ilustrační. Vytvořte si vlastní návrhy, zkoušejte, experimentujte…

Tag: Illustrator, tip, tutoriál, DTP

Pozn.: Tutoriál je psán pro Illustrator CS3, ale tvořit můžete takřka v jakékoliv verzi programu. Návod vyžaduje základní znalosti aplikace, doba trvání tvorby grafiky je asi 30 minut. Uvedené klávesové zkratky platí pro Mac OS X, uživatelé Windows si nahradí Cmnd za Ctrl a Opt za Alt. Všechny screenshoty níže si můžete kliknutím zvětšit.


1) Nachystejte si do vzorníku sadu barev, se kterými budeme pracovat. Pokud se vám nechce, stáhněte si tu, se kterou jsem dělal já ;o) Po stažení a rozpakování zazipovaného souboru si ho někam uložte (v Mac OS X doporučuji do user/Library/Application Support/Adobe/Adobe Illustrator.../Swatches), jděte zpět do Illustratoru, otevřte plovoucí nabídku palety Vzorník a vyberte uloženou knihovnu. Pokud ji nevidíte přímo v nabídkách, zvolte položku Jiná knihovna a ukažte programu stažený a uložený soubor.

Stáhnout sadu barev

2) Zvolte nástroj Obdélník (M), klikněte do plátna a zadejte velikost čtverce o straně 1 cm. Přiřaďte mu libovolnou barvu z naší sady (já zvolil třeba tu červenou třetí zleva) a žádný tah.

3) Jděte do horního menu a zvolte Efekt > Deformovat a transformovat > Transformovat. Zadejte hodnoty dle obrázku níže…

4) Opět zvolte Efekt > Deformovat a transformovat > Transformovat a potvrďte, že chcete opravdu aplikovat nový efekt. Zadejte hodnoty podle obrázku a poté aplikujte Objekt > Rozdělit vzhled.

5) Nyní troška hraní. Zvolte nástroj Přímý výběr (A), označte namátkou několik čtverečků a přiřaďte jim nějakou barvu z barevné sady. Poté označte jiné a dejte jim zase jinou barvu. A tak dále, a tak dále. Je to trošku otravné, ale zabere to jenom chvilku :o) Výsledek může vypadat třeba takhle…

6) Jelikož je zbytečné se otravovat s klikáním na spoustu čtverečků, ale budeme potřebovat mozaiku větší, pomůžeme si malým švindlem. Celou mozaiku si několikrát zkopírujte (Option a tažení), některou kopii otočte o 90 stupňů doleva, jinou doprava, třetí třeba svisle převraťte atp. a nakonec všechny zarovnejte přesně k sobě a seskupte (Cmnd+G). Obrázky snad napoví, jak to myslím :o)

Tip: Pokud na vás vyskočí při zarovnávání objektů níže vyobrazená hláška, přečtěte si tento můj starší článek.

7) Nástrojem Výběr (V) přetáhněte celou mozaiku na paletku Symboly. Zaškrtněte typ Grafika a symbol si pojmenujte.

8) Za držení Shiftu natáhněte kružnici s libovolnou výplní a žádným tahem. Udělejte ji tak, aby byla menší než mozaika, kterou jsme vytvořili před chvílí.

9) Nástrojem Přímý výběr (A) označte levý boční bod a klávesou Delete ho odstraňte.

10) Zvolte Efekt > 3D > Obkroužit, zapněte si náhled a nechte hodnoty, které jsou defaultně nastaveny. Klikněte na Mapovat obraz, z roletky Symbol zvolte uloženou mozaiku a umístěte ji tak, aby nám zakrývala celou kouli. Potvrďte oba dialogy a zkontrolujte výsledek. Pokud uvidíte někde nějakou chybku (viz kousek koule nepokryté namapovaným symbolem na obrázku), jděte na paletku Vzhled a poklepejte na efekt, abyste ho upravili. Pak natočte kouli malinko jinak, případně „pošibujte“ i se symbolem až dosáhnete kompletního pokrytí.

11) Až jste s výsledkem spokojeni, označte naši kouli a zvolte Objekt > Rozdělit vzhled. Tento krok nemusíte dělat, pokud jste naprosto srozuměni s rozmístěním jednotlivých čverečků na kouli. Pokud byste ale chtěli v budoucnu třeba některé přebarvit (což může být užitečné při dodatečném umisťování lesků, hvězd apod.), musíte objekt rozdělit.

12) Jak vidíte, vznikla nám obrovská spleť kotevních bodů. Práce s takovýmto „šíleným“ objektem ale nebývá snadná, zvětšuje se také datový objem souboru a tak si pomůžeme malou fintou ke zjednodušení grafiky při zachování její vizáže. Vezměte si málo využívaný Nástroj pro výběr skupiny a dvakrát za sebou klikněte do některého z barevných čtverečků naší koule. Nyní máme ve výběru pouze namapovanou část objektu. Stiskněte Cmnd+C a Cmnd+V a tímto zkopírovat/vložit máte najednou k dispozici jednoduchý objekt s minimem kotevních bodů zcela v naší původní „3D vizáži“. Původní kouli můžete buď smazat nebo si ji hoďte někam bokem, kde nebude zavazet... pro strýčka Příhodu ;o)

13) Udělejte tyčku na upevnění ke stropu – vyplňte obdélník přechodem z nabídky Kovové (viz obrázky) a máte hotovo.

14) Teď už jen stačí udělat pozadí, nasázet tam nějaké hvězdičky, kolečka, kudrlinky, přechody, siluety atd., atp. a máte pozadí na pozvánku na párty jen to fikne ;o)

Mimochodem, právě při umisťování zmíněných odlesků se vám může hodit přebarvení konkrétních čtverečků (viz také bod 11). Když budete třeba na určitém místě chtít „shluk“ bílých plošek umocňujících dojem lesku, tak stačí klik nástrojem Přímý výběr (A) do konkrétního čtverečku a volba barvy ze vzorníku. Pokud by objekt nebyl rozdělen, tuhle možnost byste neměli... jedině snad úpravou symbolu mozaiky a nějakým šíleným znovunamapováním na kouli metodou pokus-omyl ;o)

Tag: tutoriál, Illustrator, DTP, grafika

Pozn.: Tutoriál je psán pro Illustrator CS3, ale tvořit můžete takřka v jakékoliv verzi programu. Návod vyžaduje základní znalosti aplikace, ale zvládnout by ho měli i začátečníci a doba trvání tvorby grafiky je asi 30–60 minut (dle rychlosti a zkušeností každého soudruha ;o)). Uvedené klávesové zkratky platí pro Mac OS X, uživatelé Windows si nahradí Cmnd za Ctrl a Opt za Alt. Všechny screnshoty níže si můžete kliknutím zvětšit.

1) Perem nebo tužkou si nakreslete zhruba takovýto tvar, jaký vidíte na obrázku a vyplňte ho 100% černou barvou.

2) Pomocí Cmnd+C a Cmnd+F zkopírujte základní tvar dopředu a posuňte ho o kousek nahoru.

3) Vyberte horní, nahoru posunutý tvar, a opět si ho pomocí Cmnd+C a Cmnd+F zkopírujte dopředu. Zmenšete ho, umístěte tak, jak vidíte na obrázku níže a vyplňte ho přechodem.

4) Tento tvar zkopírujte pomocí Cmnd+C a Cmnd+B dozadu a posuňte ho mírně nahoru a doprava a trošku ho roztáhněte i směrem dolů (viz obrázek). Vyplňte ho 50% černou.

5) Tento tvar opět zkopírujte pomocí Cmnd+C a Cmnd+B dozadu, posuňte znovu mírně nahoru a doprava, můžete ho i lehce roztáhnout směrem dolů a vyplňte ho 30% černou.

6) Vyberte celý střed klobouku a trošku ho zmenšete (opět zhruba jako na obrázku).

7) Vyberte černý tvar vytvořený v bodě 2), vezměte nástroj Mřížka přechodů (U) a klikněte zhruba do míst, která vidíte naznačená na obrázku.

8) Nástrojem Přímý výběr vyberte na obrázku označené body mřížky a přiřaďte jim 80% černou. Označte vše a seskupte (Cmnd+G).

9) Nástrojem Pero ( P) nakreslete takovýto tvar…

10) Zvolte Objekt > Transformovat > Zrcadlit (Svisle, úhel 90°, Kopírovat) a posuňte tvar těsně vedle původního. Nástrojem Přímý výběr (A) vyberte horní krajní body z obou tvarů a stiskněte Cmnd+J (Objekt > Cesta > Spojit). To stejné udělejte i se spodními krajními body, čímž vytvoříme jeden tvar.

11) Tvaru dejte žádný tah, výplň stejným gradientem jako vnitřek klobouku (viz bod 3), posuňte ho zcela dozadu (Cmnd+Shift+ú) a umístěte jako na obrázku.

12) Natáhněte obdélník jak je ukázáno na obrázku a vyplňte ho gradientem.

13) Jděte na Efekt > Pokřivit > Klenba a „ohněte“ obdélník. Pak zvolte Objekt > Rozdělit vzhled.

14) Přiberte k němu do výběru (Shift+klik) i tvar spodku klobouku a oba pošlete úplně dozadu (Cmnd+Shift+ú).

15) Označte spodní tvar (tělo klobouku) a pomocí Cmnd+C a Cmnd+F ho zkopírujte dopředu. Nechte označené a se Shiftem klikněte na šedý ohnutý obdélník. Nyní máme označeny oba tvary a na paletce Cestář klikněte za držení klávesy Option na ikonu Průsečík.

16) Označte právě dokončenou šedobílou ozdobu klobouku a pomocí Cmnd+C a Cmnd+F ji dvakrát (!) zkopírujte dopředu. Posuňte jednu kopii nahoru až kousek pod vršek klobouku a spolu s ní (Shift+klik) označte druhou kopii. Poté opět klikněte na Cestáři za držení Option na ikonku Průsečík.

17) Vzniklý tvar, kterým budeme simulovat stín nechte označený a klikněte na ikonu Přebarvit kresbu). Tam klepněte na záložku Upravit a pomocí jezdce Nastavit jas mírně ztmavte kresbu.

18) Teď vytvoříme kouzelníkovu hůlku. Natáhněte obdélník a vyplňte ho přechodem dle obrázku.

19) Natáhněte elipsu o naprosto stejné výšce, jakou má obdélník, vyplňte stejným gradientem a zarovnejte oba tvary podle obrázku.

20) Stiskněte Option a Shift a zduplikujte „zlatý“ obdélník tažením doprava (Option zajistí kopírování, Shift zaručí posun ve stejné rovině). Odešlete ho dozadu (Cmnd+Shift+ú), roztáhněte ho do boku, malilinko zmenšete výšku a přiřaďte gradient dle obrázku. Pro jistotu označte všechny tři zatím vytvořené díly hůlky a svisle zarovnejte na střed.

21) Za držení Option a Shift zduplikujte první „zlatý“ obdélník a vytvořte tak druhý konec hůlky. Poté (opět za držení Option a Shift) zduplikujte „zlatou“ elipsu z levého kraje a umístěte ji na druhý konec hůlky. Trošku ji zužte a vyplňte přechodem dle obrázku.

22) Označte všechny části hůlky a seskupte je (Cmnd+G). Pak ji natočte, případně zmenšete či zvětšete a umístěte nad klobouk zhruba podle obrázku.

23) Teď stín, který vrhá hůlka na klobouk. Nejdříve si rozgrupněte vršek klobouku (označit a Cmnd+Shift+G), protože budeme za chvíli potřebovat k práci jednotlivé části. Pak si nástrojem Pero naklikejte podobný čtyřúhelník jako na obrázku a vyplňte ho 100% černou barvou. Poté označte hůlku a pomocí Cmnd+Shift+) ji pošlete úplně nahoru.

24) Jelikož objekt s mřížkou přechodů nelze použít jako element složeného tvaru, pomůžeme si malou fintou. Označte úplný vršek klobouku (tvar se zmíněnou mřížkou přechodů) a zvolte Objekt > Cesta > Odsazená cesta a zadejte hodnotu odsazení 0. Nyní máme ve výběru jak objekt s mřížkou, tak odsazenou cestu, která je pod ním. Stiskněte Shift a klikněte na horní objekt s mřížkou, čímž ji ODznačíme. Pak stiskněte Shift+X, čímž prohodíme na právě vytvořené odsazené cestě černý tah za žádnou výplň (zkontrolujte pohledem na ikonky Výplň/Tah). Poté klikněte opět se Shiftem na tvar budoucího stínu pod hůlkou (tím ho přibereme do výběru) a na paletce Cestář klikněte s Option na Průsečík.

25) Nástrojem Přímý výběr (A) si případně upravte krajní body tak, aby leželi na vnitřní hraně klobouku (zhruba jako na obrázku).

26) Natáhněte další obdélník ve 100% černé barvě směrem dolů a umístěte ho pod hůlku.

27) Přiberte do výběru vnitřní část klobouku (tu s přechodem) a na paletce Cestář klikněte na Rozdělit. Poté vyberte nástrojem Přímý výběrem (A) přečnívající kousek a smažte ho.

28) Na závěr můžete přidělat nějaký „jakobystín“ pod klobouk, zrcadlení, nějaký přechod coby pozadí a kouzelné hvězdičky (vytažení cesty nachystaným štětcem)…

Finále pak může vypadat třeba nějak takhle…

Malá douška na závěr – samozřejmě se nemusíte uvedeného návodu držet zuby-nehty, kdykoliv se vám bude zdát něco moc tmavé/světlé, velké/malé atd., atp., upravte si to podle svého oka a uvážení. Tutoriál má být pouze naznačením cesty a ukázáním několika možností, jak při tvorbě grafiky postupovat. Obzvlášť bych si dovolil doporučit vaší pozornosti ty pasáže, kde se zkopíruje spodní tvar pomocí Cmnd+C a Cmnd+F dopředu, k této kopii se přibere horní (přečnívající) tvar a klikem na Průsečík na Cestáři se oddělí všechny přečnívající části. Tenhle postup je velmi využívaný a často vám v praxi může přijít vhod.

A na úplný závěr se omlouvám, jestli někde trošku nesedí text k obrázkům či naopak. Dělal jsem takovýto dlouhý tutoriál poprvé a sem tam se mně to trošku vymklo z ruky ;o)

Tag: Illustrator, tutoriál, DTP, grafika

Vytvořit plamínek sirky, svíčky, zapalovače, plynového sporáku apod., který by vypadal přiměřeně věrohodně, je v Illustratoru otázkou chvilky. K jeho tvorbě využijeme funkce Prolnutí.

Pozn.: Následující návod vyžaduje základní znalosti programu. Uživatelé Windows si zamění Cmnd za Ctrl a Opt za Alt.

1) Perem nebo tužkou si vytvořte podobný tvar jako vidíte na obrázku a vyplňte ho černou barvou (žádný tah). S přesností si nelamte moc hlavu, každý plamen je originál, takže stačí dodržet jen hrubý tvar…

2) Tvar označte a pomocí Cmnd+C a Cmnd+F ho zkopírujte dopředu. Označte vykopírovaný tvar, dejte mu oranžovočervenou výplň (např. R=230, G=81, B=30) a zmenšete a umístěte ho zhruba tak, jak vidíte na obrázku.

3) Znovu zkopírujte horní tvar (červený), zmenšete a dejte mu žlutooranžovou výplň (něco jako R=255, G=220, B=15). Další menší tvar nad ním bude mít výplň žlutavou (R=255, G=240, B=144) a úplně vrchní a nejmenší bude čistě bílý.

4) Označte vše a poklepejte na ikonu nástroje Prolnutí (W). Ve volbách prolnutí nastavte rozestupy na Plynulé barvy a klikněte na OK. Nyní stiskněte Cmnd+Opt+B a máte hotovo.

5) Jelikož jsme jako první tvar použili černý, je samozřejmě nutné umístit celou grafiku na černé pozadí, kde ovšem plamen stejně nejlépe vynikne. Jinak i po prolnutí můžete jednotlivé původní objekty upravovat nástrojem Přímý výběr (A) a celé prolnutí lze kdykoliv uvolnit pomocí klávesové zkratky Cmnd+Opt+Shift+B.

Takhle nějak může vypadat použití právě vytvořeného plamínku, kterému jsem ještě přidělal svíčku

Tag: Illustrator, tutoriál, DTP, grafika

Tento článek nepřináší nic objevného a i jen středně zkušení uživatelé zde patrně nic nového nenajdou. Nicméně si myslím, a vaše e-maily to potvrzují, že na nějakém konkrétním příkladu se daná problematika pochopí mnohem snáze, a že spoustě začínajících uživatelů tyto tipy opravdu mohou pomoci. Vzpomínám sám na sebe, jak jsem před lety jásal nadšením, když se mně podařilo objevit jakýkoliv tutoriál, kde bylo polopatisticky napsáno „klikněte sem, tímhle čudlíkem udělejte tohle, posuňte to támhle“ :o) Dost řečí, pojďme na to...

Představte si situaci, kdy potřebujete často v jedné publikaci vytvořit takovýto rámeček s takto naformátovaným textem.

Tzn. větší barevný podtržený nadpis, pod ním nějaký základní text, to celé vsazené do rámečku s odsazením od okrajů a definovaným tahem (tloušťka, barva) rámečku. A pokud se má tenhle rámeček opakovat velmi často, tak to přece nebudete celé pokaždé nastavovat ručně. Ano, mohli byste to nastavit jednou a pak tento objekt vždy zkopírovat a nalít do něj nový text. Ale jednak byste se zdržovali kopírováním zvlášť nadpisu a zvlášť základního textu (případně aplikováním dvou odstavcových stylů) a jednak přece nebudete hledat, kde jste naposledy tenhle rámeček umístili, abyste ho mohli zkopírovat. Nebude mnohem jednodušší a efektivnější tohle celé udělat kdykoliv jedním jediným klikem nebo jedním stiskem klávesové zkratky? Využijeme tudíž stylů a to hned v několika „variantách“. Jednak to bude styl odstavce, jednak tzv. následující styl a to celé zabalíme do objektového stylu.

1) Nadefinujte si odstavcový styl pro nadpis a odstavcový styl pro základní text.

2) Jděte znovu do nastavení odstavcového stylu Nadpis (poklepejte na něj na paletce Odstavcové styly) a na první kartě Všeobecné zvolte jako následující styl námi nadefinovaný Základní text. To nám zajistí, že jakmile najde InDesign v označeném textu první konec odstavce (enter za nadpisem), aplikuje na všechny další odstavce styl Základní text.

3) Nyní klikněte na ikonku Objektový styl v horní liště (příp. vyvolejte jeho paletku pomocí Cmnd+F7, na PC Ctrl+F7) a založte nový objektový styl. Nastavte si výplň rámečku, jeho tah, vsazení, obtékání... co bude třeba. Jděte na kartu Odstavcové styly, tam z roletky zvolte nachystaný styl Nadpis a zaškrtněte zatržítko pod ním - Aplikovat následující styl. Nezapomeňte si pro přehlednost styl pojmenovat a můžete mu přiřadit klávesovou zkratku.

4) Od teď už stačí kdykoliv v budoucnu jenom označit rámeček s čerstvě nalitým nezformátovaným textem a vybrat z nabídky objektových stylů tento námi právě nachystaný (nebo ještě lépe a rychleji, označit rámeček a stisknout navolenou klávesovou zkratku).

Tag: InDesign, DTP, tip, tutoriál

Dávková změna velikosti fotek pomocí akce je jistě velmi využívanou záležitostí hlavně při tvorbě zmenšenin či náhledů pro webové galerie apod. Následující řádky nemají za úkol se hlouběji zabývat ani tvorbou takové galerie a dokonce ani postupem při vytváření akcí a dropletů. Pokud tyto informace potřebujete, pohledejte buď v nápovědě programu nebo jinde na internetu.

V tomhle článku bych vám chtěl pouze ukázat jednu malou „fintu“, kterou využijeme při zmenšování obrázků v akci. Představte si záplavu fotek, každá je jinak velká a některé jsou orientovány horizontálně (na šířku) a některé vertikálně (na výšku). A nyní chceme ze všech těchto obrázků udělat náhledy o velikosti delší strany řekněme 600 obrazových bodů.

Při nahrávání akce s klasickými postupy transformace nevystačíme a jediným řešením je nachystat si akce dvě - jednu pro obrázky horizontální a jednu pro vertikální. ANEBO! Anebo začlenit do akce skript Fit Image, který máte nachystaný ve vašem Photoshopu, aniž o tom možná víte.

Na místě akce, kde má dojít ke zmenšení fotky zvolte Soubor > Skripty > Procházet a vyhledejte následující cestu .../Adobe Photoshop/Přednastavení/Skripty/Fit Image.jsx.

Do obou polí zadejte vámi zvolený rozměr (my jsme si pro příklad řekli 600 px), potvrďte a dokončete nahrávání akce.

Nyní je úplně jedno, jestli tuto vaši akci pustíte na fotku, která je na šířku nebo na výšku, vždycky z ní vypadne výsledný (nezdeformovaný!) obrázek o delší straně 600 obrazových bodů.

Tag: Photoshop, tip, DTP, foto, grafika, tutoriál

Nástroj pro výběr skupiny není zrovna nejpoužívanějším nástrojem, ale občas se hodí - např. při tvorbě grafů. Obecně řečeno funguje nástroj Výběr skupiny tak, že pokud máte zgrupnuto několik objeků ve skupině a tu třeba zgrupnutou ještě s další skupinou, tak jedním klikem na objekt ve skupině ho vyberete, dalším klikem na ten samý objekt se vybere „jeho“ skupina, dalším klikem pořád na ten stejný objekt se vybere i další „přidružená“ grupa atp. Ale upřímně řečeno (a naznačeno v úvodu) - v praxi to moc nepoužívám :o)

Pokud ale vytvoříte v Illustratoru graf, dá se tenhle nástroj dobře použít při jeho obarvování. Využijeme totiž toho, že jednotlivé části grafu a příslušný objekt v legendě jsou jednou skupinou. A pokud máte v grafu hodně položek, bylo by zbytečně složité označovat Přímým výběrem (A) výseč grafu a pak hledat v legendě, co k tomu vlastně patří. Takhle stačí vždy dvakrát kliknout na výseč a už můžete volit barvu, vzorek apod. a zároveň tím obarvujete i legendu. O čem mluvím snad více ukazuje krátké video...

Tag: Illustrator, tip, DTP, screencast, tutoriál

Pod mým předcházejícím článkem o vnořených stylech vyslovil jeden uživatel v komentářích pochybnosti nad praktickým využitím. Rozhodně si nemyslím, že by měl pravdu a za užitečností vnořených stylů si stojím. Ukažme si to na skutečném příkladu z praxe...

Kvízů dnes vychází v mnoha časopisech hezká řádka. Klasika... otázka a tři možnosti odpovědí a), b) a c). A chceme mít otázku zvýrazněnou tučným řezem a písmenka možností odpovědi i se závorkou odlišená barevně. K tomu si představte, že takovýto kvíz vychází v časopise, který zalamujete pravidelně každý týden (nebo třeba měsíc) a je pokaždé na celou A4ku a má třeba 30 otázek. Zmíněný člověk v komentáři naznačuje, že používá místo vnořených stylů raději nástroj Kapátko. Ano, Kapátkem si můžete „nabrat“ i vytvořený znakový styl a prostým označováním potřebného textu ho aplikovat. Ale dovedet si představit ten rozdíl v praxi?!?!

Při každém (!!!) zalamování tohoto kvízu si naberete do Kapátka znakový styl pro otázku a jedete... třicetkrát musíte kurzorem oblíznout všechny otázky!!! A jdeme dál... sosnete si znakový styl pro barevné písmenko možnosti se závorkou a devadesátkrát (!!!) se trefujete kurzorem na správné místo a označujete všechny možnosti a), b) a c). Ufff, neefektivnost a časovou náročnost tohoto řešení cítíte jistě sami. Nehledě na to, že z toho za chvilku musíte zblbnout :o)

A teď řešení pomocí vnořených stylů. Jednou (trvalo mně to asi 3 minuty) si nadefinujete patřičný odstavcový styl (s opakováním vnořených stylů) a po zbytek života vám bude zalomení takovéhoto kvízu do finální podoby trvat asi 10 sekund. Takže zatímco se někdo po sedmašedesáté trefuje Kapátkem na písmenko se závorkou, vy už máte dávno nohy na stole, popíjíte kafčo a projíždíte si srandovní videa na YouTube.

A jak tedy řešit tento konkrétní případ?

Pozn.: Všechny obrázky níže kliknutím zvětšíte.


1) Nadefinujte si základní odstavcový styl se kterým budeme pracovat a dále tři znakové styly - jeden pro otázku (já ho pojmenoval třeba otazka-bold), druhý pro barevná písmenka a, b, c se závorkou (moznost-barva) a třetí pro text jednotlivých možností odpovědí od závorky do konce (moznost za zavorkou).

2) Zkopírujte si z texťáku text kvízu, který jste dostali od autora a vložte ho do InDesignu.

3) Pomocí dialogu Hledat a nahradit změňte všechny konce odstavců za vynucené zalomení řádku (entery za tzv. měkké entery).

4) Aplikujte na článek nachystaný odstavcový styl, vyvolejte jeho volby a jděte na kartu Iniciály a vnořené styly.

5) Nyní vytvořte postupně osm nových vnořených stylů s následujícími nastaveními:
otazka-bold - až - 1 - Vynucené zalomení řádku
moznost-barva - až - 2 - znaků
moznost za zavorkou - až - 1 - Vynucené zalomení řádku
moznost-barva - až - 2 - znaků
moznost za zavorkou - až - 1 - Vynucené zalomení řádku
moznost-barva - až - 2 - znaků
moznost za zavorkou - až - 1 - Vynucené zalomení řádku
otazka-bold - až - 1 - Vynucené zalomení řádku
[opakovat] - poslední - 8 - Styly

Od nynějška tedy stačí pouze vložit text, zaměnit konce odstavců za měkké entery, kliknout na právě vytvořený odstavcový styl, uvařit si kafe, dát nohy na stůl a koukat na YouTube :o)

Tag: InDesign, tip, tutoriál, DTP

Vnořený styl určuje formátování na úrovni znaků. Od klasického znakového stylu se liší tím, že mu můžeme určit rozsah kde bude aplikován a tím si samozřejmě zásadně zefektivnit práci při sazbě. Dneska si na několika praktických příkladech ukážeme užitečnost těchto vnořených stylů.

Pozn.: Návody níže vyžadují základní znalosti InDesignu. Všechny obrázky kliknutím zvětšíte.

Od začátku po pomlku

Situace je následující - máme text, kde má každý odstavec na začátku několik slov, která mají být zvýrazněna (třeba tučným řezem a červenou barvou), za kterými následuje pomlka a dále má pokračovat až do konce odstavce normální text. Asi něco takovéhoto:

Počet zvýrazněných slov na začátku každého odstavce je samozřejmě jiný, takže využijeme ukončení vnořeného stylu určené konkrétním znakem. Jdeme na to…

1) Vytvořte si odstavcový styl použitý pro normální text (v našem případě černý Myriad Regular) a znakový styl, který použijeme pro zvýraznění (červený Myriad Black).

Pozn.: V InDesignu CS3 a nižším si bohužel musíme nachystat znakový styl předem, v IND CS4 už je tuším (nevím stopro!) možnost vytvářet znakový styl přímo na kartě Iniciály a vnořené styly ve Volbách odstavcového stylu.

2) Poklepejte na paletce Odstavcové styly na vytvořený Normální text a přesuňte se na kartu Iniciály a vnořené styly.

3) Klepněte na tlačítko Nový vnořený styl a z roletky vyberte přednastavený Červený tučný. Klepněte na slovo „Slova“ (které se změní také na roletku) a vyberte položku „Znaků“. Nyní tuhle položku natvrdo přepište pomlkou, čímž určíte ukončení vnořeného stylu. Díky zaškrtnutému Náhledu hned vidíte, jestli výsledek odpovídá původní představě.

Pozn.: Pozor na záměnu spojovníku a pomlky! Pomlka se na Macovi zapíše stiskem Opt+- (Option+spojovník). Na PC nevím, ale to víte buď vy, nebo si to zjistíte :o)

4) Pokud byste chtěli, aby ukončující znak (v našem případě pomlka) nespadal do vnořeného stylu (laicky - nebyl zvýrazněn červeně tučně), změňte položku „až“ na „až vyjma“.

Tip: Do pole „Znaků“ můžete umístit i více znaků! Prostudujte následující obrázek:

Po vloženou grafiku…

Představte si, že tvoříte např. manuál ke grafickému počítačovému programu, kde jsou popsány funkce jednotlivých nástrojů. Pro lepší přehlednost budou do textu vloženy také ikonky těchto nástrojů a název nástroje (plus případně pár slov k tomu) před ikonkou budeme chtít zvýraznit.

Zopakujte body 1) a 2) z předcházejícího návodu a v bodě 3) zvolte místo „Znaků“ položku „Značka ukotveného objektu“. Hotovo :o)

Z druhé strany…

V tomto návodu na to celé půjdeme trošku naopak a navíc se naučíme, jak určit ukončení vnořeného stylu na takřka libovolném místě a pomůžeme si ještě funkcí Hledat a nahradit. Představte si seznam libovolných výrobků s cenou. A požadavek zní - zvýraznit cenu (viz obrázek):

1) Tentokrát si jako „Základní text“ nadefinujte takový, jak má vypadat zvýrazněná cena (v našem případě růžový bold). Znakový styl, který použijeme pro styl vnořený, si nadefinujte tak, jak má vypadat text od začátku odstavce až po cenu (v ukázkách černý regular nazvaný Po cenu).

2) Vyvolejte dialog Hledat a nahradit (Cmnd/Ctrl+F) a zvolte kartu Text. Do prvního pole vepište výraz „cena “ (slovo cena a za ním mezera). Do druhého pole vložte ten stejný výraz a za něj ještě přidejte znak Ukončit vnořený styl zde. Zvolte Nahradit vše a zavřete dialogové okno. Tímto jsme si umístili před všechny číselné položky označující cenu znak, který nám bude ukončovat vnořený styl. Zkontrolovat to můžete, pokud si zobrazíte skryté znaky (Cmnd+Opt+I / Ctrl+Alt+I).

3) Poklepejte na paletce Odstavcové styly na vytvořený Normální text a přesuňte se na kartu Iniciály a vnořené styly. Přidejte nový vnořený styl a zvolte znakový styl Po cenu. Pod položkou „Slova“ navolte „Znak konce vnořeného stylu“ a zkontrolujte výsledek.

Vyšší dívčí – více vnořených stylů a jejich opakování

Vnořených stylů můžeme aplikovat na odstavec i více a dokonce je nechat i opakovat. To se může hodit např. v situacích, kde je potřeba vysázet nějaký seznam a není dost místa na to, aby byla každá položka na samostatném řádku. A že takový seznam může i tak vypadat k světu a hlavně přehledně, ukazuje následující obrázek s výsledkem, ke kterému si ukážeme cestu:

1) Textové podklady dostanete v nějaké takovéto podobě:

2) Vložte text do InDesignu a pomocí Hledat a nahradit zaměňte konce odstavců (entery) za Em mezery. Pomocí stejné funkce ještě vložte za všechny druhé závorky lomítko okolo s Em mezerami. Výsledek bude tento:

3) Nachystejte si opět nějaký základní odstavcový styl a znakové styly, které budeme potřebovat.

4) Otevřte volby odstavcového stylu a kartu Iniciály a vnořené styly. Vytvořte nový vnořený styl a aplikujte znakový styl Seznam filmů. Jako znak ukončující vnořený styl navolte Em mezery. Vytvořte další vnořený styl Název filmu, také po Em mezery. Pokračujte, až budete mít takto nastaveno všech šest vnořených stylů. A jelikož chceme, aby se nám komplet seznam dle nadefinovaných stylů opakoval, je potřeba přidat ještě jeden vnořený styl. Nebude ale založen na žádném znakovém stylu, ale zvolíme položku Opakovat. Jako počet posledních stylů, které chceme opakovat musíme navolit 5 a nikoliv všech 6, neboť nechceme opakovat první styl Seznam filmů. Hopla, a výsledek je na světě :o)

Tip: Pomocí šipek pod seznamem vnořených stylů můžete jednotlivé styly posouvat nahoru či dolů a tím rychle měnit vizáž ovlivněného textu.

Na závěr dnešního obsáhlého povídání ještě video k poslednímu postupu s opakováním více vnořených stylů (klikněte na náhled):

Tag: InDesign, tip, tutoriál, screencast, DTP

Možností jak vytvořit trojúhelník v Illustratoru je mnoho, takže následující pidi-tip berte jenom jako jednu z nich. Každému vyhovuje něco jiného a já vám rozhodně nic nenutím :o)

1) Natáhněte obdélník.

2) Označte nástrojem Přímý výběr (A) ty dva krajní body, kde chcete mít špičku trojúhelníku.

3) Stiskněte Cmnd+Opt+J (na PC Ctrl+Alt+J), zatrhněte checkbox Podél obou os a potvrďte.

Tag: Illustrator, tip, DTP, tutoriál

Napadlo vás někdy, že byste si mohli nadefinovat vlastní styl zkosení pro 3D efekt Vytlačit a zkosit? A přitom to není nic složitého.

1) Koukněte se do složky Plug-ins vašeho Illustratoru, najděte tam soubor Bevels.ai a otevřte ho v Illustratoru.

2) Pokud zvládáte angličtinu, stačí se řídit pokyny, které tam najdete :o) Pro sichr si to ale prolétneme i v češtině.

3) Kdekoliv v tomto otevřeném dokumentu si vytvořte jednoduchou neuzavřenou cestu a přetáhněte ji na paletku Symboly. Já např. vytvořil z obyčejné čáry pomocí efektu CikCak takovouto vlnovku.

4) Uložte soubor, zavřete ho a restartujte Illustrator. Vytvořte nový dokument, v něm nějaký jednoduchý objekt a zvolte Efekt > 3D > Vytlačit a zkosit. V rozbalovací roletce Zkosení si navolte vámi vytvořený profil a zkontrolujte výsledek. Voilá! :o)

Tag: Illustrator, DTP, tip, tutoriál

V dnešním tutoriálu se mrkneme, jak název článku napovídá, na tvorbu takovéto jednoduché flashové grafiky vytvořené pouze s pomocí Illustratoru bez nutnosti použití dalších speciálních programů.



Hlavní roli bude hrát oblíbená funkce Prolnutí. Návod předpokládá základní znalosti programu, takže nebudu zabíhat do úplných detailů a podrobností. Kdyby někomu nebylo něco jasné, klidně se zkuste v komentářích pod článkem zeptat. A nemusím snad dodávat, že také tento tutoriál má pouze „ukazovat cestu“ a navést vás směrem k vlastnímu zkoušení, experimentování, objevování, ...

1) Založte si nový dokument o výsledné velikosti grafiky. Já zvolil např. 500x300 px. V něm si pomocí elipsy, cestáře, pera apod. vytvořte trasu, po které bude míček ve finále skákat... třeba něco takovéhoto. Tloušťka a barva tahu je libovolná, nezáleží na tom.

2) Vytvořte míček (kolečko s kruhovým přechodem), udělejte jeho kopii a jeden dejte na začátek trasy a druhý na konec. Označte oba míčky a zvolte Objekt > Prolnutí > Volby prolnutí (nebo dvojklik na nástroj Prolnutí). Zadejte od oka nějaký počet kroků, za chvíli to ještě doladíme.

3) Stiskněte Cmnd+Opt+B (na PC patrně Ctrl+Alt+B) a tím vytvořte prolnutí.

4) Označte vše (Cmnd/Ctrl+A) a zvolte Objekt > Prolnutí > Nahradit osu. Poté vyvolejte opět volby prolnutí a zvyšte počet kroků tak, aby celá cesta míčku byla pokryta - vytváří to pak podle mě plynulejší pohyb.

6) Teď už stačí jen vyexportovat pomocí Soubor > Export a jako formát zvolit Flash (swf). V rozbalovací roletce Exportovat jako zvolte Vrstvy AI do snímků SWF, zatrhněte checkbox Oříznout na velikost kreslicího plátna a případně si zvolte barvu pozadí. Poté klikněte na třetí buton shora Další volby a tam si nastavte hlavně Kmitočet snímků (laicky řečeno, jak rychle sebou bude míček mrskat) a zatrhněte asi tu nejdůležitější položku Animovat prolnutí. Pod ní máte ještě dvě volby: Samostatně a Přidávat... v našem případě zvolíme možnost Samostatně. Další možnosti exportu si případně už vyzkoušejte sami nebo projděte nápovědu k programu.

7) Výsledek můžete pohodlně kontrolovat kliknutím na tlačítko Webový náhled.

8) Zkoušejte, hrajte si... :o)

Tag: Illustrator, DTP, tip, flash, tutoriál

Na oblíbeném webu Vectortuts+ se objevil obsáhlý článek od ukrajinské designérky Diany Berg o maximálním využití paletky Vzhled v Illustratoru. Jestli jste si doposud mysleli, že znáte vše, tak se možná malinko pletete. Upřímně řečeno - jen jsem čubrněl. A považuji to za jeden z nejpřínosnějších článků o Illustratoru, co jsem za hóódně dlouhou dobu četl. Je to sice anglicky, ale když jsem to pochopil já, tak už každej. A v neposlední řadě je tady Google Translator :o) Takže ještě jednou - doporučuji, doporučuji, doporučuji!

Ano, všechny tyhle grafiky vypadají v zobrazení Obrysy tak, jak vidíte v horní řadě. A všeho je dosaženo pouze aplikací více výplní a více tahů a jejich transformacemi, efekty atp.

Tag: Illustrator, tutoriál, odkazy, DTP

Jelikož se zase přiblížily ty zatracené Vánoce, nepochybuji o tom, že spoustě grafiků a DTPáků už se protáčejí panenky ze všech těch vloček, baněk a sněhuláků, které je nutno cpát do všemožných inzerátů, letáků, na PFka atp. Ale co už teď? Když to klienti chtějí, tak je holt třeba vyhovět.

Připravil jsem tedy pro vás videotutoriál o tom, jak rychle vyrobit jednoduchou vánoční kouli (baňku) v Illustratoru. Samozřejmě možností jsou mraky a každý má svoje postupy. Tenhle berte jenom jako jeden z mnoha. A samosebou také není nutno se držet návodu zuby nehty… zkoušejte jiné barvy, varianty, upravte si postup podle svého… experimentujte. Návod předpokládá základní znalosti programu, takže např. hned úvodní tvorbu potřebného štětce (štětců) neukazuji do detailu. Pokud se vám nechce chystat vlastní brushe, stáhněte si některé z internetu, jistě najdete spoustu i těch, které jsou zdarma i pro komerční použití (např. tyhle).

Pokud by komukoliv z vás nebylo z videa něco jasné, klidně se ptejte tady dole pod článkem v komentářích - rád na všechny dotazy odpovím. Jo, a nedivte se, že občas bloudím kurzorem. Přecejen jsem zvyklý dělat 99 % věcí pomocí klávesových zkratek, ale pro potřeby videonávodu jsem to raději „objezdil“ po roletkách, paletkách apod. No a občas jsem fakt ani nevěděl, kde co hledat :o)

PS: A nečekejte nějaké „umění“ :o) Jde o kýčovitou záležitost a navíc jde podobná grafika udělat i mnohem lépe. Tohle má být ovšem návod na průměrně vypadající baňku, kterou potřebujete vyrobit rychle a pro spoustu příležitostí může bohatě stačit ;o)

Pro přehrátí videa klikněte na náhled

Tag: Illustrator, tip, screencast, DTP, grafika, tutoriál

Na dnešní drobnosti si ukážeme sílu Cestáře, tady konkrétně funkce Rozdělit. Návod je určen začátečníkům a během několika desítek vteřin vytvoříme následující grafiku...

1) Udělejte si podobnou čtyřcípou hvězdu pomocí stejnojmenného nástroje. Během tažení objektu si můžete šipkou nahoru/dolů regulovat počet cípů hvězdy (naklikejte se tedy na čtyři), přitisknutím klávesy Cmnd (na PC Ctrl) můžete (stále během tažení!) regulovat délku cípů hvězdy a přimáčknutý Shift vám zaručí, že hvězdu natáhnete pěkně vodorovně bez natočení. Zní to složitě? Tak pěkně krůček po krůčku... uchopte nástroj Hvězda a začněte táhnout. Nepouštějte kurzor a pomocí šipky nahoru/dolů upravte počet cípů. Stále nepouštějte myšítko a přimáčkněte Cmnd (na PC Ctrl) a tažením upravte délku cípů. Stále držte myš a přitiskněte Shift... hvězda se pěkně srovná do vodorovna. Pusťte myš a oddechněte si :o)

2) Zarovnejte hvězdu na střed plátna (vertikálně i horizontálně). Jak? Označte hvězdu, aktivujte ikonku Zarovnat na plochu v horní liště a následně klikněte na ikonky Vodorovně zarovnat na střed a Svisle zarovnat na střed.

3) Nástrojem Čára udělejte (za držení Shiftu) kolmou čáru o něco větší než je hvězda. Nemusí mít žádný tah, ale klidně jí nějaký dejte, ať je, holka, vidět :o) Zarovnejte ji na střed plochy stejně jako před chvílí hvězdu.

4) Označte čáru a pomocí Cmnd+C a Cmnd+F ji zkopírujte nahoru. S pomocí Shiftu ji otočte o 45 stupňů doprava - neodznačujte. Hned stiskněte znnovu Cmnd+C a Cmnd+F a novou čáru opět otočte o 45 stupňů doprava. To stejné udělejte ještě jednou. Musíte dostat takovýto výsledek.

5) Označte vše a klikněte na ikonu Rozdělit na paletce Cestář. Po rozdělení už jen vyberte vzniklé tvary „na přeskáčku“ pomocí nástroje Přímý výběr a obarvěte podle libosti.

Tag: Illustrator, tip, DTP, grafika, tutoriál

Jak co nejrychleji a nejefektivněji vytvořit vlnovku v Illustratoru? Vezměte nástroj Segment čáry (\) a se stisknutým Shiftem udělejte vodorovnou čáru. Nechejte čáru označenou a zvolte Efekt > Deformovat a transformovat > Cikcak...

Pohrajte si s nastavením dle libosti, nezapomeňte však zaškrtnout Body > Hladké (pokud ovšem chcete vlnovku zaoblenou).

Takto vytvořený objekt můžete použít jako samostatný prvek nebo s ním dále pracovat. Potom je lepší zvolit Objekt > Rozdělit vzhled. Mrkněte, co například dokáže s takovou vlnovkou Efekt > 3D > Obkroužit...

Tag: Illustrator, tip, tutoriál, grafika

Tvorba stínů pod všemožné objekty je poměrně častou činností a efektním dotvořením mnoha grafik. Jeden z možných postupů v křivkovém editoru Illustrator vám nyní nabízím. A opět platí ono okřídlené - existuje mnoho cest k dosažení podobného výsledku. Tenhle minitutoriál je jenom drobným popostrčením... experimentujte, zkoušejte a objevujte i jiné možnosti a postupy.

1) Vytvořte elipsu s bílou výplní a žádným tahem (pro lepší „čitelnost“ mám ve spodní vrstvě natažené šedé pozadí).

2) Nad ní vytvořte podobnou elipsu, ale menší a s černou výplní.

3) Označte obě elipsy a zvolte Objekt > Prolnutí > Volby prolnutí. V dialogu nastavte položku Rozestupy na Plynulé barvy a následně zvolte Objekt > Prolnutí > Vytvořit.

4) Nyní si můžete nástrojem Přímý výběr vybrat samostatně jednu i druhou „původní“ elipsu a upravit jim hodnotu Krytí.

5) Ve finále označte obě prolnuté elipsy a tomuto objektu nastavte Režim prolnutí na Násobit. Tím docílíte toho, že můžete umístit pod takto vytvořený stín jakékoliv pozadí a stín bude vždy krásně mizet do ztracena (interakce Násobit „eliminuje“ bílou barvu).

6) Nemusím snad ani dodávat, že nástrojem Přímý výběr a editací kotevních bodů je také možno původní tvary upravovat do jakýchkoliv požadovaných „patvarů“ podle toho, jaký předmět vrhá tento stín. A samozřejmě je možno již od začátku pracovat s jinými tvary než jenom s elipsami ;o)

Tag: DTP, Illustrator, tip, tutoriál

Tvorba 3D objektů je v posledních verzích Illustratoru poměrně snadnou záležitostí díky stejně pojmenovanému efektu. Ale někdy se přecejen nespokojíme s efektem vytvořeným programem a chceme si výsledek ještě trošku poupravit dle svých požadavků. Variant je samozřejmě spousta, já vám teď ukážu jednu z nich. Neberte tento minitutoriál jako nějaké „dogma“ nutné do slova a do písmene kopírovat, ale spíš jako tip a jednu z možností jak na to. Zkoušejte jiné varianty, experimentujte...

1) Vytvořte nápis nebo objekt. Tahy je dobré převést na obrysy (Objekt > Cesta > Obrysy tahu), text taktéž převeďte na obrysy (Cmnd+Shift+O, na PC pak Ctrl+Shift+O).

2) Označte vše a pomocí Cestáře slučte do jednoho tvaru (za držení klávesy Option, na PC Alt, klikněte na první ikonku na paletce). Vyplňte grafiku libovolnou barvou, ne přechodem!

3) Aplikujte Efekt > 3D > Vytlačit a zkosit... S nastavením si pohrajte dle libosti.

4) Zvolte Objekt > Rozdělit vzhled.

5) Vezměte nástroj Přímý výběr (A) a označte vše. Nyní stiskněte Shift a postupně klikněte na všechny „přední“ části vaší grafiky. Předními částmi myslím ta místa, která nevytvořil Efekt 3D... prostě všechny „přední stěny“ :o)

6) Jestliže jste drželi Shift, zůstaly vám nyní označeny pouze „zadní části“ vytvářející 3D efekt. Slučte je do jednoho objektu opět pomocí Cestáře (Option/Alt a klik na ikonku jako v bodě 2). Pokud se vám stane, že některé ze zadních částí se po sloučení „nacpou“ dopředu, pošlete je úplně dozadu (Objekt > Uspořádat > Zcela dozadu).

7) Vyberte přední stěny grafiky a aplikujte na ně přechod.

8) Vyberte zadní stěny grafiky a aplikujte na ně podobný přechod jako na předky, ale v tmavším odstínu a máte hotovo. Uznejte, že takto „doladěná“ grafika vypadá přecejen o něco lépe, než původní výsledek 3D efektu Illustratoru...

Tip na závěr: Při označování „předních a zadních“ částí grafiky se hodí využívat namísto pracného ručního klikání spíše Výběr > Stejný > Barva výplně. A další fintou, která se vám tady bude hodit, je ta věc, že pokud máte označenou část grafiky, stisknete Shift a kurzorem oblíznete komplet celou grafiku, tak vám zůstane označený přesný opak toho co předtím. Vyzkoušejte a uvidíte, jak to může být občas praktické...

Tag: Illustrator, tip, tutoriál, DTP, grafika

Upozornění: Článek je určen uživatelům Illustratoru s alespoň základními znalostmi programu a klávesové zkratky jsou uvedeny pro platformu Mac OS. Uživatelé PC si nahradí Opt za Alt a Cmnd za Ctrl.


Nevím, jestli jsem se v titulku příspěvku vyjádřil jasně, ale chtěl bych vám na následujících řádcích ukázat jednoduchý, leč efektivní postup pro tvorbu stínování, odlesků nebo vzorků na stylizovaných předmětech. Něco jako například tenhle pseudo-meloun nebo kovové „cosi“ :o)

Základní tvar vytvoříte jednoduše pomocí standardních nástrojů Illustratoru a vyplnění přechodem. Jak ale co nejrychleji a nejjednodušeji vytvořit zvýrazněné pruhy imitující vzorek či odlesky na předmětu? Postup si ukážeme třeba na tom „melouno-balonu“...

1) Základní kružnici vyplněnou kruhovým gradientem si pomocí Cmnd+C a Cmnd+F zkopírujte nahoru. Uchopte jedno z bočních táhel horní kružnice, stiskněte Opt a stáhněte směrem ke středu asi takto:

2) Horní zdeformovanou „kružnici“ nechte označenou a znovu ji pomocí Cmnd+C a Cmnd+F zkopírujte nahoru. Opět ji z boku stáhněte směrem ke středu, tentokrát o něco víc:

3) Označte dvě horní elipsy a rozdělte je pomocí ikonky Cestáře Odečíst od oblasti tvaru:

4) Vzniklý tvar vyplňte příhodnou barvou nebo přechodem, můžete mu také samozřejmě změnit režim prolnutí a průhlednost.

5) Prostřední pruh vytvoříte zkopírováním spodní (základní) kružnice a jejím stažením z boku až úplně do středu, opět vyplňte a nastavte prolnutí a opacitu.

Jistě chápete, že naznačený postup můžete použít ve spoustě situací – vaší fantazii se meze nekladou. Můžete laborovat s tvary, barvami, cestářem, přechody, režimy prolnutí, krytím atd. Hodně štěstí :o)

Tag: grafika, Illustrator, tip, tutoriál

Že lze vkládat dokumenty Illustratoru nebo Photoshopu např. do InDesignu rovnou z jejich „domovského“ prostředí pomocí přetažení proxy ikonky, to je celkem známá věc. Ostatně, už jsem o tom tady také svého času psal. Teď nedávno jsem ale náhodou objevil zajímavou věc - dokument Illustratoru (uložený!) lze pomocí drag’n’drop proxy ikony z title baru vložit sám do sebe a následně se objeví jako vložená vazba na příslušné paletce. A pokud před přetažením/vložením skryjete některé vrstvy, vloží se vám pouze ty viditelné.

Upřímně řečeno, nenapadlo mě zatím žádné smysluplné využití této věci v praxi, ale kdo ví, třeba se to jednou na něco šikne :o) Jestli vás něco napadá nebo to dokonce už k něčemu používáte, podělte se v komentářích. Na závěr krátké video...

Tag: Illustrator, tip, DTP, grafika, screencast, tutoriál

SimpleViewer je poměrně známá a oblíbená flashová „aplikace“ pro tvorbu webových fotogalerií. Existuje v různých verzích a odnožích, pro různé systémy, jako serverová či desktopová aplikace, jako pluginy do různých programů atd. Na této stránce si můžete sami všechny možnosti prohlédnout. Také máte možnost si zakoupit verzi Pro za $45, výhody najdete zde.

My si ale dnes ukážeme, jak zprovoznit SimpleViewer v „zadarmové“ (a bohatě dostačující) verzi coby plugin do RapidWeaveru a také jako skript do Photoshopu. Obojí je jednoduché jak syn vesnického prosťáčka a televizní rosničky. Pojďme na to...

SimpleViewer jako plugin do RW

1) Stáhněte plugin odsud a na disku na něj (při spuštěném RapidWeaveru) poklepejte, aby se nainstaloval. Při tvorbě nové stránky ve vašem RW projektu pak vyberte tento plugin z nabídky.





2) Přetáhněte svoje fotky či obrázky do RapidWeaveru. Pokud chcete, můžete k jednotlivým fotkám přidat popisky, stačí dvojklik do políčka Caption u každého snímku.





3) V téhle fázi můžete vyzkoušet, zda SimpleViewer bude fungovat ve vámi zvoleném tématu. S mnohými si totiž nerozumí a je třeba volit co nejnovější témata RapidWeaveru, ideálně verzi 4.0.





4) Až zvolíte funkční téma, klikněte na tlačítko Setup vpravo dole a nastavte si parametry, jak potřebujete. Zkuste si měnit jednotlivé hodnoty a průběžně si klikem na Preview můžete kontrolovat, jak to vypadá. Všechny tři záložky jsou, myslím, jasné a k jednotlivým parametrům netřeba bližšího vysvětlování. Snad jen na záložce Navigation, položka Enable Right Click Open - když ji zatrhnete, může si potom potenciální návštěvník vaší fotogalerie kliknout na fotku v galerii pravým myšítkem a otevřít si tak fotku do „obyčejného, ne-flashového“ nového okna prohlížeče a odtud stáhnout.





5) Toť vše. Vyexportujte stránku na server a pošlete link kámošům :o)

SimpleViewer (a spol.) jako skripty do PS

1) Stáhněte skript pro vaši verzi Photoshopu (podporované jsou CS2, CS3 a CS4) a nainstalujte dle instrukcí... vše tady.

2) Restartujte Photoshop a zvolte Soubor > Skripty. Uvidíte tam celkem čtyři nové položky: AutoViewer, PostcardViewer, SimpleViewer a TiltViewer. Všechno to jsou skripty, kterým stačí ukázat zdrojovou složku s obrázky, cílovou složku pro vyexportovanou galerii, nastavit parametry a kliknout na Build web gallery.

• SimpleViewer - udělá v podstatě to samé, co jsme si ukázali před chvílí v RapidWeaveru (Drobný tip – pokud vás rozčilují automaticky zobrazované názvy jednotlivých fotografií, zvolte barvu textu stejnou jako barvu pozadí a budou fuč :o)).
• AutoViewer – vyexportuje jakési slideshow, které se dá ale klasicky zastavit a posouvat šipkami.
• PostcardViewer - výsledná galerie vypadá jako vytištěné fotky poházené na stole a při kliku na některou z nich se přizoomuje, jako kdyby ji člověk vzal do ruky a strčil si ji pod nos :o)
• TiltViewer - taková podivná pseudo3D úchylárna, která se těžko vysvětluje. Mrkněte se raději na ukázku a zkuste hýbat nad fotkami kurzorem či na nějakou kliknout :o)

3) Celou cílovou složku se všemi soubory opět nahrajte někam na vaše FTP apod. a odkaz na spouštěcí soubor index.html pošlete známým...

Tag: RapidWeaver, foto, tip, plugin, web, Apple, Mac, tutoriál

Občas můžete při práci s Photoshopem narazit na situaci, kdy si řeknete „sakra, teď bych potřeboval(a) vidět, jak na tenhle obrázek budou působit tyhle úpravy, když bude i v RGB i ve CMYKu...“ Že to nejde? Ale neříkejte ;o)
Upozornění: Všechny náhledy níže jsou „klikací“.

Otevřete fotku (obrázek) v barevném režimu RGB a zvolte Okna > Uspořádat > Nové okno pro...

Pro nové okno obrázku zvolte Zobrazení > Kontrolní náhled barev (Cmnd/Ctrl + Y) a v tom okamžiku vidíte ten stejný obrázek jak v RGB, tak ve CMYKu. A co víc, jak naznačeno v úvodu, můžete na obou obrázcích sledovat, jak se budou chovat při aplikování různých typů úprav...

Další možností jak využít funkce Nové okno pro... je zobrazení detailu při úpravě fotografie, zatímco v druhém okně sledujete celý snímek...

Zdroj: The Graphic Mac

Tag: Photoshop, foto, tip, tutoriál, DTP

Dostal jsem dotaz, jak v RW udělat fotogalerii s Flash Slideshow tak, jak to mám já např. zde. Upřímně řečeno, nevidím na tom vůbec nic těžkého, ale když je zájem, tak si to ukážeme. A jelikož je to opravdu jednoduché, vezmeme to hopem ;o)

1) Přidejte do svého projektu v RW novou stránku, a to Photo Album.

2) Přetáhněte do něj svoje nachystané fotografie.

3) Klikněte na Page Info v pravém horním rohu a následně na ikonu Page.

4) Pohrajte si s nastavením dle libosti a svých požadavků. Pro inspiraci následují screenshoty s mými konkrétními nastaveními (kliknutím si jednotlivé náhledy zvětšíte).

Tag: RapidWeaver, tip, tutoriál, Mac, Apple, web

Poprosil mě jeden člověk (ahoj Aleši :o), zda bych mu nenapsal návod na to, jak udělat v RapidWeaveru zobrazení obrázku nebo videa do takového toho „vyjížděcího flashového okna“ (bo jak se to ksakru jmenuje :o)), jak to můžete vidět, když si kliknete třeba na tuhle fotku:

Jelikož se okruh uživatelů RW u nás celkem rozšiřuje, řekl jsem si, proč to nehodit rovnou sem na web... třeba se to někomu šikne. Předem malé upozornění – na rovinu přiznávám, že tady těm věcem takřka vůbec nerozumím. Tvorba webů, jejich pozadí a zákoutí je pro mně španělská dědina (zaplaťsatan právě za RapidWeaver), tudíž můj návod bude značně laický. Stručně řečeno, ukážu vám přesně co dělat, kam kliknout, kde co napsat atp., ale neobjasním vám princip těchto vychytávek. Komu to stačí, nechť ráčí číst dál, komu ne, ať se obrátí na strejdu Googla :o)

1) Klikem na ikonu si stáhněte následující zazipovanou složku a rozbalte ji. Měli byste tam vidět dvě složky - slimbox a mediabox.

Slimbox-Mediabox

2) Jděte do RapidWeaveru a vyberte si téma. Pro jistotu a možnost bezpečného návratu doporučuji si téma zduplikovat (klik pravým a Duplicate Theme) a pracovat na kopii. Klikněte na zvolené téma znovu pravým klikem a zvolte Reveal Theme Contents in Finder... otevře se vám okno Finderu se složkou Contents.

3) V této složce si otevřete podsložku css a do ní nakopírujte stažené složky slimbox a mediabox. Okno Finderu můžete zavřít.

4) Stáhněte si následující texťák s kódem, rozbalte, otevřete, označte vše a pomocí Cmnd+C zkopírujte do schránky.

Javascript kód

5) Vraťte se do RW a klikněte v pravém horním rohu na ikonu Page Info. Na vyskočivší kartě zvolte nahoře v hlavní nabídce Header a nyní i ve spodní menší nabídce také položku Header. Vložte zkopírovaný kód (Cmnd+V) do nachystaného pole Custom Header a zavřete okno Page Info. Nyní máme nachystáno vše „k provozu“ a hned to jdeme vyzkoušet.

Jeden obrázek

• Vezměte libovolný obrázek a nachystejte si ho ve dvou velikostech... menší pojmenujeme např. Obrazek1-thumb.jpg a větší Obrazek1-full.jpg.
• Otevřete znovu kartu Page Info, znovu záložka Header, ale tentokrát jako dolní položku označte Assets.
• Klikněte na Add Files..., najděte si soubor Obrazek1-full.jpg a přidejte ho.

• Zavřete okno a do RapidWeaveru vložte menší Obrazek1-thumb.jpg na to místo, kde ho chcete mít (např. do těla příspěvku na blogu apod.).
• Označte si tento náhled a klikněte na ikonku Add link.
• Rozklikněte roletku URL, zajeďte na položku Asset a najděte Obrazek1-full.jpg. Open in: nastavte na New Window a rozbalte si nabídku Custom Attributes.
• Poklepejte na slovo external a přepište jej slovem lightbox. Dále můžete poklepat na pravou stranu vedle položky title a napsat název (popis) obrázku, který se bude ve finále ukazovat. Klikněte na Set Link.

• Zvolte Preview stránky a klikem na obrázek zkontrolujte, že vše funguje, jak má.

Sada obrázků

Pokud chcete více obrázků zobrazovat tak, aby se nemuselo vždy kliknout na jeden, pak ho zavřít, kliknout na další, znovu zavřít atp., ale budete chtít, aby se kliklo na jeden a pak už se posouvalo pomocí navigačních prvků nebo šipek, postupujte takřka totožně jako v předchozím návodu k jednomu obrázku až na jeden rozdíl. U všech obrázků jedné sady zvolte za položku rel opět slovo lightbox, ale za ně dejte pomlčku a připište nějaké další slovo, které bude pro všechny obrázky jedné sady stejné. Po rozkliknutí prvního obrázku sady by se pak po najetí kurzorem nad něj měly objevit po bocích navigační prvky (next a prev) a je možno se také mezi obrázky jedné sady pohybovat pomocí šipek na klávesnici.
Poznámka: Jako odkaz nemusíte mít jenom náhledy obrázků, ale samozřejmě třeba i slovo nebo jinou grafiku.

Video

• Video, které bude mít po kliku „vyjet“ do okna a přehrát se, si opět načtěte mezi Assets do RW.

• Zvolte si objekt, kterým budete na příslušné video odkazovat. Může to být např. slovo nebo otisk obrazovky s oknem videa (nebo cokoliv jiného :o)).
• Označte tento objekt a klikněte na Add link.
• Rozklikněte roletku URL, zajeďte na položku Asset a najděte patřičný video-soubor. Open in: nastavte na New Window a rozbalte si nabídku Custom Attributes.
• Poklepejte na slovo external a přepište jej slovem mediabox. Pokud chcete zobrazovat video v jiné velikosti, než v jaké je originál, napište ještě za slovo mediabox následující sekvenci: [šířkavpixelech výškavpixelech], např. tedy takto: mediabox [800 600].

• Dále můžete poklepat na pravou stranu vedle položky title a napsat název (popis) videa, který se bude ve finále ukazovat. Klikněte na Set Link.
• Zvolte Preview stránky a zkontrolujte, že vše funguje, jak má.

Stejným způsobem můžete nechat zobrazovat i video, umístěné někde na webu. Místo vybrání souboru z Assets při Add link vložte odkaz na video a dál už postupujte stejně...

Možná se vám celý tento návod zdá zdlouhavý a složitý, ale uvědomte si, že celou horní půlku uděláte vlastně jenom jednou a druhá půlka v praxi znamená přihození souboru do Assets a napsání pár slov do okna Add link... otázka pár vteřin. Tak hodně štěstí ;o)

Tag: RapidWeaver, tip, tutoriál, Mac, Apple, web

Výstřižky InDesignu neboli Snippets jsou poměrně zajímavou „funkcí“, kterou tento program disponuje. Pokud nevíte o co jde, tak krátké shrnutí. Výstřižky umožňují uložit si jakoukoliv grafiku (objekty, fotky, vložené grafiky, text či – a to hlavně a nejčastěji – jejich kombinace) a následně ji kdykoliv znovu importovat do libovolného dokumentu InDesignu.

Postup při uložení Výstřižku ukazuje první část níže nabídnutého videa. Označíte objekty, které mají tvořit Výstřižek a jednoduše je přetáhnete na požadované místo mimo InDesign. Tenhle postup má tu drobnou nevýhodu, že Snippet si sám vytvoří jméno, které je jakousi kombinací čísel a písmen a v budoucnu nebo při větším množství uložených Výstřižků nebudete mít šanci dohledat ten potřebný. Ale někdy to na „rychlou akci“ může být dostačující. Druhou možností je opět označení objektů budoucího Výstřižku a následně volba Soubor > Exportovat (Cmnd+E). Zvolíte si jasně identifikovatelné jméno, jako formát vyberete z roletky Výstřižek InDesignu a uložíte si soubor s příponou *.inds.

A dostáváme se k druhé fázi práce s Výstřižky a tou je import do dokumentu. V prvé řadě si můžeme způsob jejich umisťování nadefinovat v preferencích programu. Jděte na InDesign > Předvolby > Zpracování souborů, kde si můžete navolit, jak se bude Výstřižek při importu chovat, respektive KAM se bude vkládat – zda na místo, odkud byl uložen nebo na místo kliknutí kurzorem. Klidně nechte zvolenou volbu Umístit v místě kurzoru a opusťte Předvolby.

Výstřižek můžete do dokumentu „dostat“ opět dvěma způsoby. Buď volbou z menu Soubor > Umístit (Cmnd+D) anebo oblíbeným a efektivnějším drag’n’drop neboli jednoduchým přetažením. Obě tyto možnosti vyústí v situaci, kdy máte na kurzoru „přilepen“ Výstřižek, což naznačuje tento symbol:

Nyní už je jen na vás, kam kliknete a tím Výstřižek umístíte. A teď už se konečně dostáváme k našemu drobnému tipu :o) Pokud si totiž v tuto chvíli usmyslíte, že je potřeba Snippet vložit PŘESNĚ na to místo, odkud byl v jiném (nebo samozřejmě i tomtéž) dokumentu uložen (předpokladem je stejný rozměr dokumentu :o)), stačí pouze stisknout klávesu Option. Symbol u kurzoru se změní na tento:

Pak už je úplně jedno, na které místo v dokumentu kliknete, protože Výstřižek se vloží přesně do původního umístění. Asi moc žvaním, takže vám snad opět více napoví následující video...

Pro přehrátí videa klikněte na náhled

Jinak celá věc funguje také v obráceném gardu. To znamená, že pokud si v preferencích InDesignu zaškrtnete volbu Umístit v původním místě a při importu stisknete Option, Výstřižek se naopak umístí v místě kliknutí kurzorem.

A na závěr poznámka. Celý postup je samozřejmě popsán pro platformu Mac, což se týká hlavně klávesových zkratek a názvů funkčních kláves. Uživatelé PC si zkusí Option nahradit za Alt a Command za klávesu Ctrl. Nemám možnost to na PC vyzkoušet, ale věřím, že vše bude fungovat k vaší plné spokojenosti ;o)

Tag: InDesign, tip, tutoriál, DTP

Chcete si rychle vytvořit bezešvý vzorek v Illustratoru? Není nic jednoduššího. Využijeme drobné finty - kopírování vodítka spolu s objektem.

Vytvořte si třeba čtvercový dokument. Co zvolíte za typ výplně vzorku je na vás, já to nebudu komplikovat a zvolím obyčejná kolečka. Rozhažte jednotlivé objekty po dokumentu jak se vám to bude líbit a zatím nedávejte žádný tak, aby překrýval hranu dokumentu.

Nyní si zobrazte pravítka (Cmnd+R) a vytáhněte z nich jedno horizontální a jedno vertikální vodítko tak, aby ležely PŘESNĚ na horní a levé hraně dokumentu.

Umístěte některý (některé) z objektů na levou nebo horní hranu dokumentu. Můžete dát objekt i přes obě tyto hrany (na roh).

A teď pozor! Označte jeden z objektů na hraně a ZÁROVEŇ také jemu „příslušné“ vodítko. Já zvolím kolečko vlevo dole a spolu s ním označím i levé vertikální vodítko (vodítka samozřejmě nesmí být zamčená!). Stiskněte klávesu Option (na PC asi Alt) a začněte táhnout objekt i s vodítkem směrem doprava, klávesa Option zajistí zduplikování. Ještě během tažení přimáčkněte klávesu Shift, abyste zajistili čistě vodorovný posun. Táhněte tak dlouho až bude vodítko PŘESNĚ na pravé hraně dokumentu.

Totéž udělejte i s horním objektem směrem dolů a s případným objektem na rohu dolů i doprava a stejně tak i na poslední roh.

Vytvořte čtverec libovolné barvy a žádného tahu o stejné velikosti jakou má váš dokument a zarovnejte ho přesně na střed dokumentu. Skryjte vodítka (Cmnd+;) a označte vše (Cmnd+A). Na paletce Cestář klikněte na ikonku Oříznout.

Nechte vše označené a přetáhněte celou grafiku na paletku Vzorník. Tím jsme vytvořili bezešvý vzorek, který můžete dále používat.

Hned si s ním zkuste vyplnit nějaký objekt, abyste se přesvědčili, že jste udělali vše správně. Pokud ne, Illustrator naštěstí disponuje vícenásobným Undo, takže pomocí opakovaného stisku Cmnd+Z se vraťte až k místu, kde jste chybovali a napravte to :o)

Tag: Illustrator, DTP, grafika, tip, tutoriál

Pruhy simulující záři světel, slunce či prostě jenom jako grafický prvek na pozadí jsou stále v kurzu... viz například tyto ukázky grafik z fotobanky Shutterstock.

Pojďme si ukázat jak jednoduše v několika krocích a za pár desítek sekund takový grafický prvek v Illustratoru vytvořit.

1. Vytvořte dva stejně velké tenké obdélníky libovolné barvy, umístěte je kus od sebe a zarovnejte na střed.

2. Označte je a zvolte Objekt > Prolnutí > Volby prolnutí. Položku Rozestupy dejte na Určené kroky a určete jejich počet. Potvrďte a následně zvolte Objekt > Prolnutí > Vytvořit (Cmnd+Opt+B). Pokud jste neobdrželi něco podobného jako na následujícícm obrázku, vyvolejte znovu dialog Volby prolnutí, zaškrtněte checkbox Náhled a upravte počet kroků.

3. Zvolte Efekt > Pokřivit > Stlačit, nastavte hodnoty v dialogovém okně tak, jak vidíte na následujícím screenshotu a máte v podstatě hotovo.

4. Případně můžete ještě zvolit Objekt > Rozdělit vzhled a následně grafiku natáčet, přebarvovat apod., jak budete potřebovat. Finále může vypadat třeba takhle...

Tag: Illustrator, tutoriál, grafika, tip

Tuhle jsem narazil na internetu na zajímavou fintu pro rychlé a efektivní doostřování fotek v PS, tak proč se nepodělit. Postup je opravdu jednoduchý a dává podle mě velmi dobré výsledky...

1) Zduplikujte pomocí Cmnd+J (na PC Ctrl+J) vrstvu Pozadí a horní vrstvě nastavte interakci na Překrýt (Overlay).

2) Nechte aktivní tuto horní vrstvu, zvolte Filtr > Jiné > Horní propust (Filter > Other > High Pass) a nastavte hodnotu někde kolem 5.

3) Výsledný efekt můžete ještě korigovat snížením krytí horní vrstvy.

A na závěr animovaný *.gif, který ukazuje stav před a po:

Tag: Photoshop, tip, tutoriál, grafika, DTP

Všimli jste si někdy v InD CS3 zajímavé a mírně opomíjené volby Převést ořezovou cestu na rámeček? Ukážeme si, jak tuto možnost využít např. pro tvorbu jednoduchého stínu...

1) Vytvořte ve Photoshopu ořezovou cestu, uložte, umístěte obrázek do InDesignu a zduplikujte ho...

3) Na jeden z nich klikněte pravým myšítkem a z kontextuální nabídky zvolte Převést ořezovou cestu na rámeček.

4) Vyberte obrázek pomocí Nástroje pro přímý výběr a smažte obsah kontejneru.

5) Vyplňte původní ořezovou cestu přechodem, transformujte dle potřeby, měňte průhlednost, režim prolnutí atd., atd. Nakonec samozřejmě umístěte vytvořený stín pod původní obrázek (pokud tomu tak není).

Tag: InDesign, tip, tutoriál, DTP

Koukám, že jsem to v poslední době v těch fintách a tipech pro InD docela rozjel. Ale když ono se to tak nějak nakumulovalo.... nebo co :o) Takže se omlouvám lidem, kteří sem chodí a DTP je moc nezajímá... třeba se to tady časem zase stočí k fotkám nebo výletům. Ale teď už zase k InDesignu. Všechny níže uvedené tipy fungují určitě ve verzi CS3, ale pokud máte verze starší, klidně bych to vyzkoušel také. Přinejhorším to nebude fachčit :o)
Ještě jedna poznámka - všechny klávesové zkratky budu uvádět pouze pro systém Mac OS X, uživatelé PC si vždy nahradí funkční klávesu Command (Cmnd, Apple, jablko...) klávesou Control (Ctrl) a klávesu Option klávesou Alt. Pokud vám náhodou něco nepřijde jako "tip" a používáte to běžně každou chvíli, buďte prosím shovívaví... možná to pomůže někomu jinému. A jak také vidíte, ke každému tipu jsem vám nachystal i krátké video, tak doufám, že to oceníte :o) Tak dost řečí, jdeme na to!

TIP 1:

Věděli jste o možnosti vytvořit vodítko dvojklikem? Je to rychlé a jednoduché. Prostě jen dvojklikněte do pravítka v místě, odkud má "vypadnout" vodítko.


InDesign – vytvoření vodítka dvojklikem from Jaroslav Machacek on Vimeo.

TIP 2:

Potřebujete vytvořit nové políčko barvy ve vzorníku, které by mělo být procentuálním odstínem barvy stávající? Nejjednodušší cesta je nastavit na paletce Vzorník požadovaná procenta barvy a poté kliknout na ikonku pro vytvoření nového políčka.


InDesign – vytvoření nového políčka barvy (odstín) from Jaroslav Machacek on Vimeo.

TIP 3:

Chcete si být jisti, že v textovém rámečku je vyrovnání a prostrkání na nulových hodnotách? Vynulujte je jedním kouzelným stiskem kláves Cmnd-Opt-Q.


InDesign – reset vyrovnání a prostrkání from Jaroslav Machacek on Vimeo.

TIP 4:

Víte, že nástroj Kapátko má v InDesignu svoje volby, kterými si můžete určit, co do Kapátka "natáhnete" a budete tak kopírovat? Stačí pouze dvojklik na ikonu nástroje. A jedna drobnost navíc... pokud při kliknutí Kapátkem na cílový objekt přidržíte klávesu Shift, zkopíruje se pouze barva bez ostatních atributů zdrojového objektu.


InDesign – volby nástroje Kapátko from Jaroslav Machacek on Vimeo.

TIP 5:

Pomohlo by vám, kdyby vás InDesign upozornil na text, u kterého je změněno prostrkání či vyrovnání na jiné než defaultní hodnoty? Pak si aktivujte volbu Vlastní prostrkání/vyrovnání na kartě Sazba v předvolbách programu. Od teď budete mít v normálním režimu zobrazení inkriminovaný text zvýrazněn tmavězeleným podbarvením.


InDesign – zvýraznění prostrkání či vyrovnání from Jaroslav Machacek on Vimeo.

TIP 6:

Víte, jak rychle změnit rohový bod objektu na Bézierovu křivku s táhly? Stačí zvolit nástroj pro přímý výběr (A), stisknout klávesy Command a Option a vytáhnout patřičný bod kurzorem. Na přeměnu zpět na rohový bod stačí stisknout ty stejné klávesy a na bod kliknout.


InDesign – rohový bod objektu from Jaroslav Machacek on Vimeo.

TIP 7:

Tak tohle je celkem bomba, kterou jsem donedávna vůbec neznal! Víte jak parádně rychle a pohodlně přidat další řádky nebo sloupce ke stávající tabulce? Dvojklikem do jakékoliv buňky tabulky nebo pomocí klávesy T se "přepněte" na Textový nástroj. Nyní najeďte kurzorem nad spodní hranu tabulky až se kurzor změní na oboustrannou šipku. Teď bacha! Stiskněte tlačítko myši, držte je chviličku stisknuté, následně přimáčkněte klávesu Option (stále držíte stisknuté myšítko!) a nyní táhněte směrem dolů. Bomba, co?! A to stejné funguje i na sloupce jen s tím rozdílem, že to provedete na pravé hraně tabulky. A pozor, jde to i naopak - pomocí tohoto postupu můžete sloupce nebo řádky i mazat.


InDesign – rozšíření tabulky from Jaroslav Machacek on Vimeo.

TIP 8:

Vytváříte (nebo editujete) políčko barvy pomocí dialogového okna Volby políčka vzorníku. Barva už se vám celkem líbí, ale chtělo by to o něco světlejší nebo tmavší odstín. Tak v tom případě stačí stisknout klávesu Shift a potáhnout některým z posuvníků. Díky držení Shiftu se budou posunovat i všechny ostatní posuvníky a barva bude měnit odstín...


InDesign – tvorba políčka barvy from Jaroslav Machacek on Vimeo.

TIP 9:

Potřebujete zarovnat objekt na střed stránky? Samozřejmě můžete na paletce Zarovnání navolit Zarovnat podle stránky a pak kliknout na patřičné zarovnávací ikonky. Ale možná bude pro některé z vás rychlejší následující postup. Objekt pomocí Command-X vyjměte, zvolte zobrazení Stránku do celého okna (defaultně Cmnd-0) a přes Command-V vyklopte objekt zpět.


InDesign – zarovnání objektu na střed stránky from Jaroslav Machacek on Vimeo.

TIP 10:

Chcete duplikovat stránku? Rychlejší než na paletě Stránky lézt do voleb a tam klikat na patřičnou položku je stisknout klávesu Option a tažením stránku duplikovat.


InDesign – duplikování stránky from Jaroslav Machacek on Vimeo.

TIP 11:

Potřebujete dostat některé barvy ze vzorníku do jiného dokumentu? Pak není nic jednoduššího - prostě ta políčka ve vzorníku označte a klasickým přetažením hoďte na druhý dokument.


InDesign – přetažení barev do druhého dokumentu from Jaroslav Machacek on Vimeo.

TIP 12:

Možnost přidávat stín (a další efekty) objektům přímo v InDesignu je příjemná. Pokud ale chcete vytvářet vržený stín přirozenější... hezčí... trošku věrnější... pak přidejte 4-5 % šumu. Je to drobnost, ale pomáhá...


InDesign – vržený stín from Jaroslav Machacek on Vimeo.

TIP 13:

Možná už jsem o tom někdy psal, ale opakování je matkou moudrosti. Pokud máte v dokumentu víc vrstev, možná budete potřebovat vybrat všechny objekty na jedné konkrétní vrstvě. A nejrychlejší způsob? Stiskněte klávesu Option a klikněte na ikonu vrstvy na příslušné paletce.


InDesign – výběr objektů ve vrstvě from Jaroslav Machacek on Vimeo.

TIP 14:

Nejrychlejší pohyb mezi stránkami rozsáhlejšího dokumentu je pomocí zkratky Command-J... to je známé. Ale víte, že to platí i pro přesun na a mezi vzorovými stránkami? Prostě jen do vyvolaného dialogu po stisku Cmnd-J napište písmeno, které označuje vzorovou stránku.


InDesign – přesun na Master Page from Jaroslav Machacek on Vimeo.

Tag: InDesign, tip, DTP, screencast, tutoriál

Určitě už jste někdy podobný typ grafiky viděli a možná jste i zapřemýšleli nad tím, jak něco takového co nejjednodušeji vytvořit. A věřím, že byste si sami přišli na svoje metody, a to jak např. ve Photoshopu nebo v Illustratoru, tak i v InDesignu. Já vám předvedu velice jednoduchý postup v posledně zmíněném softwaru, který berte jen jako jednu z možností kudy na to...

1. Vytvořte základní tvar v němž se budou části fotografie objevovat. Já zůstanu u obyčejného obdélníku, kterému pomocí Objekt > Volby rohů zaoblím rožky. Barvu výplně neřešte, může být jakákoliv (i žádná), tah zvolte Žádný.



2. Rozkopírujte a zarovnejte obdélník např. pomocí Úpravy > Krok a opakovat podle svých potřeb a požadavků. Detilněji to zde rozebírat nebudu, pokud nevíte jak na to, zapátrejte prosím v nápovědě.





3. Označte všechny obdélníky a slučte je pomocí kliku na první ikonku na paletě Cestář (viz screenshot).



4. Vložte do dokumentu fotku a pomocí Cmnd-X (na PC Ctrl-X) ji hned vyjměte do clipboardu.



5. Zvolte nástroj Výběr (V) a označte objekt sloučených obdélníků. Pomocí Úpravy > Vložit dovnitř (Cmnd+Opt+V, na PC pak Ctrl+Alt+V) vysypte fotku ze schránky. Nástrojem Přímý výběr (A) si posouvejte, zvětšujte či zmenšujte fotku tak, až budete s výsledkem spokojeni :o)



Během několika desítek sekund tak máte k dispozici celkem dobře vypadající základ např. pro obálku brožury apod.

Tag: InDesign, tip, DTP, tutoriál

TIP 1:

Sázíte často dokumenty se stále stejnými odstavcovými a textovými styly? Co takhle mít tyto styly pořád po ruce při otevření jakéhokoliv (nového či rozpracovaného) dokumentu? Přepněte se do InDesignu a zavřete všechny případně otevřené dokumenty. Nyní jděte na paletu Odstavcové styly a z jejího menu zvolte položku Načíst všechny textové styly... Zvolte dokument, kde máte často používané styly definovány, počkejte až se vše načte a pomocí zatržítek si případně zkorigujte, co chcete a co ne. Potvrďte a od nynějška máte napořád tyto styly k dispozici. Vřele doporučuji třídit jednotlivé sady stylů pomocí složek (v paletce Odstavcové styly) a složky nazývat jednoznačně identifikovatelnými názvy.

TIP 2:

Potřebujete vykopírovat z dokumentu InDesignu všechny obrázky? Jako první se nabízí možnost jít na to přes funkci Sbalit... z nabídky Soubor, ale tato funkce vyexportuje i fonty, musíte potvrdit pár dialogů atp. Prostě jdete s kanónem na vrabce :o) A přitom je to tak snadné. Stačí z nabídky palety Vazby zvolit Kopírovat vazby do...

TIP 3:

Nemáte ještě moc zažité klávesové zkratky a i v menu jednotlivých roletek trochu tápete? Tak si před rozbalením jakékoliv rolety z horního menu stiskněte tzv. trojhmat - Cmnd-Opt-Shift (na PC místo jabka samozřejmě Ctrl) a všechny položky rozbalené rolety se vám ukážou ABECEDNĚ seřazeny. Usnadní to hledání kýžené položky...

TIP 4:

Máte dva InD dokumenty a rádi byste z nich udělali jeden? Ano, InD CS3 už umožňuje vkládat jeden InD dokument do druhého, ale jde to i jinak. Otevřete si oba (nebo kolik jich máte) dokumenty a dejte si je na obrazovce tak, abyste měli k oběma přístup (případně Okna > Uspořádat > Dlaždicově...). Běžte na dokument, který použijete jako "zdrojový", otevřete si paletku Stránky, označte ty, které chcete přesunout do "cílového" dokumentu (označené stránky přidáváte buď jednotlivě s přidrženou klávesou Command/Ctrl nebo klik na první, stisknout Shift a klik na poslední) a takto označené stránky jednoduchým přetažením hoďte kamkoliv na vedlejší "cílový dokument". Potvrďte a tradááá...

TIP 5:

Potřebujete v dokumentu InDesignu různě široké sloupce? Třeba jeden úzký, pak dva širší a nakonec zase jeden užší... No přece se s tím nebudete patlat jako nějaký nováček přes vodítka? Zvolte raději rolbu Zobrazení, pak Mřížka a vodítka a tam odškrtněte položku Zamknout vodítka sloupců, která je defaultně aktivní. Teď už si můžete s vodítky jednotlivých sloupců šoupat sem a tam, jak je ctěná libost.

TIP 6:

Transformovali jste objekt (posun, změna velikosti, otočení, ...) a nyní byste chtěli na chlup to stejné provést i s dalším objektem? No přece nebudete např. u otočení zkoumat, o kolik stupňů a kam jste natočili první objekt a následně zadávat tuto hodnotu někam do políčka a potvrzovat? Nebude jednodušší označit patřičné objekty a stisknout Cmnd-Opt-š? Na PC opět samozřejmě místo Cmnd zvolte Ctrl.

TIP 7:

Vytvořili jste si odrážky nebo číslování pomocí patřičné funkce a potřebujete je nyní narychlo editovat. Například změnit barvu jednotlivým znakům pro odrážky (nejčastěji tzv. bullets)...? Správně byste si pro to měli vytvořit Znakový styl a ten nadefinovat do dialogu Odrážky a číslování. Ale když je jich jen pár a spěchá to, tak komu by se s tím chtělo dělat? :o) Jenže ty potvory odrážky jen tak editovat nejdou, co? Tak si je pěkně označte, jděte na paletu Odstavec a z její menu vyberte položku Převést Odrážky a číslování na text... Voilá!



Zdroj a inspirace: quarkvsindesign.com

Tag: InDesign, tip, tutoriál, DTP

Pokud použijete v dokumentu Illustratoru např. nějaký štětec, stane se vám potom třeba u některé z mikrofotobank (Shutterstock, Fotolia atp.), že vám váš obrázek odmítnou, protože to nejsou tzv. čisté křivky. Takže je potřeba označit tah štětcem (apod.) a zvolit Objekt > Rozdělit vzhled. Ale pořád to ještě není ono, protože co když budete chtít potom změnit barvu tohoto objektu? Schválně si to zkuste... blbý, co? Takže zbývá udělat poslední krok k dokonale vyčištěnému tvaru a tím je Objekt > Cesta > Vyčistit... (nechat zaškrtnuté všechny tři checkboxy). Více napoví obrázky...

Cesta vytažená štětcem


Po aplikaci Objekt > Rozdělit vzhled


Změnit barvu je problém...


Objekt > Cesta > Vyčistit... (nechat zaškrtnuté všechny tři checkboxy)


Čisťounké křivky


Je libo jinou barvu?

Tag: Illustrator, tip, grafika, tutoriál

Narazil jsem na celkem dobrý stránky s tutorama pro Illustrator. Kdyby měl někdo zájem, tak ať zabrowsí na vectortuts.com. Je to sice v anglině, ale základní znalost bohatě stačí. Já anglicky neumím a chápu tam v pohodě :o)

Tag: Illustrator, tutoriál, odkazy

Myslím, že funkce zmíněná v titulku příspěvku patří k těm opomíjenějším v InDesignu a zároveň myslím, že neprávem. Jdou s ní dělat totiž zajímavé věci...

Jedním z celkem často používaných efektů je nápis "vyseknutý" v nějaké ploše a umístěný přes obrázek. A právě pro tuhle záležitost se nám funkce Vykrojení skupiny navýsost hodí. Ano, efektu lze dosáhnout i pomocí Cestáře, ale text už poté není editovatelný... InD bohužel v tomto nefunguje jako Illustrator. Takže jinak a lépe...
Klikněte si na obrázky pro větší náhled.

1) Nachystejte si v InD tři objekty podobně jako na prvním screenshotu, tzn. obrázek, na něj obdélník a na něj libovolný text napsaný libovolnou barvou.

2) Označte textový rámeček, na paletce Efekty označte řádek Text a snižte Krytí na 0 %.

3) Označte textový rámeček (nyní s "neviditelným" textem) a současně obdélník pod textem (v našem případě zelený). Seskupte oba objekty do jedné skupiny (cmnd+G, na PC ctrl+G).

4) Na paletce Efekty zaškrtněte checkbox Vykrojení skupiny.

Pokud budete v budoucnu potřebovat editovat text, rozgrupnete skupinu (tím se ztratí efekt vyseknutí), zvýšíte si Krytí textu, abyste viděli, co opravujete a po editaci zopakujete kroky 2–4.

A jestli jste u celého postupu trošku přemýšleli o principu fungování funkce Vykrojení skupiny, tak vás jistě napadly další možnosti jejího využití. Zkuste si například pro začátek vytvořit "děravý" text se stínem, tak jako na posledním obrázku. A berte to třeba jako domácí úlohu :o) Známky nerozdávám, kdo nebude vědět, tomu rád přes e-mail nebo IM poradím :o)

EDIT: Řešení už můžete nalézt také ZDE.

Tag: InDesign, tip, tutoriál, DTP

Drobnost, která - jak věřím - mnohé potěší. Určitě jste už někdy chtěli zvětšit či zmenšit objekt tak, aby se transformoval stejnoměrně směrem od středu a ne pouze na tu stranu, na kterou "taháte". Vtip je ve zvolení správného nástroje. Zapomeňte na klasický Nástroj pro výběr (V) a stiskněte klávesu E, abyste vybrali Nástroj libovolná transformace. Nyní přidržte klávesu Option (Alt na PC), posuňte kurzor nad rohový bod objektu a táhněte... Pokud chcete zachovat proporce objektu, tak samozřejmě přimáčkněte Shift. Screenshoty napoví víc...

Tag: InDesign, tip, tutoriál, DTP

Občas je potřeba nějaké objekty v Illustratoru rozdělit a řádně "vyčistit". Jedná se typicky například o loga, která vám někdo zaslal a která obsahují takové divočiny, jako je např. nasílení písma pomocí přidaného tahu. Stačí ovšem pár kliků a máte výsledný objekt krásně zjednodušený a "čisťounký". Následujte screenshoty...

Text převedený na křivky s nasílením pomocí tahu stejné barvy jako je výplň.




Zvolte Objekt > Rozdělit..., zaškrtněte Výplň i Tah, pak OK.







Stiskněte Option (na PC Alt) a klikněte na první ikonku na paletce Cestář.





A výsledek...

Tag: Illustrator, tip, DTP, grafika, tutoriál

Myslím si, že InD "v základu" celkem ovládám, ale existují ještě mnohá a mnohá jeho zákoutí, která jsou mi utajena. O to větší má člověk radost, když narazí na řešení, tip či návod, který mu ušetří starosti nebo zefektivní práci. Takže hned ze začátku zdůrazňuji, že následující řádky nejsou z mé hlavy, ale objevil jsem je na výborném webu InDesignSecrets.com. Nicméně považuji tento návod za tak důležitý a zajímavý (aspoň teda pro mě :o)), že si dovoluji zde zveřejnit jakousi jeho českou mutaci. Kdo nemá problémy s angličtinou, ať se tady nezdržuje a klikne si rovnou na originál :o) A o co že to tedy jde?

Určitě jste někdy potřebovali před exportem do PDF (nebo i jiného formátu) tzv. rozkřivkovat fonty v dokumentu InDesignu. Ať už to vyžaduje tiskárna nebo chcete mít jistotu nebo prostě z jakéhokoliv jiného důvodu. Říkáte si no a co... označím text, stisknu jabko+shift+O (Text > Vytvořit obrysy) a je to. ALE! Co když má dokument více stran? Půjdete jednu za druhou a budete označovat a rozkřivkovávat? Trošku nepohodlné, ne? A co je ještě horší... co když máte v layoutu odrážkový nebo číselný seznam? Nebo podtržené či přeškrtnuté písmo? Klasickým převodem na outlajny totiž tyto "efekty" zmizí ani nemrknete. Ovšem jak naznačeno v úvodu, řešení existuje.

Zvolte menu Úpravy a tam položku Přednastavení sloučení průhledností. Klikněte na Vysoké rozlišení a následně na tlačítko Nové... Nastavte hodnoty podle následujícího obrázku (měly by tak už být nastaveny) a zatrhněte checkbox Převést všechny texty na obrysy. Pojmenujte nastavení (např. Vysoké rozlišení-Outlines), klikněte na OK a znovu na OK.

Teď je potřeba vložit do stránky(–nek) průhledný objekt, aby bylo tzv. co slučovat a text se mohl při slučování průhledností rozkřivkovat. Pokud máte stránek více, průhledný objekt vložte na Master Page neboli vzorovou stránku. Vytvořte objekt (např. obyčejný obdélníček) přímo v InD s průhledností 0 % (protože samozřejmě nechcete, aby tam byl nějaký objekt navíc, nulová průhlednost zajistí jeho neviditelnost) a vložte ho někam do stránek tak, aby aspoň částí překrýval některý z objektů pod ním. Já to dělám tak, že si vytvořím novou vrstvu, umístím ji ZCELA nahoru, do ní natáhnu průhledný obdélník přes celou stranu a vrstvu zamknu.

Při exportu dokumentu do PDF se ujistěte, že máte zvolenou kompatibilitu pro Acrobat 4 a na záložce Další volby zvolte v roletce Sloučení průhledností vámi nadefinovanou položku. Při exportu do EPS postupujte podobně.

A to je vše. Nyní budete mít po exportu převedeny všechny texty na křivky, ale odrážky, podtržení a spol. zůstanou zachovány.

Tag: InDesign, tip, DTP, tutoriál

Je to sice poněkud obehrané téma, ale v různých diskuzích se dotazy na to, jak vytvořit podobný efekt, opakují zas a znovu, takže třeba to opět někomu pomůže. Pomocí poměrně jednoduchého postupu získáte během chvilky efektní pozadí nebo grafický prvek do vašeho projektu. Nemusím snad ani zdůrazňovat, že můj "pseudotutoriál" je pouze jednou z mnoha variant užití efektu, a že experimentování a zkoušení tisíců dalších možností je už jen a jen na vás. Mylím, že video je snad více než názorné, ale přesto ve zkratce pár základních bodů...

1) Vytvořte pomocí pera, tužky apod. nebo klasických objektových nástrojů (obdélník, hvězda, spirála, ...) dva či více objektů libovolného tahu nebo i výplně.
2) Všechny objekty označte, poklepejte doubleklikem na nástroj Prolnutí, upravte Volby prolnutí a vytvořte samotné prolnutí pomocí stisku command+option+B (na PC ctrl+alt+B).
3) Pomocí nástroje Přímý výběr (bílá šipečka) můžete editovat jednotlivé body vzniklé grafiky, přebarvovat tah či výplň, měnit tloušťku tahu atp. Také je možno upravovat parametry samotného prolnutí. Stačí opět vše označit a znovu poklepat na nástroj Prolnutí. Upravte parametry (pomocí zapnuté funkce Náhled můžete vše v reálném čase pěkně kontrolovat) a klikněte na OK.
4) Na závěr (pokud má být výstupem stoprocentně vektorová grafika) je potřeba vše převést na křivky pomocí Objekt > Rozdělit.

No a teď už můžete kouknout na zmiňované video:

Příklady použití efektu Prolnutí:

Tag: Illustrator, tutoriál, tip, grafika, DTP, screencast

Sice nevím, proč to nefunguje jak má, ale než se zbytečně rozčilovat, je lepší najít řešení. A o co že to jde? Pokud chcete mít v dokumentu číslování pro dvojstránku pouze na jedné straně (např. na levé straně dole bude nápis: Str. 8 / 9), asi vás napadne, že není nic jednoduššího než na Master Page vložit do textového rámečku speciální znaky pro Číslo aktuální stránky / Číslo následující stránky. Jenže v InD CS3 to bohužel nefunguje. Neptejte se mě proč, raději si přečtěte co s tím :o)

1) Na LICHOU vzorovou stranu udělejte text. rámeček, do kterého vložte Číslo aktuální stránky (Text > Vložit speciální znak > Značky), nějaký oddělovník (např. lomítko) a Číslo předcházející stránky.
2) Na SUDOU vzorovou stranu udělejte prázdný textový rámeček.
3) Zřetězte rámeček z liché strany s rámečkem na sudé.
4) Zmenšete rámeček na liché straně tak, aby se tam vůůůbec nic nevešlo :o)
5) Mrkněte na libovolnou dvoustranu v dokumentu, zkontrolujte výsledek a oslavte úspěch :o)

Na závěr nezbývá než poděkovat lidem z diskuze na Grafika.cz, hlavně uživatelům CrimbleCrumble a Václavu Sinevičovi.

Tag: InDesign, tip, tutoriál, DTP

Miluju používání nástroje Záplata. Od doby, kdy se objevil ve Photoshopu se už jen minimálně při retušování vracím ke klasickému klonovacímu razítku. Jistě mi dáte za pravdu, že jedním z nejčastěji retušovaných objektů z fotografií jsou dráty elektrického vedení, které prostě (pokud nejsou foceny cíleně a se záměrem) vždy a všude zavazí a v 99 % kazí výsledný dojem z fotky. Jasně, nejlépe fotit tak, aby dráty na fotce nebyly, ale ne vždy to prostě jde. Naštěstí retuše z míst jako je obloha jsou jedněmi z nejsnadnějších. A aby vaše práce byla ještě rychlejší a efektivnější, mám pro vás dnešní drobný tip.

Klepněte se Záplatou na postiženém úseku tak, abyste jako první vytvořili jakousi malou zatáčku, která povede přes drát, táhněte dál podél drátu a opět udělejte malou zpětnou zatáčku. A v tomto okamžiku přichází ono drobounké ulehčení, neboť právě teď už můžete uvolnit stisk myši a běhající mravenci selekce si sami ("zadarmo") najdou cestu ke svým kamarádům. Že melu nesrozumitelné nesmysly? Tak snad více napoví následující nákresy...

Klepněte a táhněte z bodu 1 ve směru šipky 2. V bodě 3 pusťte myšítko a celý úsek 4 už se pěkně vytvoří sám.


Vzniklý výběr už pak jen přesunete kam třeba...

Možná se vám to zdá jako nepodstatná maličkost, ale až budete mít sadu snímků z pěkného místa a na každém pár drátů přes oblohu, zkuste si na mě vzpomenout a netahejte nástroj Záplata ledabyle sem a tam, ale prubněte to podle mé rady. Sami poznáte, kolik práce dovede tahle blbůstka ušetřit. A že to nevyužijete jen a pouze na dráty snad nemusím zdůrazňovat :o)

Tag: Photoshop, tip, grafika, tutoriál

1) Vytvořte pár náhodných objektů s černým tahem a žádnou výplní.



2) Vytáhněte všechny objekty nějakou předdefinovanou Stopou (já použil např. Uhlokresbu).



3) Nastavte nějakou větší šířku tahu.



4) Na paletce Stopy vytvořte Novou objektovou stopu.




5) Smažte původní grafiku, čmárněte např. perem pár náhodných tahů nebo umístěte objekt a zvolte nově vytvořenou Stopu.



6) Pokud chcete s vytvořeným "grunge objektem" dále špásovat, jděte do rolety Objekt a zvolte položku Rozdělit vzhled.



7) Přebarvujte, odmazávejte, otáčejte... tvořte co libo :o)



Za tip děkuji bittbox.com.

Tag: Illustrator, grafika, tutoriál, tip

Omezovat se při tvorbě v Illustratoru pouze velikostí zvoleného plátna je samozřejmě nesmysl a v podstatě je taková práce nemožná. Ovšem co s tím, když dokončíme grafiku, všude po krajích nám čouhají a přesahují spousty objektů a my potřebujeme výslednému dokumentu dát nějakou štábní kulturu? Nabízím tři možnosti:
(Všechny případné klávesové zkratky jsou uváděny pro Mac OS. Uživatelé PC si nahradí cmd za ctrl a opt za alt.)

1) Vytvořte Oblast oříznutí

První tip se týká pouze té varianty, pokud výsledný dokument exportujete do jiného formátu (pdf, jpg, ...). Stačí zajet do roletky Objekt a následně zvolit Oblast oříznutí a Vytvořit. Když následně provedete export, ve výsledném souboru se objeví pouze objekty, které leží uvnitř Oblasti oříznutí. A pokud budete kdykoliv v budoucnu chtít Oblast oříznutí zrušit, není nic jednoduššího: Objekt – Oblast oříznutí – Uvolnit.

2) Použijte ořezovou masku

Slučte všechny případné vrstvy v dokumentu do jedné a poté úplně nahoře (!) vytvořte objekt libovolné barvy výplně, žádného tahu a přesného rozměru kreslicího plátna. Zarovnejte přesně na hranice plátna. Následně označte vše (cmd+A) a stiskněte cmd+7 (případně Objekt – Ořezová maska – Vytvořit). Pokud chcete ořezovou masku uvolnit, stiskněte cmd+opt+7. Více třeba napoví krátké video.

3) Ufikněte to definitivně

Poslední variantu téměř nepoužívám, neboť nenabízí možnost návratu k původní grafice a přesahující oblasti odstraňuje s definitivní platností. Nicméně může se hodit a proč o ní nevědět...? Proveďte to stejné jako u minulé varianty s ořezovou maskou. Tzn. vytvoření objektu nad sloučenými vrstvami, zarovnání na plátno a označit vše. Nyní ale použijeme oblíbenou paletku Cestář (pokud ji nemáte zobrazenou, tak cmd+shft+F9 nebo rolba Okna – Cestář). Přesvědčíme se, že máme označeno vše a klikneme na ikonku Oříznout (viz screenshot).

Tag: Illustrator, tip, tutoriál, grafika, DTP, screencast

Ano, tisíckrát omleté téma a navíc analogoví fotografové-puristé mě už teď posílají do horoucích pekel, ale co už? :o) I já souhlasím s tím, že pravé fotografické zrno ze solí stříbra žádný software nenahradí, nicméně jsou situace, kdy se dá přidání šumu pomocí grafického editoru tolerovat, leckdy hodně pomůže a leckdy je při dolaďování grafik (montáží apod.) dokonce nezbytné pro dodání reality a zamaskování přílišné digitální uhlazenosti. Způsobů jak přidat šum je spousta a každý dává přednost něčemu jinému (už i v závislosti na používaném sw), ale já jsem si po řadě zkoušení všeho možného oblíbil následující postup. Je jednoduchý, nicméně podle mě velmi účinný a hlavně celkem realistický. Pojďme na to...

1) Otevřeme si fotku - já použil jedno ze svých minimalisticko-industriálních zátiší :o) Snímek je pěkný (skromnost mi sluší, že?), ale v černobílém provedení mu digitální hladkost rozostřeného pozadí mimo hloubku ostrosti moc nesedí... alespoň podle mě :o)

2) Se stisknutou klávesou Option (uživatelé PC stisknou Alt) klikneme na ikonu Nová vrstva na paletce Vrstvy. V dialogu změníme režim prolnutí na Překrýt a zaškrtneme checkbox Vyplnit neutrální barvou...

Na paletce Vrstvy to nyní vypadá takto:

3) Zvolte Filtr > Šum > Přidat šum, Rozložení Gaussovské a zaškrtnout políčko Monochromatický. Nyní laborujte s hodnotou pomocí posuvníku. Nezapomeňte si ovšem za prvé zvětšit upravovaný snímek na sto procent a za druhé pamatujte, že méně bývá více. Já u fotek z 8MPx foťáku dávám hodnotu někde kolem 5, ale samozřejmě záleží na fotce, na záměru, na vkusu...

4) Nyní zvolte z roletky Filtr znovu položku Šum a následně Medián. Tenhle filtr nám pomůže dosavadní nepříliš realistický šum jaksi "zhrudkovatět". Hodnotu poloměru zvolte 1 obr. bod. Většinou se mně to zdá stejně až moc, takže po odkliknutí OK u Mediánu volím Úpravy > Zeslabit Medián (cmd+shft+F, na PC ctrl+shift+F) a snížím hodnotu tak na 50-70 %.

5) Pokud se vám zdá vytvořený šum příliš výrazný, můžete celou tuto "akci" zeslabit snížením celkového krytí vrstvy. Já snížil opacitu na 76 %. Právě kvůli této možnosti jsme od začátku pracovali na samostatné vrstvě a ne přímo na obrázku.

6) Na závěr už jen sloučíte vrstvy do jedné a výsledek uložíte. Srovnejte původní a výsledný obrázek. A na papíře to po vytištění vypadá ještě lépe...

Zdá se vám výsledný efekt "slabý" ve srovnání s vynaloženou prací na jeho dosažení? Věřte tomu, že již jednou zmíněné pořekadlo "Méně bývá někdy více" zde platí měrou vrchovatou. Nikdo vám samozřejmě nebrání efekt zašumění oroštovat na plné koule, ale výsledek bude spíše... no však uvidíte :o)

Tag: Photoshop, tip, tutoriál, grafika, foto

Dovolím si upozornit na velmi povedený tutorial, který dnes vyšel na Grafice. Jedná se o tvorbu umělé vodní hladiny a já autorovi tleskám. Konečně zas po dlouhé době tutor, který stojí za to. Mrkněte se ...

Tag: grafika, tutoriál, odkazy

Dnes malý (a celkem známý) trik na "zacházení" s filtrem imitujícím odlesk objektivu ve Photoshopu. Jelikož filtr se nedá aplikovat na prázdnou vrstvu a většinou je právě žádoucí, aby si zachoval průhlednost a mohli jste mít pod jeho vrstvou další viditelné objekty, následuje zmíněná finta. Novou vrstvu vyplňte celou černou barvou a na ni aplikujte filtr (Filter>Render>Lens Flare...). Až jste s jeho parametry spokojeni, nastavte vrstvě interakci na Screen. Černá zmizí a vy si můžete s odleskem hýbat, jak libo. Screenshoty vše dokonale objasňují ...

Na závěr dvě důležitá upozornění: 1. Musíte pracovat v režimu RGB, jinak je filtr nefunkční. 2. Používejte Lens flare jen výjimečně a jen při skutečně opodstaněných příležitostech. Jeho nadužívání totiž působí dost kýčovitě až lacině.

Tag: Photoshop, tip, tutoriál, grafika

Jak naznačeno v titulku, těch postupů je spousta a každý využívá raději něco jiného. Já osobně dávám přednost variantě Image > Calculations, někdo zase upřednostňuje Míchání kanálů atd., atd. Následný postup je jen jednou z variant, kterou si můžete ve Photoshopu vyzkoušet a sami uvidíte, jestli a v jakých situacích vám dává požadované výsledky.

Takže po otevření fotografie postupujte podle následujícícho návodu:

1. Obraz – Režim – Lab barvy
2. Kanály – Světlost
3. Obraz – Režim – Stupně šedi
4. Vypustit kanály – Ano
5. Vrstva – Duplikovat vrstvu
6. Režim prolnutí – Násobit
7. Krytí – cca 30–40%
8. Vrstva – Sloučit
9. Obraz – Přizpůsobení – Křivky – doladit podle potřeby

Pokud vám není něco jasné, klidně mi napište.

Tag: Photoshop, foto, tutoriál