Partiamo con l’aprire il nostro nuovo documento in RGB con larghezza ed altezza da 300px.
Selezioniamo lo Strumento ellisse (L) e con un clic sulla tavola da disegno apriamo la finestra dove inseriamo i valori di 200px sia in larghezza che altezza. Creato il cerchio, lo portiamo ora al centro della tavola da disegno utilizzando gli appositi pulsanti Allineamento verticale al centro e Allineamento orizzontale al centro.

Il cerchio, come si vede dall’ultima immagine qui sopra, ha un bordo nero ed è riempito con il colore bianco. Dobbiamo quindi rimuovere il bordo e sostituire il colore di riempimento con uno a nostro piacere. In questo caso abbiamo usato i colori RGB: 43, 56, 143.

Adesso prendiamo nuovamente lo Strumento ellisse e dalla solita finestra che si apre inseriamo le misure in larghezza ed altezza di 60px per creare una nuova sfera più piccola. Appena creata, portiamola al centro orizzontale della tavola da disegno e cambiamo il suo colore di riempimento con questo RGB: 38, 169, 224. Sarà inoltre necessario, spostare la nuova sfera in alto o in basso per posizionarla quasi in fondo alla sfera più grossa come mostriamo nelle immagini che seguono.

A questo punto andiamo ad usare lo Strumento selezione (V) e selezioniamo tutte e due le sfere, apriamo il menù Oggetto -> Fusione -> Crea. Dovremmo ottenere un risultato simile al seguente.

Creiamo adesso il riflesso di luce sopra la sfera.
Selezioniamo nuovamente lo Strumento ellisse e nella solita finestra inseriamo la larghezza di 120px e l’altezza di 76px. Anche in questo caso portiamo la nuova forma ovale al centro della tavola da disegno e poi impostiamo una Sfumatura bianco/nero.

Il risultato ottenuto dovrebbe essere come nell’ultima immagine qui sopra.
Ora dal pannello Trasparenza, apriamo il menù a tendina Metodo fusione e scegliamo la voce Scolora. Il risultato ottenuto dovrebbe essere simile a quelli sottostanti.

Qui vediamo altre sfere colorate diversamente…

Come sempre non resta che dare sfogo alle vostre idee e fare altre prove per rendere il vostro lavoro unico… Buon divertimento.

Come sempre iniziamo aprendo un nuovo documento da 600px x 600px in Illustrator CS4. Successivamente selezioniamo lo strumento Ellisse e facciamo clic sulla tavola da disegno e nella finestra che si apre inseriamo la dimensione di Larghezza a 100px e di Altezza a 70px.

Creato l’ovale, diamo un colore uniforme, successivamente selezioniamo lo strumento Rettangolo.
Anche in questo caso facciamo un clic sulla tavola da disegno ed inseriamo una Larghezza ed Altezza di 40px.

Creato il quadrato, selezioniamo lo strumento Selezione diretta e con un clic sull’angolo superiore sinistro, selezioniamo la maniglia per poi cancellarla. Abbiamo così ottenuto un triangolo che andremo poi a modificare sempre con lo strumento in uso.

Selezioniamo tutto il triangolo e poi spostiamolo sopra l’ovale di modo che rimanga visibile una parte di punta. Con l’aiuto delle maniglie, aggiustiamo le inclinazioni delle tre maniglie fino ad ottenere un risultato simile a quello della nostra immagine.

Adesso usiamo lo Strumento selezione (A) e selezioniamo entrambe le nostre figure, poi unifichiamole con l’apposito comando come nell’esempio seguente.

Ora apriamo il menu Oggetto -> Tracciato -> Scostam. tracciato… e nella finestra che si apre inseriamo lo Scostamento di 3px, gli Spigoli al Vivo e il Limite di smusso a 4.

Dovremmo quindi ottenere un risultato simile al seguente.

A questo punto iniziamo a dare la giusta sfumatura alla parte interna della nostra figura. In questo caso abbiamo inserito i seguenti valori:
Tipo sfumatura: Radiale
C: 25% M: 0% Y: 0% K: 0%
Angolo: -7°

Abbiamo poi usato lo Strumento sfumatura (G) e lo abbiamo modificato come in questa immagine.

Abbiamo inoltre optato per aggiungere un bordo di 1pt con un colore leggermente più chiaro C: 30% M: 0% Y: 0% K: 0% per creare un effetto migliore.

Successivamente, con lo Strumento selezione diretta (A), abbiamo selezionato la parte esterna della figura per poter sistemare il colore del bordo precedentemente espanso, con questo nuovo colore C: 100% M: 5% Y: 0% K: 0%.

Come fatto in partenza, abbiamo creato un nuovo ovale con lo Strumento ellisse e impostato una sfumatura radiale come nelle immagini seguenti.

Alla fine, sempre su questo piccolo ovale appena sfumato, abbiamo dato una opacità del 35%, così da avere una sorta di riflesso più pronunciato.

Qui di seguito si possono vedere altri esempi che abbiamo creato. Date sfogo alle vostre idee per colori, dimensioni e forme…

Iniziamo creando un nuovo documento in Illustrator CS4 da 210 mm di larghezza per 120 mm di altezza. Selezioniamo lo strumento Rettangolo e facciamo un clic sulla tavola da disegno ed inseriamo 190 mm di larghezza e 100 mm in altezza nella finestra che ci compare.
Posizioniamo il nostro rettangolo al centro della tavola da disegno con l’apposito comando Allineamento orizzontale e Allineamento verticale (facendo attenzione che l’allineamento sia impostato su Allinea a tavola disegno!), diamo un colore grigio chiaro (CMYK 0% 0% 0% 5%) così da distinguere il rettangolo creato e un bordo leggermente più scuro (CMYK 0% 0% 0% 30%) con spessore di 0,2 pt, come riportato nelle immagini successive…

Il risultato del lavoro fatto fin’ora dovrebbe essere simile a questo.

Selezioniamo nuovamente lo strumento Rettangolo e posizioniamoci sull’angolo superiore destro del rettangolo in precedenza disegnato, teniamo premuto il tasto (Maiusc) da tastiera, premiamo il pulsante sinistro del mouse e spostiamoci di circa 30 mm verso l’angolo inferiore sinistro.

Finito questo passaggio, togliamo il bordo al quadrato appena creato, selezioniamo lo strumento Selezione diretta (freccietta bianca) e andiamo a rimuovere una parte dell’angolo superiore destro del quadrato. Selezioniamo quindi l’ancoraggio e da tastiera cancelliamo.

Procediamo selezionando lo strumento Penna (P) e chiudiamo il tracciato, così che la nostra forma diventi un triangolo. Oea lo selezioniamo ed impostiamo una sfumatura con i parametri che vi indichiamo sotto queste immagini.

Basandoci sull’ultima immagine qui sopra, impostiamo i seguenti colori e posizioni.
Primo colore sfumatura: 0% 0% 0% 8% – Posizione: 60%
Secondo colore sfumatura: 0% 0% 0% 10% – Posizione: 80%
Terzo colore sfumatura: 0% 0% 0% 20% – Posizione: 100%
La sfumatura scelta è Lineare a 45°. Dovremmo avere un risultato simile a questo nella foto.

Adesso usiamo la combinazione di tasti (Maiusc+c) per cambiare lo strumento di Selezione diretta con quello per convertire i punti di ancoraggio e aggiungiamo quindi le nuove maniglie all’angolo inferiore destro e a quello superiore sinistro come nell’esempio sottostante. Mentre creiamo le maniglie, teniamo premuto il tasto Maiusc (o Shift) così da creare un’angolatura di 45°.

Sempre con lo stesso strumento in uso, dobbiamo eliminare le due maniglie che vediamo sul tracciato a 45°.

Torniamo ad usare lo strumento di Selezione diretta (A) e selezionando una maniglia e poi l’altra, portiamole nella posizione come mostrato nell’immagine che segue. Regolate voi la posizione migliore per dare un effetto verosimile.

Arrivati a questo punto, non restano che pochi passaggi da fare. Impostiamo un’ombra esterna al nostro angolo arricciato.
Dal menù Effetto -> Stilizzazione, clicchiamo su Ombra esterna. Nella finestra dei parametri impostiamo i dati come nelle immagini che seguono.

Ora procediamo con la modifica dei due livelli. Selezioniamoli entrambi e con la funzione Scomponi, suddividiamo in tre livelli il nostro lavoro.

Ci troviamo ad avere un nuovo Gruppo con al suo interno tre livelli. Selezioniamo e attiviamo l’ultimo livello che si è creato con la suddivisione precedente ed eliminiamo la selezione con l’appositopulsante  “cestino”.

Abbiamo così ottenuto un’arricciatura sull’angolo del nostro foglio. Ecco l’immagine finale.

Potete usare differenti colori, sfumature e misure… date sfogo alle vostre idee.

Iniziamo a creare un nuovo documento con le dimensioni di un foglio A4. Con lo strumento “Testo” impostiamo le dimensioni dell’area da occupare, facciamo un clic in alto a sinistra e tenendo premuto il pulsante sinistro del mouse ci spostiamo verso l’angolo inferiore destro del documento. Adesso scriviamo tutto il testo che vogliamo inserire, oppure come abbiamo fatto noi per questo tutorial, andiamo a copiarlo dal sito di Wikipedia.org dove abbiamo per altro prelevato ed utilizzato le immagini di esempio.

Una volta inserito tutto il testo necessario, regoliamo la dimensione dell’area testo portandola vicino ai margini del foglio A4. In questo caso abbiamo impostato una larghezza di 20 cm per un’atezza di 27 cm, una dimensione carattere di 4 mm e l’interlinea di 5,5 mm.

A questo punto dobbiamo aggiungere le immagini, quindi dal menù File selezioniamo Inserisci… e ricerchiamo le foto sul nostro computer.
Scelte le foto ed inserite nel documento, le ridimensioniamo e posizioniamo a nostro piacere facendo attenzione che nei Livelli le immagini appena aggiunte siano posizionate al di sopra del testo.

L’immagine della leonessa visibile qui sopra, è stata precedentemente scontornata (in maniera veloce solo per esempio) e poi salvata nel formato PNG24, in questo modo abbiamo ottenuto una trasparenza ottimale all’esterno del nostro scontorno.
Procediamo adesso in questo modo.
Selezioniamo lo strumento Penna e disegniamo il contorno della leonessa stando ad alcuni millimetri di distanza dalle forme e sistemando successivamente il tracciato con lo strumento di selezione diretta (il cursore bianco).

A questo punto blocchiamo con il lucchetto il livello con la foto della leonessa e selezioniamo tutti gli altri livelli, ovvero il testo, la foto del leone e il tracciato appena creato.
Andiamo nel menù Oggetto e selezioniamo la voce Contorna con testo -> Opzioni contornamento… e facciamo clic per aprire la finestra e modificare le impostazioni di Scostamento. Noi le abbiamo modificate a 2,6 mm e abbiamo lasciato tutto il resto invariato. Dopo aver confermato la modifica, ripetiamo lo stesso passaggio dal menù Oggetto, ma questa volta facciamo clic sulla voce Crea.

Come nell’esempio dell’immagine qui sopra, il testo ora segue le forme delle immagini o dei tracciati che abbiamo inserito.
Modifichiamo il colore del tracciato sotto la leonessa, selezioniamolo e impostiamo una trasparenza a 0%, in questo modo non vedremo più il colore.

Siamo quasi giunti alla fine del tutorial. Non resta che apportare le ultime modifiche alle immagini e al testo. Ad esempio, provate a selezionare l’immagine del leone e con l’aiuto delle frecce direzionali della tastiera, spostatela in basso o in alto, vedrete che il testo si modifica in base alla posizione che state dando. Ricordate che la foto della leonessa, ha una forma sottostante? Per spostarla, dovrete selezionare sia la forma, sia la foto stessa così che tutto si sposti contemporaneamente. Anche il testo lo potrete modificare a vostro piacere per formattarlo nel migliore dei modi con le vostre immagini.

Noi abbiamo salvato il documento appena creato in PDF e qui potete scaricarlo per vedere il risultato.

Iniziamo creando in Illustrator CS4, un nuovo documento da 500px x 500px in CMYK e 300ppi di risoluzione.

Prendiamo poi lo strumento Linea dalla nostra paletta strumenti e facciamo un clic nel nuovo documento usando le impostazioni riportate nell’immagine d’esempio.

Adesso apriamo il pannello “Traccia” ed impostiamo uno spessore di 15 mm, selezioniamo anche le due opzioni di estremi e angoli arrotondati per ottenere il seguente risultato.

Dopo queste operazioni, diamo il colore CMYK 50% 0% 100% 0% alla nostra linea (o un qualsiasi altro colore a tuo piacere), successivamente copiamo la linea con il comando CTR+c ed incolliamola nello stesso punto con CTRL+f, apriamo quindi il pannello “Strumento rotazione” ed impostiamo un angolo di rotazione a 45° e ripetiamo la stessa operazione usando i comandi Ctrl+c, Ctrl+f e Ctrl+d fino a completare la rotazione di tutte le linee.

Selezioniamo ora tutte le nostre linee come nell’immagine sopra e andiamo a selezionare il comando “Espandi” dal menù “Oggetto”, in questo modo potremo procedere con l’unione delle linee per avere successivamente un unico livello modificabile. Di seguito i passaggi da seguire.

A questo punto ci spostiamo nel pannello per l’elaborazione dei tracciati e con un clic uniamo definitivamente le nostre linee.

Ora diamo una sistematina alle dimensioni del fiore. La dimensione che abbiamo noi è di 142,52px, apriamo il pannello “Trasforma” e blocchiamo la catenina per rendere il ridimensionamento proporzionale sia in altezza che in larghezza e portiamolo a 140px.

Bene, a questo punto non resta che dare sfogo alla nostra fantasia per creare altri fiori con altri colori e/o forme diverse. Noi abbiamo usato queste impostazioni… Abbiamo creato un nuovo livello con Ctrl+c e Ctrl+f, rimpicciolito a 110px il fiore e impostato il colore bianco. Successivamente abbiamo spostato il nuovo livello di 2px in alto e di 2px verso sinistra. Per fare in modo che lo spostamento del fiore avvenga di 1 px per volta, è necessario impostare i parametri nel menù “Modifica” -> Preferenze -> Generali e inserire 1 px nella casella “Incrementi da tastiera”.

Abbiamo inserito anche una leggera sfumatura sul primo livello, quello con il fiore verde. Il colore di partenza della sfumatura lineare è 50% 0% 100% 0%, mentre per quello più scuro è 50% 0% 100% 16%, l’angolo che abbiamo usato è di 120°.

Ecco degli altri esempi che abbiamo realizzato.

Non resta altro da fare che alcune prove ed ideare nuove forme e colori. Buon divertimento…

Risultato finale

In Illustrator CS4 apriamo un nuovo documento di 500px x 500px.
Ora creiamo una forma quadrata usando lo strumento “Rettangolo” selezionabile dalla paletta degli “Strumenti”. Dopo averlo selezionato, facciamo un clic sul nostro documento per aprire la finestra che ci permette di inserire le dimensioni che preferiamo. Noi lo abbiamo creato da 200px x 200px. Fatto questo, abbiamo impostato il colore #66D6FF di riempimento e tolto il bordo.

Procediamo portando il nostro quadrato al centro del documento e poi iniziamo a modificare la nostra forma in questo modo:
Apriamo il menu “Effetto” -> “Distorci e trasforma” -> “Effetto risucchio e gonfiamento”. Si apre una finestra dove andiamo a selezionare “Anteprima” così da vedere cosa stiamo facendo e successivamente, inseriamo “-65 %” e confermiamo con Ok. Adesso la forma è stata modificata con un effetto risucchio.

Sempre con la nostra forma selezionata, andiamo ad aprire il pannello “Trasparenza” dove impostiamo una opacità del 25%.
Procediamo selezionando nuovamente la nostra forma e con il comando da tastiera “Ctrl + c” copiamo e poi con “Ctrl + f” incolliamo nello stesso punto preciso la forma. Nel pannello “Trasparenza” al posto della voce nel menu a tendina “Normale”, dobbiamo selezionare “”Moltiplica”, così facendo, il colore della forma incollata diventa leggermente più scuro. Ora dobbiamo ruotare la forma in senso orario o antiorario, quindi andiamo in “Oggetto” -> “Trasforma” -> “Rotazione” e nella finestra che si apre, impostiamo una rotazione di -10° (oppure 10°), fatto questo diamo Ok.

Ripetiamo questo passaggio in maniera semplice e veloce con i seguenti comandi da tastiera, usiamo “Ctrl + c” per copiare l’ultima forma incollata in precedenza, usiamo “Ctrl + f” per incollare quella da sovrapporre e “Ctrl + d” per ripetere la rotazione di 10°.
Se abbiamo seguito correttamente queste istruzioni, dovremmo avere un totale di 9 livelli contenenti le nostre singole forme.

Adesso blocchiamo con il luchetto il Livello 1 e creiamone uno nuovo (Livello 2). Qui dobbiamo creare un effetto simile ad un riflesso di luce.
Selezioniamo lo strumento “Ellisse” dal pannello Strumenti e facciamo un clic sul documento. Nella finestra che si apre, immettiamo 100px di larghezza e 60px di altezza e poi diamo Ok.

Creiamo la sfumatura radiale tramite l’apposito pannello “Sfumatura” con le informazioni riportate nell’immagine che segue e spostiamo la nostra forma ovale al centro verticale della sfera e verso il bordo alto della stessa.

Questo primo e semplice tutorial è terminato, puoi lasciare un tuo commento o farci domande in merito. Con questa semplice tecnica, si possono creare infinite forme con i più svariati colori e sfumature, tutto sta nelle tue idee creative…