Nel tutorial odierno andremo a creare un logo in stile retrò. Ma, per ottenere il miglior risultato possibile, dovrete avere almene le conoscenze base di Adobe Illustrator e dei suoi strumenti. Oggi cercherò inoltre di insegnarvi nuove tecniche basilari per la creazione di combinazioni di forme che potranno aiutare il vostro flusso di lavoro futuro con Illustrator. Andiamo ad iniziare!

Prima di tutto, dovrete avere questi due fonts installati sul vostro computer (se non li avete, metterò il link per il download).

* League Gothic

* Adelle

Passo 1

Aprite Adobe Illustrator e create un nuovo documento. Dategli un nome descrittivo, quindi impostate la larghezza a 15 pollici e l’altezza a 10 pollici. La modalità colore deve essere RGB. Fare clic su OK per creare il documento.

Passo 2

Ora useremo lo Strumento stella, che si trova nella barra del menu a sinistra del foglio. Il nostro scopo sarà quello di ottenere una forma come questa…

Quindi, ecco come fare. Fate clic nel punto centrale della tavola da disegno e trascinate fuori una forma (dovrebbe essere intorno a 9 × 9 pollici di dimensione) e senza rilasciare il mouse, premete e tenete premuti i seguenti tasti: in primo luogo, premete il tasto freccia verso l’alto di 15 volte per un totale di 20 raggi. Quindi tenere premuto Ctrl per modificare la dimensione dei raggi della stella. Quando avrete ottenuto una forma simile alla figura sopra, tenete premuto il tasto Shift e rilasciate il pulsante del mouse per creare la forma finale.

Quando la forma sarà fatta, guardate il lato destro della barra delle opzioni. Vedrete il pulsante “Trasforma“. Fate clic su di esso e impostate sia la larghezza che l’altezza a 9 pollici.

Mentre la forma è ancora selezionata, impostate il colore di riempimento a #0D0D0D e il colore del tratto a “vuoto”.

Passo 3

Ora premete L per selezionare lo strumento Ellisse (o selezionatelo direttamente dalla barra a sinistra). Impostate il colore di riempimento bianco (# FFFFFF) e create quindi un cerchio che dovrà essere un pò più piccolo della forma a stella precedentemente creata.

Tenete premuto il tasto Maiusc per creare un cerchio perfetto e tenete premuto anche il tasto Alt per creare la forma dal punto centrale.

Andate poi nella barra delle opzioni e fate clic nuovamente sul pulsante Trasforma per impostare la dimensione a 7,77 pollici di larghezza e altezza.

Dovreste ottenere qualcosa di simile…

Passo 4

Ora dobbiamo duplicare il cerchio un paio di volte, invece di creare nuove forme. Mentre il cerchio è ancora selezionato, premete Ctrl + C (Cmd + C su Mac), quindi premete Ctrl + F (Cmd + F su Mac) per incollare nella parte anteriore. Ora abbiamo due cerchi identici l’uno sopra l’altro. Scalate quest’ultimo dandogli la dimensione di 7,68 pollici. Infine, impostate il colore di riempimento con questa tonalità di rosso # 910909. Ecco quello che otterrete….

Passo 5

Bene, ora arriva il bordo punteggiato. Per questo, duplicate il cerchio rosso e impostate una Traccia per esso. Quindi premete Ctrl + C (Cmd + C) e poi premete Ctrl + F (che è Cmd + F su Mac) per incollarlo nella parte anteriore. Ridurre le dimensioni a 7,38 pollici. Quindi, impostate il colore del tratto con un bianco (# FFFFFF). Ora andate in Finestra-Traccia e impostate i sesguenti valori:

Ora avremo delle linee tratteggiate che circondano questa forma….

Passo 6

Passiamo ora a creare il secondo bordo bianco. Prendete lo strumento Ellisse (L) e trascinare fuori un cerchio perfetto al centro della tavola da disegno. Impostate 7,05 pollici sia per la larghezza che per l’altezza, quindi impostate il colore di riempimento bianco e ripristinate nuovamente il colore del tratto a “vuoto”.

Poi, duplicate questa forma premendo Ctrl + C (Cmd + C su Mac), seguita da Ctrl + F (Cmd + F) e riducete le dimensioni a 6,96 pollici. Una volta fatto, impostate il colore di riempimento di questa forma con un marrone # 50210F.

Passo 7

Ora andremo a creare i testi superiori e inferiori. Per questo, abbiamo bisogno di duplicare la forma marrone e scalarla verso il basso a 6 pollici. Questo strato servirà come percorso per il testo. Ora cliccate sul pulsante Testo (T) nella barra a sinistra, selezionate Strumento testo su tracciato e scrivete la parola “BEAUTIFUL”. Ora questo testo sarà sulla parte superiore del tracciato, ma dovremmo centrarlo sia orizzontalmente che verticalmente. Quindi, prima, selezionate tutto il testo e centratelo facendo clic sul pulsante Allinea Centro nella barra delle opzioni. Ora il testo scomparirà, ma tranquillizzatevi! Se si scorre verso il basso, potrete vedere che sarà salito in cima alla vostra forma. Un modo semplice per risolvere questo problema è quello di fare clic su Trasforma nella barra delle opzioni e ruotarlo di 180 gradi. Quindi cliccate di nuovo su Testo e premete il tasto Invio per far apparire le sue opzioni. Nella finestra pop-up, impostate Allinea al Percorso al centro, e premete OK. Ora, il nostro testo sarà al posto giusto: impostate il carattere Adelle, la dimensione a 50 pt e il colore # F2E4AA.

Passo 8

Ora duplicate questo livello di testo (Ctrl + C quindi CTRL + F, che è poi Cmd + C Cmd + F su Mac), e ruotatelo di 180 gradi. Quindi, selezionate Testo e premete Invio per far apparire le sue opzioni. Quindi selezionate “Capovolgi” e premete OK. Ora abbiamo due livelli di testo identicie e nell’ultimo creato digitate la parola “WEBDESIGN”. Ecco cosa otterrete….

Passo 9

Ora copiate una delle forme marroni per creare la parte interna del nastro. Le sue dimensioni dovrebbero essere di 5,1 pollici. Impostate il colore di riempimento a # 0D0D0D.

Passo 10

In questa fase andremo a creare delle stelle per riordinare il testo. Selezionate lo strumento Stella e impostate il colore a #F2E4AA, con lo stesso giallo opaco che abbiamo usato per colorare i testi. Ora, impostate la dimensione della stella a 0,4 pollici e mentre si fa questo, tenete premuto i tasti Alt e Shift. Sarà possibile regolare le dimensioni della finestra pop-up con l’opzione Trasforma dalla barra delle opzioni. Ora, spostatela in questa posizione….

Ora cliccate sulla stella con il tasto destro del mouse e selezionate Trasforma-Rotazione e ruotate la stella di 39°

Passo 11

Ora che la prima stella è fatta, creiamo le rimanenti tre. Fate clic destro sulla stella e scegliete Riflessione dal menu Trasforma. Selezionate Verticale e premete il pulsante Copia. Questa operazione copierà la nostra forma, riflettendola verticalmente. Ora trascinate la nuova stella sul lato destro e spostarla in questa posizione.

Ora selezionate entrambe le stelle tenendo premuto il tasto Shift, quindi fate clic destro e scegliere di nuovo Riflessione dal menu Trasforma. Questa volta, dobbiamo riflettere queste forme in Orizzontale, quindi ripetete l’operazione del passo precedente e premete poi il pulsante Copia, per fare una copia di queste 2 forme. Poi spingetele in basso vicino alla parola WEBDESIGN e apportate delle piccole modifiche per posizionare correttamente le stelle. Si potrà anche ruotare la stella in basso a sinistra di +40 gradi e la stella in basso a destra di  -40 ° per ottenere un montaggio perfetto.

Passo 12

OK, il più è fatto!! Vediamo ora come creare la striscia!

Cliccate sullo strumento Rettangolo (M) e disegnate un rettangolo che sia più o meno come la figura in basso. Impostate le dimensioni a 10,35 pollici per la larghezza e 3,05 pollici per l’altezza. Allineare questo rettangolo al centro della tavola da disegno.

Passo 13

Duplicate questo rettangolo e scalate la nuova forma fino a 1,5 pollici di larghezza, lasciando intatta l’altezza. Ora spingete questa nuova forma verso il basso. Andate nel menu Oggetto-Disponi, quindi scegliete Porta indietro. Quindi cliccate sullo strumento Penna (P) e selezionate lo strumento Aggiungi punto di ancoraggio. Fate Zoom sull’immagine e fate clic sul bordo sinistro al centro della forma corrente, per aggiungere un nuovo punto di ancoraggio.

Ora, prendete lo strumento Selezione Diretta (A) e cliccate su questo ancoraggio appena creato per selezionarlo e tenendo premuto Shift: premete il tasto freccia destra, è spingetelo verso destra di 6 o 7 incrementi. Quando avrete finito, duplicate questa forma, Riflettetela in senso orizzontale (o ruotatela di 180 °), poi andate sul lato destro e posizionatela di conseguenza.

Passo 14

Ora, mettiamo il testo sulla striscia. Usiamo il carattere Gothic League, impostate la dimensione a 235 punti e il colore #F2E4AA. Quindi fate clic al centro della striscia e digitate la parola “RESPONSIVE”. Ora, fate clic sul menu a comparsa dei caratteri nella barra delle opzioni (CTRL+T) e impostate la spaziatura tra caratteri a -25.

Ora, fate clic sul testo, duplicatelo e spostare il nuovo livello sopra tenendo premuto il tasto Shift e usate la freccia Su un paio di volte. Selezionate il livello di testo in basso e impostate il relativo colore su #0D0D0D. Ora il nostro testo sarà pronto….

Passo 15

In questa fase, andremo a creare delle piegature Per questo, avremo bisogno dello strumento Penna (P). Inoltre, impostate il colore di riempimento a #0D0D0D e la traccia su “nessuna”. Ora, con lo strumento penna, disegnate una forma triangolare, come mostrato dalla foto in basso. Non ci sarà bisogno di essere super-perfetti, in quanto se si commetterà un errore sarà possibile correggerlo con lo strumento Selezione Diretta (A).

Quando avrete finito con questa forma, fate clic col tasto destro su di esso, andate su Trasforma e scegliere Riflessione. Fate clic su Verticale e poi sul pulsante Copia per fare una copia del riflesso di tale livello.

Passo 16

Come ultimo passo, aggiungete qualche movimento alla striscia. In primo luogo, selezionate tutti gli strati che la compongono. Cioè, la striscia stessa, le due forme laterali, i due triangoli correttivi e i due livelli di testo. Che comporranno un totale di sette forme. Dopo averli selezionato tutti, premere Ctrl + G (cioè Cmd + G su Mac) per raggruppare tutte queste forme in un unico gruppo.

Ora che sono un gruppo, andiamo al menu Effetti-Altera-Arco. Assicuratevi che sia selezionata su Orizzontale e impostate la curvatura al 10%. Fate clic su OK e tutto quello che dovremmo fare è prendere lo strumento Sposta (V) e spostare tutto il gruppo per centrarlo verticalmente.

Bene, la creazione del vostro logo è terminata, se avrete lavorato bene il risultato finale dovrebbere essere questo…..