Hoe u een nautisch thema-logo maakt in Adobe Illustrator

Wat je gaat creëren

In de volgende stappen leert u hoe u een nautisch vectorlogo maakt in Adobe Illustrator. Om te beginnen leert u hoe u een eenvoudig raster opzet en hoe u uw eigen patroonpenseel kunt maken. Vervolgens leer je hoe je een reeks concentrische cirkels maakt en hoe je ze gemakkelijk naar het midden van het tekengebied brengt. 

Verderop leert u hoe u tekst op een pad toepast en aanpast en hoe u dekkingsmaskers gebruikt. Met behulp van een aantal handige Transform-effecten, leert u hoe u uw werk kunt versnellen en hoe u het aantal vormen in uw document kunt vereenvoudigen. Tot slot leer je enkele basale mengtechnieken en hoe je een afbeelding voor je achtergrond kunt toevoegen.

Voor meer inspiratie over het aanpassen of verbeteren van je uiteindelijke teksteffect, kun je bij GraphicRiver veel bronnen vinden.

1. Een nieuw document maken en een raster opzetten

Raken Besturing N om een ​​te maken Nieuw document. kiezen pixels van de eenheden vervolgkeuzemenu, enter 850 in de Breedte en Hoogte vakken en klik daarop gevorderd knop. kiezen RGB voor de Kleur mode, stel de Raster effecten naar Scherm (72 ppi), en klik vervolgens op Maak een document.

Schakel de rooster (Beeld> Raster weergeven) en de Klik op raster (Beeld> Uitlijnen op raster). Je hebt elk een rooster nodig 5 px, dus ga gewoon naar Bewerken> Voorkeuren> Gidsen> Raster, en ga naar binnen 5 in de Gridline elke doos en 1 in de onderverdelingen doos. Probeer niet ontmoedigd te raken door al dat raster - het zal je werk gemakkelijker maken, en onthoud dat je het eenvoudig kunt in- of uitschakelen met de Controle-" Toetsenbord sneltoets.

U kunt meer leren over het rastersysteem van Illustrator in deze korte tutorial van Andrei Stefan: Het rastersysteem van Adobe Illustrator begrijpen.

U moet ook de. Openen info paneel (Venster> Info) voor een live preview met de grootte en positie van je vormen. Vergeet niet om de maateenheid in te stellen op pixels van Bewerken> Voorkeuren> Eenheden. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.

2. Hoe de achtergrond te maken en een patroonpenseel op te slaan

Stap 1

Kies het Rechthoekgereedschap (M) en focus op je werkbalk. Verwijder de kleur uit de Beroerte en selecteer vervolgens de Vullen en stel de kleur in R = 43 G = 59 B = 84.

Ga naar je tekengebied en maak eenvoudig een 860 px plein. Zorg ervoor dat het uw gehele tekengebied bedekt en ga vervolgens naar de Lagen paneel (Venster> Lagen). Uitbreiden de bestaande laag en eenvoudig Slot die vorm om ervoor te zorgen dat u deze niet per ongeluk selecteert / verplaatst.

Stap 2

Keer terug naar uw werkbalk en vervang de bestaande Vullen kleur met wit. Zorg ervoor dat de Rechthoekgereedschap (M) is nog steeds actief en maakt een 15 x 10 px vorm. Stel scherp op de onderkant van deze nieuwe rechthoek en schakel over naar de Direct selectie gereedschap (A). Selecteer beide ankerpunten en sleep ze gewoon 10 px naar rechts.

Zorg ervoor dat deze witte vorm geselecteerd blijft en ga naar Effect> Stileer> Afgeronde hoeken. Voer een in Straal van 5 px en klik OK. Open de Borstels paneel (Venster> Penselen) en klik op Nieuw penseel. Controleer de Patroonpenseel vak en klik OK om de te openen Patroonborstelopties venster. Voer alle kenmerken in die in de volgende afbeelding worden getoond en klik vervolgens op de OK om uw eigen patroonpenseel te maken.

3. Hoe maak je drie concentrische cirkels

Stap 1

Kies het Ellipse Tool (L) en maak een 320 px cirkel. Zorg ervoor dat het geselecteerd blijft en focus op de Verschijning paneel. Zorg ervoor dat er geen kleur is ingesteld voor de Vullen en selecteer vervolgens de Beroerte en pas je Patroonpenseel van de Borstels paneel.

Vervolgens moet je je cirkel centreren. Open de richten paneel (Venster> Uitlijnen) en selecteer Uitlijnen met Artboard. Als u geen toegang hebt tot de Af te stemmen op menu, open het uitvouwmenu van uw richten paneel en ga naar Toon opties. Zorg er nu voor dat je cirkel nog steeds is geselecteerd en klik vervolgens op de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden toetsen. Hierdoor wordt uw cirkel onmiddellijk naar het midden van het tekengebied verplaatst.

Stap 2

De ... gebruiken Ellipse Tool (L), Maak een 300 px omcirkelen en centreren. Selecteer deze nieuwe vorm en focus op de Verschijning paneel.

Zorg ervoor dat er geen kleur is ingesteld voor de Vullen en selecteer vervolgens de Beroerte. Stel de kleur in op wit (R = 255 G = 255 B = 255) en klik daarop Beroerte stuk tekst om het te openen Beroerte uitklappaneel. Stel de Gewicht naar 5 px en controleer de Lijn naar binnen uitlijnen knop.

Stap 3

De ... gebruiken Ellipse Tool (L), Maak een 280 px omcirkelen en centreren. Selecteer deze nieuwe vorm en focus op de Verschijning paneel.

Zorg ervoor dat er geen kleur is ingesteld voor de Vullen en selecteer vervolgens de Beroerte. Stel de kleur in op wit (R = 255 G = 255 B = 255), verhogen Gewicht naar 30 px en vergeet niet om dat te controleren Lijn naar binnen uitlijnen knop.

4. Tekst- en maskervormen toevoegen

Stap 1

De ... gebruiken Ellipse Tool (L), Maak een 240 px cirkel, Vullen het met een willekeurige kleur en centreer het. Zorg ervoor dat deze nieuwe vorm geselecteerd blijft, kies de Typ een padgereedschap, en open de Karakter paneel (Venster> Type> Teken).

Selecteer de Rockwell Extra Bold lettertype en stel de grootte in op 15 px en de tracking naar 500. Klik eenvoudig op de rand van uw geselecteerde cirkel en voeg uw tekst toe. Zet de kleur op zwart (R = 0 G = 0 B = 0) en ga naar de Direct selectie gereedschap (A). Gebruik die middelste haak om de tekst te verslepen zoals getoond in de tweede afbeelding.

Stap 2

De ... gebruiken Ellipse Tool (L), Maak een 260 px cirkel, Vullen het met een willekeurige kleur en centreer het. Zorg ervoor dat deze nieuwe vorm geselecteerd blijft en selecteer opnieuw Typ een padgereedschap.

Ga terug naar de Karakter paneel en vergroot de lettergrootte naar 16 px. Nogmaals, klik op de rand van je geselecteerde cirkel en voeg je stuk tekst toe. Zorg ervoor dat de kleur is ingesteld op zwart (R = 0 G = 0 B = 0) en ga naar de Direct selectie gereedschap (A). Verplaats die middelste haak aan de binnenkant van je cirkel, waardoor je tekst ook aan de binnenkant komt. Versleep de tekst zoals getoond in de tweede afbeelding.

Stap 3

Selecteer beide stukken tekst en Groep hen (Controle-G). Selecteer deze groep samen met dat 280 px cirkel, open de Transparantie paneel (Venster> Transparantie) en klik op de Make Mask knop. Haal het vinkje weg dat Klem box en dingen zullen eruit zien in de derde afbeelding.

Stap 4

De ... gebruiken Ellipse Tool (L), Maak een 210 px omcirkelen en centreren. Selecteer deze nieuwe vorm en focus op de Verschijning paneel.

Zorg ervoor dat er geen kleur is ingesteld voor de Vullen, en selecteer vervolgens de Beroerte. Zet de kleur op wit, verhoog de Gewicht naar 5 px, en vergeet niet om dat te controleren Lijn naar binnen uitlijnen knop.

5. Hoe de ster te maken

Stap 1

De ... gebruiken Rechthoekgereedschap (M), Creëer een 80 px vierkant, maak het zwart en centreer het. Zorg ervoor dat deze nieuwe vorm geselecteerd blijft en ga naar Object> Pad> Ankerpunten toevoegen. Kies het Direct selectie gereedschap (A) en selecteer de vier ankerpunten gemarkeerd in de eerste afbeelding. Schakel over naar de Scale Tool (S) en sleep eenvoudig de geselecteerde ankerpunten 25 px naar de binnenkant, zoals weergegeven in de tweede afbeelding.

De ... gebruiken Rechthoekgereedschap (M), Maak een 150 px vierkant, maak het wit en centreer het. Zorg ervoor dat deze nieuwe vorm geselecteerd blijft en ga naar Object> Pad> Ankerpunten toevoegen. Kies het Direct selectie gereedschap (A) en selecteer de vier ankerpunten gemarkeerd in de derde afbeelding. Schakel over naar de Scale Tool (S) en sleep eenvoudig de geselecteerde ankerpunten 60 px naar de binnenkant, zoals weergegeven in de tweede afbeelding.

Stap 2

Selecteer je witte ster en maak een Kopieer vooraan (Control-C> Control-F). Selecteer deze kopie samen met je zwarte ster, open de verkenner paneel (Venster> Pathfinder) en klik op de Minus voorkant knop. Verander de resulterende vormen in een samengesteld pad (Controle-8) en stel de Vullen kleur naar wit.

Selecteer opnieuw die witte ster en klik gewoon op Shift-X om snel het Vullen en Beroerte attributen. Selecteer de lijn, verhoog de Gewicht naar 5 px, en vergeet niet om dat te controleren Lijn naar binnen uitlijnen knop.

Stap 3

Kies het Pen gereedschap (P) en maak een eenvoudige driehoek zoals getoond in de volgende afbeelding. Maak het wit en ga naar Effect> Vervormen en transformeren> Transformeren. Zorg ervoor dat u het referentiepunt aan de rechteronderkant controleert, stel de Hoek naar 90 graden, invoeren 3 in de kopieën Klik vervolgens op OK OK knop.

Stap 4

Focus op de bovenhoek van je stervorm en kies de Rechthoekgereedschap (M). Maak een 10 px vierkant, maak het wit en plaats het zoals in de eerste afbeelding.

Focus op de onderkant van deze kleine vorm en schakel over naar de Direct selectie gereedschap (A). Selecteer beide ankerpunten en ga naar Object> Pad> Gemiddeld. Controleer de Beide vak en klik vervolgens op OK. Dit maakt van je kleine vierkantje een driehoek.

Stap 5

Zorg ervoor dat je kleine driehoek geselecteerd blijft en ga naar Effect> Vervormen en transformeren> Transformeren. Sleept de Move-Vertical schuif naar 190 px, controleer de Reflecteer Y vakje en voer in 1 in de kopieën doos. Klik dat OK knop en ga opnieuw naar Effect> Vervormen en transformeren> Transformeren. Stel de Hoek naar 90 graden, invoeren 1 in de kopieën Klik vervolgens op OK OK knop.

Stap 6

Selecteer alle vormen waaruit uw logo bestaat en Groep hen (Controle-G).

6. Hoe een groep vormen te maskeren

Stap 1

Kies het Rechthoekgereedschap (M) en maak een 90 x 50 px vorm. Maak het zwart en plaats het precies zoals in de eerste afbeelding. Focus op de rechterkant van deze nieuwe rechthoek en kies de Direct selectie gereedschap (A). Selecteer het bovenste ankerpunt en sleep het 10 px omhoog en selecteer vervolgens het onderste ankerpunt en sleep het 10 px naar beneden.

Maak een Kopiëren van deze zwarte vorm, Omdraaien het horizontaal, en plaats het precies zoals getoond in de derde afbeelding.

Stap 2

Blijf scherpstellen op je twee zwarte vormen. Selecteer de linker en ga naar Effect> Warp> Vis. Controleer de Horizontaal in, sleep de Buigen schuif naar 5%, en klik erop OK knop. Selecteer de andere zwarte vorm en ga opnieuw naar Effect> Warp> Vis. Controleer de Horizontaal in, sleep de Buigen schuif naar -5%, en klik erop OK knop. Als u klaar bent, selecteert u opnieuw beide zwarte vormen en Groep hen (Controle-G).

Stap 3

Selecteer beide groepen en ga naar Transparantie paneel. Klik dat Make Mask knop en vergeet niet om Haal het vinkje weg de Klem doos.

7. Hoe de linten te maken

Stap 1

Kies het Rechthoekgereedschap (M) en maak een 90 x 50 px vorm. Maak het wit en plaats het zoals in de eerste afbeelding.

Focus op de rechterkant van deze nieuwe rechthoek, kies de Ankerpunttool toevoegen (+), en voeg eenvoudig een nieuw ankerpunt toe zoals getoond in de eerste afbeelding. Schakel over naar de Direct selectie gereedschap (A), selecteer het nieuwe ankerpunt en sleep het 20 px naar links.

Maak een Kopiëren van deze witte vorm, Omdraaien het horizontaal en plaats het zoals getoond in de derde afbeelding.

Stap 2

Kies het Type Tool (T) en selecteer het Pacifico-lettertype uit de Karakter paneel. Stel de Grootte naar 20 px en de tracking naar 500, en voeg vervolgens de "19"stuk tekst. Maak het zwart en plaats het zoals getoond in de eerste afbeelding.

Selecteer dit nieuwe stuk tekst samen met de witte vorm die erachter ligt en Groep hen (Controle-G). Zorg ervoor dat deze nieuwe groep geselecteerd blijft en ga naar Effect> Warp> Vis. Voer de kenmerken in die in de volgende afbeelding worden getoond en klik daarop OK knop.

Stap 3

Blijf focussen op de groep die in de vorige stap werd gemaakt. Selecteer de tekst en de vorm binnen deze groep, ga naar de Transparantie paneel en klik erop Make Mask knop. Vergeet niet om dat uit te schakelen Klem doos, en dingen zouden eruit moeten zien in de tweede afbeelding.

Stap 4

Selecteer de opnieuw Type Tool (T) en voeg de "38"stuk tekst. Maak het zwart en plaats het zoals getoond in de eerste afbeelding.

Selecteer dit nieuwe stuk tekst samen met de witte vorm die erachter ligt, en Groep hen (Controle-G). Zorg ervoor dat deze nieuwe groep geselecteerd blijft en ga naar Effect> Warp> Vis. Voer de kenmerken in die in de volgende afbeelding worden getoond en klik vervolgens op dat OK knop.

Stap 5

Blijf focussen op de groep die in de vorige stap werd gemaakt. Selecteer de tekst en de vorm binnen deze groep, ga naar de Transparantie paneel en klik erop Make Mask knop. Vergeet niet om dat uit te schakelen Klem doos, en dingen zouden eruit moeten zien in de tweede afbeelding.

8. Hoe u een afbeelding voor uw achtergrond kunt toevoegen

Stap 1

Ga terug naar de Lagen paneel en ontgrendel dat blauwe vierkant. Selecteer het en focus op de Verschijning paneel (Venster> Uiterlijk). Selecteer de Vullen, verlaag het ondoorzichtigheid naar 50%, en verander de Overvloeimodus naar Kleur.

Stap 2

Download deze gratis afbeelding en sleep het naar je document. Wijzig het formaat, stuur het naar achteren met behulp van de Shift-Control- [ sneltoets en plaats deze ongeveer zoals in de volgende afbeelding.

Stap 3

Herkies je blauwe vierkant, focus op de Verschijning paneel en voeg een tweede opvulling toe met behulp van de Nieuwe vulling toevoegen knop. Selecteer dit nieuw Vullen, zet de kleur op R = 39 G = 170 B = 225, verlaag het ondoorzichtigheid naar 50%, en verander de Overvloeimodus naar Zacht licht.

Gefeliciteerd! U bent klaar!

Hier is hoe het eruit zou moeten zien. Ik hoop dat je deze tutorial leuk vond en deze technieken kunt toepassen in je toekomstige projecten. Bekijk deze tutorial van Yulia Sokolova als je meer wilt weten over technieken die kunnen worden gebruikt om vectorlogo's te maken: maak een retro logotype op een onscherpe achtergrond in Adobe Illustrator.

Voel je vrij om het definitieve ontwerp aan te passen en het je eigen ontwerp te maken. Je kunt bij GraphicRiver een aantal geweldige inspiratiebronnen vinden met interessante oplossingen om je ontwerp te verbeteren.