Come creare un logo a tema nautico in Adobe Illustrator

Cosa starai creando

Nei seguenti passaggi imparerai come creare un logo vettoriale nautico in Adobe Illustrator. Per i principianti imparerai come impostare una griglia semplice e come creare il tuo pennello pattern. Successivamente, imparerai come creare serie di cerchi concentrici e come portarli facilmente al centro della tavola da disegno. 

Andando avanti, imparerai come applicare e regolare il testo su un percorso e come utilizzare le maschere di opacità. Usando alcuni nitidi effetti di trasformazione, imparerai come velocizzare il tuo lavoro e come semplificare il numero di forme nel tuo documento. Infine, imparerai alcune tecniche di fusione di base e come aggiungere un'immagine per il tuo background.

Per ulteriori informazioni su come regolare o migliorare l'effetto del testo finale, puoi trovare molte risorse su GraphicRiver.

1. Come creare un nuovo documento e impostare una griglia

Colpire Control-N creare un Nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 850 nel Larghezza e Altezza caselle, quindi fare clic su Avanzate pulsante. Selezionare RGB per il Modalità colore, impostare il Effetti raster a Schermo (72 ppi), e quindi fare clic Crea documento.

Abilita il Griglia (Visualizza> Mostra griglia) e il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Avrai bisogno di una griglia ogni 5 px, quindi semplicemente vai Modifica> Preferenze> Guide> Griglia, ed entra 5 nel Gridline ogni scatola e 1 nel suddivisioni scatola. Cerca di non scoraggiarti da tutta questa griglia: renderà più facile il tuo lavoro e tieni presente che puoi facilmente abilitarlo o disabilitarlo usando il Controllo-" scorciatoia da tastiera.

Puoi imparare di più sul sistema di griglia di Illustrator in questo breve tutorial di Andrei Stefan: Capire il Grid System di Adobe Illustrator.

Dovresti anche aprire il Informazioni pannello (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di impostare l'unità di misura su pixel da Modifica> Preferenze> Unità. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.

2. Come creare lo sfondo e salvare un pennello modello

Passo 1

Scegli il Strumento rettangolo (M) e concentrati sulla tua barra degli strumenti. Rimuovi il colore dal Ictus e quindi selezionare il Riempire e imposta il suo colore a R = 43 G = 59 B = 84.

Passa alla tua tavola da disegno e crea semplicemente un 860 px piazza. Assicurati che copra tutta la tua tavola da disegno e poi vai al Livelli pannello (Finestra> Livelli). Espandere lo strato esistente e semplicemente Serratura quella forma per assicurarti di non selezionarla / spostarla accidentalmente.

Passo 2

Torna alla barra degli strumenti e sostituisci l'esistente Riempire colore con bianco. Assicurarsi che il Strumento rettangolo (M) è ancora attivo e crea a 15 x 10 px forma. Concentrati sul lato inferiore di questo nuovo rettangolo e passa a Strumento di selezione diretta (A). Seleziona entrambi i punti di ancoraggio e trascinali semplicemente 10 px a destra.

Assicurati che questa forma bianca rimanga selezionata e vai a Effetto> Stilizzazione> Angoli arrotondati. Entrare in un Raggio di 5 px e fare clic ok. Apri il Spazzole pannello (Finestra> Pennelli) e fare clic su New Brush. Controlla il Pattern Brush box e clicca ok per aprire il Opzioni pennello pattern finestra. Immettere tutti gli attributi mostrati nell'immagine seguente e quindi fare clic su ok pulsante per creare il tuo pennello pattern.

3. Come creare tre cerchi concentrici

Passo 1

Scegli il Strumento ellisse (L) e creare a 320 px cerchio. Assicurati che rimanga selezionato e concentrati su Aspetto pannello. Assicurati che non ci sia alcun set di colori per il Riempire e quindi selezionare il Ictus e applica il tuo Pattern Brush dal Spazzole pannello.

Successivamente, devi centrare la tua cerchia. Apri il Allineare pannello (Finestra> Allinea) e selezionare Allinea alla tavola da disegno. Se non hai accesso a Allinea a menu, apri il menu a comparsa dal tuo Allineare pannello e vai a Mostra opzioni. Ora, assicurati che il tuo cerchio sia ancora selezionato e quindi fai semplicemente clic sul pulsante Centro allineamento orizzontale e Centro di allineamento verticale pulsanti. Questo sposterà immediatamente il tuo cerchio al centro della tavola da disegno.

Passo 2

Usando il Strumento ellisse (L), creare un 300 px cerchio e centrarlo. Seleziona questa nuova forma e concentrati sul Aspetto pannello.

Assicurati che non ci sia alcun set di colori per il Riempire e quindi selezionare il Ictus. Imposta il suo colore su bianco (R = 255 G = 255 B = 255) e quindi fare clic su Ictus pezzo di testo per aprire il Ictus pannello a scomparsa. Impostare il Peso a 5 px e controllare il Allinea Stroke to Inside pulsante.

Passaggio 3

Usando il Strumento ellisse (L), creare un 280 px cerchio e centrarlo. Seleziona questa nuova forma e concentrati sul Aspetto pannello.

Assicurati che non ci sia alcun set di colori per il Riempire e quindi selezionare il Ictus. Imposta il suo colore su bianco (R = 255 G = 255 B = 255), aumentare il Peso a 30 px e non dimenticare di controllarlo Allinea Stroke to Inside pulsante.

4. Come aggiungere forme di testo e maschera

Passo 1

Usando il Strumento ellisse (L), creare un 240 px cerchio, Riempire con un colore casuale e centrarlo. Assicurati che questa nuova forma rimanga selezionata, scegli il Digitare su uno strumento Path, e apri il Personaggio pannello (Finestra> Tipo> Carattere).

Seleziona il Rockwell Extra Bold carattere e imposta la dimensione su 15 px e il monitoraggio di 500. Fai semplicemente clic sul bordo della tua cerchia selezionata e aggiungi il tuo testo. Imposta il suo colore su nero (R = 0 G = 0 B = 0) e passare al Strumento di selezione diretta (A). Usa quella parentesi centrale per trascinare il testo come mostrato nella seconda immagine.

Passo 2

Usando il Strumento ellisse (L), creare un 260 px cerchio, Riempire con un colore casuale, e centrarlo. Assicurati che questa nuova forma rimanga selezionata e riseleziona il Digitare su uno strumento Path.

Ritorna al Personaggio pannello e aumentare la dimensione del carattere a 16 px. Di nuovo, fai clic sul bordo della tua cerchia selezionata e aggiungi la tua parte di testo. Assicurati che il colore sia impostato su nero (R = 0 G = 0 B = 0) e passare al Strumento di selezione diretta (A). Muovi la parentesi centrale all'interno della tua cerchia, che porterà anche il tuo testo all'interno. Trascina il testo come mostrato nella seconda immagine.

Passaggio 3

Seleziona entrambe le parti di testo e Gruppo loro (Controllo-G). Seleziona questo gruppo insieme a quello 280 px cerchio, apri il Trasparenza pannello (Finestra> Trasparenza) e fare clic su Crea maschera pulsante. Deseleziona quello Clip scatola e cose saranno come nella terza immagine.

Passaggio 4

Usando il Strumento ellisse (L), creare un 210 px cerchio e centrarlo. Seleziona questa nuova forma e concentrati sul Aspetto pannello.

Assicurati che non ci sia alcun set di colori per il Riempire, e quindi selezionare il Ictus. Imposta il suo colore sul bianco, aumenta il Peso a 5 px, e non dimenticare di controllarlo Allinea Stroke to Inside pulsante.

5. Come creare la stella

Passo 1

Usando il Strumento rettangolo (M), creare un 80 px piazza, rendilo nero e centralo. Assicurati che questa nuova forma rimanga selezionata e vai a Oggetto> Percorso> Aggiungi punti di ancoraggio. Scegli il Strumento di selezione diretta (A) e selezionare i quattro punti di ancoraggio evidenziati nella prima immagine. Passare al Strumento di scala (S) e semplicemente trascina i punti di ancoraggio selezionati 25 px verso l'interno, come mostrato nella seconda immagine.

Usando il Strumento rettangolo (M), creare un 150 px piazza, rendilo bianco e centralo. Assicurati che questa nuova forma rimanga selezionata e vai a Oggetto> Percorso> Aggiungi punti di ancoraggio. Scegli il Strumento di selezione diretta (A) e selezionare i quattro punti di ancoraggio evidenziati nella terza immagine. Passare al Strumento di scala (S) e semplicemente trascina i punti di ancoraggio selezionati 60 px verso l'interno, come mostrato nella seconda immagine.

Passo 2

Seleziona la tua stella bianca e fai un Copia in primo piano (Control-C> Control-F). Seleziona questa copia insieme alla tua stella nera, apri il esploratore pannello (Finestra> Pathfinder) e fare clic su Fronte meno pulsante. Trasforma le forme risultanti in un percorso composto (Control-8) e impostare il Riempire colore al bianco.

Riseleziona quella stella bianca e semplicemente premi Shift-X per invertire rapidamente il Riempire e Ictus attributi. Seleziona il tratto, aumenta il Peso a 5 px, e non dimenticare di controllarlo Allinea Stroke to Inside pulsante.

Passaggio 3

Scegli il Strumento penna (P) e crea un triangolo semplice come mostrato nell'immagine seguente. Rendilo bianco e vai Effetto> Distorci e trasforma> Trasforma. Assicurati di controllare il punto di riferimento in basso a destra, imposta il Angolo a 90 gradi, accedere 3 nel copie casella, quindi fare clic su ok pulsante.

Passaggio 4

Concentrati sull'angolo superiore della forma della tua stella e scegli il Strumento rettangolo (M). Creare un 10 px piazza, rendila bianca e posizionala come mostrato nella prima immagine.

Concentrati sul lato inferiore di questa piccola forma e passa al Strumento di selezione diretta (A). Seleziona entrambi i punti di ancoraggio e vai a Oggetto> Percorso> Media. Controlla il Tutti e due casella e quindi fare clic ok. Ciò trasformerà semplicemente il tuo quadratino in un triangolo.

Passaggio 5

Assicurati che il tuo minuscolo triangolo rimanga selezionato e vai su Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Verticale cursore a 190 px, controlla il Rifletti Y casella e immettere 1 nel copie scatola. Clicca qui ok pulsante e vai di nuovo a Effetto> Distorci e trasforma> Trasforma. Impostare il Angolo a 90 gradi, accedere 1 nel copie casella, quindi fare clic su ok pulsante.

Passaggio 6

Seleziona tutte le forme che compongono il tuo logo e Gruppo loro (Controllo-G).

6. Come mascherare un gruppo di forme

Passo 1

Scegli il Strumento rettangolo (M) e creare a 90 x 50 px forma. Rendilo nero e posizionalo esattamente come mostrato nella prima immagine. Concentrati sul lato destro di questo nuovo rettangolo e scegli il Strumento di selezione diretta (A). Seleziona il punto di ancoraggio superiore e trascinalo 10 px in alto, quindi selezionare il punto di ancoraggio inferiore e trascinarlo 10 px giù.

Fare un copia di questa forma nera, Flip orizzontalmente e posizionarlo esattamente come mostrato nella terza immagine.

Passo 2

Continua a concentrarti sulle tue due forme nere. Seleziona quello di sinistra e vai a Effetto> Ordito> Pesce. Controlla il Orizzontale casella, trascinare il piegare cursore a 5%, e clicca qui ok pulsante. Seleziona l'altra forma nera e vai di nuovo a Effetto> Ordito> Pesce. Controlla il Orizzontale casella, trascinare il piegare cursore a -5%, e clicca qui ok pulsante. Una volta che hai finito, riseleziona sia le forme nere che Gruppo loro (Controllo-G).

Passaggio 3

Seleziona entrambi i tuoi gruppi e vai al Trasparenza pannello. Clicca qui Crea maschera pulsante e non dimenticarti di Deseleziona il Clip scatola.

7. Come creare i nastri

Passo 1

Scegli il Strumento rettangolo (M) e creare a 90 x 50 px forma. Rendilo bianco e posizionalo come mostrato nella prima immagine.

Concentrati sul lato destro di questo nuovo rettangolo, scegli il Aggiungi strumento Punto di ancoraggio (+), e semplicemente aggiungi un nuovo punto di ancoraggio come mostrato nella prima immagine. Passare al Strumento di selezione diretta (A), seleziona il nuovo punto di ancoraggio e trascinalo 20 px a sinistra.

Fare un copia di questa forma bianca, Flip orizzontalmente e posizionarlo come mostrato nella terza immagine.

Passo 2

Scegli il Tipo Strumento (T) e selezionare il carattere Pacifico dal Personaggio pannello. Impostare il Taglia a 20 px e il monitoraggio di 500, e quindi aggiungere il "19"Pezzo di testo. Rendilo nero e posizionalo come mostrato nella prima immagine.

Seleziona questo nuovo pezzo di testo insieme alla forma bianca che si trova dietro di esso e Gruppo loro (Controllo-G). Assicurati che questo nuovo gruppo rimanga selezionato e vai a Effetto> Ordito> Pesce. Inserisci gli attributi mostrati nell'immagine seguente e poi fai clic su di esso ok pulsante.

Passaggio 3

Continua a concentrarti sul gruppo creato nel passaggio precedente. Seleziona il testo e la forma all'interno di questo gruppo, vai al Trasparenza pannello e fare clic su Crea maschera pulsante. Non dimenticare di deselezionarlo Clip box e le cose dovrebbero apparire nella seconda immagine.

Passaggio 4

Riseleziona il Tipo Strumento (T) e aggiungi il "38"Pezzo di testo. Rendilo nero e posizionalo come mostrato nella prima immagine.

Seleziona questo nuovo pezzo di testo insieme alla forma bianca che si trova dietro di esso, e Gruppo loro (Controllo-G). Assicurati che questo nuovo gruppo rimanga selezionato e vai a Effetto> Ordito> Pesce. Immettere gli attributi mostrati nell'immagine seguente, quindi fare clic su ok pulsante.

Passaggio 5

Continua a concentrarti sul gruppo creato nel passaggio precedente. Seleziona il testo e la forma all'interno di questo gruppo, vai al Trasparenza pannello e fare clic su Crea maschera pulsante. Non dimenticare di deselezionarlo Clip box e le cose dovrebbero apparire nella seconda immagine.

8. Come aggiungere un'immagine per lo sfondo

Passo 1

Ritorna al Livelli pannello e sblocca quel quadrato blu. Selezionalo e concentrati su Aspetto pannello (Finestra> Aspetto). Seleziona il Riempire, abbassalo Opacità a 50%, e cambia il Modalità di fusione a Colore.

Passo 2

Scarica questa immagine gratis e trascinala all'interno del documento. Ridimensionalo, invialo indietro usando il Shift-Control-[ scorciatoia da tastiera e posizionarlo approssimativamente come mostrato nell'immagine seguente.

Passaggio 3

Riseleziona il tuo quadrato blu, concentrati sul Aspetto pannello e aggiungere un secondo riempimento utilizzando il Aggiungi nuovo riempimento pulsante. Seleziona questo nuovo Riempire, imposta il colore a R = 39 G = 170 B = 225, abbassalo Opacità a 50%, e cambia il Modalità di fusione a Luce soffusa.

Congratulazioni! Hai finito!

Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri. Guarda questo tutorial di Yulia Sokolova se sei interessato ad apprendere più tecniche che possono essere utilizzate per creare loghi vettoriali: Crea un logo retrò su uno sfondo sfocato in Adobe Illustrator.

Sentiti libero di adattare il design finale e renderlo tuo. Puoi trovare alcune grandi fonti di ispirazione in GraphicRiver, con soluzioni interessanti per migliorare il tuo design.