Tak bude vyzerať úvodný text (Obrázok 01):

Teraz dosť rečí. veľa zábavy a šťastného učenia na nasledujúcich stranách ...

Hlavný text – Adobe Illustrator.


Krok 1: Vytvorenie pozadia

Predtým než začneme vytvárať vhodné pozadie pre náš úvodný text, musíte si vytvoriť novú pracovnú plochu. Prejdite na Súbor>Nový a vyberte formát 330x210mm. Potvrďte potom s OK.

Úryvok textu - Adobe Illustrator

Keď si vytvoríte pracovnú plochu, môžeme konečne začať s vlastnou prácou.

Vezmite si Nástroj na kreslenie obdĺžnika a vytvorte obdĺžnik, ktorý zakryje celú pracovnú plochu.

Potom tento obdĺžnik vyplňte prechodom farieb. K tomu budete potrebovať Paletu prechodov. Ak ju ešte nemáte zobrazenú, môžete ju ľahko nájsť cez Okno>Prechod. (Obrázok 03).

Splash-Text - Adobe Illustrator

Plávajúci text - Adobe Illustrator

Kliknite v Paleti prechodov na predvolený čiernobiely prechod a zmeňte typ prechodu z Lineárny na Kruhový. (Pozrite sa na Obrázok 04).

Splash-Text - Adobe Illustrator

Rozbíjacie texty - Adobe Illustrator

V tomto prípade je kruhový prechod už pomerne dobrým východiskom, ale je teraz trochu príliš zaoblený. Aj tu však paleta prechodov ponúka veľmi peknú funkciu. Môžete odtiaľto ovplyvniť aj okrúhlosť svojho prechodu. Hodnota 60% by mala byť pre naše účely vhodná. (Pozrite sa na Obrázok 05).

Úryvok - Adobe Illustrator

Ako ďalší krok je potrebné prispôsobiť farby prechodu, pretože čiernobiely prechod vyzerá trochu nudne. Pre tento návod som vybral dva hodnoty farieb CMYK.

• svetlo modrá: CMYK - 90/30/4/10

• tmavomodrá: CMYK - 93/48/28/63

Kliknutím duplo na jeden z týchto dvoch polí farby pre prechod môžete priradiť tieto dve hodnoty CMYK k prechodu. Potom by to malo vyzerať približne takto. (Obrázok 06).

Splash-Text - Adobe Illustrator

Spritzer-Text - Adobe Illustrator

Keďže prechod stále nevyzerá tak ako som si to predstavoval, vezmite si Nástroj pre prechod z Palety nástrojov. Zobrazí sa teraz akási čiara, ktorú môžete meniť na dĺžku. (Obrázok 07).

Splash-Text - Adobe Illustrator

Úvodný text - Adobe Illustrator

Chyťte túto čiaru v pravom bode a vytiahnite ju približne takto ako na Obrázku 08.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Aby sa nič nestalo s pozadím, odporúčam vám tieto vrstvy zabezpečiť zámkom ... (Pozrite sa na Obrázok 09). Vaše pozadie je hotové.

Záber - Adobe Illustrator

Krok 2: Vloženie typografie

Aby ste mohli pokračovať, musíte si teraz vytvoriť novú vrstvu. Najlepšie ju hneď pomenovať "Text", pretože na túto vrstvu umiestnime náš text.

Vezmite si teraz Nástroj na vytváranie textu a s ním kliknite raz na vašu pracovnú plochu. V mojom prípade napíšem „psd-tutorials.de“. Pri písme som sa rozhodol pre Helvetica Neue v hube Ténký. Pri tejto veľkosti môžete použiť hodnotu 140b. Šírku písmen nastavte na -70.

Nápis - Adobe Illustrator

Umiestnite svoju písmenovú značku na stred vašej pracovnej plochy. Potom by to malo vyzerať približne takto. (Obrázok 11).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Túto písmenovú značku musíte teraz previesť na čiary. Prejdite na Písmo>Previesť na čiary. Alternatívne môžete použiť skratku Command/Strg+Shift+O.

Ako ďalší krok zdobíme našu písmenovú značku prechodom. Pre tento návod som pripravil nasledujúce dve hodnoty farieb CMYK.

• svetlo zelená: CMYK - 50/0/100/0

• tmavozelená: CMYK - 90/30/95/10

Pri vytváraní prechodu postupujte rovnako ako pri pozadí. Tentoraz však typ prechodu ponechajte Lineárny. Pri uhol prechodu zvoľte 90°. (Obrázok 12).

Splash-Text - Adobe Illustrator

Výplnný text - Adobe Illustrator

Aby sa písmo ešte viac zvýraznilo, musíme vytvoriť tieň. Vezmite si na to Nástroj na kreslenie elipsy a nakreslite čiernu elipsu pod vašou písmenovou značkou. (Pozrite sa na Obrázok 13).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Metódu výplne tieňa musíte nastaviť na Množstvo. Urobiť to môžete cez Paletu priehľadnosti. Ak ju ešte nemáte zobrazenú, nájdete ju cez Okno>Priehľadnosť. Priesvitnosť nastavte na približne 40%.

Spustenie textu - Adobe Illustrator

Keďže tieň je stále veľmi ostrý na okrajoch, musíme ho ešte rozostriť. Prejdite na Effect>Rozostrenie>Gaussov rozostrier … (pozri Obrázok 15).

Úvodný text - Adobe Illustrator

V nasledujúcom dialógovom okne zadajte hodnotu približne 25 pixelov a potvrďte pomocou OK.

Splash-Text - Adobe Illustrator
Splash-Text - Adobe Illustrator

Následne by to malo u vás vyzerať takto. (pozri Obrázok 17).

Úvodný text - Adobe Illustrator

Krok 3: Vytvoríme svetelné bodky

V tejto časti tutoriálu sa teraz budeme zaoberať malými svetelnými časticami, ktoré sa majú náhodne rozptýliť všade naokolo.

Najprv si vytvorte novú vrstvu a pomenovajte ju "Svetelné častice". Potom vezmite Ellipse tool a vytvorte 10x10mm veľkú elipsu. (Obrázok 18).

Splash-Text - Adobe Illustrator

Ukážkový text - Adobe Illustrator

Hneď potom prejdite na Object>Cesta>Posun cesty … (Obrázok 19).

V nasledujúcom okne zadajte hodnotu 10mm a potvrďte pomocou OK.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Následne by to malo u vás vyzerať takto. (pozri Obrázok 20).

Splash-Text - Adobe Illustrator

Úvodný text - Adobe Illustrator

Zadefinujte vnútornej elipse žltú farbu. Vonkajšiu elipsu zafarbite na cyan. (Obrázok 21).

Úvodná obrazovka - Adobe Illustrator.

Keďže to ešte pomerne ostré vyzerá pre svetelný bod, teraz v Paletke pre priehľadnosť znížte neviditeľnosť vonkajšej elipsy na 0%. (Obrázok 22).

Úvodný text - Adobe Illustrator

Teraz, aby ste vytvorili jemné prechádzanie od vnútornej po vonkajšiu elipsu, vezmite nástroj Align tool z Paletky nástrojov. (Obrázok 23).

Splash-Text - Adobe Illustrator

Úvodný text - Adobe Illustrator

Kliknite s týmto nástrojom raz na okraj vnútornej elipsy a následne rovno na okraj vonkajšej elipsy. (Obrázok 24).

Splash-Text - Adobe Illustrator

Úvodný text - Adobe Illustrator

Vzhľadom k tomu, že ste nastavili neviditeľnosť na 0% pre vonkajšiu elipsu, tento nástroj Align tool vytvorí akýsi efekt prechodu medzi vnútrom a vonkom.

Základný tvar nášho svetelného bodu je teraz hotový. Teoreticky by ste mohli tento svetelný bod teraz kopírovať a vkladať v rôznych veľkostiach. Ale ide to aj jednoduchšie. Budeme teraz pracovať s štetcom.

Otvorte cez Okno>Štetec Paletu štetcov. Vyberte teraz váš práve vytvorený svetelný bod a potom v Paletke štetcov kliknite na malú šípku v pravom hornom rohu. Otvorí sa malé rozbaľovacie menu, na ktorom môžete kliknúť na Nový štetec. (Obrázok 25).

Splash-Text - Adobe Illustrator

​​Splash-Text - Adobe Illustrator

Teraz sa zobrazí nové okno, v ktorom môžete nastaviť všetky možné parametre vášho štetca. Odporúčam vám, aby ste si trochu pohrali s nastaveniami, aby ste získali pocit pre ne. Presné parametre pre tento tutorial nájdete na Obrázku 26.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Potom môžete potvrdiť kliknutím na OK a pôvodný svetelný bod z vašej pracovnej plochy zmazať.

Vezmite si teraz štetcový nástroj z Palety nástrojov a nakreslite takým spôsobom vlnovú líniu zľava doprava cez vašu pracovnú plochu. (Obrázok 27).

Splash-Text - Adobe Illustrator

Vodné značenie - Adobe Illustrator

Ako výsledok, by ste mali mať kopu rôzne veľkých svetelných bodov náhodne rozptýlených na vašej pracovnej ploche. Pokojne to opakujte viackrát, kým si myslíte, že máte dosť svetelných bodov.

Aby sa to spojilo s pozadím, vyberte vaše nakreslené svetelné body a v Paletke pre priehľadnosť prepnite z Normálneho režimu na režim Mäkké svetlo. (Obrázok 28).

Pripravené sú vaše svetelné body.

Úvodný text - Adobe Illustrator

Krok 3: Vytvorenie kvapiek/striekancov

V poslednom kroku tohto tutoriálu sa budeme zaoberať tým, ako rozložiť farebné kvapky okolo textu, aby to vyzeralo ešte divokejšie a náhodnejšie.

Najprv musíme, presne ako pri svetelných bodoch, vytvoriť základný tvar na naše kvapky. Ale najskôr si vytvorte novú vrstvu a nazvite ju "Striekanec".

Vezmite si nástroj Elipsa a vytvorte elipsu veľkosti 5x5mm.

Potom použite nástroj priameho výberu. Posuňte tak horný nášľapný bod elipsy niekoľko milimetrov nahor a premenujte ho na rohový bod. (Obrázok 29).

Úryvok - Adobe Illustrator

Teraz choďte do palety štetiec a vytvorte nový štetcový s tvarom kvapky. Tento raz však nevyberte špeciálny štetcový, ale štetcový nástroj obrázkový.

Takisto sa zase zobrazí nové okno, v ktorom budete mať množstvo možností na prispôsobenie vášho štetcu. Pre náš štetcový nástroj kvapka nájdete vhodné parametre na Obrázku 30.

Potom môžete potvrdiť s OK. Pôvodný tvar kvapky môžete aj tentoraz zmazať.

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Teraz stačí uchopiť štetcový nástroj a s práve vytvoreným štetcovým hrotom nakresliť malé kvapky okolo vášho písma (Obrázok 31).

Úvodný text - Adobe Illustrator

Ak sa niektorá kvapka stane nepravidelnou, môžete to celé vrátiť pomocou Command/Strg+Z a skúsiť to znovu.

Keď budete spokojní, stačí označiť všetky kvapky a premeniť ich na objekt cez Objekt>Vzhľad zmeniť.... Potom kvapky vyplňte rovnakým zeleným gradientom ako písmo.

Na konci presuňte vrstvu Splashes za vrstvu Text. (Obrázok 32).

Váš Splash-Text je hotový.

Úvodní text – Adobe Illustrator

Záverečné slová:

Teraz sme už opäť na konci tohto návodu. Dúfam, že ste si to užili a získali ste nejaké užitočné tipy.

Ak máte nejaké otázky k tomuto tému, môžete mi ich radi napísať do komentárov pod týmto návodom. Pokúsim sa na ne odpovedať čo najskôr.

V pracovných dátach k tomuto návodu nájdete súbor s Illustratorom so všetkými vrstvami. Ak sa v niektorom okamihu návodu zmätiete, mohlo by vám pomôcť pozrieť sa do originálneho súboru.

Preto...

Zostaňte kreatívni

Váš Julian