Crea un fiore tropicale a un colpo con Adobe Illustrator CS6

Nel tutorial di oggi ti mostrerò come creare fiori "a colpo unico", ispirati a un processo di nail art. È rivolto specificatamente ai principianti ed è perfetto per mostrare alcuni effetti fantastici con la nuova sfumatura di Adobe Illustrator CS6 su tratto.


Ispirazione

Recentemente, ho seguito il viaggio di un amico nella creazione di disegni di nail art ... una forma d'arte così delicata in uno spazio così piccolo. Ciò che mi ha afferrato è stata una tecnica chiamata "fiori a un colpo", che è dove usi due colori smalto su un pennello per produrre un effetto sfumato per un petalo.

Ero curioso di sapere come è stato fatto e così ho finito per controllare i video su YouTube. Se sei come me, riconoscerai che questo processo può essere duplicato in vettoriale, specialmente con il nuovo gradiente di funzione su tratto in Illustrator CS6. Quindi creiamo!


Passo 1

Inizia con il disegno di un cerchio pari usando lo strumento Ellisse (L). Puoi farlo in due modi diversi. Fare clic una volta sulla tela per ottenere la finestra di dialogo sottostante e immettere i valori di Larghezza e Altezza mostrati. Ora tieni premuto Alt + Maiusc mentre disegni la tua cerchia. Entrambi produrranno anche cerchi.


Passo 2

All'interno del pannello Traccia, cambia il Peso a 60 punti e otterrai la forma simile a una ciambella mostrata sotto.

Verso il fondo del pannello, userò un profilo. Specificamente userò "Width Profile 1". La ragione per cui sto andando con questo profilo è dare l'impressione di una pressione simulata sul tratto.


Passaggio 3

Ora per ruotare il cerchio in modo che la parte più sottile del tratto si trovi in ​​basso. Seleziona il cerchio e vai su Oggetto> Trasforma> Ruota e inserisci il valore 270 gradi, quindi fai clic su OK.


Passaggio 4

Usando lo strumento di selezione diretta (A), ho intenzione di spostare i punti superiore e inferiore del cerchio per produrre una forma di goccia piatta con il fondo strappato. Per prima cosa fai clic sul punto in alto e poi usando i tasti freccia, spingi verso l'alto o usa lo stilo del mouse / penna per tirare verso l'alto. Avrai voglia di mantenere il punto ancora orizzontalmente centrale; quindi se stai usando il metodo stilo del mouse / penna, tieni premuto Comando mentre tiri verso l'alto.

Ripeti il ​​processo per il punto in basso, selezionalo prima e poi spostalo leggermente verso l'alto.


Passaggio 5

Utilizzerò lo strumento Trasformazione libera (E) per ridurre prima la larghezza della forma. Anche se non è necessario perché è una forma simmetrica, se si desidera ridurre la larghezza solo di una forma uniformemente su ciascun lato, tenere premuto Alt e tirare verso l'interno uno dei punti centrali della casella di delimitazione.

Dopo averlo fatto, ho ridotto la forma generale per produrre una forma a petalo. Puoi farlo in modo uniforme tenendo premuto Alt + Maiusc e tirando uno degli angoli verso l'interno.


Passaggio 6

Ora hai la forma del petalo, vai nel pannello Campione e seleziona uno dei gradienti predefiniti da applicare al tratto. Sono andato per il giallo il gradiente lineare rosso. All'interno del pannello Sfumatura, seleziona l'opzione Traccia "Applica gradiente sul tratto".


Passaggio 7

Certo, con il fiore che sto cercando di creare, non voglio usare tutte queste sfumature. Ora è il momento di modificare i colori nel gradiente. Nel pannello Gradiente avrai una rappresentazione visiva della transizione dei colori dall'uno all'altro. È possibile modificare l'aspetto di una sfumatura spostando i cursori a gradiente. In questo esempio, ho spostato tutti i cursori a sinistra per dare una punta gialla al petalo.


Passaggio 8

In realtà non voglio usare il rosso e voglio usare un rosa magenta dall'aspetto più tropicale, quindi ho intenzione di trascinare e rilasciare il rosa magenta (C = 0, M = 95, Y = 20, K = 0 ) dal pannello Swatch sopra il cursore rosso del gradiente.

Se vuoi aggiungere nuovi colori senza modificare un colore esistente come ho appena fatto, puoi semplicemente trascinare e rilasciare i colori nel gradiente in qualsiasi spazio disponibile. Sotto ho aggiunto una sfumatura magenta rosa / viola (C = 35, M = 100, Y = 35, K = 10) e poi due viola (C = 75, M = 100, Y = 0, K = 0).


Passaggio 9

Esistono altri modi per modificare il colore di un cursore sfumatura esistente. In questo caso, voglio scurire il viola all'estremità destra del gradiente. Fai doppio clic sul dispositivo di scorrimento del gradiente che desideri modificare e otterrai un pannello Colore. Ho aumentato il valore di "K" a 80 per aggiungere più nero al colore. Basta premere Invio una volta che hai finito.

Ho quindi spostato i cursori sfumati inferiori per rendere l'aspetto viola scuro più simile a una vena nel petalo.


Passaggio 10

Ci sono altre cose che puoi fare nel pannello Gradiente, come la riduzione dell'opacità dei cursori a gradiente. Ciò che fa è produrre un gradiente trasparente. Anche se non li stiamo utilizzando in questo tutorial, puoi scoprirne di più e provarli in questo tutorial sui bug di Illustrator.

Se desideri più spazio per aggiungere colori o modificare una sfumatura, puoi aumentare la dimensione del pannello tirando l'angolo in basso a destra. Se desideri rimuovere i colori dal gradiente, fai clic sul dispositivo di scorrimento del gradiente sul fondo che desideri spostare e fai clic sull'icona del cestino o su "Elimina interruzione".

Ho rimosso diversi colori dal nostro gradiente utilizzando Elimina interruzione, che puoi vedere di seguito:


Passaggio 11

Ora abbiamo la nostra forma di petali e la combinazione di colori di base, userò l'effetto Trasforma per duplicare il nostro petalo. In questo modo non ho bisogno di passare attraverso il processo di copia e incolla e quindi spostare il petalo in posizione.

Vai nel pannello Aspetto. Mentre il tuo petalo è selezionato, fai clic su Traccia per evidenziarlo poiché desideriamo applicare il nostro effetto solo al tratto. Lungo la parte inferiore del pannello c'è un'icona "fx" o "Aggiungi nuovo effetto". Fai clic su questo e vai su Distorci e trasforma> Trasforma.

Avrai una finestra di dialogo Transform Effect come mostrato di seguito. Creerò un fiore con sei petali, simile a una clematide. Dato che ci sono 360 gradi in un cerchio, voglio che i 6 petali siano distribuiti uniformemente attorno al cerchio. Pertanto 360 diviso per 6 sarà uguale a 60 gradi tra ogni petalo. Ciò significa che l'Angolo di rotazione dovrà essere impostato su 60 gradi.

Nella casella Opzioni, voglio ruotare il petalo dalla parte centrale del petalo. Quindi, nell'icona del riquadro di delimitazione, selezionare il punto inferiore centrale. Per quanto riguarda le copie, inserisci il valore "5" ... ti spiegherò perché in un attimo. Fare clic su OK al termine.

Anche se vogliamo sei petali per il nostro fiore, abbiamo già creato un petalo e questo è il nostro petalo originale. Pertanto dovremo duplicare il petalo altre cinque volte. Questo spiega perché nel campo Copie, dovrai sempre inserire uno in meno degli elementi che vuoi visualizzare. Vale anche la pena notare che un valore di angolo positivo duplicherà i petali in senso antiorario, mentre un valore di angolo negativo duplicherà i petali in senso orario.


Passaggio 12

Ora per iniziare a lavorare sulle foglie. Utilizzerò un metodo simile a quello che ho fatto con i petali modificando un cerchio disegnato con lo strumento Ellisse (L). Questa volta non avrà un fondo piatto. Userò semplicemente lo Strumento selezione diretta (A) per tirare verso l'alto il punto più alto.

Sto ancora usando un gradiente su ictus, comunque sarà un 40pt Stroke Weight. Userà ancora Width Profile 1.

Nel pannello Aspetto, applicherò un effetto diverso al tratto. Seleziona il tratto come prima e vai in Aggiungi nuovo effetto> Distorsione e trasformazione> Zig Zag con le impostazioni mostrate di seguito:


Passaggio 13

Ora abbiamo la forma della foglia di base, ho intenzione di alterare la sfumatura all'interno del pannello Gradiente. Ho mantenuto il giallo a sinistra e ho aggiunto tre verdi: Verde chiaro (C = 50, M = 0, Y = 100, K = 0), Verde medio (C = 85, M = 10, Y = 100, K = 10) e Verde smeraldo (C = 90, M = 30, Y = 95, K = 30). Se hai notato nel passaggio precedente, il viola scuro è distorto al centro della foglia, quindi ho spostato il cursore sfumatura verde smeraldo per nascondere la distorsione lì.


Passaggio 14

Se guardi il fiore e la foglia, noterai che abbiamo un po 'di lacuna nel centro. Così ho intenzione di aggirare questo disegnando un cerchio pieno di viola scuro con lo strumento ellisse (L) dietro il fiore e disegnare una forma verde smeraldo con lo strumento Penna (P) dietro la foglia.


Passaggio 15

Verrà aggiunta una vena centrale alla foglia utilizzando lo strumento Segmento di linea (\) per tracciare una linea verticale. Tieni premuto Maiusc e trascina verso il basso o verso l'alto per disegnare una linea perfettamente verticale. Questa linea avrà un peso di colpo di 6pt e ho applicato il profilo di larghezza 5 ad esso. Se l'estremità più grande non è rivolta verso il basso, puoi sempre modificarla facendo clic sul pulsante Capovolgi a destra del menu a discesa Profilo.

Ho quindi applicato la sfumatura delle foglie al tratto e modificato i cursori dei gradienti per fornire un gradiente distribuito più uniforme.


Passaggio 16

È tempo di organizzare le nostre forme. Per prima cosa ho raggruppato tutte le forme per la foglia (Command + G) e poi per il fiore. Ho spostato il gruppo di foglie sotto il gruppo di fiori. È sempre buona norma organizzare le forme e i livelli. Se vuoi saperne di più su questo, puoi consultare questo tutorial sull'organizzazione e il salvataggio di un file vettoriale: molto utile!


Passaggio 17

Ora apporterò alcune modifiche al gruppo foglia. Selezionando il gruppo, tutto ciò che si applica ad esso (effetti, ecc.) Interesserà l'intero gruppo. Tratterà tutti gli elementi all'interno del gruppo come un'unica entità.

Userò l'effetto Transform, lo abbiamo fatto con i petali; tuttavia, voglio che le foglie appaiano tra ogni petalo. Quindi ho intenzione di ruotare il gruppo di foglie di 30 gradi poiché è a metà strada tra i petali, che sono a intervalli di 60 gradi. Seleziona il gruppo foglia e vai su Oggetto> Trasforma> Ruota e inserisci il valore 30, quindi fai clic su OK.


Passaggio 18

Ho spostato il gruppo di foglie ora in posizione con la punta in basso a destra della vena sulla punta inferiore centrale del petalo originale. Ora vai nel pannello Aspetto, noterai che ha un aspetto leggermente diverso rispetto alle singole opzioni dell'oggetto. Tuttavia, puoi comunque aggiungere Aggiungi nuovo effetto> Distorsione e trasformazione> Trasforma.

Nella finestra di dialogo Trasforma effetto, voglio le foglie a intervalli di 60 gradi e di nuovo, ho solo bisogno di 5 copie. Questa volta, selezionerò l'angolo in basso a destra del riquadro dei limiti nella sezione Opzioni, poiché ruoterà dal fondo della vena. Fare clic su OK una volta fatto.

Nel pannello Aspetto noterai che ora verrà visualizzato l'effetto Trasforma, che viene applicato a tutti i contenuti del gruppo, come se fosse un'entità.


Passaggio 19

Per completare il nostro fiore dall'aspetto tropicale, aggiungerò qualche stigma disegnando diversi cerchi pari con lo Strumento Ellisse (L) e assegnandogli il riempimento sfumato da giallo a rosso. Ora questo gradiente era originariamente un gradiente lineare, ma lo modifichi semplicemente facendo clic sulla casella a discesa Tipo e selezionando Radiale.


Conclusione

Il tutorial di oggi è un principiante rivolto a coloro che desiderano imparare alcuni trucchi di base e presentare solo un paio di possibilità con la nuova funzione Adobe Illustrator CS6 Gradient on Stroke. Perché non provare diversi valori nelle opzioni Ruota / Angolo e Copia nella finestra di dialogo Effetto Trasforma per creare diversi stili di fiori?

Ho scoperto da quando gioco con questa funzione, che molti tratti con gradienti complessi possono essere piuttosto affamati di memoria. In effetti, le dimensioni del file per questo fiore un po 'più di 22mb - eek!