Logo je jedným z najreprezentatívnejších vizuálnych prvkov značky, je schopné prenášať na verejnosť svoju podstatu a je veľmi silným symbolom. V tomto tutoriále vám ukážem základné nástroje, ktoré Illustrator ponúka pre návrh loga, a naučím vás, ako z nich vyťažiť maximum. Ak chcete vedieť, ako vytvoriť logo v aplikácii Adobe Illustrator, tento príspevok vám nemôže chýbať!
Logo, izotyp alebo imagotyp
Za normálnych okolností používame slovo logo na označenie symbolu, ktorý predstavuje značku. Tento termín však nie je celkom dobre používaný. Predtým, ako sa pustíme do navrhovania, ujasnime si to.
- El logo je symbol, ktorý predstavuje značku a je tvorený obrázky a text (alebo typografia).
- Keď sa symbol skladá iba z obrázok, žiadny text, je správnejšie používať tento výraz izotyp.
- Existujú značky, ktoré niekedy používajú rôzne časti svojho loga nezávisle. Napríklad spoločnosť Nike je pri mnohých príležitostiach reprezentovaná výhradne vlnovka. Keď je obrázok loga spojený so značkou bez nutnosti sprevádzania typografiou ju môžeme označiť ako imagotyp.
Vytvorte nový dokument v aplikácii Illustrator a sledujte model
Vytvorme a nový dokument. Dáme pracovnému stolu a Veľkosť A4, tak nám nebude chýbať priestor na prácu. Zmenil som farebný režim do RGB.
Začneme jednoduchým logom, ktoré som už predtým navrhol. Pri pohľade na tento model uvidíme krok za krokom, ako som ho vytvoril a s akými nástrojmi. Ich cieľom je získať predstavu o tom, ako môžete naplno využiť ponuku Illustratoru. Rozbitie loga to vidíme Je tvorený súborom kombinovaných tvarov a textu.
Vytvorte všetky potrebné tvary v aplikácii Adobe Illustrator
Telo sovy
Najprv sa zamerajme na tvary. Na paneli nástrojov nájdete ikonu nástroj na tvary. Kliknutím na ňu získate možnosť vytvoriť obdĺžniky, elipsy, hviezdy, mnohouholníky alebo úsečky. V takom prípade potrebujeme vytvorte obdĺžnik. Vyberte nástroj a potiahnutím myši vytvorte obdĺžnik, ktorý má zhruba rozmery, ktoré vidíte na obrázku vyššie.
Ako sa môžeme z tohto obdĺžnika dostať do tvaru, ktorý tvorí telo sovy? Musíme to zdeformovať, a na to máme nástroj na priamy výber na paneli nástrojov. Keď ho vyberiete, uvidíte, že v rohoch obdĺžnika je to akoby manipulanti (kruhy). Ak na niektorý z nich priamo zatiahnete, uvidíte, že rohy sa zaobľujú. Ak chcete ohnúť jeden roh, stačí kliknúť raz a potom potiahnuť. Uvidíte, že sa ten roh pohne a zvyšok zostane taký, aký bol.
Začneme v ľavom dolnom rohu, kľučkou sa dostaneme na doraz. Budeme pokračovať doľava hore a nakoniec zaoblíme vpravo hore. Takto získate požadovaný tvar.
Oko sovy
Široký, aby ste sa bližšie pozreli na model. Oči sú zložené z rovnakého tvaru ako telo a pre dva kruhy, jeden vo vnútri druhého. Vytvoríme a menší obdĺžnik a pokrivíme hoJe to ako v predchádzajúcom kroku. Teraz vytvoríme kruhy. Vyberte ikonu nástroj elipsy. Aby sme vytvorili dokonalý kruh, musíme stlačiť kláves posunúť pri ťahaní, ak nie, mohlo by sa to zdeformovať a byť viac elipsou ako kruhom.
Keď už máme všetky prvky oka, je čas si ich zostaviť. Pre každú dizajnovú úlohu, ktorú robíte v Illustratore nástroj na zarovnanie je základný. Možno to nie je viditeľné, vždy k nim máte prístup v okno>zoradiť sa. Automaticky vám pomôže zosúladiť rôzne prvky. Môžete odkazovať na návrhovú plochu, výber alebo kľúčový objekt. Ak chcete zarovnať, musíte vybrať niekoľko objektov a naprvyberte možnosť zarovnania. Ak chcete zvoliť referenčný objekt, urobte výber a kliknite na objekt, ktorý chcete transformovať na kľúčový objekt, bez stlačenia ľubovoľnej klávesy. Zrenicu vycentrujeme vo vnútri vonkajšej časti oka.
Duplikovaním a otočením vytvoríte druhé oko
Ak si všimnete, druhé oko je úplne rovnaké, ale v opačnej polohe. Aby sme nemuseli opakovať celý proces, urobíme to duplicar už vytvorené. Môžete to urobiť pomocou príkazu + c (kopírovanie) a potom pomocou príkazu + v (vloženie) alebo môžete zvoliť stlačte klávesovú skratku možností a potiahnite. Ak ju chcete invertovať, kliknite na ňu a na paneli vlastností, v časti „transformácia“ na symboloch označených na obrázku vyššie, môžete otočiť tvar, v tomto prípade potrebujeme, aby bol vodorovný.
Vytvorte krídlo pomocou nástroja na zisťovanie polohy alebo pera
Vráťme sa k veľkému tvaru, uvidíte, že má akési krídlo. Je to vlastne ten istý tvar, aký používame pre telo, a to tak, že je umiestnený za sebou a otočený. Pri tejto príležitosti vysvetlím dva veľmi užitočné nástroje na vytváranie log: nástroj pero a hľadač ciest.
La nástroj na pero Máte ho na paneli nástrojov a dá sa z neho vytvoriť krídlo. Jeho použitie je veľmi jednoduché. Jednoducho kliknutím vytvoríte vrcholy a čiary sa automaticky nakreslia, aby sa k nim pripojili.
Ďalším spôsobom, ako zostaviť krídlo, je použitie hľadáčika. Ak ho nemáte viditeľného, nájdete ho v záložke okna> Pathfinder. Pomocou tohto nástroja môžete kombinovať alebo odčítať časti. V takom prípade musíme zvoliť možnosť: menej vpredu. Duplikujte tvar tela, umiestnite ho za formovanie krídla a znova duplikujte, menej stlačte vpredu a vymažte prebytok. Už by sme mali svoje krídlo. Po vytvorení všetkých tvarov môžete logo zostaviť.
Farba a prechod pre vaše logo v Illustratore
Doteraz sme sa nedotkli problému farieb. Je dôležité, aby ste pri návrhu svojho loga dbali na farbu a vyberali tóny, ktoré harmonizujú a reprezentujú ducha značky. Vybral som ružovú, farebný kód ponechám vyššie pre prípad, že by to pre vás fungovalo. Oči nie sú vyplnené, ide o bielu čiaru s hrúbkou 0,25.
Ružová časť tela nie je jednofarebnej farby, má znak degradovaný. Na logá s prechodom alebo bez neho sú protichodné názory. Pred ich použitím to bolo riziko, pretože pri jeho nahrávaní na web sa mohol gradient stratiť. Toto je však prekonaný problém. Mnoho značiek používa vo svojich logách prechody, značky rozpoznateľné ako Instagram. Mne osobne sa páčia, pretože ak sú dobre použité, dodajú logu objem.
Ak chcete použiť prechody, musíme vybrať nástroj pre prechod a dvakrát kliknúť na objekt. Skratku môžeme vytvoriť stlačením klávesu G na klávesnici a dvojitým kliknutím. Na paneli vlastností môžete v prechode zvoliť typ prechodu a zobraziť ponuku, ktorá ho v troch bodoch upraví. V tomto prípade sme vybrali gradient, ktorý prechádza z čiernej na bielu a čiernu sme zmenili na ružovú a bielu, ktorú nahradíme, veľmi svetlou ružovou, takmer bielou. Posunutím pruhu, ktorý sa zobrazuje v tvare a bodoch, môžete upraviť polohu a štruktúru prechodu.
Typografia v logu
Text nemá žiadne komplikácie, je písaný písmom Oswlad Medium, ktoré si môžete zadarmo stiahnuť na Google Fonts. Dali sme jej veľkosť 17 bodov a zvolili sme rovnaký ružový tón. Takto by to vyzeralo!
Ako prispôsobiť písma v aplikácii Adobe Illustrator
Poďme si povedať viac o typografii! Fonty je možné prevádzať na ťahy, rozbiť sa, zdeformovať a môžeme sa s nimi hrať. Nerád to robím, ale hej, vytvárať logá je dobrý zdroj a mali by ste to vedieť. Pozrime sa na príklad:
Vyberme si písmo File Black a ja napíšem toto meno. Teraz je to len málo, čo s tým môžeme urobiť. Musíme transformovať typografiu na úder. Pre to, vyberieme ho nástrojom na výber a prejdeme na kartu text> vytvoríme obrysy. Predtým sa uistite, že je text dobre napísaný, pretože ho už nebudete môcť upravovať!
Vytvorením obrysov môžete s textom zaobchádzať ako s akýmkoľvek iným ťahom Illustratoru. Ako sme už urobili s tvarmi, pomocou nástroja na priamy výber zakrivíme konce i a bod druhého „i“ transformujeme na akýsi list, ktorému to dám tyrkysový tón. Zaujímavosťou je, že celé slovo môže byť použité ako logo alebo „i“ ako nezávislý typ obrázka.
Vyskúšajte svoje logá s maketami vo Photoshope
Dobrým nápadom, aby ste zistili, či vaše logo funguje, je vytvorenie makiet pomocou aplikácie Photoshop. Je to najlepší spôsob, ako rýchlo zistiť, ako by to v skutočnosti vyzeralo a ako by sa to dalo implementovať. Čo si o tom myslíš?