Nei seguenti passaggi imparerai come creare una semplice illustrazione del cuore. È un suggerimento rapido piuttosto semplice che ti insegnerà come evitare di usare lo strumento Penna quando stai cercando di creare una forma vettoriale piuttosto complessa. Inizieremo con due semplici rettangoli. Successivamente, usando le opzioni di trasformazione di base, l'effetto angoli arrotondati, un piccolo script, alcuni strumenti semplici e l'effetto Warp Fisheye costruiremo la forma del cuore principale. Passando alla colorazione, utilizzeremo il pannello Aspetto, diverse sfumature lineari, opzioni Pathfinder più alcuni effetti di base e tecniche di fusione. Per gli ultimi ritocchi useremo un semplice effetto Transform.
Premi Comando + N per creare un nuovo documento. Inserire 600 nella casella della larghezza e 400 nella casella dell'altezza, quindi fare clic sul pulsante Avanzate. Seleziona RGB, schermo (72ppi) e assicurati che la casella "Allinea nuovi oggetti in griglia pixel" sia deselezionata prima del tuo clic OK.
Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Per questo tutorial avrai bisogno di una griglia ogni 5px. Basta andare su Modifica> Preferenze> Guide> Griglia, inserire 5 nella griglia ogni casella e 1 nella casella Sottori. Dovresti anche aprire il pannello Informazioni (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di impostare l'unità di misura su pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.
Usando lo strumento Rettangolo (M), crea una forma di 90 x 150 px, riempila con R = 235, G = 235, B = 235 quindi crea una copia in primo piano (Ctrl + C> Ctrl + F). Selezionare questa copia e sostituire il grigio chiaro utilizzato per il riempimento con R = 238, G = 26, B = 26. Passa al pannello Livelli, attiva il rettangolo rosso e rendilo invisibile facendo clic sull'icona dell'occhio. Avrai bisogno di questa forma più tardi, ma per il momento è meglio tenerlo nascosto.
Concentriamoci su quel rettangolo grigio. Selezionalo e vai su Oggetto> Trasforma> Ruota. Inserisci un angolo di 45 gradi, fai clic su OK e vai su Oggetto> Trasforma> Rifletti. Controlla il pulsante Verticale e fai clic sul pulsante Copia. Ovviamente, questo creerà una copia capovolta della forma grigia. Seleziona questa copia e vai su Oggetto> Trasforma> Sposta. Immettere 42.4 px nella casella Orizzontale e 0 px nella casella Verticale, quindi fare clic su OK. Alla fine il rettangolo capovolto dovrebbe essere posizionato come mostrato nella quarta immagine. Seleziona entrambi i rettangoli grigi, apri il pannello Pathfinder e fai clic sul pulsante Unite. Usando lo Strumento Rettangolo (M), crea una forma 125 per 60 px e posizionala come mostrato nella sesta immagine. Seleziona questo nuovo rettangolo insieme alla forma grigia e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. La forma risultante dovrebbe apparire come nella settima fase.
Concentrati sul pannello Livelli e attiva la visibilità per quel rettangolo rosso creato nel secondo passaggio. Selezionalo e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 45 px, fai clic su OK e vai su Oggetto> Trasforma> Ruota. Inserisci un angolo di 45 gradi, fai clic su OK e vai su Oggetto> Trasforma> Rifletti. Controlla il pulsante Verticale e fai clic sul pulsante Copia. Seleziona la forma appena creata e vai su Oggetto> Trasforma> Sposta. Immettere 42.4 px nella casella Orizzontale e 0 px nella casella Verticale, quindi fare clic su OK. Seleziona entrambe le forme rosse, vai su Oggetto> Espandi aspetto quindi fai clic sul pulsante Unisci dal pannello Elaborazione tracciati. Infine, seleziona la forma rossa insieme al triangolo grigio creato nel passaggio precedente e fai clic sul pulsante Unisci dal pannello Elaborazione tracciati.
Successivamente, avrai bisogno dello script Round Any Corner. Puoi trovarlo nell'articolo Vectortuts + 20 Free e utili script di Adobe Illustrator. Salvalo sul tuo disco rigido, torna a Illustrator e prendi lo strumento di selezione diretta (A). Seleziona il punto di ancoraggio superiore evidenziato nella prima immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un Raggio 3px e fai clic su OK. Continuare con lo strumento Selezione diretta (A), selezionare il punto di ancoraggio inferiore evidenziato nella prima immagine e andare di nuovo su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un raggio di 8px e fai clic su OK. Passare allo strumento Elimina punto di ancoraggio (-) e rimuovere semplicemente i punti di ancoraggio evidenziati nella seconda immagine.
Assicurati che la tua forma rossa sia ancora selezionata e vai su Effetto> Deformazione> Fisheye. Immettere le proprietà mostrate nell'immagine seguente, fare clic su OK e andare su Oggetto> Espandi aspetto. Passa al pannello Livelli, fai doppio clic su questa forma rossa e chiama semplicemente "cuore".
Seleziona "cuore" e crea una copia in primo piano (Ctrl + C> Ctrl + F). Usando lo strumento Ellisse (L), crea una forma di 185 x 90 px e posizionala come mostrato nella seconda immagine. Selezionalo insieme alla copia fatta all'inizio del passaggio e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Seleziona la forma risultante e vai su Oggetto> Tracciato> Tracciato offset. Immettere un offset -3px e fare clic su OK. Rimuovi la forma originale e concentrati sul tracciato vettoriale appena creato. Selezionalo, riempilo con il gradiente lineare mostrato nell'immagine seguente, abbassa la sua Opacità al 70% e cambia il Metodo di fusione in Sovrapposizione. Lo zero giallo dall'immagine del gradiente indica la percentuale di opacità.
Seleziona "cuore" e vai su Oggetto> Tracciato> Tracciato offset. Immettere un offset -3px e fare clic su OK. Riempi la forma risultante con il gradiente lineare mostrato nella seconda immagine, abbassa la sua Opacità al 10% e modifica il metodo di fusione in Moltiplica. Riseleziona "cuore" e crea una copia in primo piano (Ctrl + C> Ctrl + F). Selezionalo, riempilo con il gradiente radiale mostrato nella quarta immagine, abbassa Opacità al 75% e modifica il metodo di fusione in Moltiplica. Ricorda che gli zeri gialli delle immagini del gradiente rappresentano la percentuale di opacità.
Disabilitare la griglia (Visualizza> Nascondi griglia) e il Blocca sulla griglia (Visualizza> Blocca sulla griglia), quindi vai a Modifica> Preferenze> Generale e assicurati che l'incremento della tastiera sia impostato su 1 pixel. Seleziona "cuore" e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 2 pixel verso il basso usando la freccia giù dalla tastiera. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero, abbassa la sua Opacità al 5% e modifica il metodo di fusione in Moltiplica. Seleziona "cuore" e crea una copia in primo piano (Ctrl + C> Ctrl + F). Seleziona questa copia, spostala 2px verso il basso usando la freccia giù dalla tastiera quindi duplicala (Control + C> Control + F). Seleziona questa nuova copia e spostala 3px verso il basso. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco, abbassa l'opacità al 70% e cambia il metodo di fusione in Sovrapposizione.
Seleziona la seconda forma creata nel passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset. Inserisci un offset di -1px e fai clic su OK. Seleziona la forma risultante e aumenta la sua Opacità al 100%. Seleziona "cuore" e crea una copia in primo piano (Ctrl + C> Ctrl + F). Seleziona questa copia, spostala 2px verso il basso e poi duplicala (Control + C> Control + F). Seleziona questa nuova copia e spostala verso il basso di 8 pixel. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco, abbassa la sua opacità al 40% e cambia il metodo di fusione in Sovrapposizione.
Seleziona "cuore" e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 2px in alto usando la freccia su dalla tastiera. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero, abbassa l'opacità al 20% e modifica il metodo di fusione in Moltiplica. Seleziona "cuore" e crea una copia in primo piano (Ctrl + C> Ctrl + F). Seleziona questa copia, spostala 2px in alto e poi duplicala (Control + C> Control + F). Seleziona questa nuova copia e spostala di 2px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco, abbassa la sua opacità al 40% e cambia il metodo di fusione in Sovrapposizione.
Seleziona "cuore" e crea una copia in primo piano (Ctrl + C> Ctrl + F). Seleziona questa copia, spostala 4px in alto e poi duplicala (Control + C> Control + F). Seleziona questa nuova copia e spostala di 3px in su. Riselezionare entrambe le copie eseguite in questo passaggio e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine seguente, abbassa la sua Opacità al 5% e modifica il metodo di fusione in Moltiplica.
Seleziona "cuore" e crea una copia in primo piano (Ctrl + C> Ctrl + F). Seleziona questa copia, spostala 4px in alto e poi duplicala (Control + C> Control + F). Seleziona questa nuova copia e spostala di 11px in su. Riselezionare entrambe le copie eseguite in questo passaggio e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine seguente, abbassa la sua Opacità al 5% e modifica il metodo di fusione in Moltiplica.
Seleziona "cuore" e crea una copia in primo piano (Ctrl + C> Ctrl + F). Seleziona questa copia, spostala 4px in alto e poi duplicala (Control + C> Control + F). Seleziona questa nuova copia e spostala di 18px in su. Riselezionare entrambe le copie eseguite in questo passaggio e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine seguente, abbassa la sua Opacità al 5% e modifica il metodo di fusione in Moltiplica.
Seleziona "cuore", concentrati sul pannello Aspetto e aggiungi un tratto 1pt. Selezionalo, imposta il colore in nero, allineatisi verso l'interno e abbassa la sua Opacità al 10%. Assicurati che la forma del tuo "cuore" rimanga selezionata, continua a focalizzarti sul pannello Aspetto e aggiungi quattro nuovi tratti usando il pulsante Aggiungi nuova traccia (puntato dalla piccola freccia blu). Seleziona la parte superiore, la nuova traccia, la larghezza 14pt, imposta il colore su R = 162, G = 25, B = 24, allineatela verso l'interno e abbassa la sua Opacità al 5%. Sposta al tiro successivo, selezionalo, ingrandiscilo 7pt, imposta il colore su R = 162, G = 25, B = 24, allinearlo verso l'interno e abbassare l'opacità al 15%. Continuare con il colpo successivo, selezionarlo, renderlo largo 3pt, impostare il colore su R = 162, G = 25, B = 24, allinearlo verso l'interno e abbassarne l'opacità al 20%. Infine, seleziona il fondo, il nuovo tratto, rendilo largo 1pt, imposta il colore su R = 162, G = 25, B = 24, allinearlo verso l'interno e abbassare l'opacità al 25%.
Seleziona "cuore" e concentrati sul pannello Aspetto. Seleziona il riempimento e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere le proprietà mostrate nella finestra in alto a sinistra, fare clic su OK quindi aggiungere gli altri quattro effetti Ombra esterna mostrati nell'immagine seguente.
Seleziona Tutte le forme create finora (Control + A) e Raggruppale (Control + G).
Usando lo Strumento Rettangolo (M), crea una forma delle dimensioni della tua tavola da disegno, riempila con R = 40, G = 40, B = 40 e invialo indietro (Shift + Control + [). Assicurati che questo rettangolo rimanga selezionato, concentrati sul pannello Aspetto e aggiungi un secondo riempimento usando il pulsante Aggiungi nuovo riempimento (indicato dalla piccola freccia blu). Seleziona questo nuovo riempimento, imposta il colore al nero, riduci l'opacità al 15%, cambia il metodo di fusione in Moltiplica e vai a Effetto> Artistico> Grana del film. Immettere le proprietà mostrate nell'immagine seguente e fare clic su OK.
Infine, seleziona il gruppo creato nel diciassettesimo passaggio e vai su Effetto> Distorci e trasforma> Trasforma. Inserisci le proprietà mostrate nella finestra di sinistra, fai clic su OK e vai di nuovo su Effetto> Distorci e Trasforma> Trasforma. Inserisci le proprietà mostrate nella finestra di destra, fai clic su OK e il gioco è fatto.
Ora il tuo lavoro è finito. Ecco come dovrebbe apparire. Puoi fare molto di più con quegli effetti di trasformazione aggiunti nel passaggio finale. Basta aggiungere un angolo diverso per la rotazione e il risultato potrebbe sorprendervi.