Záplava vektorových grafických prvků pro vaše grafiky zdarma

Na stránkách webalys.com si můžete zdarma stáhnout stovky symbolů, ikonek, vzorkůstylů do vašeho Illustratoru, které můžete využít převážně při návrzích webdesignu, ale samozřejmě nejen u nich. Obzvlášť ikonky jsou stylově čisté a precizně provedené.

webalys_com-free_vector_elements

pencil-poznamkaPozn.: Určitě to všichni víte, ale jen pro jistotu... kdyby náhodou některý ze začátečníků netušil. Ikonky jsou uloženy jako Symboly. Pokud s nimi chcete pracovat jako s klasickými křivkami, vytáhněte symbol z paletky do pracovního plátna, označte jej a klikněte na paletce Symboly na ikonku Zrušit vazbu na symbol.

Ill_zrusit-vazbu-na-symbol

|

Mega bundle Design Cocktail od Designious.com

Po sedm dní si můžete pořídit balík plný vektorů, brushů, fontů atp. v celkové hodnotě skoro $700 za pouhých $29! Kdo má zájem, má čas do středy do večera…

design-cocktail-08_2010

|

Phantasm CS – bomba plugin pro Illustrator!

Phantasm CS je zatraceně povedená věcička, která do vašeho adobáckého vektorového editoru vnáší možnosti, jaké znáte z Photoshopu. Pomocí tohoto pluginu můžete jednoduše u vaší vektorové grafiky upravovat jas, kontrast, saturaci, expozici, úrovně atd., atd. Plugin je pro Illustrator verze CS2 až CS5, pro Mac i Windows. Jedinou „nevýhodou“ je bohužel cena – za Phantasm CS vysolíte $75. Ale kdo to řádně využije, tak ty peníze asi dá.

phantasm_cs_1

Ovšem pozor! Ve free trial verzi, kterou můžete neomezeně využívat funguje Brightness/Contrast. Takže i tahle drobnost zadara rozhodně potěší a jen kvůli tomu bych si, být vámi, plugin stáhl.

phantasm_cs_2

|

Envato opět naděluje...

Australská společnost Envato (psal jsem o nich tady) opět slaví narozeniny a opět nabízí ke koupi balík plný grafik, šablon, audia atd., atp. Oficiální hodnota celého balíku by byla přes 400 dolarů, vy si jej můžete teď koupit za dvacku. Ale bacha, akce je časově omezena a končí zhruba za čtyři dny.

envato-4-birthday-bundle

|

Tip pro Illustrator – kruhový přechod, jak ho možná neznáte

Vyplnit v Illustratoru objekt kruhovým gradientem je samozřejmě jedna z nejbanálnějších věcí, kterou jste dělali už kvadriliardkrát. Že se pak dá přechod upravovat buď posunováním jezdců přechodu nebo přímo tažením pomocí nástroje Přechod také samozřejmě víte.

Ale zkusili jste někdy měnit kruhový gradient pouze jedním kliknutím (s nástrojem Přechod) do objektu nebo i mimo něj? Vytváří se tím celkem zajímavý „efekt bodového světla“, který můžete využít ve vašich grafikách (např. tak, že takto vytvořený objekt necháte prolnout s jiným pomocí Režimu prolnutí). Krátké video ukazuje, co mám na mysli…

Ill_kruhovy-prechod-klik_screencast
Pro přehrátí videa klikni na náhled

|

Zajímavá anketa na Typu – ceny v grafickém designu

Filip Blažek zorganizoval na stránkách Typo.cz zajímavou anketu pro grafiky, designéry, DTPáky atp. Pokud se téhle oblasti věnujete, ať už jako grafik nebo jako klient, mohly by vás výsledky zajímat. Anketa poběží minimálně do konce prázdnin a výsledky pak budou zveřejněny na Typo.cz a v časopise Font. Já osobně jsem teda zvědav ukrutně…

|

Tip pro DTP – jak na „zlobivý“ EPS

Adobe vydává jednu verzi svého oblíbeného balíku Creative Suite za druhou, ale kde na ty upgrady máme vzít, už nám nikdo neřekne :o) Ne, nenadávám, to byl vtip. Nicméně je pravdou, že ne každý si dopřává té nejaktuálnější verze CS. Ale jelikož svět kolem na nic nečeká, čím dál častěji se stává, že vám zaslaný soubor byl vytvořen novější verzí programu a s jeho otevřením (editací apod.) pak máte problémy. Občas jde poprosit tvůrce souboru, aby ho přeuložil pro nižší verzi aplikace, ale v praxi je to většinou nemyslitelné... prostě se musíte porvat s tím, co dostanete.

Pokud máte takovéto problémy s vektorovým formátem *.eps, který byl vytvořen novější verzí Illustratoru a při pokusu ho otevřít zakřičí váš Illustrator cosi o nekompatibilitě, občas otevře soubor poškozený, někdy vůbec ne, pak mám pro vás tip. Jelikož je *.eps vlastně zapouzdřený postscript, stačí ho v drtivé většině případů hodit na Distiller a „vydestilované“ PDF pak už v pohodě otevřít v Illustratoru. Uživatelé platformy Mac mohou se stejným výsledkem použít i systémové Preview – udělá naprosto totožnou službu jako Distiller.

mac-preview.postscript-conversion

|

Clients from Hell

Nedávno jsem náhodně narazil na web clientsfromhell.net, kam grafici, wedesignéři, détépáci a podobná „cháska“ dávají úryvky z komunikace s „ne zrovna vstřícnými, případně věci znalými klienty“ :o) Pokud se v této branži pohybujete, jistě máte podobných příhod taky pár po ruce. Mně tam zaujala např. tato:

Client: „The site is looking great! However, I’m a bit confused. I thought you said the design was done.“

Me: „Yep, the ‘visual’ design is complete. Was there something bothering you about it?“

Client: „Oh no! The design is great, everyone loves it! However, it doesn’t seem to be finished. There are a bunch of pages that look wrong.“

Me: „How so? Could you show me?“

[The client proceeds to click through his site and eventually comes to an external link that takes the user to Amazon.com]

Client: „This page looks nothing like our site.“

Me: „[somewhat confused] That’s because it’s not your site.“

Client: „But we just got here from our site. Can’t you make it look like ours?“

Me: „I’m afraid not. That would be like walking over to your neighbor’s home and re-landscaping their yard and painting their house to match your own.“

Client: „Oh…well that sucks.“


Muehehe... to je pak „těžká práce“ :o)))

PS: Omlouvám se za ne-překlad, ale s mojí „Masa-Bob-English“ bych nadělal víc škody než užitku ;o) Myslím, že smysl a vtip je zřejmý i tak...

clients-from-hell

|

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

Stará dáma a bouřlivé počasí na skvostných fotkách

Jestliže zanedbáváte pravidelné návštěvy na fotoblogu The Big Picture, mám pro vás dvě pozvánky na série, které mě v poslední době zaujaly. Milovníkům cyklistiky (a nejen jim!) si dovolím doporučit fotonávštěvu na právě skončivší Tour de France (část 1, část 2) a „bouřlivákům“ pak běsnění matky přírody napříč tou naší zeměkuličkou.

Akce do vašeho Photoshopu

Nedávno byl spuštěn web ps-actions.com, kde můžete zdarma stahovat akce do PS, případně tam svoje nahrávat a sdílet tak s ostatními. Vše roztříděno dle verzí Photoshopu a kategorií.

300 free grunge textures

Titulek mluví za vše, takže kdo potřebuje, může stahovat až do aleluja :o)

Brněnské nádr na Necyklopedii

Vtipnou Anti-wikipedii určitě mnozí znáte. Nedávno jsem se náhodně proklikal na tamní stránku pojednávající o brněnským nádru. Dalších komentářů netřeba, čtěte sami :o)))

Brnenske-nadr

Otevření vína botou?!

Krátké video na závěr. Tuhle fintu neznám a musím ji na první pařicí akci vyzkoušet ;o)



|

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

Dnes zase jen krátce – dvakrát pro grafiky a dvakrát pro fotografy...

100 kvalitních „dřevěných“ textur

Obsáhlý výběr odkazů na „free wood textures“ můžete najít na freelancereview.net. Šup s tím do bookmarků a až budete potřebovat, tak jak když je najdete ;o)

wood-textures-freelancereview-net

12 Free Grungy Bokeh Textures

Podobný výběr, ale méně rozsáhlý a tematický jinak zaměřený pro vás nachystali na psd.tutsplus.com.

grungy-bokeh-psd-tutsplus

„Průhledná“ zvířata

Na blogu pxleyes.com si můžete prohlédnout povedenou sbírku fotografií zobrazujících úžasná díla Matky přírody. Moc pěkné fotky a leckdy fakt neskutečná fauna...

transparent-animals
Foto: Chris Newbert

50 fotek, 50 dní, 50 mm objektiv...

The Inspiration Blog přinesl upozornění na projekt britského designéra a fotografa Ricka Nunna Fifty of Fifty. Padesát dní fotil oblíbenou „padesátkou“ den co den jeden snímek a na (podle mě velmi povedený) výsledek se teď můžete mrknout...

fifty-of-fifty

|

Dvakrát pěkné ikony zdarma a jeden povedený tutoriál pro Photoshop

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

design-icons-graphicdesignjunction_com

design-icons-tutorial9_net

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

psdtutspluscom_tutorial_candle

|

Dvě hromady kvalitních free grafik

Pokud si budujete aspoň malou sbírku nebo chcete-li „banku“ různých fotek, pozadí, textur, štětců, patternů atp. pro jakékoliv pozdější použití ve vašich grafických projektech, nepřehlédněte následující odkazy.

Na oblíbeném vector.tutsplus.com dal zdarma ke stažení bulharský grafik Stefan Surmabojov povedenou sadu patnácti grunge textur, která je komplet v křivkách (!) a na „bratříčkovi“ psd.tutsplus.com pro vás připravili sestavu odkazů na více než šest stovek (!) „bokeh background textures“.

vectortutsplus-15grunge-vector-background

psdtutsplus-600bokeh-backgrounds

|

Tip pro Photoshop – méně známá klávesová zkratka pro opakovanou transformaci

Pokud ve Photoshopu transformujete objekt, můžete následně pomocí zkratky Cmnd+Shift+T (na PC Ctrl+Shift+T) vyvolat stejnou transformaci znovu (Úpravy > Transformovat > Znovu). Možná ale nevíte, že pokud ke zmíněné zkratce přimáčknete ještě Option (na PC Alt), pak nejenže proběhne stejná transformace znovu, ale navíc se objekt ještě zkopíruje. V kombinaci s přemístěním středového bodu tak můžete třeba pohodlně vytvářet zajímavé obrazce à la květinové vzory, vločky atp. Krátké video opět napoví víc…

PS_transform-copy-again_screencast
Pro přehrátí videa klikněte na náhled

|

Tip pro Illustrator – obarvení bitmapového obrázku

Stejně jako v InDesignu, můžete i přímo v Illustratoru obarvit vložený rastrový obrázek. Pouze je nutné, aby byl uložen ve stupních šedi nebo bitmapě. Jedno krátké video řekne víc než tisíc slov ;o)

ILL_obarveni-bitmapy-screencast
Pro přehrátí videa klikni na náhled

|

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

Dnes grafika, fotky a čeština…

32 míst, kde najdete kvalitní vektory

Seznam stránek s grafikami v křivkách pro použití ve vašich projektech najdete na DesignM.agu.

Vektory s květinovými motivy

Další hromada odkazů na „foliage vectors“ na vás čeká na Vectortuts+.

foliage-vector

50 stylů vrstev, grafických prvků a předloh…

…pro použití převážně ve webdesignu pro vás nashromáždili na Psdtuts+.

35 akčních fotek…

…můžete omrknout na stránkách orphicpixel.com. Povedené kousky…

A slibovaná čeština na závěr…

Na idnes.cz vyšel další test z mateřského jazyka. Dostal jsem za čtyři, ale jsem maximálně spokojen, neboť všechny podstatné a „užitečné“ věci jsem měl správně a skutečně si myslím, že se v životě obejdu bez toho, aniž bych věděl, co je to kohyponymum nebo pluralium tantum ;o)

|

Ukázková videa pro Adobe CS5

Další snůška free screencastů pro Illustrator, Photoshop a InDesign CS5…

Illustrator CS5: Bristle Brush
Illustrator CS5: Perspective Tool
Illustrator CS5: Drawing Features

Photoshop CS5: Refine Edges
Photoshop CS5: HDR

InDesign CS5: Live Captions
InDesign CS5: Multiplace Images
A List of InDesign CS5 Videos

|

Opravdu brutální kolekce free brushů do PS

2010 photoshopáckých štětců zdarma nabízí na creativepro.com! Vše přehledně rozděleno do devíti kategorií. Nepřehlédněte dole na stránce přechod na další dvě stránky a stahujte jak o život ;o) Nebo si to aspoň šupněte do bookmarků, ono se to určitě může někdy hodit.

ps-brushes-icons



|

Další ukázková videa pro Adobe Photoshop CS5

Jen v rychlosti pár odkazů na další videa, která mě zaujala, a která vám ukážou báječné novinky v novém fotokrámu:

Basic Mask
Advanced Mask
Motion Blur Mask
Healing Brush – Content Aware
Rotate Image – Content Aware
Content Aware Patterns
Puppet Warp 1
Puppet Warp 2
Puppet Warp 3

Jojo, zatim teda vypadá PS CS5 fakt dóóóst povedeně.

|

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

Hromada vektorů zdarma...

...nebo za pár kaček na vás čeká na vector.tusplus.com. Převážně retro záležitosti, některé dost povedené...

35 High-Quality Free Vector Packs

Další sbírka odkazů na zajímavé balíčky vektorů zdarma hledejte na oblíbeném designm.agu...

57 stránek s free fonty

Ona jsou sice tahle free písma většinou nepoužitelná pro seriózní práci, ale sem tam se to šiknout může.

Nádherné krajinářské fotky

Výběr padesáti snímků z celého světa, na které je radost se podívat...

Neobvyklé pisoáry

Muehehe... u některejch bych měl asi docela problém vykonat to, proč tam člověk jde :o)

neobvykle-pisoary

Mapa pro fajnšmekry

Podle téhle mapy by se to cestovalo, co? :o)

|

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

Tentokrát výhradně o grafice a fotografii…

CS5 je zde!

Jak asi všichni uživatelé oblíbeného balíku od Adobe vědí, včera byla oficiálně představena další verze s označení CS5. „Svatá trojice“ hlavních programů – IND, PS a ILL – přináší mimo jiné několik několik povedených vychytávek. Podívejte se sami:

InDesign
Photoshop
Illustrator

Takřka vše o Illustratoru

Na webu vandelaydesign.com vyšla obrovská sbírka odkazů na tutoriály a ukázky týkající se Illustratoru. Najdete tam vše od představení programu až po pokročilé praktiky. Slušná snůška…

45 povedených „grunge“ fontů zdarma

Odkazy na výše uvedené máte k dispozici na psdfan.com.

Dlouhé expozice

Krásné ukázky fotek „na dlouhý čas“ můžete omrknout na noupe.com. Některé jsou fakt nádherné!

Foťák proklatě nízko

Na Grafice vyšel článek představující interesantní možnost, jak mít fotoaparát pořád po ruce a ještě u toho vypadat jako drsný kovboj :o) Fakt zajímavá věc, koukněte tam i na videa…

Útok pixelů!

A největší bomba nakonec. Tohle úžasný video mně úplně vzalo dech! Smekám před lidmi, co něco takového dokážou vymyslet a zrealizovat...



|

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

Tři linky na věci, které mě v poslední době zaujaly...

Komplexní průvodce klonováním a retušováním ve Photoshopu...

...vyšel na Smashingu. Je to sice anglicky, ale s obrázky se tomu dá v pohodě rozumět a v nejhorším máte Google Translator :o)

smashingmag-guide-to-cloning

Parádní flashová prezentace

Známá oděvní firma Wrangler prezentuje neotřelým způsobem novou kolekci oblečení. Všímejte si šipek a následujte pokyny, na další obraz se dostanete přes šipku na pravé straně obrazovky. Za link děkuju Martinovi.

wrangler-flash

Na základce...

Na Atllanku chodím rád, neboť tam prezentované názory jsou mi často blízké. A tohle zamyšlení nad chováním dnešních osmáků/deváťáků je velice... ehm... působivé.

Atllanka

|

Dvakrát štětce pro váš Photoshop

Až budete zase shánět nějaké pěkné a zajímavé brushe do PS, mrkněte se buď na tenhle post na slodive.com, kde je sbírka odkazů na „180 free vintage style Photoshop brushes from DeviantArt“ anebo psd.tutsplus.com, kde máte na téhle stránce ke stažení pětici povedených abstraktních štětců zdarma. Ufff, to bylo ale dlouhé souvětí :o)

ps-brushes

|

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)