Tip pro Illustrator – další „random“ skripty :o)

Tak mě napadlo zapátrat ještě po dalších free skriptech do Illustratoru generujících náhodné výsledky a ejhle... Na těchto stránkách máte ke stažení zdarma skriptů mraky a jedna ze sekcí se nazývá Randomize Scripts. Stáhněte si celý balík, rozpakujte, nakopírujte do složky Scripts vašeho Illustratoru. Jedná se o javascripty, tudíž jde o multiplatformní záležitost.

FillRandom – náhodně rozmístí vámi definovaný počet kopií zadního objektu do pravoúhlé hranice předního objektu. Když navíc převedete rozmisťovaný objekt na symbol, můžete pak jedním vrzem měnit komplet všechny instance pouhou jednou změnou „mateřského“ symbolu. Kraťounké video vám ukáže, co mám na mysli…

filrandomscript-movie

RandomBaselineShift – posune účaří jednotlivých znaků v textovém rámečku. Upřímně řečeno nevím, na co by to mohlo být dobré, ale třeba se to někomu šikne ;o)

RandomBaselineShift

RandomFillSwatches – vyplní všechny označené objekty náhodně vybranými barvami z aktuálního Vzorníku.

RandomFillSwatches

RandomOpacity – náhodně nastavuje průhlednost vybraných objektů v rozmezí 0–100 %.

RandomOpacity

RandomReplaceSymbol – náhodně nahrazuje Symboly. Podle mě blbost, dál jsem to nezkoumal :o)


A na závěr ještě jedna lahůdka od jiného tvůrce... náhodný generátor očí! Ano, čtete dobře :o) John Wundes napsal skriptík RandomEyes, který vám při každém zavolání vyhodí jednu sadu kukadel :o))) Využijete to?

RandomEyes

|

Kouzelný Gradient Mesh aneb Čarujte s nástrojem Mřížka v Illustratoru...

Narazil jsem nedávno na stránky jednoho šíleného japonského maniaka přes Illustrator a spadla mně mandibula pěkně nízko. Jeho hrátky s mřížkou přechodů fakt berou dech... řekli byste, že tenhle horn je vytvořen v křivkách?

Yukio-Miyamoto_horn
(c) Yukio Miyamoto

Ufff... klobouk dolů Yukio Miyamoto! Mimochodem, asi se mu dost líbí tvorba našeho známého secesisty Alfonse Muchy, neboť jeho díla také přetváří do vektorů...

A tak mě prohlídka jeho výtvorů tak nějak „poňoukla“ a zdravě naštvala, že jsem se asi na tři hoďky usadil k Illustratoru a zkusil si taky něco začít s gradient mesh :o) Určitě to není stoprocentní a ani zdaleka se moje sluchátka nevyrovnají grafikám pana Yukia, ale stejně je paráda, co se všechno dá se zmíněným nástrojem vyčarovat. Berte to jako tip a vyzkoušejte Mřížku také, výsledky jsou skutečně zajímavé...

sluchatka_thumb

sluchatka-obrysy_thumb

PS: A ano, je to podle předlohy, kdybyste se chtěli zeptat ;o)

|

Tutoriál pro Illustrator – disko koule

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

_Illustrator-tutorial-disco-ball_thumb_01

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.

_Illustrator-tutorial-disco-ball_thumb_02

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

_Illustrator-tutorial-disco-ball_thumb_03


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.

_Illustrator-tutorial-disco-ball_thumb_04


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…

_Illustrator-tutorial-disco-ball_thumb_05


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)

_Illustrator-tutorial-disco-ball_thumb_06

_Illustrator-tutorial-disco-ball_thumb_07

_Illustrator-tutorial-disco-ball_thumb_08

_Illustrator-tutorial-disco-ball_thumb_09

_Illustrator-tutorial-disco-ball_thumb_10


tip_lightbulbTip: 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.

_Illustrator-tutorial-disco-ball_thumb_11


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.

_Illustrator-tutorial-disco-ball_thumb_12

_Illustrator-tutorial-disco-ball_thumb_13


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í.

_Illustrator-tutorial-disco-ball_thumb_14


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

_Illustrator-tutorial-disco-ball_thumb_15

_Illustrator-tutorial-disco-ball_thumb_16



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í.

_Illustrator-tutorial-disco-ball_thumb_17

_Illustrator-tutorial-disco-ball_thumb_18

_Illustrator-tutorial-disco-ball_thumb_19

_Illustrator-tutorial-disco-ball_thumb_20


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.

_Illustrator-tutorial-disco-ball_thumb_21


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)

_Illustrator-tutorial-disco-ball_thumb_22

_Illustrator-tutorial-disco-ball_thumb_23

_Illustrator-tutorial-disco-ball_thumb_24


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.

_Illustrator-tutorial-disco-ball_thumb_25

_Illustrator-tutorial-disco-ball_thumb_26


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)

_Illustrator-tutorial-disco-ball_thumb_27


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)

|

Tutoriál pro Illustrator – kouzelnický klobouk a hůlka

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.

Illustrator-tutorial-magic-hat_thumb_01

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

Illustrator-tutorial-magic-hat_thumb_02

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.

Illustrator-tutorial-magic-hat_thumb_03

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.

Illustrator-tutorial-magic-hat_thumb_04

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.

Illustrator-tutorial-magic-hat_thumb_05

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

Illustrator-tutorial-magic-hat_thumb_06

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.

Illustrator-tutorial-magic-hat_thumb_07

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).

Illustrator-tutorial-magic-hat_thumb_08

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

Illustrator-tutorial-magic-hat_thumb_09

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.

Illustrator-tutorial-magic-hat_thumb_10

Illustrator-tutorial-magic-hat_thumb_11

Illustrator-tutorial-magic-hat_thumb_12

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.

Illustrator-tutorial-magic-hat_thumb_13

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

Illustrator-tutorial-magic-hat_thumb_14

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

Illustrator-tutorial-magic-hat_thumb_15

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

Illustrator-tutorial-magic-hat_thumb_16

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.

Illustrator-tutorial-magic-hat_thumb_17

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.

Illustrator-tutorial-magic-hat_thumb_18

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.

Illustrator-tutorial-magic-hat_thumb_19

Illustrator-tutorial-magic-hat_thumb_20

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

Illustrator-tutorial-magic-hat_thumb_21

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.

Illustrator-tutorial-magic-hat_thumb_22

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.

Illustrator-tutorial-magic-hat_thumb_23

Illustrator-tutorial-magic-hat_thumb_24

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.

Illustrator-tutorial-magic-hat_thumb_25

Illustrator-tutorial-magic-hat_thumb_26

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.

Illustrator-tutorial-magic-hat_thumb_27

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.

Illustrator-tutorial-magic-hat_thumb_28

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.

Illustrator-tutorial-magic-hat_thumb_29

Illustrator-tutorial-magic-hat_thumb_30

Illustrator-tutorial-magic-hat_thumb_31

Illustrator-tutorial-magic-hat_thumb_32

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).

Illustrator-tutorial-magic-hat_thumb_33

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

Illustrator-tutorial-magic-hat_thumb_34

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.

Illustrator-tutorial-magic-hat_thumb_35

Illustrator-tutorial-magic-hat_thumb_36

Illustrator-tutorial-magic-hat_thumb_37

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)…

Illustrator-tutorial-magic-hat_thumb_38

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

Illustrator-tutorial-magic-hat_thumb_39

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)

|

Několik (snad) zajímavých odkazů 107

Dnes hlavně pro grafiky a na závěr trocha rozptýlení a zábavy…

40 Photoshop akcí zdarma

Designm.ag vám přináší sérii odkazů na řádku photoshopáckých free akcí pro úpravu fotek, tudíž kdo má zájem, nechť se ráčí odebrat sem.

3D icon set

Web MediaLoot zase nabízí zdarma ke stažení povedenou sadu 3D ikon, které můžete používat i pro komerční účely.

medialoot-free-3D-icon

Hromada grafik pro vaše projekty

Na webu Wegraphics si můžete v sekci Downloads nasosat slušnou řádku pozadí, textur, brushů, vektorů atd.

wegraphics-downloads

40 vektorových balíčků zadara

Když jsem zmínil ty vektory, tak na stránkách youthedesigner.com je pro vás připravena čtyřicítka odkazů na všemožné křivky – samozřejmě grátis.

Kvalitní tutoriál pro Illustrator – kytara

A kdo má křivek málo, může mrknout na povedený tutor a vyrobit si pěknou elektrickou kytaru.

madtuts-kytara-tutorial

Mrcha jedna rychlá…

Teď to slíbené rozptýlení. Až se bude odpoledne v práci nesnesitelně táhnout, zkuste obklíčit kočku tak, aby vám neutekla. Klikem ztmavíte kolečko a přes ně už ta potvora nezdrhne. Ale ona vám stejně zdrhne :o)

cat-flash-game

Remi Gaillard – král odvážného humoru

Nepochybuji o tom, že řada z vás tohoto francouzského „magora“ zná, ale stejně si myslím, že tenhle sestřih jeho nejpovedenějších kousků vám rozzáří den :o)



|

SimpleCap – parádní freeware na screenshoty pro Mac OS X

Přestože systémové nástroje na sejmutí otisku obrazovky jsou v Mac OS perfektně použitelné, mohou se najít lidé, kteří by chtěli krapet víc. Vláďa Janeček na svém superapple.cz upozornil na bombastický freewarový prográmek, který jsem si zamiloval během prvních pár desítek sekund.

SimpleCap je rychlý jako blesk, má velmi příjemné grafické rozhraní a je navýsost „user friendly“. Přestože je zadara, disponuje spoustou vymakaných funkcí a já ho všem, kteří dělají otisky obrazovky častěji než jednou za uherský rok, vřele doporučuji.

Program je Universal binary a je pro 10.5 a vyšší. Stahovat můžete z domovské stránky projektu, kde najdete i vševysvětlující manuál.

simplecap

|

Tutoriál – tvorba plamene v Illustratoru snadno a rychle

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…

Illustrator-tutorial-plamen-1

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.

Illustrator-tutorial-plamen-2

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ý.

Illustrator-tutorial-plamen-3

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.

Illustrator-tutorial-plamen-4

Illustrator-tutorial-plamen-5

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.

Illustrator-tutorial-plamen-6

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

|

Tip pro váš web – Flash Page Flip

Díky Waldovi jsem narazil na tuhle zajímavou flashovou záležitost, kterou můžete využít na vašem webu pro efektní prohlížení katalogů, časopisů, brožur apod. Abychom si hned na začátek ukázali, o čem je řeč, upravil jsem pomocí FPF jeden starý kalendář, který jsem kdysi vytvářel pro potřeby našeho městečka.

FlashPageFlip-01

Klikněte na náhled

Tip: Kromě posouvání se šipkami ve spodní části si zkuste kurzorem chytit okraj stránky a tažením ji otočit, jako když listujete ve skutečném časopise.

FPF existuje ve více verzích, ale ta základní, kterou jste si právě vyzkoušeli na ukázce, je zdarma. Stačí si stáhnout celou složku, vyměnit ukázkové soubory ve složce Pages za svoje a přepsat soubor Pages.xml v nějakém textovém nebo html editoru (na Mac OS doporučuji free editor Smultron).

Já na uvedeném příkladu zaměnil původní soubory za jednotlivé stránky kalendáře 01-12.jpg.

FlashPageFlip-02

Pak jsem ve zmíněném souboru Pages.xml přepsal jednotlivé názvy souborů a trošku jsem upravil barvy a také rozměr okna.

FlashPageFlip-03

Teď už jen nahrajete celou složku na server a odkazujete na spouštěcí soubor Default.html.

FlashPageFlip-04

Tip pro Mac OS X: Celou stránku vytvořenou pomocí Flash Page Flip můžete také začlenit např. do svého RapidWeaver projektu pomocí stránky iFrame.

|

Tip pro Photoshop – dávkové zmenšení fotek na určený rozměr nezávisle na jejich orientaci

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.

PS-akce-fit-image-1

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.

PS-akce-fit-image-2


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ů.

|

Retro wallpaper pro vás

Tuhle jsem neměl na dvě hoďky do čeho píchnout, tak jsem si trošku zablbnul v Illustratoru :o) Kdo bude mít zájem, může si tuhle retro tapetu stáhnout ve větším rozlišení, stačí kliknout na tento náhled:

Wallpaper-retro01-thumb

|

Tip pro designéry – freedesign4.me

Na webu freedesign4.me můžete stahovat spoustu štětců, vzorků, ikon, vektorů atd. zdarma i ke komerčnímu užití. Dobrej zdroj pro grafiky, doporučuji!

freedesign4me

|

PF 2010

PF_2010_Mach_500px

|

Pattern8.com – kvalitní vzorky pro váš Photoshop zdarma

Narazil jsem nedávno na celkem povedený web, kde si můžete zdarma stáhnout spousty pěkných patternů a používat je i ke komerčním účelům. Šup s ním do bookmarků...

pattern8

|

Díkec...

Děkuji všem návštěvníkům a čtenářům tohoto webu za přízeň... a ať vám v novém roce nic nebrání v rozletu :o)))

wallpaper_flying-boy_thumb

Klikem na náhled si můžete tuhle moji blbůstku stáhnout ve velkém rozlišení jako tapetu na plochu vašeho monitoru.

|

Mraky ikonek a grafik pro designéry zdarma

Obrovský výběr fakt kvalitních a krásných ikonek a grafik ke stažení vyšel na Smashingu.

smashing_free_icons

|

Sada krásných ikon zdarma

Na sixrevisions.com si nyní můžete stáhnout pětici fakt povedených ikonek, které můžete používat zdarma i ke komerčním účelům. Třešinkou na dortu je fakt, že kromě png souborů jsou tam zapakovaná i ai-čka, takže můžete v Illustratoru zkoumat, jak to šikovný autor udělal.

sixrevisions-5-free-icons

|

Tip pro Illustrator – jednoduchá vánoční baňka snadno a rychle

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)

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

|

Earth 2.0 :o)))

V portfoliu grafika a ilustrátora Edna Pereiry jr. jsem objevil senzační výtvor, o který se prostě musím podělit! Human free :o))) OMG!

World_2_0_by_JrDragao

Autorova galerie na deviantART.com

Autorovy stránky dracoimagem.com

|

Tip pro Photoshop – načíst soubory do balíčku

Představte si situaci, kdy se chystáte rozpracovat nějaký projekt, kdy budete ve Photoshopu pracovat s větším množstvím předpřipravených obrázků. Budete je potřebovat naházet do jednotlivých vrstev a poté s nimi různě manipulovat apod. Než všechny jednotlivé grafiky otevírat a poté je ručně po jednom přetahovat do pracovního dokumentu, může být výhodnější následující postup.

Otevřete Photoshop a z roletky Soubor zvolte nabídku Skripty a následně položku Načíst soubory do balíčku... Pak už stačí programu ukázat složku nebo jednotlivé soubory, potvrdit a chvilku počkat. Photoshop vám sám a automaticky vytvoří dokument o rozměru největšího ze zdrojových souborů a s každým souborem ve vlastní vrstvě.

PS_nacist-soubory-do-balicku1

PS_nacist-soubory-do-balicku2

|

Tip pro Photoshop – výběr vrstvy nebo skupiny

Možná už jste narazili na situaci, kdy chcete ve Photoshopu vybrat vrstvu pomocí Cmnd+klik na objekt (na PC Ctrl+klik) a místo konkrétní samotné vrstvy se vám vybere celá skupina, ve které se tato vrstva nachází. Je to otravné, protože pak musíte rozbalit skupinu na paletce vrstev a vybrat požadovanou vrstvu. A přitom řešení je tak jednoduché. Vezměte nástroj Výběr (V) a v horním panelu zvolte z rozbalovací roletky Vybrat automaticky - vrstvu. Od této chvíle budete vybírat vždy pouze vrstvu, i když se bude nacházet ve skupině.

PS_vybrat-automaticky-vrstvu

|

150 „šejpíků“ pro váš Photoshop zdarma

Celkem 150 pěkných tvarů (shapes) do Photoshopu (7 a vyšší) nebo Photoshopu Elements (2 a vyšší) pro nekomerční i komerční užití si můžete zdarma stáhnout zde.

150_free_ornament_shapes

|

Dead Flies Art

Na-pros-tá bomba!!! Lidská fantazie je bezbřehá a tenhle nápad je prostě geniální :o) Víc neprozradím, podívejte se sami.

Thnx Onehalph!
|

Tip pro Illustrator – klávesová zkratka pro Spojit/Sjednotit cestu

Spojování koncových bodů dvou různých cest v Illustratoru je poměrně častou činností a zkratku Cmnd+J (na PC asi Ctrl+J) bude většina z vás dobře znát. Funkce Sjednotit (Objekt > Cesta > Sjednotit) už asi tak často používaná nebude (i když jak u koho), přestože může poskytovat zajímavé a užitečné výsledky. Nicméně její zkratku (Cmnd+Opt+J, na PC pak Ctrl+Alt+J) přímo v rozbalovacím menu horní roletky také vidíte.

Věděli jste ale, že obě tyto výše zmíněné činnosti můžete provést zároveň stiskem jedné jediné kombinace kláves? Označte nástrojem Přímý výběr (A) koncové body dvou neuzavřených cest a stiskněte Cmnd+Opt+Shift+J (PC = Ctrl+Alt+Shift+J). Hopla! Cesty se jednak spojí a jednak sjednotí (podél obou os).

Illustrator_spojit-sjednotit_thumb
Klikni pro větší náhled

|

Jeden podzimní wallpaper...

Onehdy jsem si jen tak čmáral v Illustratoru a asi na mě nějak sedla nálada končícího léta nebo co :o) Tak kdyby měl náhodou někdo zájem o jednu naivně-abstraktní tapetu s nádechem přicházejícího podzimu na svoji plochu, tak může stahovat po kliknutí na následující náhled...

Mach-autumn-flowers-wallpaper1_thumb

|

Tip pro Illustrator – objekt á la růžice kompasu snadno a rychle

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...

Illustrator-ruzice-01

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.

Illustrator-ruzice-02

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.

Illustrator-ruzice-03

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.

Illustrator-ruzice-04

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.

Illustrator-ruzice-05

Illustrator-ruzice-01

|

Ufff... brutální umění!

Promiňte mi ten bulvární titulek, ale fotografie (montáže? manipulace?) a obrazy Číňana Zhang Penga mě teda dostaly! Jeho styl je úžasný a má neskutečnou atmosféru. Dcerku (kdybych nějakou měl) bych s ním ale asi na procházku samotnou nepustil :o)))

zhang-peng-photo
Foto Zhang Peng

|

Tip pro Illustrator – Uložit výběr

Roleta Výběr v menu Illustratoru nám nabízí jednu možná trošku opomíjenou možnost, která vám ale může být leckdy po čertech užitečná. Jmenuje se Uložit výběr a podobnou funkcí disponuje i Photoshop. Pokud ji tedy znáte odtud, víte v podstatě co a jak.

Pro neznalé věci malý návod. Označte si vybrané libovolné objekty ve vaší grafice a zvolte Výběr > Uložit výběr. Pojmenujte ho a potvrďte. Od teď se vám roletka Výběr rozšířila o právě vytvořenou položku a vy jejím navolením můžete kdykoliv v budoucnu (i po uložení, zavření a opětovném otevření souboru) označit patřičné objekty. Vytvořený výběr můžete také kdykoliv v budoucnu přejmenovat nebo odstranit klikem na Výběr > Upravit výběr.

Illustrator_ulozit-vyber_01

Illustrator_ulozit-vyber_02

Netvrdím, že je tohle všespasitelná a ultraefektivní funkce... k označení vybraných objektů ve složitých grafikách můžete samozřejmě využívat i jiné (přímý výběr, zgrupnutí, práci ve vrstvách atd.), ale rozhodně je dobré o ní vědět... může se hodit.

|

Tip pro Illustrator - vlnovka

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...

Illustrator-vlnovka-01

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

Illustrator-vlnovka-02

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...

Illustrator-vlnovka-03

|

PS brushe a inspirativní psd-čka zdarma

Pokud sháníte nějaké štětce se světelnými efekty, tak na designm.agu pro vás nachystali kolekci více než 250 kousků! A pokud byste se chtěli mrknout přímo do vrstev hezkých grafických výtvorů a odkoukat tak něco od mistrů oboru, tak na dezignmusings.com máte asi 45 linků na takové soubory zdarma ke stažení.
|

Tip pro Illustrator – tvorba 3D objektu

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).

Illustrator-tutorial-3D-efect-screen01

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!

Illustrator-tutorial-3D-efect-screen02

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

Illustrator-tutorial-3D-efect-screen03

4) Zvolte Objekt > Rozdělit vzhled.

Illustrator-tutorial-3D-efect-screen04

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)

Illustrator-tutorial-3D-efect-screen05

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).

Illustrator-tutorial-3D-efect-screen06

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

Illustrator-tutorial-3D-efect-screen07

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...

Illustrator-tutorial-3D-efect-screen08

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é...

|

Envato má narozky a naděluje

Společnost Envato, o které jsem vás již tady informoval slaví 3. narozeniny a nabízí vám k nákupu balík dárků za velmi výhodnou cenu. Najdete tam webové šablony, témata do Wordpressu, různé grafiky, ikonky, styly, bannery, pozadí, zvukové jingly atp. Celý tento balík má hodnotu $300, ale vy si jej nyní můžete koupit za pouhou dvacku. Ovšem pozor, akce je časově omezena a končí v pátek odpoledne.

envato-3-birthday

|

Několik (snad) zajímavých odkazů 102

Dneska jen na rychlovku něco pro příznivce grafiky, fotografie apod.

Propojený text

Hezký tutoriál na jednoduchou tvorbu „propleteného“ textu v Illustratoru.

propojeny-text

Editovatelný text s reliéfem

Kvalitní návod na tvorbu zajímavého grafického stylu v Illustratoru, kdy text vypadá jako by byl použit nějaký „úkos a reliéf“, ale přesto je plně editovatelný.

text-relief-edit

CDčko jednoduše a rychle

Další povedený tutoriál najdou uživatelé Illustratoru na vectortuts+.

vector-cd

Makro jak má být...

Set osmdesáti makro a close-up snímků si můžete prohlédnout na instantshift.com.

macro-vosa

Jak vzniká obálka Macworldu...

Na tohle časosběrné „video“ složené z fotek upozornil v e-mailové konferenci KPPM Ivan Berka (díky) a dovoluji si to hodit i sem. Myslím si totiž, že by to mohlo zajímat nejenom fanoušky firmy Apple nebo lidi z DTP, ale že by vznik obálky světového časopisu mohl zajímat i laiky. Všimněte si například hned první fáze - nafocení hlavního motivu (iPhone 3GS). Co to dá práce DOBŘE vyfotit takovou „drobnost“, jako je mobilní telefon...

macworld-cover

|

Jablečný wallpaper pro vás

Kdyby měl někdo zájem, tak si může stáhnout jednu moji decentně minimalistickou Apple-tapetu na plochu. Snad se bude líbit...

PS: Z tohoto malého náhledu moc nepoznáte, takže si na něj klikněte pro „full“ verzi :o)

Apple-wallpaper_06-2009

|

Envato – od otevřeného tržiště s grafikou po výuku

Společnost (nebo spíš komunita?) Envato vznikla v roce 2006 v jednom obýváku v Austrálii a postupem času rostla a sílila až do dnešní podoby, kdy udává počet kolem 11 milionů zobrazení všech jejich stránek měsíčně. Sdružuje společenství lidí z celého světa a provozuje mnoho webů, zabývajících se převážně grafikou a vším okolo. Pokud jste grafik, freelancer, web designer apod., tak by alespoň některé z „envato-webů“ rozhodně neměly chybět ve vaší RSS čtečce nebo bookmarcích.

envato1-uvod

Celý projekt Envato je rozdělen do tří základních sekcí:

  • Marketplaces
  • Tuts+
  • Other Services

1) Marketplaces neboli tržiště

envato2-marketplaces

Patero stránek nabízí za velmi přijatelný peníz (řádově $1–$6) kvalitní prvky pro vaši grafickou tvorbu. Flashové animace (FlashDen), zvukové jingly, smyčky atd. (AudioJungle), webové šablony a témata pro redakční systémy WordPress, Drupal a Joomla (ThemeForest), krátké videosekvence a efekty (VideoHive) či prvky pro web a tisk – vektorovou nebo bitmapovou grafiku (často i ve vrstvách!), ikony, textury, vzorky, fotky, „isolated“ objekty, šejpíky, akce, štětce, pozadí, rendery nebo šablony na letáky, plakáty, vizitky, obálky atd. v InDesignu nebo Quarku (GraphicRiver). Vše je přehledně roztříděno do kategorií a nemusíte zde jednotlivé věci pouze nakupovat, ale i prodávat - funguje to obdobně jako v mikrofotobankách. Dobré je, že pro nákup si můžete (pomocí Moneybookers nabo PayPalu) nabít minimální částku už ve výši $20, což není tak moc a čerpat ji můžete celý jeden rok.

envato3-graphicriver

2) Tuts+ neboli tutoriály

envato4-tuts

Opět pětice webů, na kterých najdete skutečně povedené a velmi dobře udělané návody pro jednotlivé oblasti grafické a příbuzné tvorby. Psdtuts+ jsou samozřejmě návody pro Photoshop, Audiotuts+ potěší muzikanty a jiné audio-šílence, Nettuts+ jak správně tušíte webkodéry, Aetuts+ si mohou prostudovat tvůrci videoefektů v Adobe After Effects a v mé nejoblíbenější sekci Vectortuts+ objevíte samosebou tutoriály pro práci s vektory v Illustratoru. Kdo by měl zájem, tak za $9 měsíčně si může navíc prohlížet bonusové tutoriály, ke kterým jsou přiloženy i zdrojové soubory ke stažení apod. Navíc na všech těchto pěti webech najdete sekci Freebies, kde si můžete sosnout nějaké věci zdarma.

envato5-vectortuts

3) Other Sites neboli ostatní...

envato6-othersites

Sedmička webů, zabývajících se vším možným. Mě osobně se nejvíc líbí Creattica Daily, kde se shromažďují jakékoliv kreativní výtvory z celého světa pro vaši inspiraci a pak samozřejmě Mac Appstorm s recenzemi a novinkami ze světa Mac aplikací plus různé tipy a triky na práci s Mac OS X.

envato7-appstorm

Na závěr lze jen dodat, že všechny weby společnosti Envato mají krásný, moderní, přehledný a jednotný design a pokud vás zajímá (baví, živí, ...) jakákoliv z výše zmíněných oblastí lidské činnosti, tak byste si návštěvu těchto stránek rozhodně neměli nechat ujít. Já za sebe dávám palec hodně vysoko nahoru!

envato8-logo

|

Dvakrát pro fotografy

Pokud se chystáte prodávat svoje výtvory v nějaké té mikrofotobance, zkuste prvně navštívit web pana Václavka na adrese fotobanky.vaclavek.com, kde se můžete dozvědět spoustu důležitých informací a klidně se autora i na leccos poptat.

fotobanky-vaclavek-com-uvod

A jestli si chcete zaexperimentovat s dvacítkou předpřipravených akcí na úpravu fotografií ve Photoshopu, zajeďte na designm.ag. Třeba se vám tam něco šikne...

designmag-20-PS-action

|

70MB „blank“ reklamních předmětů a ploch zdarma

S parádním odkazem přišel The Graphic Mac! Pokud aspoň sem tam děláte pro zákazníky potisk reklamních předmětů, CD či DVD a jejich obalů... obalový design, venkovní reklamní plochy atd., atp., rozhodněte zbystřete pozornost. Zmíněný odkaz vede na španělské stránky diegomattei.com, kde je ke stažení asi 250 kousků nafocených různých věcí, na které mohou designéři „montovat“ své návrhy pro prezentaci před klientem. Velmi užitečná záležitost!

diegomattei_creative-collection

|

Tip/tutoriál pro Illustrator – tvorba stínování či vzoru

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)

ill-tut-shadow-001

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+CCmnd+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:

ill-tut-shadow-002

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

ill-tut-shadow-003

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

ill-tut-shadow-004

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

ill-tut-shadow-005

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.

ill-tut-shadow-006

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)

|

Několik (snad) zajímavých odkazů 099

Dnes jen velmi krátce a pouze pro grafiky, příp. uživatele browseru Safari...

60 sad vektorových ikon

60-vector-icon-sets


Masivní kolekce štětců, vzorků, šejpíků a tutoriálů pro Photoshop

collection-of-PS-brushes-etc


10 setů „splatter“ štětců

10-free-splatter-brush-sets


20 zajímavých pluginů do Safari

20-excellent-safari-plugins
|

Tip na knihu pro DTPáky a grafiky

Když nedávno vyšla na Grafice recenze Richarda Krejčího na knihu Zdenky Dvořákové „DTP a předtisková příprava“, tušil jsem, že se na ni budu muset mrknout zblízka. V této chvíli už ji mám přečtenou a mohu jen a jen chválit. Opravdu povedená záležitost a takřka nutnost pro všechny DTPáky (vyjma tedy asi těch nejzkušenějších :o)). Pokud jste v tomto oboru začátečník či středně pokročilý, tak nad koupí stoprocentně zauvažujte... rozhodně neprohloupíte. Více se tady rozepisovat nebudu, nemá to cenu... vše podstatné již výstižně napsal pan Krejčí.
|

Textury a fotky zdarma!

Mám tady dva linky na weby, které se vám můžou hodit, pokud občas potřebujete nějaké textury nebo fotky v plném rozlišení a nemáte peněz nazbyt. Textury a pozadí najdete na webu zentextures.com, kde jsou pěkně přehledně roztříděny do kategorií.

zentextures

A na webu tutorialblog.org pro vás nachystali pěknou sbírku pětadvaceti odkazů na stránky, kde můžete najít free fotografie i pro komerční užití.

tutorialblog_org_free_photos

|

Pět fontů s českou diakritikou zdarma

Museo

Tři řezy (300, 500, 700) zdarma, vyžadována registrace...

museo

Comfortaa

Taktéž tři řezy (thin, regular, bold), přímý download bez registrace z DeviantArt...

comfortaa

Mayberry Pro Semi Bold

Pouze tento jeden řez, stahovat můžete opět bez registrace přímo z Ascenderfonts.com.

mayberry

Inconsolata

Jeden řez ke stažení zde.

Inconsolata

Diavlo

O tomto písmu už jsem tady kdysi psal, ale proč ho znovu nepřipomenout? Pět řezů (light, book, medium, bold, black) na vás čeká tady.

diavlo
|

25 parádních typo-animací

Hein Maas pro vás u sebe na webu nashromáždil pětadvacítku krásných videí, ve kterých hraje hlavní roli typografie. Zkuste nakouknout, podle mě to stojí za to. A je tam i moje oblíbené video What does Marsellus Wallace look like (modří už jistě vědí :o)).

PF-monolog-typography-movie

|

Galerie očí

Nechápete titulek? Ani se nedivím, ale když si kliknete SEM, tak pochopíte rychle :o) Celkem šikovná galerie očních panenek různých barev v dobrém rozlišení, které se vám při retuších fotografií a fotomontážích můžou setsakra hodit.

eyes

|

Zajímavé stránky pro grafiky...

Každý den se na webu design-newz.com objevují odkazy na pozoruhodné a kvalitní články o grafice a designu. Různé tutoriály, návody, tipy, freebies ke stažení atd. Doporučuji do vaší RSS čtečky...

design-newz

|

Tip pro Photoshop – vrstvy úprav

Používání vrstev úprav ve Photoshopu má nezpochybnitelnou výhodu a tou je možnost kdykoliv úpravu editovat nebo úplně zrušit. Pokud třeba s Photoshopem začínáte, mohla by vás malinko zaskočit jedna věc. Pokud se totiž pod vrstvou úprav nachází více dalších vrstev, zmíněná vrstva úprav je bude po vytvoření všechny ovlivňovat. To samozřejmě není žádoucí, my potřebujeme, aby úpravy působily pouze na nejbližší vrstvu pod.

Řešení je velmi jednoduché a spočívá ve vytvoření ořezové masky. Toho dosáhnete buď přes menu Vrstva > Vytvořit ořezovou masku nebo pomocí klávesové zkratky Cmnd+Opt+G (na PC pak zřejmě Ctrl+Alt+G). Poslední a nejrychlejší variantou je stisk klávesy Option (na PC Alt) a klik na rozhraní obou zmiňovaných vrstev na paletce Vrstvy. Vrstva úprav pak bude ovlivňovat pouze tu nejbližší pod ní. Následující video jistě vše objasní...

ps_vrstva_uprav

|

Tip pro Illustrator – vložení dokumentu jako vazby do sebe sama

Ž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...

ill_vlozeni_proxy

|

Pola – fotky jako z Polaroidu

Loni na podzim jsem tady představoval freeware Poladroid a teď tady máme opět něco podobného – aplikaci Pola. Dělá v podstatě to stejné jako Poladroid – vezmete svoji fotografi, přetáhnete na hlavní okno aplikace a ta vám „vyplivne“ fotku upravenou tak, jakoby pocházela z kultovního Polaroidu.

pola_vysledek

Pola se od Poladroidu liší větším mnnožstvím možností nastavení. Můžete snímky otáčet, zoomovat, přidávat text apod. Oproti tomu Pola nepřidává do snímků škrábance, otisky prstů a podobně. Rozhodnutí je na vás, oba programy jsou zdarma a jsou ve verzi jak pro Mac, tak pro PC...

pola-nastaveni

|

Jak připravit podklady pro grafické studio

Tak tenhle článek pana Štěpána Holiče na stránkách Unie grafického designu by se měl vytesat někam do kamene a vysázet ve zlatě!!! Kolegové DTPáci, až vám zase někdy přijdou podklady od klienta ve stylu „wordovský dokument plný vložených fotek s pěti druhy písma a milionem barviček, přechodů a clipartů a logo v *.jpg a rozměru 50x50 pixelů“, tak si na tenhle článek vzpomeňte a na oplátku za tak krásně zpracované podklady pošlete klientovi odkaz na něj :o)

jak-pripravit

|

Tip pro Illustrator – ořezová maska pro vícevrstvý dokument

Občas se můžete dostat do situace, kdy tvoříte v Illustratoru složitější grafiku (ve více vrstvách) a celou tuhle grafiku je potřeba oříznout pomocí ořezové masky. Problém je v tom, že pokud úplně nahoru umístíte objekt, který bude vše pod ním ořezávat, po vytvoření masky se vám všechny vrstvy sloučí do jedné. Ale to vy nechcete, protože budete grafiku určitě ještě upravovat a vrstvy chcete zachovat. Zároveň se ale chcete v průběhu práce dívat, jak bude výsledek vypadat oříznutý. A řešení?

Nečekejte bohužel nic zázračného na jeden klik nebo jednu klávesovou zkratku :o( Osobně znám dva způsoby, které se v této situaci dají použít, ale pokud někdo ze čtenářů zná jiný (lepší, jednodušší, ...) postup, ať se laskavě podělí v komentářích pod tímto příspěvkem.

1) První způsob se nabízí sám od sebe. Vytvořte si jednoduše velký bílý „čtvercoobdélník“, pomocí Cestáře do něj vyřízněte patřičnou díru ve tvaru finální masky, celé to umístěte do nejhornější vrstvy, tu zamkněte a skryjte její viditelnost (klik na očičko). Nyní se kdykoliv v průběhu práce pomocí zviditelnění této vrstvy můžete podívat na to, jak bude obrázek vypadat po oříznutí. Mimochodem... pokud je ořezová maska nějaká složitější, tak si ten tvar nezapomeňte někam zkopírovat (ve chvíli než vytvoříte onu „díru“ za použití Cestáře), ať jej pak nemusíte tvořit znovu, až budete na úplný závěr celé operace slučovat vrstvy a vytvářet skutečnou ořezovou masku. Komu to není zcela jasné, nechť ráčí mrknout na následující video:

ill_orez-maska-1


2) Druhou možností, jak se vyrovnat s nastíněnou situací je použití druhého pomocného dokumentu a vazby. Rozpracujte si dokument s grafikou, která se bude nakonec ořezávat a uložte jej (nezavírejte!). Následně vytvořte nový dokument, ve kterém si nachystejte objekt, který bude tvořit ořezovou masku. Poté pomocí Soubor > Umístit vložte do tohoto dokumentu ten uložený s rozpracovanou grafikou a dejte ho na požadované místo pod objekt ořezové masky. Označte vše a pomocí Cmnd/Ctrl+7 vytvořte ořezovou masku. Teď se můžete vrátit k rozdělané práci v prvním dokumentu a kdykoliv si budete chtít prohlédnout „ořez“, stačí soubor uložit a ve vedlejším aktualizovat vazbu. Vysvětlující video opět k dispozici:

ill_orez-maska-2

|

„Rozporcovaná“ fotka v InDesignu podruhé

Před časem jsem tady psal o tom, jak udělat v IND následující efekt...

rozporcovane-foto

...a hned v úvodu onoho příspěvku jsem zmiňoval, že určitě existuje více cest k dosažení stejného cíle. Dnes si ukážeme další z nich.

1) Nachystejte si všechny dílčí obrazové rámečky, do kterých budete vkládat obrázek.
2) Všechny označte a zvolte Objekt > Cesty > Vytvořit složenou cestu (Cmnd/Ctrl+8).
3) Vložte obrázek do jakéhokoliv z takto připravených rámečků.
4) Nástrojem Přímý výběr si upravte finální vizáž vloženého obrázku.

Koukněte na „instruktážní“ video...

ind_slozena-cesta

|

Textury a vzorky... ZDARMA!

Zdá se mně, že se s tím v poslední době roztrhl pytel. Ale to je dobře... aspoň má člověk víc možností na výběr. Na webu textureking.com najdete stovky rozličných textur přehledně rozřazených do kategorií, další tam samozřejmě stále přibývají.

textureking

Smashing magazín přinesl nedávno pěknou kolekci asi padesáti kvalitních odkazů na vzorky (patterns). Mrkněte na to...

patterns
|

Tip pro Photoshop – přesun stopy štětce

Máte vlastní nebo stažené brushe, které často používáte ve Photoshopu a štve vás, že vždy musíte v seznamu stop srolovat až dolů, abyste si mohli svoji oblíbenou stopu navolit? Tak to změňte. Z horního menu zvolte Úpravy > Správce přednastavení a jednoduchým přetažením si posuňte potřebné stopy na přední místa, abyste je pak při volbě štětce měli pěkně po ruce. A nemusíte jen po jednom. Se shiftem nebo jabkem (na PC ctrl) si můžete vybrat více stop zároveň. Krátké návodné video opět zde...

PS_presun-stopy-stetce

|

Tip pro Photoshop – zobrazení

Povedený trik přinesl před nedávnem The Graphic Mac. Pokud máte ve Photoshopu otevřeno více obrázků, každý máte v jiné velikosti zobrazení (jinak zvětšený či zmenšený) a rádi byste jedním vrzem všechny zobrazili ve 100% velikosti, proveďte následující: Stiskněte klávesu Shift a dvojklikněte na ikonku nástroje Lupa na panelu nástrojů. Dobrý, ne?

PS-zobrazeni-100procent

|

Tip pro Photoshop – Zkapalnění a jeho mřížka

Filtr Zkapalnit (Cmnd+Shift+X, na PC Ctrl+Shift+X) není asi zrovna nejpoužívanější funkcí Photoshopu, nicméně sem tam se může hodit. Ať už na seriózní práci, kdy je třeba zmenšit nebo naopak zvětšit modelce na fotografii kousek tohoto nebo tamtoho, nebo pro vyblbnutí se na fotce kamaráda :o)

Dnešní drobný tip chce upozornit na jednu možná opomíjenou věc. Pokud totiž chcete stejným způsobem „zkapalnit“ více obrázků, můžete si po dokončení práce na prvním z nich finální nastavení uložit a jednoduše pak znovu použít na další. Tato možnost se „skrývá“ pod tlačítky Uložit mřížku...Načíst mřížku...

Jakmile jste s prací na prvním obrázku spokojeni, jednoduše klikněte na butonek Uložit mřížku..., pojmenujte, vyberte umístění a uložte soubor s příponou *.msh. Na dalších obrázcích logicky použijte tlačítko Načíst mřížku..., vyberte uložený soubor.msh a aplikujte.

PS-zkapalneni-mrizka-thumb
Klikni pro větší náhled

|

Tip pro Illustrator – nástroj Guma

Nevím, jak často kdo z vás používá nástroj Guma v Illustratoru, ale není třeba se ho nějak bát či ho podceňovat. Dneska si ukážeme drobnou fintu právě s tímto nástrojem v kombinaci s uzamčením objektu. Pokud totiž jakýkoliv objekt uzamčete (Cmnd+2, na PC Ctrl+2), Guma nebude tento zamčený objekt ovlivňovat, i když při bezprostředním pohybu nástrojem se může zdá, že ano :o) Po dokončení operace se ale zamčený předmět vrátí do původního tvaru. Využít tohoto postupu můžete např. v situaci, kdy chcete sloučit dva objekty, ale jeden z nich na některém místě nechtěně „přečuhuje“. V tomto případě nezáleží na přesném finálním tvaru přesahujícího objektu, protože stejně dojde ke sloučení s druhým objektem. Než se tedy strefovat kurzorem a nástrojem Přímý výběr do jednotlivých uzlových bodů a různě zmenšovat objekt, je mnohem jednodušší vzít Gumu a několika tahy umazat přečnívající kousky. Pokud náhodou někdo nepochopil můj kostrbatý popis, je zde krátké video, které snad vše dokonale objasní...

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


Dvě poznámky na závěr: Po použití Gumy se ugumovaný objekt vždy sám „uzavře“... sám si dotvoří patřičné uzlové body, takže se nemusíte bát toho, že vám budou vznikat nějaké neuzavřené cesty. A druhá věc – nezapomeňte, že stejně jako většina nástrojů i Guma má své předvolby, které vyvoláte dvojklikem na ikonu nástroje na panelu nástrojů.

|

Tip pro Illustrator – finta pro tvorbu bezešvého vzorku

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.

ill-pattern1

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.

ill-pattern2

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).

ill-pattern3

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.

ill-pattern4

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.

ill-pattern5

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.

ill-pattern6

ill-pattern7

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.

ill-pattern8

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)

ill-pattern9

|

Mini-tutoriál pro Illustrator – tvorba grafického prvku pro pozadí

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.

ukazky_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.

ill-tutor1

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ů.

ill-tutor2

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.

ill-tutor3

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...

ill-tutor4

|

Wallpaper pro milovníky nahryznutého ovoce

Tuhle jsem měl volnou chvilku, tak jsem si trošku hrál s Photoshopem a napadla mě taková „jablečná“ tapeta. Docela se mně líbí, takže kdyby měl někdo náhodou zájem, dávám ji sem ke stažení... stačí kliknout na náhled níže. Komerční využití je opět samozřejmě nežádoucí.

Think-Different-wallpaper-thumb

|

Tip pro Illustrator – označování objektů

Drobnost, kterou opět spousta z vás zná a stejně tak může spoustě lidí pomoci. Hodí se v situacích, kdy máte v Illustratoru spoustu objektů, některé z nich označené a chcete označit přesně ty opačné. Slouží k tomu klávesová zkratka Opt+Shift+tažení přes objekty (příp. Cmnd+Shift+tažení... fungují obě stejně). Pokud nechápete, mrkněte na krátké video a sledujte, které objekty jsou průběžně označovány...

Ill-oznacovani-objektu
Pro přehrátí videa klikněte na náhled

|

Tip pro Photoshop – styly objektů

Věděli jste o tom, že Styl objektu se dá na objekt ve Photoshopu aplikovat jednoduchým drag’n’drop? Prostě si jen zobrazte paletku Stylypřetáhněte vybraný Styl na váš objekt. A v čem že je tento postup jednodušší či efektivnější než klasické zvolení vrstvy s objektem a následný klik na Styl na paletce? No právě v tom, že nemusíte mít zvolenou (aktivní) vrstvu s požadovaným objektem! Můžete mít aktivní úplně jiný layer a přitom se vám po přetažení aplikuje Styl na ten objekt, na který ho „upustíte“.

styl1


styl2

Zdroj: The Graphic Mac

|

Tip pro Photoshop – volby Čáry a Mnohoúhelníku

Nástroje ČáraMnohoúhelník nepatří ve Photoshopu (alespoň mnou) za nějak ultra-často používané, nicméně není od věci aspoň tušit, že tyto nástroje ukrývají poměrně zajímavé volby, jichž se dá čas od času využít k tvorbě potřebných objektů. U Čáry to mohou být například různé druhy šipek, Mnohoúhelník skýtá ještě více možností a nastavení, s nimiž si jistě zkusíte sami zaexperimentovat. Následující video by vás mělo pouze „nakopnout“ a ukázat směr :o)

cara_mnohouhelnik

|

Tip pro Photoshop – doostření jinak

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).

doostreni01

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

doostreni02

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

doostreni03

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

doostreni_horni-propust

|

Tip pro Illustrator – vzhled objektů

Možná si někdo z vás řekne, že jsem „blesk“, ale já si následující možnosti všiml opravdu až teď :o) Jde o to, že pokud přidělíte nějakému objektu efekt, můžete tento efekt na paletce Vzhled posouvat nahoru či dolů podobně jako když třeba přesouváte vrstvy. A podle toho, kde se daný efekt nachází se pak také chová a různě ovlivňuje výslednou vizáž objektu. Nechtějte po mně nějaký přesný rozbor situace, kdy se přesně co stane apod. Sám nevím a nějak extrémně řešit to nehodlám, ale každopádně se s tím dá velice zajímavě experimentovat. Mrkněte na kraťoučké video, které ukazuje právě to, jak pozice efektu na paletce Vzhled ovlivní výsledek...

ill-efekty-vzhled-objektu

|

Čtyřicítka akcí pro Photoshop zdarma

...na vás čeká na panosfx.com! Stahujte...

action

|

Další hromada kvalitních štětců do Photoshopu zdarma!

Padesát setů moderních brushů na jednom místě... grunge, retro, swirl... co hrdlo ráčí. Vše zdarma a ve velkém rozlišení. Nabídněte si...

brushes

|

Vánoční tapeta

Svátky se pomalu blíží, tak kdybyste si chtěli navodit vánoční atmosféru i na počítači, tak mám pro vás jeden svůj wallpaper s touto tematikou. Na verzi v plném rozlišení se prokliknete přes náhled níže a nemusím snad připomínat, že jakékoliv komerční využití tapety není povoleno...

Wallpaper-vanoce-2008_460px

|

Mach's grunge corners

Dělal jsem si teď nějaké „otrhané“ rožky coby štětce do Photoshopu, tak kdyby měl někdo zájem, jsou zdarma ke stažení (2,8 MB). Jsou jen čtyři, zato v maximálním rozlišení 2500 px. Tak stahujte a užívejte jak libo – klidně i pro komerční účely... je mně to šumák :o)

Mach_s-grunge-corners01

|

Finta pro Photoshop

Báječná vychytávka! Představte si, že máte velikánský mnohamegový *.psd soubor se spoustou vrstev a potřebujete někomu poslat třeba jen malinký náhledový jpeg. Proč otevírat obří PSDčko se všemi těmi vrstvami, když je stejně (až přečkáte načítání souboru) hned sloučíte...?! Raději stiskněte klávesy OptionShift (na PC Alt+Shift) a dvojklikněte na PSD soubor na disku. Pak už stačí jen odkliknout následující hlášku a máte v tu ránu otevřený soubor s vrstvami sloučenými do jedné.

sloucene-vrstvy-psd

Originál PSD s vrstvami samozřejmě zůstává na disku nezměněn. Dobrý, ne?

Zdroj: The Graphic Mac

|

Velké štětce zdarma pro vás

Nafotil jsem si tuhle nějaké pěkné "grunge" textury a struktury u jedné rezavé maringotky a dělal jsem pak z toho i brushe do Photoshopu. Dávám je teď tady zdarma k dispozici, takže kdyby měl někdo zájem, může osm velkých štětců s rozlišením cca 2500 pixelů stahovat (15MB). Užívejte je jak chcete pro nekomerční i komerční věci, šiřte je dál, kopírujte, upravujte... jak je libo :o)

brushes

|

Důležité drobnosti...

Následující snímky nemají za cíl ukázat, jak umím nebo neumím upravovat fotky. Jen bych rád poukázal na to, jak i malé detaily mohou zahýbat s celkovým podáním výsledné fotky, a že je velmi důležité tyto drobnosti nepodceňovat. Při úpravách fotek v editoru si vždy důkladně prohlédněte okraje snímku a nemilosrdně odstraňte všechny drobky, které čouhají do fotky "odnikud". Stejně tak věnujte pozornost všem rušivým flíčkům či skvrnám, ať už na foceném objektu nebo na pozadí. Celkové nebo lokální doladění jasu a kontrastu, vytažení stínů nebo naopak aspoň částečné vrácení kresby do přepalů a doostření by mělo být samozřejmostí. Takže jak říkám, nepodceňujte maličkosti :o)

Lama-retus

netykavka-retus

|

Vějíř s vaší fotkou během pár desítek vteřin

Celkem zajímavá akce do Photoshopu :o) Sice praktické využití z toho nebude asi veskrze žádné (nelze používat pro komerční účely!), ale jako taková blbinka je to celkem good. Stáhnete akci, načtete do Photoshopu a spustíte. Ukážete mu fotku (musí být na šířku, ne na výšku!) a pak už jen odentrujete pár dialogů. A výsledek? Třeba tohle...

Vejir

|

Pěkné štětce do Photoshopu

Sada brushů ve velkém rozlišení, zdarma použitelná i pro komerční účely, na vás čeká v Pokoji 122. Jsou krásné, jsou zářivé, jsou jiskřivé, jsou jako med :o) Sosejte...

PS-brush

|

Wallpaper s kalendářem na listopad

Já vím, že sotva začal říjen, ale nějak se mě s touhle blbinkou nechce čekat :o) Prostě jsem se jednoho dne nudil a napadla mě taková ptákovina... tak třeba se to někomu bude líbit. A až budete čučet po krásně barevných podzimních listech, tak bacha kam šlapete :o) Tapeta v plném rozlišení se vám načte po kliku na tenhle náhled...

wallpaper_listopad_460px

|

Wallpaper na říjen

Další měsíc - další tapeta s kalendářem na vaši plochu. Kdo má zájem, ať si klikne na náhled pro plné rozlišení...

2008_10

|

Tip pro Illustrator - barvíme objekty snadno a rychle

Drobnost, kterou možná leckdy v praxi využijete. Víte, že můžete obarvovat objekty aniž byste je předtím museli označit? Zvolte si ve Vzorníku nebo na paletce Barvy požadovanou barvu, vyberte nástroj Kapátko (I) a za držení klávesy Option (na PC patrně Alt) klepejte na jednotlivé objekty, jejichž výplň chcete přebarvit zvolenou barvou. Video napoví víc...

illustrator-color-picker

|

Tip pro Illustrator – „čisté“ křivky

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...

ill1
Cesta vytažená štětcem

ill2
Po aplikaci Objekt > Rozdělit vzhled

ill3
Změnit barvu je problém...

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

ill5
Čisťounké křivky

ill6
Je libo jinou barvu?

|

Tip pro Photoshop – jiný převod do CMYKu

Není z mé hlavy... objevil jsem ho v diskuzi na Grafice, ale myslím, že si zaslouží další šíření. A věřím, že autor Michal Kovář se na mě za to zlobit nebude :o) Každopádně za jeho mnohé fundované rady mu letí poděkování. A o co tedy jde?

Stane se vám, že je potřeba vložit do dokumentu připravovaného do tisku i tzv. screenshot neboli otisk obrazovky. Dost často se to např. děje u sazby manuálů k počítačovým programům apod. Řeknete si - a co má být? Udělám otisk, převedu do CMYKu a fláknu do sázecího programu na patřičné místo. Jenže v tom je háček. Při obyčejném převodu pomocí Obraz > Režim > CMYK barva se vám černá barva rozseparuje do všech čtyř kanálů, což je hlavně u písma nežádoucí. Abyste dostali černou po převodu do CMYKu pouze v Black-kanálu, najeďte na Úpravy > Převést do profilu a dále postupujte podle Michalova návodu...

"Převod do CMYK nastavit např. takto: Jiný CMYK, tiskové barvy Eurostandard Coated, Typ výtažků: GCR, Generování černé: Maximální; Reprodukce: Relativní kolorimetrická (to celé zajistí převedení černých textů do černého kanálu)."

Následuje několik screenshotů...

cmyk01
Po klasickém převodu do CMYKu máte černou ve všech kanálech

cmyk02

cmyk03
Nastavení převodu do "jiného" CMYKu

cmyk04
Černá už je pouze v K-kanálu

|

Illustrator – tip pro ruční kreslení

Pokud často kreslíte v Illustratoru od ruky, překreslujete načrtnuté skeny atp., možná se vám bude hodit následující maličkost. Pokud kreslíte nástrojem Tužka, načrtnutá cesta skončí tam, kde přerušíte tah a zůstaně otevřená. Pokud byste potřebovali, aby se po přerušení tahu okamžitě cesta uzavřela (proběhne to nejkratší možnou cestou od bodu, kde jste skončili, k bodu kde jste začali), je potřeba nejprve začít kreslit tah, potom domáčknout Option (na PC Alt) a na závěr prvně pustit myšítko (zvednout pero tabletu) a poté pustit Opt/Alt. Možná to zní složitě, ale když to vyzkoušíte, uvidíte, že je to prosté...

ill-tuzka-opt

|

Wallpaper na září

Prázdniny v tahu a hurá do školy ;o) Teda já ne, ale někdo z vás určitě ano... Tak vás třeba potěší tapeta na plochu s kalendářem na první školní měsíc. Verzi v plném rozlišení si otevřete klikem na následující náhled...

zari

|

Sada parádních grunge-štětců do vašeho Photoshopu. Free!

Silvia z graphics-illustrations.com připravila speciálně pro čtenáře Smashing magu povedenou "grunge" sadu stop štětců. Stahovat a používat můžete zdarma, omezení neplatí ani pro komerční projekty.

grunge-brushes-smashing

|

Tvorba bezešvých vzorků on-line a zdarma!

Tak tomuhle říkám bomba moderní web s nápadem! Jeho tvůrci by zasloužili pozlatit ruce. Jak již v titulku uvedeno, on-line, rychle a zadara si můžete vygenerovat bezešvý vzorek (pattern) pro svůj grafický projekt.

bgpatterns1

Máte možnost velké řádky vlastního nastavení a tím ovlivnění výsledku. Měnit můžete barvy jak symbolů, tak plátna (foreground - background), velikost vzorku, strukturu a průhlednost plátna, velikost, rozmístění a průhlednost umisťovaných symbolů nebo jejich rotaci.

bgpatterns2

bgpatterns3

bgpatterns4

V náhledovém okně vpravo vidíte ihned v reálném čase prováděné změny a po kliku na položku Apply background se dokonce vzorek aplikuje na část pozadí celého webu. Jakmile jste spokojeni, stačí už jen pattern stáhnout, uložit na disku k ostatním a používat. Na stránkách se můžete i zaregistrovat (samozřejmě zdarma) a poté si ukládat svoje výtvory do složky My patterns a sdílet je s ostatními. Prohlížet, hodnotit, předělávat, stahovat, řadit podle nejlépe hodnocených nebo naposledy přidaných... prostě paráda.

bgpatterns5

Takže vážení tvůrci těchto stránek - klobouk dolů a obrovská poklona!

|

Malý tip pro Illustrator - obdélník se zaoblenými rohy

Po přečtení nadpisu si možná klepete na čelo, co že vás to chci tady učit, když se v nabídce nástrojů Illustratoru nachází jeden pojmenovaný přímo Nástroj zaoblený obdélník. Samozřejmě, i s ním to jde, ale co když potom budete chtít takto již vytvořený obdélník editovat (zvětšit, zmenšit, ...)? Už jste to zkusili? Rohy se totiž velmi nepěkně zdeformují a z obdélníku s krásně zaoblenými rohy se stane jakýsi nechutný paskvil.

A proto se od nynějška naučte vytvářet uvedený tvar zásadně tak, že
natáhnete obyčejný obdélník a zakulacené rohy vytvoříte pomocí roletky Efekt a následných voleb Převést na tvar > Zaoblený obdélník...

page0_blog_entry627_1

Jednak máte větší možnost nastavení, druhak můžete na paletce Vzhled nastavení kdykoliv měnit a treťjak (to byl ruskej hokejovej gólman, ne? :o)) se vám rohy při změně velikosti obdélníku nedeformují.

page0_blog_entry627_2

Tvar vytvořený pomocí Nástroje zaoblený obdélník.
Po natažení jsou rohy zdeformovány.

page0_blog_entry627_3
Tvar vytvořený pomocí Nástroje obdélník (M) a rohy zakulaceny pomocí efektu.
Po editaci si stále drží pěkné původní zaoblení.

page0_blog_entry627_4

|

Přímé barvy v DTP

Pokud vám to náhodou uniklo, tak na Grafice rozjel Grigi miniseriál o používání přímých barev. Je to velmi dobře napsané a spoustu dalších důležitých informací se dozvíte jistě i v diskuzích pod články. Bravo Grigi...

grigi-spot_colors

|

Wallpaper na srpen

Srpnovou tapetu s kalendářem ve velikosti 2500x2000 px si můžete stáhnout po kliku na tento náhled...

wallpaper_srpen

|

Wallpaper na červenec

Konec měsíce se nachýlil, takže tady mám další kalendářovou tapetu na plochu vašeho počítače - červenec. Plnou verzi (2500x2000 px) si můžete stáhnout po kliku na tento náhled...

2008_07_460px

|

Mraky textur k volnému (i komerčnímu) užití

Na oblíbeném Smashing magu skončila akce Smashing Texture Contest, kdy čtenáři mohli zasílat jimi nafocené struktury a textury. Vítězka Linda Estes si odnáší digitální zrcadlovku Canon a vy si můžete kdykoliv "odnést" jakoukoliv z nafocených textur a používat ji jak libo - třeba i do komerčních projektů! Obrázky jsou přehledně rozděleny do třinácti kategorií (dřevo, kov, papír, jídlo, ...) takže stahujte, stahujte...

struktury

|

Tapeta-kalendář na červen

Pokračuji v sérii wallpaperů, jak jsem nedávno slíbil. Takže kdo chce, může si nyní stáhnout "červen"...

tapeta-cerven-460px
Klikni na náhled pro větší rozlišení 2500x2000px

|

Illustrator – totální rozdělení objektu pomocí Cestáře

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ň.

cestar01


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

cestar02


cestar03


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

cestar04



A výsledek...
cestar05

|

Zmizte!

Klient potřeboval přístřešek bez lidí aneb co je občas potřeba dělat ve Photoshopu za opičárny, když není jiné cesty :o)

retus

A mimochodem, tahle ukázka mé ne zcela dokonalé retuše (cca 15-20 minut ve Fotokrámu) má za cíl znovu připomenout, že není radno věřit každé fotografii, kterou člověk uvidí. Tak na to při listování lifestylovými magazíny myslete :o)

|

Kalendář-wallpaper na vaši plochu...

Po menší inspiraci na vedle zmíněném Smashing magu jsem si chvilku hrál a udělal pár tapet na plochu s kalendářem vždy na jeden měsíc. Kdo má zájem, je tady jako první ke stažení právě aktuální květen. A koncem měsíce můžete samozřejmě čekat červen, pak červenec a tak dále :o)

kveten-nahled
Klikni na obrázek pro větší rozlišení 1280x1024px

|

Vektorizace bitmap v Illustratoru CS3

Převod rastrových podkladů na vektory je s pomocí Illustratoru CS3 opravdu příjemná práce. Nebudu zde rozebírat jednotlivé možnosti a přednastavení vektorizace, s tím si zajisté pohrajete sami. Pouze bych vás rád upozornil na jedno důležité zatržítko, které vám velmi usnadní život.

volby

Často totiž potřebujeme převést na křivky kresbu převedenou do digitální podoby pomocí skenování, tudíž na bílém podkladu. Aby člověk po zvektorizování nemusel jednotlivé segmenty pozadí (bílé barvy) ručně odstraňovat, stačí pouze na paletě předvoleb zatrhnout checkbox Ignorovat bílé. Více opět napoví malý screencast...

ill-vektorizace

|

Finta s nástrojem Tužka v Illustratoru CS3

S nástrojem Tužka (N) lze v Illustratoru provádět zajímavé věci. Parádní fintou je tzv. re-shape... ve zkratce řečeno jakési rychlé předefinování (přemalování) stávajícího tvaru objektu. Stačí pouze začít zmíněnou Tužkou malovat na hranici objektu a na ní i skončit. Nechápete? Tak koukněte na krátké video...

reshape-video

|

Photoshop CS3 - funkce Pokřivit

To se mně zas lidí vysměje :o) Ale já na tuhle novinku v CS3 narazil fakt až před pár dny a zcela náhodně. Takže pokud tady je nááááhodou někdo podobný, kdo o této transformační funkci taky nemá doposud ponětí, tak vězte, že ji najdete v roletě Úpravy > Transformovat > Pokřivit. Anebo samozřejmě po navolení transformace (cmd+T, na PC ctrl+T) stačí pravý klik na hranici transformačního rámečku.

pokrivit1


Využití této transformace se nabízí hlavně při různých deformačních srandičkách (efekt ohnuté fotografie apod.), ale může pomoci i při práci na srovnávání letících svislic u architektury focené širokoúhlým objektivem. Občas se totiž při srovnání perspektivy stane, že některá z "prostředních" kolmic budovy se jakoby vyboulí a potom může fce Pokřivit slavit triumf...

pokrivit2

|

Prolnutí v Illustratoru - videotutoriá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:

prolnuti-video


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

prolnuti1

prolnuti2

prolnuti3

|

Drobná finta pro nástroj Záplata ve Photoshopu

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...

zaplata1
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.

zaplata2
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)

|

Tip pro Illustrator – více tahů a výplní

Věděli jste, že v Illustratoru můžete jednomu objektu přiřadit více tahů či výplní a následně si je přehazovat tak jako např. vrstvy...? Učiníte tak na paletce Vzhled (Appearance) a vše podstatné snad objasní následující video...

ill_tah-vypln

|

Dva tipy pro práci s nástrojem Štětec ve Photoshopu

1) Bleskurychlé vytažení cesty

Dokončíte cestu a chcete ji co nejrychleji a nejefektivněji vytáhnout štětcem...? Zvolte tedy požadovanou stopu brushe a poté už jenom bácněte na Enter. Šup - a je to :o)

2) Natáčení stopy štětce podle směru tažení kurzoru...

...nebo směru vytahované cesty. Tohoto efektu docílíte jednou jednoduchou volbou na paletce Stopy. Stačí na záložce Dynamika tvaru nastavit položku Kolísání úhlu na Směr. A už se stopa brushe točí, jak vy pískáte :o)

brush-smer

|

Tip pro Illustrator – hladké tahy tužkou

Opět možná hloupá drobnost, ale třeba někoho potěší a pomůže :o) Pokud chcete v Illustratoru vytvořit nějakou hladkou vlnovku apod., není třeba vše přesně kreslit pomocí klasického a nejpoužívanějšího nástroje Pero. Zkuste na to jednou vzít nástroj Tužka (N). Je ovšem pravděpodobné, že po prvních pokusech budete zklamáni počtem kotevních bodů a "hrbatostí" vytvořené křivky. Ovšem netřeba zoufat. Stačí pouze poklepat double klikem na ikonu nástroje na panelu nástrojů a pohrát si s nastavením. V našem případě vyrolujte oba posuvníky na maximální hodnoty, potvrďte a zkuste křivku od ruky nakreslit znova. Voilá! :o)

pred
Křivka má plno zbytečných kotevních bodů a je "hrbatá"

predvolby-tuzka
Nastavení posuvníků v předvolbách nástroje

po
Křivka je krásně hladká a má pouze dva kotevní body

|

Kuler na desktop

Poměrně nedávno jsem tady psal o on-line vzorníku barev Kuler na serveru Adobe. Kuler je nyní i ve verzi desktopové aplikace a je to moc příjemná záležitost (nezapomeňte si prvně stáhnout Adobe AIR).

kuler

Aplikace vypadá podobně jako nějaký widget z macovského Dashboardu, podobně se dá i "otočit" na druhou stranu, kde najdete různé nápovědy, linky na fóra a další pomůcky. Na přední straně Kuleru si můžete prohlížet barevné vzorníky seřazené podle různých kritérií, můžete je ukládat na disk k dalšímu použití, kopírovat hexadecimální hodnoty nebo se přepnout přímo na webovou verzi. Kuler na desktopu si pamatuje asi stovku posledních vzorníků, takže s nimi můžete pracovat, i pokud nejste připojeni k internetu. Pěknou vychytávkou je vytažení zvoleného vzorníku mimo hlavní okno, kde si ho můžete zvětšit apod. Jak říkám, velmi povedená věcička...

Kdybyste měli zájem o ještě názornější ukázku, tak jsem pro vás nachystal krátké (snad) všeříkající video:

kuler-video

|

Ve snu...

Tak jsem si zase jednou hrál s pár mými fotografiemi a tohle z toho vzniklo... Zapojte fantazii a projděte se snovou krajinou... Ale určitě si klikněte na náhled a koukejte na větší verzi.

ve-snu-thumb
Klikněte na obrázek pro větší verzi

|

Bleskurychlé vytvoření grunge brushe či backgroundu v Illustratoru

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

ill01

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

ill02

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

ill03

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

ill04
ill05

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.

ill06

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.

ill07

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

ill08

Za tip děkuji bittbox.com.

|

Sháníte logo v křivkách?

Znáte to jistě z praxe. Klient vám suše oznámí, že na ten plakát přijde logo té a té firmy, a že si je kdyžtak máte "stáhnout z jejich webu" (má většinou na mysli nějaký 300px gif z homepage oné firmy :o)). A co teď? Než začnete svolávat hromy-blesky a připravovat se na několikahodinové překreslování ve vektorovém editoru, zkuste prvně mrknout na některý z následujících odkazů... Co kdyby...?!

Logobanka.cz

logobankacz

Logotypyzdarma.cz

logotypyzdarma

Brands of the world

brandsoftheworld

Free logotypes

freelogotypes

|

Illustrator – jak na finální "ořez" grafiky

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í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.

ill-orez-cesta1

ill-orez-cesta2

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.

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).

ill-oriznout

|

Tip pro Illustrator a InDesign CS3 – gradient

Při tvorbě gradientů neboli přechodů ve zmíněných programech jste si možná už několikrát posteskli, proč ve chvíli, kdy označíte jezdce přechodu, chcete změnit jeho barvu a kliknete na políčko barvy ve Vzorníku, se změní přechod na plnou barvu, na kterou jste ve Vzorníku klepli. Jistě, tahle situace se dá řešit různě... přetažením barvy ze Vzorníku na jezdce přechodu, v InD pomocí položky Nové políčko přechodu ve volbách palety Vzorník... Proč to ale dělat složitě, když stačí malinkatá drobnost a vaše práce bude zase o kousek efektivnější? Stačí totiž při "přebarvování" jezdce gradientu klepnout na vybranou barvu ve Vzorníku se stisknutou klávesou Option (na PC Alt).

gradient

|

Kuler – on-line vzorníky barev pro vaše projekty

Celkem podařená věcička, tenhlecten Kuler. Registrovaní uživatelé Adobe produktů mohou pomocí této on-line aplikace (je potřeba Flash Player 9) vytvářet, sdílet či stahovat barevná "témata" podobná těm, která znají majitelé Illustratoru CS3 z funkce Živá barva.

illustrator_ziva-barva

Stačí se zalogovat pod svým Adobe ID (zdarma) a už se můžete patlat v barevných paletách :o)

kuler


kuler2

|

Diavlo a Photoshop Automator Actions v3.6

Můj věčný "upozorňovač" na zajímavé věci, jistý P.K., poslal odkaz s tím, že jde o musthave font, který se bude hodit na "všelijaké ty reklamní sr*čky", píše česky a je zdarma. A měl recht...! Stahujte...

diavlo

Díky linku na macplanet.sk jsem se dostal k freewarovému balíku photoshopáckých akcí do mackovského Automatoru od Bena Longa. Jestli Automator a PS používáte, neměli byste si PAA v3.6 nechat ujít. A vůbec prošmejděte Benovy stránky, je tam toho hlavně pro digi-fotografy hodně zajímavého k vidění...

ben-long

|

Přidání šumu ve Photoshopu - tutorial

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)

sum1

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...

sum2

Na paletce Vrstvy to nyní vypadá takto:

sum3

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...

sum4

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 %.

sum5

sum6

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.

sum7

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...

vysledek

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)

|

Pěkné screensavery (nejen) pro Maca

Tadytady. Obzvlášť PolarClock se mně líbí a už ho mám v práci i doma naistalován. Za linky díky S.

polarclock

|

Krásná tapeta pro vašeho Maca

Pavel Kout se nedávno nudil a zkombinoval wallpapery á la Tyger a Leopard do jednoho. A je tak hodný, že vám ho nyní mým prostřednictvím nabízí zdarma ke stažení :o) Tapeta je v rozměru 2560x1600 a *.png má 2,2MB. Takže sosejte...

Aqua-Aurora

|

Tip pro Photoshop

Možná vám to přijde jako blbost, možná to dávno používáte, ale přesto... Pokud se dostanete do situace, kdy budete potřebovat (jak to nejlépe popsat) "náhodně poškodit" obrázek nebo objekt ve vrstvě, zkuste nechat do masky vrstvy vykreslit Oblaka (Filtr > Vykreslit > Oblaka). Výsledek můžete měnit opětovným vykreslením pomocí zopakování filtru (na Macu cmd+F, na PC ctrl+F), jestliže chcete generování mraků "zesílit" a obdržet dynamičtější výsledek, použijte (opět třeba i víckrát) zkratku cmd+opt+F (na PC pak ctrl+alt+F). Využití najdete například při tvorbě podkladových textur apod.

maska-oblaka

|

Opět import grafik

Docela zajímavá finta, kterou jsem neznal. Pokud chcete (v Mac OS X) vložit obrázek např. do InDesignu (Wordu, TextEditu, ...), můžete tak učinit rovnou z prostředí grafického editoru po dokončení úpravy obrázku. Obrázek uložíte a pak stačí pouhým drag&drop přetáhnout jeho proxy ikonu z title baru na dokument. Jako mezikrok - pro přepnutí do patřičné cílové aplikace - můžete samozřejmě využívat klasické cmd+tab nebo Exposé. Prostě jen chytnete ikonu, přejdete do cílového dokumentu a tam pustíte. Jak prosté, milý Watsone...

import

|

Free brushe, gradienty, patterny...

Štětců, přechodůvzorků pro váš Photoshop je samozřejmě plný internet, tudíž následující odkazy berte jenom jako další z možných variant...

Spousty kvalitních brushů najdete na tutorialblogu, kde obzvlášť výtvory Gabriella Magurna stojí za to... A na českém Gotem.cz jsou pro vás nachystány tři slušné sbírky přechodů a jedna 450položková kolekce patternů. Takže stahujte!

magurno

|

Tip pro Illustrator

Víte, že efekty se dají v Illustratoru přiřadit i vrstvě a ne jenom objektu? Označte prázdnou vrstvu (na paletce Vrstvy) a zvolte efekt. Od teď cokoliv co do vrstvy nakreslíte, vložíte apod. okamžitě "přijme" zvolený efekt. Pro větší názornost můžete kouknout na krátké video...

videotutorial-illustrator

|

Tvůrce OSX ikon par excellence...

Sebastiaan je fakt frajer! A má tam i něco zdarma ke stažení...

icons

|

Česká pobočka Fotolia!

Je to tak. Jako první z velkých světových mikrofotobank se na českém trhu objevila Fotolia, a to na mírně obskurní adrese www.fotobanka Fotky-Foto.cz. Vizáž českého webu je sice od mateřských stránek poměrně odlišná, nicméně pravidla a systém fungování je stejný jako u amerického "originálu". Web je zatím ve zkušebním provozu, takže případné kiksy a nedostatky můžete hlásit provozovateli.

A jinak samozřejmě vstup Fotolie k nám jenom vítám (už jenom kvůli těm více než 1200 fotkám/grafikám, které tam prodávám :o)). Nemám osobně vůbec nic proti p. Mackovi a Fotobanka.cz (nakonec, tam mám spoustu fotek taky), ale myslím, že špetka konkurence jenom prospěje. A mám pocit, že to bude s cenami, jaké Fotolia nabízí (snímky od 19 Kč), zatraceně silná konkurence. Takže pokud jste webmaster, DTPák atp., stačí nyní už jenom nabít kredit (minimálně 500 Kč plus jednorázový poplatek za aktivaci účtu 99 resp. 150 Kč) a začít stahovat spousty krásných snímků za skutečně parádní ceny. Samozřejmě zapomeňte na nějaké výhradní licence a tudíž počítejte s tím, že stejnou fotku může použít dalších 1000 kolegů z branže na podobný projekt, jako je váš. Ale stejně, je to fajn...

fotoliacz

|

Slabší aktualizace

Trošku se omlouvám za menší příděl nových příspěvků na tomto webu, ale blíží se Vánoce a konec roku a samozřejmě mají teď všichni nejvíc na pilno. Takže jedu skoro na tři šichty (ráno 5-7 hod. doma, pak rychle do Brna do práce, v podvečer domů a hurá zas makat do 23-24 hod.). Teď jsem naposled seděl týden nad úpravou stovek fotografií do historické publikace o našem městečku, tak kdyby náhodou někoho zajímalo, čím se ve "volném" čase "bavím", tak tady jsou ukázky...

Původní fotografie
pred1

Po úpravě
po1

Původní fotografie