Illustrator a Photoshop tutoriál: Halftone efekt

Tutoriál na halftone efektV komentářích u mého prvního Illustrator tutoriálu se čtenáři podivovali, jak jsem udělal ty „kuličkové / puntíkaté přechody“. Ony puntíky se nazývají halftone a slouží v podstatě k simulaci gradientu (přechodu) za pomoci dvou barev – černé a bílé. Nuže tady je návod pro Photoshop i Illustrator.

Nejprve je třeba vytvořit černobílý objekt, který budeme převádět do halftone přechodu. Já zvolil tuto křivku, kterou jsem si nakreslil ve Photoshopu:

Halftone efekt - základní křivka

Následně jsem ji obtáhl velkým štětcem s měkkým okrajem.

Halftone efekt - vytažená křivka

V podstatě je jedno, jak uděláte základní tvar – můžete jej namalovat od ruky, můžete použít nějaký symbol nebo fotku. Důležité je, aby to bylo jednobarevné a aby to mělo měkké okraje (ty získáte třeba použitím gausovského rozostření). Neboť tam, kde bude přechod z bílé do černé budou později ony „puntíky“.

Halftone efekt se provádí převodem obrázku na bitmapu – menu image/mode/bitmap pokud máte tuto volbu zakázanou, převeďte nejprve obrázek do stupňů šedi – menu image/mode/gray­scale.

Při převodu do bitmapy se objeví následující dialog, ve kterém vybereme jako metodu Halftone Screen

Halftone efekt - převod do bitmapy

A v následujícím dialogu můžeme určit nastavení efektu (ja ponechal výchozí):

Halftone efekt - nastavení halftone efektu

Výsledek vypadá takto:

Halftone efekt - výsledek ve Photoshopu

Tím jsme ve Photoshopu skončili. Pokud chcete použít tento efekt v Illustratoru, stačí ve Photoshopu tento obrázek uložit (např. ve formátu PNG či GIF), otevřít v Illustratoru a přetrasovat na vektor.

Halftone efekt - převod na vektor

Po kliknutí na otevřený obrázek v Illustratoru se v horní liště zobrazí možnosti pro trasování bitmapy do vektoru. Já si z nabídky, která se schovává pod tou černou šipkou, zvolil Black and White Logo. Nezpomeňte poté ještě kliknout na tlačítko Expand, kterým převod dokončíte a vznikne plnohodnotný vektor, který můžete třeba přebarvovat, měnit velikost, otáčet…

Můj výsledek (po přidání dalších grafických elementů) je následující: Halftone efekt - výsledek po úpravách v Illustratoru

Nemusím snad ani dodávat, že uvedený výsledek již je touto dobou ve fotobance. Chcete-li také prodávat své vektorové ilustrace, přečtěte si článek o prodeji ilustrací v zahraničních fotobankách.

Komentáře

1
franta
19 květen 2008, 16:19

VYPADÁ TO NÁDHERNĚ

 
2
bony
20 květen 2008, 14:52

Jde použít i Filter > Pixelate > Color Halftone. Při použití na barevném snímku jde potom jako černobílý rast použít libovolný z barevných kanálů… Na výsledném obrázku mne zaujaly ty zvlněné linky. Máte na jejich tvorbu nějaký fígl?

 
3
20 květen 2008, 14:57

[2] jojo na tento filtr jsem už také přišel, jen jsem to nestihl dopsat do tutoriálu.

Ad. zvlněné linky – napíšu o nich v příštím tutoriálu, díky za tip. Jinak pro ty zkušenější – jsou udělány pomocí nástroje blend tool.

 
4
Lican
20 květen 2008, 20:47

Super efekt! Moc Vám děkuji Petře!

 
5
Tomáš
12 srpen 2009, 20:42

Ahoj, chtěl bych se naučit s photoshopem, illustrátorem a indesignem. Dovolím si tvrdit, že umím výborně s Corelem, ale s tímhle fakt bojuju. Jak mám začít? Mám si koupit knížky? nebo se přihlásit na nějaké školení? Poraďte mi prosím. Díky. Tomáš

 
6
12 srpen 2009, 20:55

[5] No já bych doporučil toto:

  1. školení
  2. knížky
  3. internet

Nedá se svítit, školení je prostě nejrychlejší, nejlepší (člověk si to hned zkouší a pokud má problém, tak to řeší s lektorem), ale bohužel také nejdražší.

Knížky nabízí ucelený přehled, akorát jsou náročnější na čas a pak taky na sebekázeň čtenáře (pokud je budete jen číst a nebudete to zároveň zkoušet na počítači, tak je to ztráta času).

Poslední jsou články a tutoriály na internetu – ty jsou velmi dobré v okamžiku, kdy už znáte základy. Na učení pro úplného začátečníka to moc není.

Záleží tedy na vás, kolik času a peněz tomu chcete obětovat. Osobně nedám dopustit právě na to školení.

 

Přidej komentář

Pište prosím slušně, s diakritikou a k věci. Dodržujte pravidla a využijte možnosti formátování uvedená pod formulářem.

Email nebude zveřejněn

Pravidla a možnosti formátování

  • Nepoužívejte HTML značky, blog podporuje formátování texy. Nový odstavec získáte 2x odřádkováním, odkaz: "text odkazu":odkaz, **tučně**, *kurzíva*
  • Adresy začínající na http:// budou automaticky převedeny na odkazy
  • Jediné dvě povinné položky formuláře jsou Jméno a zpráva
  • Na předchozí komentáře odkazujte zápisem [2]

 

Sekce