Logoet er et af de mest repræsentative visuelle elementer i et brand, det er i stand til at overføre til offentligheden, hvad dets essens er, og det er et meget stærkt symbol. I denne vejledning vil jeg vise dig de grundlæggende værktøjer, som Illustrator tilbyder til logo design, og jeg vil lære dig, hvordan du får mest muligt ud af dem. Hvis du vil vide, hvordan du opretter et logo med Adobe Illustrator, kan du ikke gå glip af dette indlæg!
Logo, isotype eller imagotype
Normalt bruger vi ordet logo til at henvise til det symbol, der repræsenterer et brand. Imidlertid er dette udtryk ikke helt brugt. Lad os fjerne dette, inden vi begynder at designe.
- El logo er det symbol, der repræsenterer mærket og består af billeder og tekst (eller typografi).
- Når symbolet kun består af et billede, ingen tekst, er det mere korrekt at bruge udtrykket isotype.
- Der er mærker, der nogle gange bruger de forskellige dele af deres logo uafhængigt. For eksempel er Nike ofte kun repræsenteret af swoosh. Når logoet er knyttet til mærket uden behov for at blive ledsaget af typografien, kan vi henvise til det som imagotype.
Opret nyt dokument i Illustrator og følg modellen
Lad os oprette en nyt dokument. Vi giver arbejdsbordet en A4-størrelse, således vil vi ikke mangle plads til at arbejde. Jeg har ændret farvetilstand til RGB.
Vi starter med et simpelt logo, som jeg allerede har designet tidligere. Ser vi på denne model, vil vi se trin for trin hvordan jeg oprettede det og med hvilke værktøjer. Deres er, at du får en idé om, hvordan du kan få mest muligt ud af, hvad Illustrator tilbyder. Ved at nedbryde logoet ser vi det Den består af et sæt kombinerede former og en tekst.
Opret alle de nødvendige figurer i Adobe Illustrator
Uglenes krop
Lad os først fokusere på figurerne. I værktøjslinjen finder du former værktøj. Ved at klikke på det giver det os muligheden for at oprette rektangler, ellipser, stjerner, polygoner eller linjesegmenter. I dette tilfælde har vi brug for det oprette et rektangel. Vælg værktøjet og trækker musen Opret et rektangel, der er omtrent de dimensioner, du ser på billedet ovenfor.
Hvordan kan vi komme fra dette rektangel til den form, der udgør uglenes krop? Vi er nødt til at vride detog til det har vi værktøj til direkte valg på værktøjslinjen. Når du vælger det, vil du se, at der i hjørnerne af rektanglet er en slags håndterere (cirklerne). Hvis du trækker direkte i en af dem, vil du se, at hjørnerne drejer rundt. For at vride et enkelt hjørne skal du bare klikke en gang og derefter trække. Du vil se, at hjørnet bevæger sig, og resten forbliver, som det var.
Vi starter i nederste venstre hjørne, vi tager håndtaget til det yderste. Vi fortsætter øverst til venstre og til sidst runder vi øverst til højre. På denne måde får du den ønskede form.
Uglenes øje
Bredt at se nøje på modellen. Øjnene består af samme form som kroppen og i to cirkler, den ene inden i den anden. Vi opretter en mindre rektangel, og vi vrider detDet er som vi gjorde i det foregående trin. Nu opretter vi cirklerne. Vælg ellipseværktøj. For at skabe en perfekt cirkel skal vi trykke på tasten skift, mens du trækker, ellers kunne det blive deformeret og være mere en ellipse end en cirkel.
Når vi har alle elementerne i øjet, er det tid til at samle det. For enhver designopgave, du udfører i Illustrator justeringsværktøjet er grundlæggende. Du kan ikke have det synligt, du kan altid få adgang til det i vindue>at stille op. Det hjælper dig automatisk med at justere forskellige elementer. Du kan henvise til tegnebrættet, markeringen eller et nøgleobjekt. For at justere skal du bare vælge flere objekter og evælg en justeringsmulighed. Hvis du vil vælge et referenceobjekt, skal du vælge og Klik på det objekt, du vil omdanne til et nøgleobjekt uden at trykke på en tast. Vi centrerer pupillen inde i den ydre del af øjet.
Kopier og vend for at skabe det andet øje
Hvis du bemærker, er det andet øje nøjagtigt det samme, men i den modsatte position. For ikke at skulle gentage hele processen, hvad vi vil gøre er dobbelt det allerede oprettede. Du kan gøre det med kommando + c (kopi) og derefter kommando + v (indsæt), eller du kan vælge at tryk på valgknappen, og træk. For at invertere det skal du klikke på det og i egenskabspanelet, i afsnittet "transformer", i symbolerne angivet i billedet ovenfor, du kan vende formen, i dette tilfælde har vi brug for det for at være vandret.
Opret vingen med stifinder eller penværktøj
Lad os gå tilbage til den store form, du vil se, at den har en slags vinge. Det er faktisk den samme form, som vi bruger til kroppen, placeret bag og vendt. Jeg vil benytte lejligheden til at forklare to super nyttige værktøjer til oprettelse af logoer: penværktøjet og stifinder.
La penværktøj Du har det i værktøjslinjen, og det kan bruges til at oprette vingen. Brug af det er meget simpelt. ganske enkelt klik for at oprette hjørner, og linjer tegnes automatisk for at slutte sig til dem.
En anden måde at bygge vingen på er ved at bruge stifinder. Hvis du ikke har det synligt, finder du det i vinduet fane> stifinder. Med dette værktøj kan du kombinere eller trække dele. I dette tilfælde skal vi vælge indstillingen: mindre front. Kopier kroppens form, placer den bag at danne vingen og duplikér igen, tryk mindre foran og slet overskuddet. Vi ville allerede have vores fløj. Når alle figurerne er oprettet, kan du samle logoet.
Farve og gradient til dit logo i Illustrator
Indtil videre har vi ikke berørt spørgsmålet om farve. Det er vigtigt, at når du designer dit logo, skal du være opmærksom på farven, vælge toner, der harmoniserer og repræsenterer brandets ånd. Jeg har valgt en lyserød, jeg vil efterlade farvekoden ovenfor, hvis den fungerer for dig. Øjnene er ikke fyldte, de er en hvid linje med en tykkelse på 0,25.
Den lyserøde del af kroppen er ikke en flad farve, den har en nedbrudt. Der er modstridende meninger om logoer med eller uden gradient. Før du bruger dem, var det en risiko, fordi gradienten kunne gå tabt, når den uploades til internettet. Dette er dog et problem, der er løst. Mange mærker bruger gradienter i deres logoer, mærker så genkendelige som Instagram. Personligt kan jeg godt lide dem, fordi de tilføjer volumen til logoet, hvis de bruges godt.
For at anvende gradienter skal vi vælge gradientværktøjet og dobbeltklikke på objektet. Vi kan genveje ved at trykke på G på tastaturet og dobbeltklikke. I egenskabspanelet i gradient kan du vælge gradienttypen og få vist en menu for at ændre den i de tre punkter. I dette tilfælde har vi valgt en gradient, der går fra sort til hvid, og vi har ændret sort til pink og den hvide, vi skal erstatte med en meget meget lyserød, næsten hvid. Ved at flytte bjælken, der vises i formen og punkterne, kan du ændre positionen og strukturen for gradienten.
Typografi i logoet
Teksten har overhovedet ingen komplikationer, den er skrevet med skrifttypen Oswlad Medium, som du kan downloade gratis på Google Fonts. Vi har givet den en størrelse på 17 point, og vi har valgt den samme lyserøde tone. Sådan ser det ud!
Sådan tilpasser du skrifttyper i Adobe Illustrator
Lad os tale mere om typografi! Skrifttyper kan konverteres til streger, bryde, deformere, og vi kan lege med dem. Jeg er ret tilbageholdende med at gøre det, men hej, at oprette logoer er en god ressource, og du skal vide det. Lad os se et eksempel:
Lad os vælge File Black-skrifttypen, og jeg skriver dette navn. Som det er lige nu, er der lidt, vi kan gøre med det. Vi er nødt til at omdanne typografien til et slagtilfælde. For det, vi vælger det med markeringsværktøjet og går til tekstfanen> opret konturer. Før du gør dette, skal du sørge for at teksten er godt skrevet, fordi du ikke længere kan redigere den!
Ved at oprette omridsene kan du behandle din tekst som ethvert andet Illustrator-streg. Som vi har gjort med figurerne, vil vi med det direkte markeringsværktøj kurve enderne af i'erne og punktet på det andet "i", vi vil omdanne det til et slags blad, som jeg vil give dette turkis tone. Det interessante er, at hele ordet kunne bruges som et logo eller "i" som en uafhængig billedtype.
Test dine logoer med mockups i Photoshop
En god idé at se, om dit logo fungerer, er at oprette mockups med Photoshop. Det er den bedste måde hurtigt at se, hvordan det ser ud i virkeligheden, og hvordan det kan implementeres. Hvad synes du?