Salve a tutti !
Ecco un altro tutorial riguardo Photoshop CS3.
Questa volta però utilizzeremo Adobe Illustrator CS3 per creare degli sfondi vettoriali che possiamo utilizzare con Flash CS3.
Dopo aver visto come utilizzare lo strumento penna, possiamo inoltrarci in qualcosa di più divertente.
In questo tutorial andremo a vedere come realizzare sfondi vettoriali alla moda che saranno risorse utili nel creare contenuti per siti internet e in Flash CS3.
La prima cosa che faremo una volta aperto Illustrator sarà impostare il nostro documento in modalità Web con i colori RGB.
Questo è molto importante quando lavoriamo con Illustrator perché è più difficile passare da modalità adatte alla stampa che usano colori in quadricromia a modalità RGB (e viceversa, ovviamente) che in altri programmi come Photoshop.
La dimensione in pixel del nostro documento è inoltre relativamente irrilevante in questo caso, lavorando con un file vettoriale possiamo sempre riscalare il documento a nostro piacimento...
La prima cosa che faremo sarà creare una bella sfumatura per il nostro sfondo.
Create un rettangolo che riempia lo stage e scegliamo un bel gradiente nell' apposito pannello:
Aggiungiamo qualche decorazione con lo strumento penna.
Scegliamo un colore bianco con una trasparenza del 55%.
Le forme che vedete nell’immagine seguente sono in realtà la stessa forma duplicata e specchiata verticalmente.
Potete duplicare qualsiasi forma tenendo premuto ALT sulla tastiera trascinando la vostra forma con lo strumento di selezione.
Per specchiare una forma, selezionatela e clikkate col tasto destro del mouse per poi selezionare: Trasforma -> Rifletti, e poi scegliete "Rifletti verticale" nel box popup.
Per aggiungere una trasparenza, selezionate la forma e aprite il pannello delle trasparenze, potete trovarlo sotto al pannello delle sfumature.
Potreste inoltre voler giocare un po’ con le trasparenze per aggiungere un po di movimento all’immagine, nel nostro esempio abbiamo usato un 55% di trasparenza per la forma di destra e un 80% di trasparenza per quella di sinistra:
Duplichiamo queste due forme e muoviamole leggermente per aggiungere ulteriore movimento:
Per aggiungere un po di varietà creeremo una forma che segue più o meno la forma della decorazione posizionata più in basso.
A questa forma applicheremo un gradiente identico a quello dello sfondo, ma con un' angolatura invertita.
Il gradiente di sfondo ha un' angolatura di 90°, quello della forma di -90°.
Ho anche applicato una leggera trasparenza (80%) per dare un effetto un po più sfumato.
Una volta creata questa forma, vorrete posizionarla sotto le decorazioni ma sopra lo sfondo principale, per farlo clikkateci sopra col destro e selezionate Ordina -> "Porta sotto" e poi "Porta sopra":
Come potete vedere questa semplice operazione aggiunge molto alla nostra imagine.
Aggiungiamo qualche altra decorazione creando un cerchio con una trasparenza dell’80%.
Duplichiamo questo cerchio e posizioniamolo esattamente sopra il primo e poi spostiamo il punto d’ancoraggio superiore portandolo sotto con lo strumento di selezione diretta (A sulla tastiera):
Duplicheremo ora questo cerchio più volte ruotandolo, cambiandone le dimensioni, le posizioni e la sua trasparenza generale per ottenere un effetto simile a questo:
Aggiungiamo ora qualche forma con lo strumento penna, dando come riempimento lo stesso gradient dello sfondo, ma con angolature diverse finchè non otteniamo qualcosa che ci piace. Posizioniamo queste forma sotto tutte le altre decorazioni, ma sopra lo sfondo principale:
Aggiungiamo altre decorazioni bianche creando un rettangolo bianco con una trasparenza del 25% e duplichiamolo posizionando i duplicati sopra gli originali, ridimensionandoli a piacimento. Aggiungiamo poi un po’ di testo per aggiungere un contesto alla nostra immagine:
File: