Logoen er et av de mest representative visuelle elementene i et merke, det er i stand til å overføre til publikum hva essensen er, og det er et veldig kraftig symbol. I denne opplæringen vil jeg vise deg de grunnleggende verktøyene som Illustrator tilbyr for logo-design, og jeg vil lære deg hvordan du får mest mulig ut av dem. Hvis du vil vite hvordan du lager en logo med Adobe Illustrator, kan du ikke gå glipp av dette innlegget!
Logo, isotype eller imagotype
Normalt bruker vi ordet logo for å referere til symbolet som representerer et merke. Imidlertid er dette begrepet ikke helt brukt. La oss fjerne dette før vi begynner å designe.
- El logo er symbolet som representerer merkevaren og består av bilder og tekst (eller typografi).
- Når symbolet bare består av et bilde, ingen tekst, er det riktigere å bruke begrepet isotype.
- Det er merker som noen ganger bruker de forskjellige delene av logoen sin uavhengig. For eksempel er Nike ved mange anledninger kun representert av swoosh. Når logo-bildet er knyttet til merkevaren uten behov for å bli ledsaget av typografien, kan vi referere til den som imagotype.
Lag et nytt dokument i Illustrator og følg modellen
La oss lage en nytt dokument. Vi vil gi arbeidsbordet en A4-størrelse, dermed vil vi ikke mangle arbeidsplass. Jeg har endret fargemodus til RGB.
Vi starter med en enkel logo som jeg allerede har designet tidligere. Ser vi på denne modellen, vil vi se trinn for trinn hvordan jeg opprettet den og med hvilke verktøy. Deres er at du får en ide om hvordan du kan få mest mulig ut av det Illustrator tilbyr. Ved å bryte ned logoen ser vi det Den består av et sett med kombinerte former og en tekst.
Lag alle nødvendige figurer i Adobe Illustrator
Uglenes kropp
La oss først fokusere på figurene. I verktøylinjen finner du former verktøy. Når du klikker på den, gir det oss muligheten til å lage rektangler, ellipser, stjerner, polygoner eller linjesegmenter. I dette tilfellet trenger vi lage et rektangel. Velg verktøyet og dra musa lage et rektangel som er omtrent de dimensjonene du ser på bildet over.
Hvordan kan vi komme fra dette rektangelet til formen som utgjør uglenes kropp? Vi må vri den, og for det har vi verktøy for direktevalg på verktøylinjen. Når du velger det, vil du se at det i hjørnene av rektangelet er en slags håndterere (kretsene). Hvis du trekker direkte i noen av dem, vil du se at hjørnene snur seg. For å vri et enkelt hjørne, bare klikk en gang og trekk deretter. Du vil se at hjørnet beveger seg og resten forblir som det var.
Vi starter nederst i venstre hjørne, vi tar håndtaket til det ytterste. Vi vil fortsette til øvre venstre og til slutt vil vi runde oppe til høyre. På denne måten får du ønsket form.
Ugleøyet
Bredt å se nøye på modellen. Øynene består av samme form som kroppen og i to sirkler, hver i hverandre. Vi vil lage en mindre rektangel, og vi vil vri detDet er som vi gjorde i forrige trinn. Nå skal vi lage kretsene. Velg ellipseverktøy. For å lage en perfekt sirkel må vi trykke på tasten skift mens du drar, ellers kan den bli deformert og være mer en ellipse enn en sirkel.
Når vi har alle elementene i øyet, er det på tide å montere det. For alle designoppgaver du gjør i Illustrator justeringsverktøyet er grunnleggende. Du kan ikke ha det synlig, du kan alltid få tilgang til det i vindu>å stille opp. Det vil automatisk hjelpe deg med å justere forskjellige elementer. Du kan referere til tegnebrettet, utvalget eller et nøkkelobjekt. For å justere må du bare velge flere objekter og evelg et justeringsalternativ. Hvis du vil velge et referanseobjekt, gjør du valget og Klikk på objektet du vil forvandle til et nøkkelobjekt uten å trykke på noen tast. Vi vil sentrere pupillen inne i den ytre delen av øyet.
Dupliser og snu for å skape det andre øyet
Hvis du merker det, er det andre øyet nøyaktig det samme, men i motsatt posisjon. For ikke å måtte gjenta hele prosessen, er det vi vil gjøre dobbelt det allerede opprettet. Du kan gjøre det med kommando + c (kopi) og deretter kommando + v (lim inn), eller du kan velge å trykk på alternativtasten og dra. For å invertere, klikk på den og i egenskaperpanelet, i "transform" -delen, i symbolene som er angitt i bildet ovenfor, du kan snu formen, i dette tilfellet trenger vi at den er horisontal.
Lag vingen med stifinner eller pennverktøy
La oss gå tilbake til den store formen, du vil se at den har en slags vinge. Det er faktisk den samme formen vi bruker for kroppen, plassert bak og snudd. Jeg vil benytte anledningen til å forklare to super nyttige verktøy for å lage logoer: pennverktøyet og stifinner.
La pennverktøy Du har den i verktøylinjen, og den kan brukes til å lage vingen. Å bruke det er veldig enkelt. Ganske enkelt Klikk for å opprette hjørner og linjer blir automatisk tegnet for å bli med dem.
En annen måte å bygge vingen på er å bruke stifinner. Hvis du ikke har det synlig, finner du det i vindusfanen> Pathfinder. Med dette verktøyet kan du kombinere eller trekke deler. I dette tilfellet må vi velge alternativet: mindre front. Dupliser kroppsformen, legg den bak å danne vingen og dupliser igjen, trykk mindre foran og slett overflødig. Vi ville allerede ha vår vinge. Når alle figurene er opprettet, kan du montere logoen.
Farge og gradering for logoen din i Illustrator
Så langt har vi ikke berørt spørsmålet om farge. Det er viktig at når du designer logoen din, tar du hensyn til fargen, velger toner som harmoniserer og representerer merkeånden. Jeg har valgt en rosa, jeg vil legge igjen fargekoden ovenfor i tilfelle den fungerer for deg. Øynene er ikke fylte, de er en hvit linje med en tykkelse på 0,25.
Den rosa delen av kroppen er ikke en flat farge, den har en degradert. Det er motstridende meninger på logoer med eller uten gradient. Før du brukte dem, var det en risiko fordi gradienten kunne gå tapt når du lastet den opp til nettet. Dette er imidlertid et problem som overvinnes. Mange merker bruker graderinger i logoene sine, merkevarer som er så gjenkjennelige som Instagram. Jeg liker dem personlig fordi hvis de brukes bra, gir de volum til logoen.
For å bruke graderinger må vi velge gradientverktøyet og dobbeltklikke på objektet. Vi kan snarvei ved å trykke på G på tastaturet og dobbeltklikke. I egenskaperpanelet, i gradient, kan du velge type gradering og vise en meny for å endre den i de tre punktene. I dette tilfellet har vi valgt en gradient som går fra svart til hvitt, og vi har endret sort til rosa og det hvite vi skal erstatte med en veldig veldig lys rosa, nesten hvit. Ved å flytte linjen som vises i formen og punktene, kan du endre posisjonen og strukturen til gradienten.
Typografi i logoen
Teksten har ingen komplikasjoner, den er skrevet med Oswlad Medium-skrifttypen, som du kan laste ned gratis på Google Fonts. Vi har gitt den en størrelse på 17 poeng, og vi har valgt den samme rosa tonen. Slik vil det se ut!
Hvordan tilpasse skrifttyper i Adobe Illustrator
La oss snakke mer om typografi! Fonter kan konverteres til streker, bryte, deformere og vi kan leke med dem. Jeg er ganske motvillig til å gjøre det, men hei, å lage logoer er en god ressurs, og du bør vite det. La oss se et eksempel:
La oss velge File Black-fonten, og jeg skal skrive dette navnet. Slik det er akkurat nå, er det lite vi kan gjøre med det. Vi må forvandle typografien til et hjerneslag. For det, vi velger det med markeringsverktøyet, og går til tekstfanen> lag konturer. Før du gjør dette, må du sørge for at teksten er godt skrevet, fordi du ikke lenger kan redigere den!
Ved å lage omrissene kan du behandle teksten din som ethvert annet Illustrator-slag. Som vi har gjort med figurene, skal vi med det direkte markeringsverktøyet kurve endene på i'ene og punktet til det andre "i", og vi vil forvandle det til et slags blad som jeg skal gi dette turkis tone. Det interessante er at hele ordet kan brukes som en logo eller "i" som en uavhengig bildetype.
Test logoene dine med mockups i Photoshop
En god idé å se om logoen din fungerer, er å lage modeller med Photoshop. Det er den beste måten å raskt se hvordan den vil se ut i virkeligheten og hvordan den kan implementeres. Hva tror du?