Het logo is een van de meest representatieve visuele elementen van een merk, het is in staat om aan het publiek over te brengen wat de essentie is en het is een zeer krachtig symbool. In deze tutorial laat ik je de basistools zien die Illustrator biedt voor logo-ontwerp en leer ik je hoe je er het maximale uit kunt halen. Als je wilt weten hoe je een logo maakt met Adobe Illustrator, mag je dit bericht niet missen!
Logo, isotype of imagotype
Normaal gesproken gebruiken we het woord logo om te verwijzen naar het symbool dat een merk vertegenwoordigt. Deze term wordt echter niet helemaal goed gebruikt. Laten we dit ophelderen voordat we beginnen met ontwerpen.
- El logo is het symbool dat het merk vertegenwoordigt en waaruit het bestaat afbeeldingen en tekst (of typografie).
- Als het symbool alleen bestaat uit een afbeelding, geen tekst, is het juister om de term te gebruiken isotype.
- Er zijn merken die de verschillende onderdelen van hun logo soms onafhankelijk gebruiken. Nike wordt bijvoorbeeld bij veel gelegenheden uitsluitend vertegenwoordigd door de zucht. Wanneer de logo-afbeelding wordt geassocieerd met het merk zonder de noodzaak om vergezeld te gaan van de typografie, kunnen we ernaar verwijzen als imagotype.
Maak een nieuw document in Illustrator en bekijk het model
Laten we een nieuw document We geven de werktafel een A4-formaat, dus het ontbreekt ons niet aan ruimte om te werken. Ik heb de kleurmodus naar RGB.
We beginnen met een eenvoudig logo dat ik al eerder heb ontworpen. Als we naar dit model kijken, zullen we zien stap voor stap hoe ik het heb gemaakt en met welke tools Het is dat u een idee krijgt van hoe u het meeste kunt halen uit wat Illustrator te bieden heeft. Door het logo af te breken, zien we dat Het bestaat uit een reeks gecombineerde vormen en een tekst.
Maak alle benodigde vormen in Adobe Illustrator
Het lichaam van de uil
Laten we ons eerst concentreren op de vormen. In de werkbalk vindt u het vormen tool Door erop te klikken, geeft het ons de mogelijkheid om rechthoeken, ellipsen, sterren, polygonen of lijnsegmenten te maken. In dit geval hebben we nodig maak een rechthoek Selecteer de tool en slepen met de muis maak een rechthoek die ongeveer overeenkomt met de afmetingen die u in de bovenstaande afbeelding ziet.
Hoe kunnen we van deze rechthoek naar de vorm komen waaruit het lichaam van de uil bestaat? We moeten het vervormen, en daarvoor hebben we de directe selectie tool op de werkbalk. Als je het selecteert, zie je dat er bij de hoeken van de rechthoek een soort handlers (de cirkels). Als je er direct aan trekt, zie je dat de hoeken omdraaien. Om een enkele hoek te verdraaien, klikt u één keer en trekt u vervolgens Je zult zien dat die hoek beweegt en de rest blijft zoals hij was.
We beginnen in de linker benedenhoek, we nemen de hendel tot het uiterste. We gaan verder naar linksboven en uiteindelijk ronden we rechtsboven af. Zo krijg je de gewenste vorm.
Het oog van de uil
Breed om het model goed te bekijken. De ogen hebben dezelfde vorm als het lichaam en voor twee cirkels, de een in de ander. We zullen een kleinere rechthoek en we zullen het kromtrekkenHet is zoals we deden in de vorige stap. Nu gaan we de cirkels maken. Selecteer de ellips tool Om een perfecte cirkel te maken, moeten we op de toets drukken shift tijdens het slepen, anders zou het kunnen worden vervormd en meer een ellips dan een cirkel zijn.
Zodra we alle elementen van het oog hebben, is het tijd om het in elkaar te zetten. Voor elke ontwerptaak die u in Illustrator uitvoert het uitlijngereedschap is basic Je hebt het misschien niet zichtbaar, je hebt er altijd toegang toe in venster>op een rij zetten. Het helpt u automatisch verschillende elementen uit te lijnen. U kunt verwijzen naar het tekengebied, de selectie of een hoofdobject. Om uit te lijnen hoef je alleen maar meerdere objecten te selecteren en ekies een uitlijningsoptie Als u een referentieobject wilt kiezen, maakt u de selectie en klik op het object dat u wilt transformeren in een sleutelobject zonder op een toets te drukken We centreren de pupil in het buitenste deel van het oog.
Dupliceer en draai om om het andere oog te maken
Als u opmerkt, is het andere oog precies hetzelfde, maar in de tegenovergestelde positie. Om niet het hele proces te hoeven herhalen, zullen we het doen duplicar de reeds gemaakte. Je kunt het doen met commando + c (kopiëren) en dan commando + v (plakken) of je kunt ervoor kiezen druk op de optietoets en sleep Om het om te keren, klikt u erop, en in het eigenschappenvenster, in het gedeelte 'transformeren', in de symbolen die in de bovenstaande afbeelding worden aangegeven, je kunt de vorm omdraaien, in dit geval hebben we het horizontaal nodig.
Maak de vleugel met de verkenner of het pengereedschap
Laten we teruggaan naar de grote vorm, je zult zien dat het een soort vleugel heeft. Het is eigenlijk dezelfde vorm die we gebruiken voor het lichaam, achter geplaatst en gedraaid. Ik zal van deze gelegenheid gebruik maken om het uit te leggen twee superhandige tools voor het maken van logo's: de pentool en de pathfinder.
La pen gereedschap Je hebt het in de werkbalk en het kan worden gebruikt om de vleugel te maken. Het gebruik ervan is heel eenvoudig. Gewoon klik om hoekpunten te maken en lijnen worden automatisch getekend om ze samen te voegen.
Een andere manier om de vleugel te bouwen, is door de pathfinder te gebruiken. Als je het niet zichtbaar hebt, vind je het in het venstertabblad> Pathfinder Met deze tool kun je onderdelen combineren of aftrekken. In dit geval moeten we de optie selecteren: minder front. Dupliceer de vorm van het lichaam, plaats het achter de vorm van de vleugel en dupliceer opnieuw, druk minder vooraan en wis het teveel. We zouden onze vleugel al hebben. Zodra alle vormen zijn gemaakt, kunt u het logo samenstellen.
Kleur en verloop voor uw logo in Illustrator
Tot dusver hebben we de kwestie van kleur nog niet besproken. Het is belangrijk dat u bij het ontwerpen van uw logo op de kleur let, tonen kiest die harmoniëren en de geest van het merk vertegenwoordigen. Ik heb een roze gekozen, ik laat de kleurcode hierboven staan voor het geval het voor jou werkt. De ogen zijn niet gevuld, het is een witte lijn met een dikte van 0,25.
Het roze deel van het lichaam is niet egaal van kleur, het heeft een gedegradeerd Er zijn tegenstrijdige meningen over logo's met of zonder verloop. Voordat u ze gebruikte, was het een risico omdat het verloop verloren kon gaan bij het uploaden naar internet. Dit is echter een verholpen probleem. Veel merken gebruiken verlopen in hun logo's, merken die net zo herkenbaar zijn als Instagram. Persoonlijk vind ik ze leuk omdat ze, als ze goed worden gebruikt, volume aan het logo toevoegen.
Om verlopen toe te passen, moeten we het verloopgereedschap selecteren en dubbelklikken op het object. We kunnen snelkoppelen door op de G op het toetsenbord te drukken en te dubbelklikken. In het eigenschappenvenster, in verloop, kunt u het type verloop kiezen en een menu weergeven om het in de drie punten te wijzigen. In dit geval hebben we een verloop gekozen dat van zwart naar wit gaat en we hebben het zwart veranderd in roze en het wit gaan we vervangen door een heel erg lichtroze, bijna wit. Door de balk die in de vorm en de punten verschijnt te verplaatsen, kunt u de positie en structuur van het verloop wijzigen.
Typografie in het logo
De tekst kent geen complicaties, hij is geschreven met het Oswlad Medium-lettertype, dat je gratis kunt downloaden bij Google Fonts. We hebben het een maat gegeven van 17 punten en we hebben gekozen voor dezelfde roze tint, zo ziet het eruit!
Lettertypen aanpassen in Adobe Illustrator
Laten we het meer hebben over typografie! Lettertypen kunnen worden geconverteerd naar lijnen, breken, vervormen en we kunnen ermee spelen. Ik ben nogal terughoudend om het te doen, maar hey, het maken van logo's is een goede bron en dat zou je moeten weten. Laten we een voorbeeld bekijken:
Laten we het lettertype File Black kiezen, en ik ga deze naam schrijven. Zoals het nu is, kunnen we er weinig mee doen. We moeten de typografie in een streek veranderen. Daarom, we selecteren het met het selectiegereedschap en gaan naar het teksttabblad> contouren maken Voordat u dit doet, moet u ervoor zorgen dat de tekst goed is geschreven, want u kunt deze niet meer bewerken!
Door de contouren te maken, kunt u uw tekst behandelen als elke andere Illustrator-streek. Zoals we hebben gedaan met de vormen, gaan we met het gereedschap voor directe selectie de uiteinden van de i's buigen en het punt van de tweede "i", we transformeren het in een soort blad, waaraan ik dit ga geven turkooizen toon. Het interessante is dat het hele woord kan worden gebruikt als een logo of de "i" als een onafhankelijk afbeeldingstype.
Test uw logo's met mockups in Photoshop
Een goed idee om te zien of uw logo werkt, is door mockups te maken met Photoshop. Het is de beste manier om snel te zien hoe het er in werkelijkheid uitziet en hoe het kan worden geïmplementeerd. Wat denk je?