Come creare un logo moderno a singola lettera in Adobe Illustrator

Cosa starai creando

In questo tutorial esamineremo il processo di creazione di un semplice logo con la forma della lettera P, che può essere utilizzato per aziende, prodotti, negozi, trasporti o ovunque. Lavoreremo con forme geometriche di base per creare il nostro logo in Adobe Illustrator, rendendo il processo di disegno più facile e divertente. Iniziamo!

Se stai cercando di acquistare un logo, puoi scegliere da una selezione su GraphicRiver. 

1. Come creare un nuovo documento e impostare una griglia

stampa Control-N fare un Nuovo documento. Impostare il unitàpixel, ed entra 800 x 600 rispettivamente per la larghezza e l'altezza del documento. Quindi nel Avanzate opzioni, selezionare RGB, Schermo (72 ppi), e assicurati di attivare il Allinea nuovi oggetti a Pixel Grid casella prima di fare clic ok.

Attiva il Griglia (Visualizza> Mostra griglia) e Aggancia alla griglia (Visualizza> Aggancia alla griglia). Avrai bisogno di una griglia ogni 50 px, quindi semplicemente premi Control-K andare a Preferenze, e in Guide e griglia impostato Gridline ogni a 50suddivisioni4. Non preoccuparti, la griglia ti aiuterà a lavorare in modo semplice, e può anche essere abilitato o disabilitato premendo la scorciatoia da tastiera Controllo-".

È possibile attivare il Informazioni pannello (Finestra> Informazioni) per avere un'anteprima delle dimensioni e della posizione delle tue forme. Ricordarsi di impostare l'unità di misura su pixel a partire dal Modifica> Preferenze> Unità> Generale. Ciò aumenterà notevolmente la velocità del tuo lavoro.


2. Come creare le forme base

Passo 1

Prendi il Strumento ellisse (L) nella barra degli strumenti. Rimuovi il colore di riempimento e quindi seleziona il tratto e imposta il colore su Nero nel campioni pannello.

Al centro della tela, crea semplicemente un'ellisse con il Strumento ellisse (L) di 200 x 200 px- la griglia e Aggancia alla griglia la funzione lo renderà più facile. Ora disegna una nuova ellisse di 25 x 25 px dal centro dell'ellisse precedente.

Seleziona entrambe le ellissi e duplicale (vai a Modifica> Copia e poi Modifica> Incolla davanti) e trascinare verso il basso le due ellissi con il tasto Strumento di selezione (V) finché non formano una sorta di otto.

Passo 2

Crea due ellissi di 50 x 50 px e allinearli orizzontalmente a ciascuna ellisse, posizionati sul lato sinistro come mostrato nella prima immagine. Prendi il Strumento Segmento di linea (\) e traccia linee verticali tra le ellissi. Infine, disegna due linee rette di 100 px verso il basso, partendo dai bordi delle ellissi e chiudendo lo spazio tra le due linee parallele con un altro tratto.

Passaggio 3

Seleziona tutte le forme con il Strumento di selezione (V), e quindi prendere il Strumento per la creazione di forme (Shift-M), riempiendolo con qualsiasi colore nel campioni pannello, senza tratti (quindi applica i riempimenti sfumati, quindi il riempimento non ha più importanza).

Trascinalo fino a formare un anello di disegno attorno alle forme, quindi aggiungi l'anello interno e la proiezione finale della lettera "P".

Passaggio 4

Con il Strumento di selezione diretta (UN), selezionare il nodo in basso a sinistra della proiezione della "P" e creare un arco finché non tocca l'altro nodo. Selezionare i due nodi inferiori (tenere premuto Cambio per selezionare più nodi) e spostarli verso l'alto una volta con i tasti sulla tastiera. Rimuovi il contorno delle forme unite e lascia solo i riempimenti applicati.

Elimina tutte le altre forme. Ti consiglio innanzitutto di tagliare le forme (Control-X), rimuovere i restanti e quindi incollarli di nuovo nello stesso punto (Control-F), quindi non rischi di eliminarne altri.

3. Come riempire sfumature e creare bordi angolati

Passo 1

Disegna un gradiente orizzontale con il Strumento sfumatura (sol) in ciascuna delle forme del logo, utilizzando come colori di riempimento A (R: 246, G: 237, B: 69) e B (R: 163, G: 189, B: 49).

Passo 2

Spegni il Griglia (Controllo-") e disabilitare il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Questo ti permetterà di muovere le forme liberamente.

Imposta un valore di 0,5 px nel Incremento della tastiera scatola (Modifica> Preferenze> Generale).


Passaggio 3

Selezionare la forma interna della lettera "P" e duplicarla (premere Control-C seguito da Control-F) e impostare un colore di riempimento di rosso nel campioni pannello. Duplica di nuovo (Control-F) applicando il colore blu nel campioni pannello e spostalo due volte verso destra con il tasto freccia sulla tastiera.

Seleziona entrambe le forme (rosso e blu) e seleziona Fronte meno nel esploratore pannello. Se non riesci a trovare il pannello, vai a Finestra> Pathfinder.

Passaggio 4

Separare le forme (Maiuscole-Ctrl-G) e impostare il colore di riempimento #ffffffcon copertura Modalità di fusione in Aspetto pannello. Il risultato sarà quello di ottenere un bordo più luminoso per l'apertura del nostro logo.

Passaggio 5

Seleziona l'anello esterno della "P" e duplicalo (Control-C seguito da Control-F) e riempirlo con il rosso. Duplicalo di nuovo e riempilo di blu. Spostalo due volte.

Seleziona entrambe le forme e applica Fronte meno nel esploratore pannello. Separa (Maiuscole-Ctrl-G) e rimuovi la forma in alto, lasciando solo l'arco inferiore che ci interessa per lo smusso.

Passaggio 6

Imposta il riempimento su #ffffffe scegliere copertura Modalità di fusione in Aspetto pannello.

4. Come creare gli evidenziatori e l'ombra

In questa sezione creeremo alcuni punti salienti sul fondo della lettera P per creare un aspetto più luminoso, sfruttando la forma sferica del logo.

Passo 1

Attiva il Aggancia alla griglia (Visualizza> Aggancia alla griglia) e fare clic sulla tela con il Strumento ellisse (L). Nel pop-up, imposta il Larghezza e Altezza50 px. Posiziona l'ellisse destra nella curva interna inferiore della "P". Impostare un riempimento rosso dal campioni pannello.

disattivare Aggancia alla griglia ancora (Shift-Control-"). Duplica l'ellisse (riempimento blu nel file campioni pannello) e nel pop-up spostarlo 10 px verticalmente giù (Oggetto> Trasforma> Sposta ... ).

Passo 2

Seleziona entrambe le ellissi e imposta Meno indietro nel esploratore pannello. Crea un gradiente lineare nel Pendenza pannello con due colori #ffffff, uno a Posizione 0% e 50% Opacità e l'altro in Posizione 100% e 0% Opacità

Tenere Cambio e traccia una linea dal basso verso l'alto con il Strumento sfumatura (sol).

Passaggio 3

Duplica questa forma (Control-C seguito da Control-F) e applicare un colore rosso dal campioni pannello. Duplicalo di nuovo (Control-F) e spostarlo una volta con il tasto freccia sulla tastiera. 

Seleziona entrambe le forme e applica Fronte meno nel esploratore pannello.

Passaggio 4

Crea un gradiente lineare nel Pendenza pannello con colore #ffffffuno a Posizione 0% e Opacità 0% e un altro in Posizione 50% e Opacità 50% e infine Posizione 100% e Opacità 0%.

Utilizzare il Strumento sfumatura (sol) per tracciare una linea orizzontale diritta sulla forma.

Passaggio 5

Ora seleziona la forma esterna della "P" e copia (Control-C) e Incolla davanti (Control-F). Riempi di rosso. Duplicare (Control-F) e riempire di blu.

Fare doppio clic sul Strumento di selezione (V) e nella casella pop-up impostare il Orizzontale posizione a -15 px, e premere ok.

Seleziona entrambe le forme e applica Fronte meno nel esploratore pannello.

Passaggio 6

Separare la forma (Maiuscole-Ctrl-G) ed elimina la forma a sinistra. Ora ci rimane solo ciò che ci interessa per aggiungere una riflessione sul lato destro della "P".

Prendi la forma e applica il riempimento sfumato trasparente sopra con il Strumento contagocce (io). Disegna una linea retta dall'alto verso il basso con il Strumento sfumatura (sol) in modo che la trasparenza rimanga sfumata.

Passaggio 7

copia (Control-C) questa forma e Incolla davanti (Control-F), e riempirlo con il rosso in campioni pannello. Duplicare (Control-F) e riempirlo con il blu dal campioni pannello.

Prendi il Strumento di selezione diretta (UN) e spostare il nodo a destra una volta con i tasti freccia sulla tastiera. Seleziona entrambe le forme e applica Fronte meno nel esploratore pannello.

Passaggio 8

Applicare un riempimento sfumato usando il Strumento contagocce (io). Disegna una linea verticale diritta con il Strumento sfumatura (sol).

5. Come creare un'ombra

Per finire, creeremo l'ombra sulla proiezione della lettera "P" e aggiungeremo uno sfondo.

Passo 1

Seleziona la forma più bassa di "P" e l'anello esterno. copia (Control-C) e Incolla davanti (Control-F).

Ora basta selezionare l'anello esterno, copia (Control-C) e Incolla davanti (Control-F) e fare doppio clic su Strumento di selezione (V). Nella finestra pop-up, sposta il Verticale posizione 15 px.

Passo 2

Seleziona tutto e duplica, e con il Strumento per la creazione di forme (Shift-M) aggiungi la forma intersecata. Rimuovi tutte le altre forme.

Passaggio 3

Crea un gradiente lineare nel Pendenza pannello con colore A (R: 101, G: 117, B: 30) e B (R: 163, G: 189, B: 49) con Posizione a 0% e 100% rispettivamente.

Disegna una linea inclinata -57º da cima a fondo con il Strumento sfumatura (sol).

Passaggio 4

Clicca sulla tela con il Strumento rettangolo (M), e nella casella pop-up impostare il Larghezza800 px e il Altezza600 px. Riempi con il colore # 2b300dMandare indietro (Oggetto> Disponi> Porta in secondo piano).

Utilizzare il Allineare pannello per centrare il rettangolo sulla tela. Se non trovi il Allineare pannello, vai a Finestra> Allinea.

Passaggio 5

Seleziona l'intero logo e il gruppo (Controllo-G). Posizionalo sulla tela con il Allineare pannello.

Congratulazioni! Hai finito!

Il logo è pronto! Guarda cosa abbiamo ottenuto: un risultato così eccezionale. Mi sono divertito così tanto con questo tutorial, e spero che ti sia piaciuto anche a me.

Spero che tu abbia appreso nuove tecniche e che ciò sia utile per il tuo futuro, il resto è una questione di pratica. Ricorda che la pratica rende perfetti.