Jak krok za krokem vytvořit logo pomocí aplikace Adobe Illustrator

Logo je jedním z nejreprezentativnějších vizuálních prvků značky, je schopné přenášet na veřejnost, co je jeho podstatou, a je velmi silným symbolem. V tomto tutoriálu vám ukážu základní nástroje, které Illustrator nabízí pro návrh loga, a naučím vás, jak z nich vytěžit maximum. Pokud chcete vědět, jak vytvořit logo pomocí aplikace Adobe Illustrator, nemůžete si tento příspěvek nechat ujít!

Logo, izotyp nebo imagotyp

Rozdíl mezi logem Illustrator, imagotypem a izotypem

Za normálních okolností používáme slovo logo k označení symbolu, který představuje značku. Tento termín však není zcela dobře používán. Než začneme navrhovat, ujasníme si to.

  • El logotipo je symbol, který představuje značku a je tvořen obrázky a text (nebo typografie).
  • Když se symbol skládá pouze z obrázek, žádný text, je správnější používat tento výraz izotyp.
  • Existují značky, které někdy používají různé části svého loga samostatně. Například společnost Nike je při mnoha příležitostech reprezentována pouze symbolem Vlkodlak Když je obrázek loga spojen se značkou aniž bychom ji museli doprovázet typografií, můžeme ji označit jako imagotyp.

Vytvořte nový dokument v Illustratoru a sledujte model

Analyzujte model a vytvořte logo v Illustratoru

Vytvořme a nový dokument. Dáme pracovní stůl a Velikost A4, tak nám nebude chybět prostor pro práci. Změnil jsem barevný režim na RGB.

Začneme jednoduchým logem, které jsem již dříve navrhl. Při pohledu na tento model uvidíme krok za krokem, jak jsem to vytvořil a s jakými nástroji. Jejich je to, že získáte představu o tom, jak můžete co nejlépe využít toho, co Illustrator nabízí. Rozbitím loga to vidíme Skládá se ze sady kombinovaných tvarů a textu.

Vytvořte všechny potřebné tvary v Adobe Illustratoru

Tělo sovy

K úpravě tvaru v Illustartoru použijte nástroj pro přímý výběr

Zaměřme se nejprve na tvary. Na panelu nástrojů najdete nástroj tvarů. Kliknutím na něj nám dává možnost vytvářet obdélníky, elipsy, hvězdy, mnohoúhelníky nebo úsečky. V tomto případě potřebujeme vytvořte obdélník. Vyberte nástroj a tažením myši vytvořte obdélník, který má zhruba rozměry, které vidíte na obrázku výše.

Jak se můžeme dostat z tohoto obdélníku do tvaru, který tvoří tělo sovy? Musíme to pokřivit, a za to máme nástroj pro přímý výběr na panelu nástrojů. Když jej vyberete, uvidíte, že v rozích obdélníku je to něco jako manipulátory (kruhy). Pokud na některý z nich zatáhnete přímo, uvidíte, že rohy se otáčejí. Chcete-li pokřivit jeden roh, stačí jednou kliknout a poté zatáhnout. Uvidíte, že se ten roh pohne a zbytek zůstane tak, jak byl.

Začneme v levém dolním rohu, vytáhneme rukojeť až k hranici. Pokračujeme vlevo nahoře a nakonec zaokrouhlíme vpravo nahoře. Tímto způsobem získáte požadovaný tvar.

Oko sovy

Nástroj Zarovnat v Illustratoru

Široký, abychom se podrobně podívali na model. Oči jsou složeny ze stejného tvaru jako tělo a pro dva kruhy, jeden uvnitř druhého. Vytvoříme menší obdélník a my jej zdeformujemeJe to jako v předchozím kroku. Nyní vytvoříme kruhy. Vybrat nástroj elipsy. Abychom vytvořili dokonalý kruh, musíme stisknout klávesu posunout při tažení, jinak by se mohl zdeformovat a být více elipsou než kružnicí.

Jakmile máme všechny prvky oka, je čas je sestavit. Pro jakýkoli návrhový úkol, který děláte v Illustratoru nástroj pro zarovnání je základní. Možná jej nemáte viditelnou, vždy k ní máte přístup okno>seřadit. Automaticky vám pomůže zarovnat různé prvky. Můžete odkazovat na kreslicí plochu, výběr nebo klíčový objekt. Chcete-li zarovnat, musíte vybrat několik objektů a evyberte možnost zarovnání. Chcete-li vybrat referenční objekt, proveďte výběr a klikněte na objekt, který chcete transformovat na klíčový objekt, aniž byste stiskli libovolnou klávesu. Vycentrujeme zornici uvnitř vnější části oka.

Duplikováním a převrácením vytvoříte druhé oko

Duplikujte a překlopte logo v Illustratoru

Pokud si všimnete, druhé oko je přesně stejné, ale v opačné poloze. Abychom nemuseli celý proces opakovat, uděláme to dvojnásobek již vytvořené. Můžete to udělat pomocí příkazu + c (kopírování) a poté pomocí příkazu + v (vložení), nebo můžete zvolit stiskněte klávesu Možnosti a přetáhněte. Chcete-li jej invertovat, klikněte na něj a na panelu vlastností, v části „transformace“, u symbolů označených na obrázku výše, můžete převrátit tvar, v tomto případě potřebujeme, aby byl vodorovný.

Vytvořte křídlo pomocí nástroje Průzkumník nebo Pero

Nástroj Pero a Pathfinder

Vraťme se zpět k velkému tvaru, uvidíte, že má jakési křídlo. Je to vlastně stejný tvar, jaký používáme pro tělo, umístěný za sebou a otočený. Využiji této příležitosti k vysvětlení dva velmi užitečné nástroje pro vytváření log: nástroj pero a průkopník.

La nástroj pero Máte ji na panelu nástrojů a lze ji použít k vytvoření křídla. Jeho použití je velmi jednoduché. Jednoduše kliknutím vytvoříte vrcholy a čáry se automaticky nakreslí, aby se k nim připojily.

Dalším způsobem, jak postavit křídlo, je použití průkopníka. Pokud jej nemáte viditelný, najdete jej v záložce okna> Pathfinder. Pomocí tohoto nástroje můžete kombinovat nebo odečíst součásti. V tomto případě musíme vybrat možnost: méně vpředu. Duplikujte tvar těla, umístěte jej za tvar křídla a znovu duplikujte, méně stlačte vpředu a vymažte přebytek. Už bychom měli své křídlo. Jakmile jsou vytvořeny všechny tvary, můžete logo sestavit.

Barva a přechod pro vaše logo v Illustratoru

použít přechod na své logo v Illustratoru

Doposud jsme se nedotkli problému barev. Je důležité, abyste při navrhování svého loga věnovali pozornost barvě a zvolili tóny, které harmonizují a představují ducha značky. Vybral jsem růžovou, ponechám barevný kód výše, pokud to pro vás bude fungovat. Oči nejsou vyplněny, jedná se o bílou čáru o tloušťce 0,25.

Růžová část těla není ploché barvy, má a degradován. Na loga s přechodem nebo bez přechodu jsou protichůdné názory. Před jejich použitím bylo riziko, protože při jeho nahrávání na web mohl dojít ke ztrátě přechodu. To je však překonaný problém. Mnoho značek používá ve svých logech přechody, značky jsou rozpoznatelné jako Instagram. Osobně se mi líbí, protože pokud jsou používány dobře, zvyšují objem loga.

Chcete-li použít přechody, musíme vybrat nástroj přechodu a dvakrát kliknout na objekt. Zkratku můžeme provést stisknutím klávesy G na klávesnici a dvojitým kliknutím. Na panelu vlastností můžete v přechodu vybrat typ přechodu a zobrazit nabídku, která ho ve třech bodech upraví. V tomto případě jsme vybrali přechod, který přechází z černé na bílou a změnili jsme černou na růžovou a bílou, kterou nahradíme, velmi světlou růžovou, téměř bílou. Posunutím pruhu, který se objeví ve tvaru a v bodech, můžete upravit polohu a strukturu přechodu.

Typografie v logu

Text nemá žádné komplikace, je psán písmem Oswlad Medium, které si můžete zdarma stáhnout na Google Fonts. Dali jsme mu velikost 17 bodů a zvolili jsme stejný růžový tón. Takto by to vypadalo!

Jak přizpůsobit písma v Adobe Illustratoru

transformovat text na tah v Illustratoru

Promluvme si více o typografii! Fonty lze převést na tahyzlomit, deformovat a můžeme si s nimi hrát. Docela se zdráhám to udělat, ale hej, vytvářet loga je dobrý zdroj a měli byste to vědět. Podívejme se na příklad:

Vyberme písmo File Black a já napíšu toto jméno. Jak je to právě teď, s tím nemůžeme nic dělat. Musíme transformovat typografii na mrtvici. Pro to, vybereme jej nástrojem pro výběr a přejdeme na kartu text> vytvořit obrysy. Než to uděláte, ujistěte se, že je text dobře napsaný, protože jej již nebudete moci upravovat!

jak vytvořit logo pomocí aplikace Adobe Illustrator

Vytvořením obrysů můžete se svým textem zacházet jako s jakýmkoli jiným tahem Illustratoru. Jak jsme již udělali s tvary, pomocí nástroje pro přímý výběr zakřivíme konce i a bod druhého „i“ přeměníme na jakýsi list, kterému to dám tyrkysový tón. Zajímavostí je, že celé slovo lze použít jako logo nebo „i“ jako nezávislý typ obrázku.

Vyzkoušejte si loga pomocí maket ve Photoshopu

Konečný výsledek, jak vytvořit logo pomocí Photoshopu

Dobrým nápadem, abyste zjistili, zda vaše logo funguje, je vytvořit makety s Photoshopem. Je to nejlepší způsob, jak rychle zjistit, jak by to ve skutečnosti vypadalo a jak by to bylo možné implementovat.

 

 

 

 


Obsah článku se řídí našimi zásadami redakční etika. Chcete-li nahlásit chybu, klikněte zde.

Buďte první komentář

Zanechte svůj komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

*

*

  1. Odpovědný za údaje: Miguel Ángel Gatón
  2. Účel údajů: Ovládací SPAM, správa komentářů.
  3. Legitimace: Váš souhlas
  4. Sdělování údajů: Údaje nebudou sděleny třetím osobám, s výjimkou zákonných povinností.
  5. Úložiště dat: Databáze hostovaná společností Occentus Networks (EU)
  6. Práva: Vaše údaje můžete kdykoli omezit, obnovit a odstranit.