Så här skapar du en logotyp med Adobe Illustrator steg för steg

Logotypen är ett av de mest representativa visuella elementen i ett varumärke, det kan överföra till allmänheten vad dess essens är och det är en mycket kraftfull symbol. I denna handledning kommer jag att visa dig de grundläggande verktygen som Illustrator erbjuder för logotypdesign och jag kommer att lära dig hur du får ut det mesta av dem. Om du vill veta hur du skapar en logotyp med Adobe Illustrator kan du inte missa det här inlägget!

Logo, isotype eller imagotype

Skillnad mellan logotyp, imagotype och isotype Illustrator

Normalt använder vi ordet logotyp för att hänvisa till symbolen som representerar ett varumärke. Denna term används emellertid inte helt bra. Låt oss ta reda på det innan vi börjar designa.

  • El logo är symbolen som representerar varumärket och består av bilder och text (eller typografi).
  • När symbolen bara består av en bild, ingen text, är det mer korrekt att använda termen isotyp.
  • Det finns varumärken som ibland använder olika delar av sin logotyp oberoende av varandra. Till exempel representeras Nike enbart av Susa. När logotypbilden är associerad med varumärket utan att behöva åtföljas av typografin kan vi hänvisa till den som imagotype.

Skapa nytt dokument i Illustrator och observera modellen

Analysera modellen för att skapa logotyp i Illustrator

Låt oss skapa en nytt dokument. Vi ger arbetsbordet en A4-storlek, alltså kommer vi inte att sakna utrymme att arbeta. Jag har ändrat färgläge till RGB.

Vi börjar med en enkel logotyp som jag tidigare har designat. När vi tittar på den här modellen kommer vi att se steg för steg hur jag skapade det och med vilka verktyg. Deras är att du får en uppfattning om hur du kan få ut det mesta av vad Illustrator erbjuder. Genom att bryta ner logotypen ser vi det Den består av en uppsättning kombinerade former och en text.

Skapa alla nödvändiga former i Adobe Illustrator

Ugglan

Använd direktvalsverktyget för att redigera form i Illustartor

Låt oss först fokusera på formerna. I verktygsfältet hittar du former verktyg. Genom att klicka på det ger det oss möjligheten att skapa rektanglar, ellipser, stjärnor, polygoner eller linjesegment. I det här fallet behöver vi skapa en rektangel. Välj verktyget och dra musen skapa en rektangel som är ungefär de måtten du ser i bilden ovan.

Hur kan vi komma från denna rektangel till den form som utgör ugglan? Vi måste snedvrida det, och för det har vi verktyg för direktval i verktygsfältet. När du väljer det ser du att det i hörnen av rektangeln är ett slags hanterare (cirklarna). Om du drar direkt på någon av dem ser du att hörnen vänder runt. För att vrida ett enda hörn, klicka bara en gång och dra sedan. Du kommer att se att det hörnet rör sig och resten förblir som det var.

Vi börjar i det nedre vänstra hörnet, vi tar handtaget till det yttersta. Vi fortsätter uppe till vänster och slutligen rundar vi uppe till höger. På så sätt får du önskad form.

Ugglan

Rikta in verktyget i Illustrator

Brett att titta noga på modellen. Ögonen består av samma form som kroppen och för två cirklar, en inuti en annan. Vi kommer att skapa en mindre rektangel och vi kommer att vrida denDet är som vi gjorde i föregående steg. Nu skapar vi cirklarna. Välj ellipsverktyg. För att skapa en perfekt cirkel måste vi trycka på knappen växla medan du drar, annars kan den deformeras och vara mer en ellips än en cirkel.

När vi väl har alla element i ögat är det dags att montera det. För alla designuppgifter du gör i Illustrator justeringsverktyget är grundläggande. Du kanske inte har den synlig, du kan alltid komma åt den i fönster>att rada upp. Det hjälper dig automatiskt att anpassa olika element. Du kan referera till tavlan, markeringen eller ett nyckelobjekt. För att justera måste du bara välja flera objekt och evälj ett justeringsalternativ. Om du vill välja ett referensobjekt gör du valet och klicka på det objekt du vill förvandla till ett nyckelobjekt utan att trycka på någon tangent. Vi kommer att centrera pupillen inuti den yttre delen av ögat.

Duplicera och vänd för att skapa det andra ögat

Kopiera och vänd logotypen i Illustrator

Om du märker är det andra ögat exakt detsamma men i motsatt position. För att inte behöva upprepa hela processen är vad vi kommer att göra duplicar det redan skapade. Du kan göra det med kommando + c (kopiera) och sedan kommando + v (klistra in) eller så kan du välja att tryck på alternativtangenten och dra. För att invertera det, klicka på det och i egenskapspanelen, i avsnittet "transformera", i symbolerna som anges i bilden ovan, du kan vända formen, i det här fallet behöver vi vara horisontella.

Skapa vingen med sökvägen eller pennverktyget

Verktyg för penna och sökare

Låt oss gå tillbaka till den stora formen, du kommer att se att den har en slags vinge. Det är faktiskt samma form som vi använder för kroppen, placerad bakom och vänd. Jag kommer att ta tillfället i akt och förklara två super användbara verktyg för att skapa logotyper: pennverktyget och sökaren.

La pennaverktyg Du har det i verktygsfältet och det kan användas för att skapa vingen. Att använda det är väldigt enkelt. Helt enkelt klicka för att skapa toppar och linjer dras automatiskt för att gå med i dem.

Ett annat sätt att bygga vingen är att använda sökvägen. Om du inte har det synligt hittar du det i fönstrets flik> Sökväg. Med detta verktyg kan du kombinera eller subtrahera delar. I det här fallet måste vi välja alternativet: mindre front. Duplicera kroppens form, placera den bakom formningen av vingen och duplicera igen, tryck mindre framför och radera överflödet. Vi skulle redan ha vår vinge. När alla former har skapats kan du montera logotypen.

Färg och lutning för din logotyp i Illustrator

använd gradient på din logotyp i Illustrator

Hittills har vi inte berört frågan om färg. Det är viktigt att du när du designar din logotyp är uppmärksam på färgen, väljer toner som harmoniserar och representerar varumärkets anda. Jag har valt en rosa, jag lämnar färgkoden ovan om den fungerar för dig. Ögonen är inte fyllda, de är en vit linje med en tjocklek på 0,25.

Den rosa delen av kroppen är inte en platt färg, den har en försämrad. Det finns motstridiga åsikter om logotyper med eller utan lutning. Innan du använde dem var det en risk eftersom lutningen kunde gå förlorad när den laddades upp till webben. Detta är dock ett problem som övervinns. Många varumärken använder lutningar i sina logotyper, varumärken är så igenkännliga som Instagram. Jag gillar dem personligen eftersom de, om de används bra, lägger till volym i logotypen.

För att tillämpa övertoningar måste vi välja lutningsverktyget och dubbelklicka på objektet. Vi kan genväg genom att trycka på G på tangentbordet och dubbelklicka. I egenskapspanelen, i lutning, kan du välja typ av lutning och visa en meny för att ändra den i de tre punkterna. I det här fallet har vi valt en lutning som går från svart till vitt och vi har ändrat svart till rosa och det vita vi ska ersätta med en väldigt mycket ljusrosa, nästan vit. Genom att flytta stapeln som visas i formen och punkterna kan du ändra gradientens position och struktur.

Typografi i logotypen

Texten har inga komplikationer, den är skriven med Oswlad Medium-teckensnittet, som du kan ladda ner gratis på Google Fonts. Vi har gett den en storlek på 17 poäng och vi har valt samma rosa ton. Så skulle det se ut!

Hur man anpassar teckensnitt i Adobe Illustrator

förvandla text till streck i Illustrator

Låt oss prata mer om typografi! Teckensnitt kan konverteras till streck, bryta, deformera och vi kan leka med dem. Jag är ganska ovillig att göra det, men hej, att skapa logotyper är en bra resurs och du borde veta det. Låt oss se ett exempel:

Låt oss välja teckensnittet File Black och jag ska skriva detta namn. Som det är just nu är det lite vi kan göra med det. Vi måste förvandla typografin till en stroke. För det, vi väljer det med markeringsverktyget och går till textfliken> skapar konturer. Innan du gör detta, se till att texten är välskriven, eftersom du inte längre kan redigera den!

hur man skapar logotyp med Adobe Illustrator

Genom att skapa konturerna kan du behandla din text som alla andra Illustrator-streck. Som vi har gjort med formerna, kommer vi med det direkta markeringsverktyget att kurva ändarna på i-talet och punkten på det andra ”i” vi kommer att förvandla det till ett slags blad, som jag ska ge detta turkos ton. Det intressanta är att hela ordet kan användas som en logotyp eller ”i” som en oberoende bildtyp.

Testa dina logotyper med mockups i Photoshop

Slutresultat hur man skapar logotyp med Photoshop

En bra idé att se om din logotyp fungerar är att skapa mockups med Photoshop. Det är det bästa sättet att snabbt se hur det skulle se ut i verkligheten och hur det skulle kunna genomföras. Vad tycker du?

 

 

 

 


Innehållet i artikeln följer våra principer om redaktionell etik. Klicka på för att rapportera ett fel här.

Bli först att kommentera

Lämna din kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.