Zkuste si, co umí masky průhlednosti - Illustrator tutorial

Publikováno v kategorii Tutoriály  |  07.11.2010

Možná jste zaznamenali, že fotobanka Shutterstock před časem povolila ilustrátorům ukládat soubory ve formátu EPS10 místo původního EPS8. Je to skvělá zpráva, protože EPS10 umožňuje kreslířům použít spoustu triků, které v EPS8 vytvořit nešly nebo se musely složitě obcházet. Hlavní fígl, díky kterému můžete díky EPS10 udělat skvělé ilustrace, je použití průhledností, různých režimů prolnutí a masek průhlednosti.
V tomto tutoriálu si ukážeme, jak se průhlednosti, prolnutí a masky používají. Budeme kreslit tento abstraktní obrázek:


1. Vytvořte v Illustratoru nový dokument, A4 naležato, režim RGB.

2. Narýsujte čtverec nástrojem Rectangle (Obdélník, klávesová zkratka M), udělejte ho nějak přiměřeně veliký, třeba 52 mm.
Čtverec vybarvěte přechodem - vyberte paletku Gradient (Přechod), typ přechodu Lineární. Kliknutím vytvořte v paletce Gradient šest posuvníků a dejte jim tyto hodnoty:

3. Vyberte paletku Transparency (Průhlednost) a v režimu prolnutí nastavte Multiply (Násobit). Čtverec udělejte průhledný - nastavte mu nižší průhlednost (Opacity) - třeba 34%.

4. Teď budeme trochu experimentovat. Udělejte si kopii čtverce - uchopte ho, stiskněte Alt + Shift a táhněte do strany. Jde to samozřejmě i klasicky CMD + C, CMD + V, ale kopírování tahem je pohodlnější. Čtverce nechte vlevo vyčnívat z plochy, začněte je vršit přes sebe, otáčejte je a dávejte jim různé průhlednosti. Tím, jak se čtverce překrývají se začne tvořit zajímavý efekt:


5. Z nakopírovaných čtverců udělejte nějakou podobnou kompozici jako na obrázku, přidejte pár menších, experimentujte s průhledností. Nechte všem režim Multiply - Násobit.

6. Přidejte do obrázku pár bílých čtverců, těm nastavte režim prolnutí Normal. Průhlednost dejte nižší, já použila 65% a 36%.

7. Přidejte pár čtverců s bílým rámečkem, výplň nedávejte žádnou. Tloušťku tahu nechte 1 bod.

8. Teď přichází chvíle masek průhlednosti - díky nim v kompozici vytvoříme místa, kde barva půjde do ztracena, stejně jako bychom je ve Photoshopu gumovali.
Narýsujte kruh o průměru 56 mm, dejte mu Radiální Gradient (Přechod), barva černobílá, viz obrázek.

9. Stiskněte CMC + C, pak CMD + B (na PC místo CMD dejte CTRL) - tím se nám kruh zkopíruje a umístí dozadu. Zadní kruh uchopte a se stisknutými klávesami CMD + Option + Shift (na PC CTRL + ALT + Shift) táhněte a malinko ho zvětšte. Vyplňte ho bíle, prolnutí normal, Opacity 100% - viz obrázek:

10. Označte oba kruhy a v paletce Transparency - Průhlednost rozbalte menu pod šipkou. Klikněte na Make Opacity Mask.

11. Tím se nám vytvořil bílý kruh, ze kterého ovšem bude vidět jen to, co je v horním - černém kruhu bílé. Černá barva horního kruhu funguje jako maska, zakrývá vše, co je pod ní.
Vezměte kruh a umístěte ho do obrázku tam, kde chcete, aby byl obrázek zakrytý. Kruh rovnou zkopírujte a vložte na stejné místo, tzn. dejte dva přes sebe. (CMD + C, CMD + F vloží kopii na originál, na PC místo CMD dejte CTRL.)

12. Přidejte ještě dva zakrývací kruhy:

13. Teď se zbavíme vyčnívajících části čtverců. Označte čtverec, vezměte si nástroj Pero, ale pozor, vyberte Pero s ikonkou +, pero s plusem přidává na narýsované cestě body. Přidejte dva body tam, kde se čtverec protíná s hranou dokumentu.

14. Vyberte Pero s mínusem. Pero s mínusem body z cesty odebírá - odeberte dva body ležící mimo dokument. Stejně postupujte u zbývajících čtverců.

15. A je to! Já obrázek nahraju do fotobanky, proto na takovéhle abstraktní kompozice ještě umisťuji slepý nápis, jako takový návod pro kupujícího - jaký font má použít a jak nápis obarvit. Zkuste si také takovou kompozici a když sem umístíte odkazy, jak se vám povedly, budu ráda!

 

Podobné články


Líbilo se? Budu ráda, pokud odkaz vložíte do některých z těchto sociálních sítí:

Autor:

Anna Frajtová
grafička, která ráda navrhuje tištěnou grafiku i weby a zajíma se o kreativní design. Stojí za projektem Designbox a můžete ji sledovat na Twitteru i Facebooku


Pavel 08.11.2010, 11:54

Tak něco takovýho by mně určitě zamítli jako Simple vector nebo Too much on the site. Přijde mi, že si na mě nějak zasedli asi!:-)

Anna Frajtová
Anna Frajtová 08.11.2010, 12:01

Ahoj Pavle, nezasedli, neboj, taky mi to vrací. Dám vědět, jestli to vezmou, poslední dobou jsou strašně přísní! :)

JohnyDrake
JohnyDrake 09.11.2010, 17:29

Mě pro zkopírování tahem stačí stisknout alt. A pro ořez přečnívajících objektů mi přijde pohodlnější použít clipping mask. můj výsledek: http://www.ea0515.ic.cz/abstract/abstractbg.jpg

Anna Frajtová
Anna Frajtová 09.11.2010, 17:41

Paráda! :) A máš pravdu, jde to i s Altem, já jsem napsala celou zkratku, ta platí pro vodorovné kopírování.

JohnyDrake
JohnyDrake 10.11.2010, 11:59

Počkat... K tomu stačí mít stisknutý alt+shift (alt pro kopírování a shift pro posun po osách a úhlopříčkách), ne? (Doufám že to nezní rýpavě, o to mi nejde, jen to chci uvést na pravou míru...)

Anna Frajtová
Anna Frajtová 10.11.2010, 13:19

Rozhodně nezní a máš pravdu, jde to i bez CMD klávesy... celý život to dělám s ní. :)) Opravím v textu, díky! :)

Mach 07.03.2011, 17:32

Jen taková drobnost... sice chápu, žes chtěla ukázat, jak funguje Maska krytí, ale k tomu účelu, k jakému je použita v tomto tutoriálu mně přijde mnohem jednodušší nechat pouze tu kružnici s bíločerným gradientem a dát mu Režim prolnutí na Závoj ;-)

Anna Frajtová
Anna Frajtová 07.03.2011, 17:44

Ano, šlo mi o tu masku. Ten závoj ale nefunguje, pokud není pod obrázkem ještě pozadí, maska ano. Pokud tam není barevné pozadí, je lepší dát pod obrázek ještě jeden bílý obdélník, pak je to s tím Závojem bez problémů.