Slik oppretter du et Nautical-Themed-logo i Adobe Illustrator

Hva du skal skape

I de følgende trinnene lærer du hvordan du oppretter en nautisk vektorglogo i Adobe Illustrator. Til å begynne med lærer du hvordan du setter opp et enkelt nett og hvordan du lager din egen mønsterbørste. Deretter lærer du hvordan du lager en serie konsentriske sirkler og hvordan du lett kan ta dem til midten av tavlen. 

Når du fortsetter, lærer du hvordan du søker og justerer tekst på en bane og hvordan du bruker uigennemsiktighetsmasker. Ved å bruke noen fine Transform-effekter, lærer du hvordan du øker arbeidet ditt og hvordan du forenkler antall former i dokumentet. Til slutt vil du lære noen grunnleggende blandingsteknikker og hvordan du legger til et bilde for bakgrunnen din.

For mer inspirasjon om hvordan du justerer eller forbedrer din endelige teksteffekt, kan du finne mange ressurser på GraphicRiver.

1. Hvordan lage et nytt dokument og sette opp et rutenett

Truffet Kontroll-N å lage en Nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 850 i Bredde og Høyde bokser, og klikk deretter på det Avansert knapp. Å velge RGB for Fargemodus, sett Raster Effects til Skjerm (72 ppi), og klikk deretter Opprett dokument.

Aktiver Nett (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Du trenger et rutenett hver 5 px, så bare gå til Rediger> Innstillinger> Guider> Grid, og skriv inn 5 i Gridline hver boks og 1 i inndelinger eske. Forsøk ikke å bli motløs av alt det rutenettet - det vil gjøre arbeidet enklere, og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av Styre-" hurtigtast.

Du kan lære mer om Illustrators gridsystem i denne korte opplæringen fra Andrei Stefan: Forstå Adobe Illustrators grid system.

Du bør også åpne info panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enheter. Alle disse alternativene øker arbeidshastigheten betydelig.

2. Hvordan lage bakgrunnen og lag en mønsterbørste

Trinn 1

Velg Rektangelverktøy (M) og fokus på verktøylinjen. Fjern fargen fra Stroke og velg deretter Fylle og sett fargen til R = 43 G = 59 B = 84.

Flytt til din tavla og bare opprett en 860 px torget. Pass på at den dekker hele tavla og deretter flytte til lag panelet (Vindu> Lag). Utvide det eksisterende laget og enkelt Låse den formen for å sikre at du ikke ved et uhell velger / flytter det.

Steg 2

Gå tilbake til verktøylinjen og erstatt eksisterende Fylle farge med hvit. Pass på at Rektangelverktøy (M) er fortsatt aktiv og opprett en 15 x 10 px form. Fokuser på bunnen av dette nye rektangelet og bytt til Direkte utvalgsverktøy (A). Velg begge ankerpunkter og bare dra dem 10 px til høyre.

Pass på at denne hvite formen blir valgt og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en 5 px radius og klikk OK. Åpne Børster panelet (Vindu> Pensler) og klikk på Ny pensel. Undersøk Mønsterbørste boksen og klikk OK å åpne Mønsterbørstealternativer vindu. Skriv inn alle attributtene som vises i det følgende bildet, og klikk deretter på OK knappen for å lage din egen mønsterbørste.

3. Hvordan lage tre konsentriske sirkler

Trinn 1

Velg Ellipseverktøyet (L) og opprett en 320 px sirkel. Kontroller at den forblir valgt og fokus på Utseende panel. Pass på at det ikke er satt farger for Fylle og velg deretter Stroke og bruk din Mønsterbørste fra Børster panel.

Deretter må du sentrere sirkelen din. Åpne Rette inn panelet (Vindu> Juster) og velg Juster til Artboard. Hvis du ikke har tilgang til Juster til menyen, åpne menyen for utløp fra din Rette inn panel og gå til Vis alternativer. Sørg nå for at sirkelen din fortsatt er valgt, og klikk deretter på Horisontal justeringssenter og Vertikal Justeringssenter knapper. Dette vil umiddelbart flytte sirkelen til midten av tavlen.

Steg 2

Bruker Ellipseverktøyet (L), lage en 300 px sirkel og senter den. Velg denne nye formen og fokus på Utseende panel.

Pass på at det ikke er satt farger for Fylle og velg deretter Stroke. Sett fargen til hvit (R = 255 G = 255 B = 255) og klikk deretter på det Stroke stykke tekst for å åpne Stroke fly-out panel. Sett Vekt til 5 px og sjekk Juster strekk til innsiden knapp.

Trinn 3

Bruker Ellipseverktøyet (L), lage en 280 px sirkel og senter den. Velg denne nye formen og fokus på Utseende panel.

Pass på at det ikke er satt farger for Fylle og velg deretter Stroke. Sett fargen til hvit (R = 255 G = 255 B = 255), øke Vekt til 30 px og ikke glem å sjekke det Juster strekk til innsiden knapp.

4. Hvordan legge til tekst og maskformer

Trinn 1

Bruker Ellipseverktøyet (L), lage en 240 px sirkel, Fylle det med en tilfeldig farge og senter den. Pass på at denne nye formen forblir valgt, velg Skriv på et sporverktøy, og åpne Karakter panelet (Vindu> Type> Tegn).

Velg Rockwell Extra Bold font, og sett størrelsen til 15 px og sporing til 500. Bare klikk på kanten av den valgte sirkelen din, og legg til teksten. Sett fargen til svart (R = 0 G = 0 B = 0) og bytte til Direkte utvalgsverktøy (A). Bruk denne senterbraketten til å dra teksten om som vist i det andre bildet.

Steg 2

Bruker Ellipseverktøyet (L), lage en 260 px sirkel, Fylle det med en tilfeldig farge, og senter den. Pass på at denne nye formen forblir valgt og velg den Skriv på et sporverktøy.

Gå tilbake til Karakter panelet og øk skriftstørrelsen til 16 px. Igjen, klikk på kanten av den valgte sirkelen din og legg til tekststykket. Pass på at fargen er satt til svart (R = 0 G = 0 B = 0) og bytte til Direkte utvalgsverktøy (A). Flytt den midterste braketten på innsiden av sirkelen din, som også vil bringe teksten på innsiden. Dra teksten om som vist i det andre bildet.

Trinn 3

Velg begge deler av teksten og Gruppe dem (Kontroll-G). Velg denne gruppen sammen med det 280 px sirkel, åpne åpenhet panelet (Vindu> Gjennomsiktighet), og klikk på Lag maske knapp. Fjern merkingen at Clip boks og ting vil se ut i det tredje bildet.

Trinn 4

Bruker Ellipseverktøyet (L), lage en 210 px sirkel og senter den. Velg denne nye formen og fokus på Utseende panel.

Pass på at det ikke er satt farger for Fylle, og velg deretter Stroke. Sett fargen til hvit, øk Vekt til 5 px, og ikke glem å sjekke det Juster strekk til innsiden knapp.

5. Hvordan lage stjernen

Trinn 1

Bruker Rektangelverktøy (M), opprett en 80 px kvadrat, gjør det svart og senter det. Pass på at denne nye formen forblir valgt og gå til Objekt> Sti> Legg til ankerpoeng. Velg Direkte utvalgsverktøy (A) og velg de fire ankerpunktene som er markert i det første bildet. Bytt til Skalverktøy (S) og bare dra de valgte ankerpunktene 25 px mot innsiden, som vist i det andre bildet.

Bruker Rektangelverktøy (M), lage en 150 px kvadrat, gjør den hvit og senter den. Pass på at denne nye formen forblir valgt og gå til Objekt> Sti> Legg til ankerpoeng. Velg Direkte utvalgsverktøy (A) og velg de fire ankerpunktene som er markert i det tredje bildet. Bytt til Skalverktøy (S) og bare dra de valgte ankerpunktene 60 px mot innsiden, som vist i det andre bildet.

Steg 2

Velg din hvite stjerne og gjør en Kopi foran (Control-C> Control-F). Velg denne kopien sammen med din svarte stjerne, åpne Pathfinder panelet (Vindu> Pathfinder), og klikk på Minus Front knapp. Vri de resulterende figurene til en sammensatt bane (Kontroll-8) og sett Fylle farge til hvit.

Velg den hvite stjernen og velg bare Shift-X å raskt reversere Fylle og Stroke egenskaper. Velg strekk, øk Vekt til 5 px, og ikke glem å sjekke det Juster strekk til innsiden knapp.

Trinn 3

Velg Pennverktøyet (P) og lag en enkel trekant som vist i bildet nedenfor. Gjør det hvitt og gå til Effekt> Distort & Transform> Transform. Pass på at du kontrollerer nederste høyre referansepunkt, sett inn Angle til 90 grader, Tast inn 3 i kopier boksen, og klikk deretter på det OK knapp.

Trinn 4

Fokuser på det øverste hjørnet av stjerneformen og velg Rektangelverktøy (M). Lage en 10 px kvadrat, gjør den hvit, og legg den som vist på det første bildet.

Fokus på bunnen av denne lille formen og bytt til Direkte utvalgsverktøy (A). Velg begge ankerpunkter og gå til Objekt> Sti> Gjennomsnittlig. Undersøk Både boksen og klikk deretter OK. Dette vil ganske enkelt slå det lille torget i en trekant.

Trinn 5

Pass på at den lille trippen forblir valgt og gå til Effekt> Distort & Transform> Transform. Dra Flytt-Vertical skyvekontrollen til 190 px, Undersøk Reflektere Y boksen, og skriv inn 1 i kopier eske. Klikk det OK knappen og gå igjen til Effekt> Distort & Transform> Transform. Sett Angle til 90 grader, Tast inn 1 i kopier boksen, og klikk deretter på det OK knapp.

Trinn 6

Velg alle figurene som utgjør din logo og Gruppe dem (Kontroll-G).

6. Hvordan maskere en gruppe figurer

Trinn 1

Velg Rektangelverktøy (M) og opprett en 90 x 50 px form. Gjør det svart og legg det nøyaktig som vist i det første bildet. Fokus på høyre side av dette nye rektangel og velg Direkte utvalgsverktøy (A). Velg toppankerpunktet og dra det 10 px opp, og velg deretter det nederste ankerpunktet og dra det 10 px ned.

Lage en Kopiere av denne svarte formen, flip det horisontalt, og plasser det nøyaktig som vist i det tredje bildet.

Steg 2

Fortsett å fokusere på dine to svarte former. Velg den venstre og gå til Effekt> Varsel> Fisk. Undersøk Horisontal boks, dra Bøye skyvekontrollen til 5%, og klikk det OK knapp. Velg den andre svarte figuren og gå igjen til Effekt> Varsel> Fisk. Undersøk Horisontal boks, dra Bøye skyvekontrollen til -5%, og klikk det OK knapp. Når du er ferdig, velg begge svarte former og Gruppe dem (Kontroll-G).

Trinn 3

Velg begge gruppene dine og gå til åpenhet panel. Klikk det Lag maske knapp og ikke glem å Fjern merkingen de Clip eske.

7. Hvordan lage bånd

Trinn 1

Velg Rektangelverktøy (M) og opprett en 90 x 50 px form. Gjør den hvit og legg den som vist på det første bildet.

Fokus på høyre side av dette nye rektangelet, velg Legg til ankerpunktsverktøy (+), og legg ganske enkelt til et nytt ankerpunkt som vist i det første bildet. Bytt til Direkte utvalgsverktøy (A), velg det nye ankerpunktet, og dra det 20 px til venstre.

Lage en Kopiere av denne hvite formen, flip det horisontalt, og legg det som vist i det tredje bildet.

Steg 2

Velg Typeverktøy (T) og velg Stillehavs fonten fra Karakter panel. Sett Størrelse til 20 px og sporing til 500, og legg deretter til "19"stykke tekst. Gjør det svart og legg det som vist i første bilde.

Velg denne nye teksten sammen med den hvite formen som ligger bak den og Gruppe dem (Kontroll-G). Pass på at denne nye gruppen forblir valgt og gå til Effekt> Varsel> Fisk. Skriv inn attributtene som vises i det følgende bildet, og klikk deretter på det OK knapp.

Trinn 3

Fortsett å fokusere på gruppen laget i forrige trinn. Velg teksten og formen i denne gruppen, gå til åpenhet panelet, og klikk det Lag maske knapp. Ikke glem å uncheck det Clip boks, og ting skal se ut i det andre bildet.

Trinn 4

Vellgjør Typeverktøy (T) og legg til "38"stykke tekst. Gjør det svart og legg det som vist i første bilde.

Velg denne nye teksten sammen med den hvite formen som ligger bak den, og Gruppe dem (Kontroll-G). Pass på at denne nye gruppen forblir valgt, og gå til Effekt> Varsel> Fisk. Skriv inn attributtene som vises i det følgende bildet, og klikk deretter på det OK knapp.

Trinn 5

Fortsett å fokusere på gruppen laget i forrige trinn. Velg teksten og formen i denne gruppen, gå til åpenhet panelet, og klikk det Lag maske knapp. Ikke glem å uncheck det Clip boks, og ting skal se ut i det andre bildet.

8. Hvordan legge til et bilde for bakgrunnen din

Trinn 1

Gå tilbake til lag panelet og låse opp det blå firkanten. Velg den og fokus på Utseende panelet (Vindu> Utseende). Velg Fylle, senk det opacity til 50%, og endre Blandingsmodus til Farge.

Steg 2

Last ned dette gratisbildet og dra det inn i dokumentet. Endre størrelsen på den, send den til baksiden ved hjelp av Shift-Control-[ tastaturgenvei, og plasser den grovt som vist på bildet nedenfor.

Trinn 3

Velg det blå torget ditt, fokus på Utseende panel, og legg til en ny fylling ved hjelp av Legg til ny fylling knapp. Velg dette nye Fylle, sett fargen til R = 39 G = 170 B = 225, senk det opacity til 50%, og endre Blandingsmodus til Mykt lys.

Gratulerer! Du er ferdig!

Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter. Sjekk ut denne opplæringen fra Yulia Sokolova hvis du er interessert i å lære mer teknikker som kan brukes til å lage vektorlogoer: Lag en Retro-logotype på en sløret bakgrunn i Adobe Illustrator.

Du er velkommen til å justere det endelige designet og gjøre det til ditt eget. Du kan finne noen flotte inspirasjonskilder på GraphicRiver, med interessante løsninger for å forbedre design.