Come creare il logo di Twitter con Adobe Illustrator

Molte persone vorrebbero creare da se il proprio logo! Bene, oggi inizieremo un lungo percorso all’interno dei tutorial con Adobe Illustrator al fine di imparare tutto quello che c’è da sapere per quanto riguarda la creazione di un logo. Nel post di oggi inizieremo con qualcosa di molto semplice: come creare il logo di Twitter. Come sappiamo tutti, Twitter è uno dei social network più famosi e usati del mondo, con più di 500 milioni di utenti! Se volete saperne di più sulla storia del suo logo, vi invito a consultare uno dei miei post precedenti dove ho trattato l’argomento. OK…ora passiamo al tutorial:

1. Creare un foglio di lavoro

Avviare Adobe Illustrator e dalla barra del menù andare su File e cliccare “Nuovo”

Quindi modificare la larghezza e l’altezza a 300 px.

2. Creare il “corpo” del progetto (riquadro)

Selezionate lo strumento “Rettangolo” nella finestra strumenti

Quindi cliccate e trascinate fino a formare un quadrato

Poi riempire il quadrato con qualsiasi colore……per ora!

Andate su “Effetti” nella barra dei menu (sarà necessario selezionare prima il quadrato)

…e poi su Stilizzazione-Angoli arrotondati

Modificate il valore “Raggio” a 45 px

…. e duplicate il quadrato selezionandolo e premendo i tasti CTRL+C e poi CTRL+V

Ridimensionate il quadrato duplicato, cambiate il suo colore di riempimento e mettetelo in mezzo al quadrato fatto precedentemente

Dovreste ottenere qualcosa simile a questo…

Selezionate il quadrato al centro e cambiate il colore del Campione

…che si trova sul lato superiore sinistro della finestra sotto la barra dei menu

Tenete premuto il tasto Maiusc e fate clic sul “colore di riempimento” e cambiate il valore del colore così:

R: 164

G: 224

B: 249

Cambiate anche il colore di riempimento dei due quadrati con questi valori:

R: 100

G: 201

B: 232

Dovreste ottenere questo risultato….

Per ottenere l’effetto simil-cromato utilizzate lo strumento “Penna”

….e fate qualcosa di simile

Selezionatelo e poi andate su “Trasparenza” e cambiate l’opacità al “7%”

Bene, ora avrete ottenuto il “corpo” del logo con un effetto Web 2.0!

3. Creare la “t”

Beh…questa dovrebbe essere la parte più facile se avete il font chiamato “PICO Alphabet”…

….basterà infatti usare lo strumento “Testo” e digitare la lettera “t”

Ma se non avete il font a disposizione, potete procedere in questo modo:

utilizzate lo strumento “Penna” e create una “L” in questo modo…

Selezionate la “L” e andate in Effetti-Stilizzazione-Angoli arrotondati…..

quindi modificate il valore del Raggio a 37 px

La “L” dovrebbe cambiare in questo modo…

Poi, mentre la “L” è ancora selezionata, cambiate lo stile della traccia a “7 pt. tondo”

Poi modificate il valore nel Pannello Traccia a “0,075 pt” come si vede nell’immagine seguente…

Poi, per formare la “t”, aggiungete una linea a metà con la stessa larghezza della linea della “L”.

Per quanto riguarda la traccia bianca, basterà copiare la “t”, cambiare il colore di riempimento col bianco e quindi ridimensionate fino a quando non apparirà così:

Per ottenere il colore blu desiderato, cambiate i valori dei colori in questo modo:

R: 166

G: 242

B: 249

Poi, per l’effetto cromato, fate come in precedenza solo che questa volta dovrete aggiungere un “effetto gradiente” o sfumatura

Cercate di fare in questo modo:

Per l’effetto gradiente, selezionate la parte “nera” e utilizzate lo strumento “Sfumatura” e cambiate il colore dell’estremità di destra in questo modo: