Ecco come apparirà il testo iniziale (Figura 01):

Ora però basta chiacchiere. Buon divertimento e buono studio nelle pagine seguenti ...

Testo Splash - Adobe Illustrator


Passo 1: Creare lo sfondo

Prima di poter iniziare a creare uno sfondo adatto per il nostro testo iniziale, è necessario creare una nuova area di lavoro. Per farlo, andare su File>Nuovo e selezionare un formato di 330x210mm. Confermare poi premendo OK.

Testo di presentazione - Adobe Illustrator

Dopo aver creato la vostra area di lavoro, possiamo finalmente iniziare con il lavoro effettivo.

Prendete lo Strumento rettangolo e create un Rettangolo, che copre l'intera area di lavoro.

In seguito dovete riempire questo Rettangolo con un Sfumato. Per farlo avrete bisogno della Finestra di sfumatura. Se non l'avete ancora visualizzata, potete trovarla facilmente su Finestra>Sfumatura (Figura 03).

Splash-Text - Adobe Illustrator

Testo di splash - Adobe Illustrator

Cliccate sulla sfumatura predefinita di Nero/Bianco nella Finestra di sfumatura e cambiate la modalità di sfumatura da Lineare a Circolare. (Vedere Figura 04).

Splash-Text - Adobe Illustrator

Testo di splash - Adobe Illustrator

In questo caso, la sfumatura circolare è già una posizione di partenza abbastanza buona, tuttavia in questo momento è ancora un po' troppo rotonda. Anche in questo caso la Finestra di sfumatura offre una funzione molto utile. Infatti potete controllare la rotondità della vostra Sfumatura. Un valore del 60% dovrebbe essere adatto ai nostri scopi. (Vedere Figura 05).

Schermo di avvio - Adobe Illustrator

Successivamente è il momento di colorare adeguatamente la vostra Sfumatura, dato che la sfumatura nero/bianca sembra un po' noiosa. Per questo tutorial ho scelto due valori di colore CMYK.

• Azzurro chiaro: CMYK - 90/30/4/10

• Azzurro scuro: CMYK - 93/48/28/63

Cliccando due volte su uno dei due campi di colore del gradiente, potete assegnare i due valori CMYK al vostro Sfumato. Successivamente tutto dovrebbe apparire più o meno come mostrato. (Figura 06).

Splash-Text - Adobe Illustrator

Testo di splash - Adobe Illustrator

Tuttavia il Sfumato non ha ancora esattamente l'aspetto che immagino, quindi prendete lo Strumento sfumato dalla Barra degli strumenti. Apparirà quindi una sorta di linea che potete modificare in lunghezza. (Figura 07).

Schermo di caricamento - Adobe Illustrator

Prendete questa linea sul punto destro e trascinatela fuori dall'immagine fino a raggiungere un punto approssimativamente come in Figura 08.

Schermo di avvio - Adobe Illustrator

Per evitare che possa accadere qualsiasi modifica allo sfondo, vi consiglio di bloccare questi livelli con un lucchetto ... (Vedere Figura 09). E il vostro sfondo è pronto.

Splash-Text - Adobe Illustrator

Testo di splash - Adobe Illustrator

Passo 2: Inserire la tipografia

Per poter continuare il lavoro, dovete creare un nuovo livello. Meglio chiamarlo subito "Testo", poiché su questo livello posizioneremo il nostro testo.

Prendete ora lo Strumento testo e cliccate sull'area di lavoro. Nel mio caso ho scritto "psd-tutorials.de". Per il carattere ho scelto Helvetica Neue con spessore di carattere Thin. Con questa dimensione potete scegliere un valore di 140pt. Regolate poi lo spaziatura dei caratteri a -70.

Splash-Text - Adobe Illustrator

Posizionate il vostro testo al centro dell'area di lavoro. Successivamente tutto dovrebbe apparire più o meno come mostrato. (Vedere Figura 11).

Splash-Text - Adobe Illustrator

Testo a schermo - Adobe Illustrator

Ora dovete convertire questo testo in Percorsi. Per farlo, andate su Testo>Converti in percorsi. In alternativa, potete anche usare la scorciatoia Command/Strg+Shift+O.

Successivamente renderemo il nostro testo più attraente con un Sfumato. Ho preparato due valori di colore CMYK per questo tutorial.

• Verde chiaro: CMYK - 50/0/100/0

• Verde scuro: CMYK - 90/30/95/10

Procedete nella creazione del Sfumato esattamente come avete fatto per lo sfondo. Tuttavia questa volta potete lasciare invariata la Modalità su Lineare. Impostate l'Angolo del gradiente a 90°. (Vedere Figura 12).

Splash-Text - Adobe Illustrator

Testo di presentazione - Adobe Illustrator

Per evidenziare ulteriormente il testo, dobbiamo creare una ombra. Prendete lo Strumento ellisse e disegnate un Ellisse nero sotto il vostro testo. (Vedere Figura 13).

Testo di presentazione - Adobe Illustrator

Dovete impostare il metodo di riempimento dell'ombra su Moltiplicare. Potete farlo tramite la Finestra di trasparenza. Se non l'avete ancora visualizzata, la trovate su Finestra>Trasparenza. Regolate l'opacità al circa 40%.

Splash-Text - Adobe Illustrator

Dato che l'ombra è ancora estremamente nitida ai bordi, dobbiamo ancora sfocarla. Andate su Effetto>Filtro Sfocatura>Sfocatura gaussiana ... (vedi Figura 15).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Nella finestra di dialogo successiva inserite un valore di circa 25 pixel e confermate con OK.

Testo a schermo - Adobe Illustrator

Dopo questo, il risultato dovrebbe apparire simile a quanto mostrato. (Vedi Figura 17).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Passaggio 3: Creare punti luce

In questa parte del tutorial ci occuperemo ora delle piccole particelle luminose che dovrebbero essere sparse ovunque in maniera casuale.

Per prima cosa, create un nuovo livello e chiamatelo "Particelle luminose". Poi prendete lo Strumento Ellisse e create un'ellisse di 10x10 mm. (Figura 18).

Testo di scorrimento - Adobe Illustrator

Subito dopo, andate su Oggetto>Percorso>Sposta percorso ... (Figura 19).

Nella finestra successiva inserite un valore di 10 mm e confermate con OK.

Splash-Text - Adobe Illustrator

Testo di lancio - Adobe Illustrator

Dopo ciò, il risultato dovrebbe apparire come mostrato. (Vedi Figura 20).

Testo di lancio - Adobe Illustrator

Dovete assegnare un colore di riempimento giallo all'ellisse interna. Colorate l'ellisse esterna di ciano. (Figura 21).

Schermata di avvio - Adobe Illustrator

Dato che l'ellisse esterna sembra abbastanza nitida per essere considerata un punto luminoso, impostate l'Opacità dell'ellisse esterna al 0% nella Finestra di trasparenza. (Figura 22).

Testo in primo piano - Adobe Illustrator

Per creare una transizione morbida dall'ellisse interna a quella esterna, dovete prendere lo Strumento di deformazione dalla Barra degli strumenti. (Figura 23).

Splash-Text - Adobe Illustrator

Testo dinamico - Adobe Illustrator

Cliccate una volta sul bordo dell'ellisse interna e poi subito dopo sul bordo dell'ellisse esterna con lo Strumento di deformazione. (Figura 24).

Splash-Text - Adobe Illustrator

Splash-Text - Adobe Illustrator

Poiché avete impostato l'Opacità dell'ellisse esterna al 0%, lo Strumento di deformazione creerà una sorta di sfumatura tra l'interno e l'esterno.

La forma di base per il nostro punto luminoso è ora completata. Teoricamente potreste copiare questo punto luminoso e inserirlo in varie dimensioni. Ma c'è un altro modo più semplice. Infatti, nel prossimo passaggio lavoreremo con punte di pennello.

Aprite FInestra>Pennello per accedere alla Palette dei pennelli. Selezionate il vostro punto luminoso appena creato e poi, nella Palette dei pennelli, cliccate sulla piccola freccia nell'angolo in alto a destra. Si aprirà un menu a tendina in cui potete cliccare su Nuovo pennello. (Vedi Figura 25).

Schermo di caricamento - Adobe Illustrator

Comparirà una nuova finestra in cui potete regolare tutti i parametri per la punta del pennello. Qui vi consiglio di sperimentare un po' per prendere confidenza con le impostazioni. I parametri esatti per questo tutorial li trovate nella Figura 26.

Splash-Text - Adobe Illustrator

Testo di splash - Adobe Illustrator

Successivamente potete confermare con OK e eliminare il punto luminoso originale dalla vostra area di lavoro.

Prendete ora il Pennello dalla Barra degli strumenti e disegnate una sorta di linea ondulata da sinistra a destra sulla vostra area di lavoro. (Figura 27).

Splash-Text - Adobe Illustrator

Testo di Splash - Adobe Illustrator

Come risultato, dovreste trovare molti punti luminosi di dimensioni diverse distribuiti in modo casuale sulla vostra area di lavoro. Fatelo più volte finché non ritenete di aver posizionato a sufficienza i punti luminosi.

Per far sì che il tutto si amalgami con lo sfondo, selezionate i punti luminosi disegnati nella Finestra di trasparenza passando da Normale a Luce soffusa. (Vedi Figura 28).

I vostri punti luminosi sono pronti.

Splash-Text - Adobe Illustrator

Testo di scorrimento - Adobe Illustrator

Passaggio 3: Creare gocce/schizzi

Nell'ultimo passaggio di questo tutorial vedremo come distribuire delle gocce di colore intorno al testo in modo che il risultato sembri ancora più selvaggio e casuale.

Prima di tutto, dobbiamo creare, esattamente come per i punti luminosi, la forma di base per le nostre gocce. Create nuovamente uno strato e chiamatelo "Schizzi".

Prendete lo Strumento Ellisse e create un'ellisse delle dimensioni 5x5 mm.

Successivamente avrete bisogno dello Strumento di selezione diretta. Trascinate verso l'alto il punto del percorso superiore dell'ellisse e trasformatelo in un punto angolato. (Vedi Figura 29).

Splash-Text - Adobe Illustrator

Vai nella paletta del pennello e aggiungi un nuovo pennello con la forma a goccia. Questa volta però seleziona non il pennello speciale, ma il pennello immagine.

Anche questa volta comparirà una nuova finestra, dove avrete varie opzioni per personalizzare il vostro pennello. Troverete i parametri adatti per il nostro pennello a goccia nella figura 30.

In seguito, potete confermare con OK. Anche questa volta potete eliminare la forma a goccia originale.

Splash-Text - Adobe Illustrator

Testo a schermo - Adobe Illustrator

Adesso prendete il pennello e disegnate piccole gocce intorno al vostro testo con la punta del pennello appena creata. (Figura 31).

Schermo di avvio - Adobe Illustrator

Se una delle gocce dovesse risultare un po' deforme, potete annullare il tutto con Command/Strg+Z e riprovare ancora una volta.

Una volta soddisfatti, vi basterà selezionare tutte le gocce e trasformarle in un oggetto tramite oggetto>Aspetto trasformazione…. Successivamente potrete riempire le gocce con lo stesso gradiente verde utilizzato per il testo.

Mettete infine il livello Splash dietro al livello del testo. (Figura 32).

Il vostro testo Splash è pronto.

Testo in evidenza - Adobe Illustrator

Conclusioni:

Siamo già giunti alla fine di questo tutorial. Spero vi siate divertiti e abbiate potuto cogliere qualche consiglio utile.

Se avete ancora domande su questo argomento, non esitate a scrivermele nei commenti sotto questo tutorial. Mi impegnerò a rispondervi il prima possibile.

Nei file di lavoro di questo tutorial troverete nuovamente il file Illustrator con tutti i livelli. Se in qualsiasi momento del tutorial vi bloccherete, forse vi aiuterà dare un'occhiata al file originale.

In questo senso…

Rimanete creativi

Il vostro Julian