Tak bude vypadat úvodní text (Obrázek 01):

Nyní ale dost mluvení. Mějte zábavu a příjemné učení na následujících stránkách ...

Hlavička - Adobe Illustrator


Krok 1: Vytvoření pozadí

Než můžeme začít vytvářet vhodné pozadí pro náš úvodní text, musíte si vytvořit novou pracovní plochu. K tomu přejděte na Soubor>Nový a vyberte formát 330x210mm. Potvrďte tuto volbu kliknutím na OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Po vytvoření nové pracovní plochy můžeme konečně začít s vlastní prací.

Vezměte Nástroj obdélník a vytvořte obdélník, který bude pokrývat celou pracovní plochu.

Následně tento obdélník vyplňte Přechodem. K tomu budete potřebovat Paletu přechodů. Pokud ji ještě nemáte zobrazenou, můžete ji jednoduše najít přes Okno>Přechod. (Obrázek 03).

Plátno - Adobe Illustrator

Klikněte v Paletě přechodů na standardní černobílý přechod a změňte typ přechodu z Lineárního na Kruhový. (Viz Obrázek 04).

Úvodní obrazovka - Adobe Illustrator

V tomto případě je kruhový Přechod již docela dobrým výchozím bodem, ale momentálně je příliš kulatý. Avšak i zde nabízí Paleta přechodů velmi pěknou funkci. Konkrétně zde můžete ovládat zaoblení vašeho Přechodu. Hodnota 60% by měla být pro naše účely vhodná. (Viz Obrázek 05).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Nyní je na čase upravit barevnost Přechodu, protože černobílý přechod vypadá trochu nudně. Pro tento tutoriál jsem vybral dvě hodnoty barev ve formátu CMYK.

• světle modrá: CMYK - 90/30/4/10

• tmavě modrá: CMYK - 93/48/28/63

Dvojklikem na jedno z polí barev přechodu můžete přiřadit obě hodnoty CMYK Přechodu. Následně by to mělo vypadat přibližně takto. (Obrázek 06).

Obálka - Adobe Illustrator

Ačkoli Přechod stále není zcela podle mé představy, vezměte si Nástroj přechodu z Palety nástrojů. Na obrazovce se objeví jakýsi druh čáry, kterou můžeme prodloužit. (Obrázek 07).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Chytněte tuto čáru v pravém bodě a vytáhněte ji zhruba tak daleko z obrázku, jako je to znázorněno na Obrázku 08.

Úvodní text - Adobe Illustrator

Aby se s pozadím nic nestalo, doporučuji vám tyto vrstvy uzamknout zámkem … (Viz Obrázek 09). Vaše pozadí je hotové.

Úvodní text - Adobe Illustrator

Krok 2: Vložení typografie

Pro pokračování musíte nyní vytvořit novou vrstvu. Nejlepší je ji pojmenovat "Text," protože na tuto vrstvu umístíme náš text.

Vezměte si nyní Nástroj textu a klikněte s ním jednou na svou pracovní plochu. Já napíšu „psd-tutorials.de“. U písma jsem se rozhodl pro Helvetica Neue s řezem Tenčí. Pro tuto velikost můžete zvolit hodnotu 140pt. Šířku písmen nastavte na -70.

Úvodní text - Adobe Illustrator

Umístěte svůj text uprostřed vaší pracovní plochy. Poté by to mělo u vás vypadat přibližně takto. (Viz Obrázek 11).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Tento text je nyní třeba převést na Trasy. Jděte na Písmo>Převést na trasy. Alternativně můžete použít zkratku Command/Strg+Shift+O.

Dále budeme naši typografii zkrášlovat Přechodem. Pro tento tutoriál jsem připravil dvě hodnoty barev ve formátu CMYK.

• světle zelená: CMYK - 50/0/100/0

• tmavě zelená: CMYK- 90/30/95/10

Při vytváření Přechodu postupujte stejně jako u pozadí. Tentokrát však můžete ponechat Typ na Lineární. U úhlu přechodu nastavte hodnotu 90°. (Viz Obrázek 12).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Aby se text ještě více vynikal, musíme vytvořit stín. Vezměte si k tomu Nástroj elipsy a nakreslete černou elipsu pod vaším textem. (Viz Obrázek 13).

Úvodní text - Adobe Illustrator

Metodu výplně stínu nastavte na Násobit. To provedete v Paletě průhlednosti. Pokud tuto paletu ještě nemáte zobrazenou, najdete ji prostřednictvím Okno>Průhlednost. Průhlednost nastavte na přibližně 40%.

Záchvatný text - Adobe Illustrator

Poněvadž stín je stále extrémně ostrý na hranách, musíme ho ještě rozmazat. Jděte na Effekt>Zamlžení>Gaussovo rozmazání ... (viz obrázek 15).

Úvodní text - Adobe Illustrator

V následujícím dialogovém okně zadejte hodnotu asi 25 pixelů a potvrďte stisknutím OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Následně by to mělo vypadat u vás asi takto. (viz obrázek 17).

Úvodní text – Adobe Illustrator

Krok 3: Vytvoření světelných bodů

V této části tutoriálu se nyní zaměříme na malé světelné částice, které by měly být rozmístěny všude kolem v divokém zmatku.

Nejprve si vytvořte novou vrstvu a pojmenujte ji "Světelné částice". Pak vezměte Ellipsový nástroj a vytvořte s ním elipsu o velikosti 10x10 mm. (Obrázek 18).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Hned poté přejděte na Objekt>Cesta>Posun cesty ... (Obrázek 19).

V následujícím okně zadejte hodnotu 10 mm a potvrďte stisknutím OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Následně by to mělo vypadat u vás asi takto. (viz obrázek 20).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Vnitřní elipse přiřaďte žlutou plošnou barvu. Vnější elipsu vybarvěte azurově. (Obrázek 21).

Splash-Text - Adobe Illustrator

Úvodní text - Adobe Illustrator

Jelikož to celé vypadá pro světelný bod stále dost ostré, nastavte v Průhlednosti paletě Průhlednost vnější elipsy na 0%. (viz obrázek 22).

Úvodní text - Adobe Illustrator

Aby byl nyní vytvořen plynulý přechod od vnitřní k vnější elipse, vezměte si Vyhlazovací nástroj z Palety nástrojů. (viz obrázek 23).

Úvodní obrazovka - Adobe Illustrator

Klikněte tímto nástrojem jednou na hranu vnitřní elipsy a poté ihned na hranu vnější elipsy. (Obrázek 24).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Průhlednost vnější Elipsy na 0%, vyrobí Vyhlazovací nástroj jakýsi přechod mezi vnitřní a vnější částí.

Základní tvar pro náš světelný bod je již hotový. Teoreticky byste nyní mohli tento světelný spot opakovaně kopírovat a vkládat v různých velikostech. Ale jde to i snadněji. Konkrétně budeme v následujícím kroku pracovat s štětcovými špičkami.

Zobrazte si přes Okno>Štětec Paletu štětců. Nyní vyberte právě vytvořený světelný bod a poté klikněte na malou šipku v pravém horním rohu Palety štětců. Tím se otevře malé rozbalovací menu, kde můžete kliknout na Nový štětec. (viz obrázek 25).

Úvodní text - Adobe Illustrator

Nyní se objeví nové okno, kde můžete nastavit všechny možné parametry pro vaši štětcovou špičku. Doporučuji si zde prostě pohrát, abyste získali pocit pro nastavení. Přesné parametry pro tento tutoriál najdete na obrázku 26.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Následně můžete stisknout OK a původní světelný bod z pracovní plochy smazat.

Vezměte si nyní štětec z Palety nástrojů a nakreslete takovou jakousi vlnovou linku zleva doprava přes svou pracovní plochu. (Obrázek 27).

Šipka - Adobe Illustrator

Jako výsledek byste měli mít spoustu různě velkých světelných bodů rozmístěných divoce po vaší pracovní ploše. Učiňte to klidně několikrát, dokud nebudete mít pocit, že jste nastavili dost světelných bodů.

Aby se to sloučilo s pozadím, vyberte své nakreslené světelné body a v Průhlednosti paletě přepněte z Normální na Měkké světlo. (viz obrázek 28).

Vaše světelné body jsou hotové.

Úryvkový text - Adobe Illustrator

Krok 3: Vytvoření kapek/stříkaček

V posledním kroku tohoto tutoriálu se budeme zabývat tím, jak rozptýlit kapky barev kolem textu, aby to vypadalo ještě divočejší a náhodnější.

Nejprve musíme, stejně jako u světelných bodů, vytvořit základní tvar pro naše kapky. Než začnete, vytvořte si znovu novou vrstvu a pojmenujte ji "Stříkačky".

Vezměte si Ellipsový nástroj a vytvořte elipsu o rozměrech 5x5 mm.

Poté bude třeba Přímé výběrové nástroje. S ním zvedněte nejvyšší bod trhliny elipsy o kus výš a změňte jej na vrcholový bod. (viz obrázek 29).

Promo text – Adobe Illustrator.

Jděte nyní zpět do palety štětců a vytvořte nový štětec ve tvaru kapky. Tentokrát však nevyberte speciální štětec, ale obrázkový štětec.

Tentokrát se objeví nové okno, ve kterém budete mít možnost upravit váš štětec. Správné parametry pro náš štětec ve tvaru kapky najdete na obrázku 30.

Poté můžete potvrdit stisknutím tlačítka OK. Původní tvar kapky můžete i tentokrát smazat.

Úvodní text - Adobe Illustrator

Nyní už jen vezměte štětec a nakreslete kolem vašeho textu malé kapky pomocí právě vytvořené špičky štětce. (Obrázek 31).

Splash-Text - Adobe Illustrator

Úvodní text - Adobe Illustrator

Pokud by se některá kapka stala trochu neostrá, můžete celou akci vrátit stiskem Cmd/Strg+Z a zkusit to znovu.

Až budete spokojeni, stačí označit všechny kapky a přeměnit je na objekt pomocí Objekt > Vzhledově stejně …. Poté můžete kapky vyplnit stejným zeleným přechodem jako text.

Umístěte vrstvu Splashes nakonec za vrstvu textu. (Obrázek 32).

Váš text s kapičkami je hotov.

Úvodní text - Adobe Illustrator

Závěrečná slova:

A jsme už zase na konci tohoto návodu. Doufám, že jste si to užili a získali nějaké užitečné rady.

Pokud máte ohledně tohoto tématu nějaké dotazy, napište mi je do komentářů pod tímto návodem. Budu se snažit odpovědět co nejdříve.

V pracovních datech k tomuto návodu najdete soubor s Ilustrátorským souborem obsahujícím všechny vrstvy. Pokud byste se v průběhu návodu dostali do potíží, možná vám pomůže pohled do originálního souboru.

V tomto duchu …

Zůstaňte kreativní

Váš Julian