Mwah! Crea un favoloso rossetto semi realistico in Adobe Illustrator

In questo tutorial imparerai come disegnare un rossetto realistico da zero in Adobe Illustrator e da esso creerai altre versioni. Inizia dalle forme di base in modo da non doverti preoccupare delle tue abilità con lo strumento Penna. Userai effetti Warp e Pennelli artistici per creare riflessi e luci. Inoltre, ti presenterò l'opzione Regola il bilanciamento del colore, ottima per creare diverse versioni dello stesso rossetto. Cominciamo!


1. Crea un nuovo documento

Avvia Illustrator e dal File menu scegli Nuovo. Digitare un nome, impostare la larghezza e l'altezza del nuovo documento, quindi selezionare pixel come unità e RGB come Modalità colore.

Avanti, vai a Modifica> Preferenze> Generale e impostare il Incremento della tastiera a 1px. Ora puoi iniziare a disegnare.


2. Crea la base del rossetto

Passo 1

Prendi il Strumento rettangolo (M) e fai clic in qualsiasi punto della tua tavola da disegno, quindi inserisci le dimensioni mostrate e premi ok. Con questo rettangolo selezionato, vai a Effetto> Deformazione e applicare il Arco, Shell Upper e Rigonfiamento effetti. Dopo questo otterrai la forma di cui abbiamo bisogno.

Nell'immagine successiva puoi vedere le impostazioni applicate:

Passo 2

Ora, è necessario espandere i tre effetti applicati e per farlo, andare a Oggetto> Espandi Aspetto poi Separa (Shift + Control + G). Quindi, prendi il Strumento di selezione diretta (A) e seleziona solo i due punti di ancoraggio in basso, quindi vai a File> Script> Arrotonda qualsiasi angolo e applicare un 8 Raggio.

Avrai bisogno di installare lo script Round Any Corner. Riavvia Illustrator ed è pronto per partire.

Passaggio 3

Prendi il Strumento ellisse (L) e disegna un'ellisse con le dimensioni mostrate. Spostalo sopra la parte superiore della base e assicurati che siano centrati. Avendo selezionato entrambe le forme, fare clic su Sottrai dall'area della forma> Espandi nel esploratore pannello.

Passaggio 4

Copia (Control + C) e Incolla davanti (Control + F) la forma della base ottenuta nel passaggio precedente. Sposta leggermente la copia, circa 8px se premi il tasto Freccia in giù tasto sulla tastiera otto volte. copia e Incolla davanti di nuovo la base quindi selezionare la forma rossa e la copia della base e fare clic Sottrai dall'area della forma> Espandi dal esploratore pannello. Di conseguenza otterrai il bordo in alto.


3. Colora la base del rossetto

Riempi il bordo ottenuto al passaggio precedente con il gradiente lineare mostrato di seguito usando il bianco e molte sfumature di grigio. In questo caso, vogliamo una base scura per il rossetto, quindi riempiamo questa forma con l'altra sfumatura mostrata.


4. Aggiungi riflessi alla base

Passo 1

Disegna un'ellisse con il Strumento ellisse (L) e sistemarlo sulla base come mostrato di seguito. Riempi con un gradiente lineare dal bianco al grigio scuro, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana e applicare a Raggio 3px. Impostare il Modalità di fusione a Luce forte e ridurre il Opacità a 55%.

Passo 2

Ora, prendi il Strumento penna (P) e traccia un percorso sul lato destro della base. Stroke con un pennello artistico chiamato Tapered-Round che puoi trovare nel Librerie di pennelli> Artistico> Artistic_Ink, Peso del colpo di 1pt. Con questo percorso selezionato, vai a Oggetto> Espandi Aspetto poi Separa. Riempi la forma risultante con un gradiente lineare da bianco a nero, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana e applicare a Raggio 2px. Impostare il Modalità di fusione a Dodge Color e ridurre il Opacità a 20%.

Passaggio 3

È tempo di mascherare queste riflessioni. Primo, copia e Incolla davanti la base scura e rimuovere il riempimento sfumato esistente. Porta questa forma di fronte a tutto andando a Oggetto> Disponi> Porta in primo piano. Ora, seleziona le due forme di riflessione e anche la copia della base e vai a Oggetto> Maschera di ritaglio> Crea.


5. Crea il corpo in metallo del rossetto

Passo 1

Prendi il Strumento rettangolo arrotondato e disegna un piccolo rettangolo con le dimensioni mostrate. Riempi questa forma con un gradiente lineare usando molte sfumature di grigio e spostalo nella parte superiore della base come nell'immagine successiva. Mandalo dietro tutto andando a Oggetto> Disponi> Invia a indietro.

Passo 2

copia e Incolla sul retro (Control + B) la forma del passaggio precedente e spostala leggermente premendo il tasto Freccia su tasto sulla tastiera due volte. Ora, pur avendo selezionato questa forma, dai un'occhiata al Trasformare pannello e invece di 134 px 128px nel campo della larghezza. Mantieni la stessa sfumatura di riempimento.

Passaggio 3

Quindi, disegna un rettangolo arrotondato con le dimensioni mostrate. Prendi il Aggiungi strumento Punto di ancoraggio (+) e aggiungi due punti extra al centro dei bordi superiore e inferiore. Utilizzare il Strumento di selezione diretta (A) per selezionare solo questi due punti e spostarli un po 'verso il basso premendo il tasto Freccia in giù Chiave due volte. Ora, usa il Converti strumento punto di ancoraggio (MAIUSC + C) per generare le maniglie e trasformarle da punti d'angolo a punti morbidi. Disporre questa forma come nell'immagine e riempirla con la sfumatura mostrata.

Passaggio 4

copia e Incolla sul retro la forma disegnata nel passaggio precedente e spostala leggermente premendo il tasto Freccia su chiave due volte. Dai un'occhiata al Trasformare pannello e tipo 111px invece di 118px nel campo larghezza per rendere la forma leggermente più piccola. Sostituisci anche il riempimento sfumatura esistente con quello mostrato in precedenza. Il prossimo, copia e Incolla sul retro questa forma e spostarla di nuovo 2px su, quindi impostare la larghezza su 105px. Ripeti questa azione ancora una volta usando l'ultima forma come indicato di seguito.

Passaggio 5

Utilizzare il Strumento rettangolo arrotondato disegnare un rettangolo con le dimensioni mostrate e andare a Oggetto> Percorso> Aggiungi punti di ancoraggio. Di conseguenza otterrai un punto in più nel mezzo di ogni lato. Seleziona usando il Strumento di selezione diretta (A) solo il punto medio in basso e spostalo di 2 pixel verso il basso. Utilizzare il Converti strumento punto di ancoraggio (MAIUSC + C) generare le maniglie e creare il fondo arrotondato. Posiziona questa forma sopra le altre e riempila con la sfumatura mostrata, che è fondamentalmente la stessa, solo alcune delle fermate si trovano in una posizione diversa.

Passaggio 6

Infine, disegna un'ellisse in alto e riempila con il gradiente radiale mostrato.


6. Disegna la forma del rossetto

Passo 1

Prendi il Strumento rettangolo (M) e disegna a 68 x 150 px rettangolo. Aggiungi un punto in più con il Aggiungi strumento Punto di ancoraggio (+) in basso quindi spostalo un po 'verso il basso premendo il tasto Freccia in giù chiave due volte (2px). Con il Converti strumento punto di ancoraggio (MAIUSC + C) trasforma questo punto dall'angolo al punto liscio perché abbiamo bisogno di un fondo arrotondato. Aggiungi un altro punto con il Aggiungi strumento Punto di ancoraggio (+) in alto come indicato.

Passo 2

Prendi il Strumento di selezione diretta (A) e selezionare solo il punto in alto a destra e spostarlo verso il basso come mostrato. Utilizzare il Converti strumento punto di ancoraggio (MAIUSC + C) trascinare le maniglie. Quindi, sposta il punto in alto a sinistra verso il basso e trasformalo anche da un angolo a un punto morbido.


7. Colora il rossetto

Passo 1

Innanzitutto, disegna con Strumento penna (P) una forma in alto come mostrato nell'immagine qui sotto. Riempi queste due forme che compongono il rossetto con le sfumature mostrate.

Passo 2

Prendi il Strumento penna (P) e traccia un percorso seguendo il bordo tra le due forme. Stroke con un pennello artistico chiamato Colpo affusolato che puoi trovare nel Librerie di pennelli> Artistico> Artistic_Ink. Impostare il colore del tratto su rosa scuro e il peso su 0.1pt.


8. Aggiungi punti salienti al rossetto

Passo 1

Utilizzare il Strumento penna (P) disegnare un tracciato come sotto sul lato sinistro del rossetto e selezionare bianco come colore del tratto. Prova a non attraversare la forma metallica altrimenti avrai bisogno di una maschera. Traccia questo percorso con un pennello artistico chiamato Tapered-Sharp che puoi trovare nel Menu Librerie di pennelli> Artistico> Artistico_Inchiostro. Riduci il Peso del colpo a 0.35pt. Con questo percorso ancora selezionato, vai a Effetto> Sfocatura> Sfocatura gaussiana e applicare a Raggio 3px.

Passo 2

Quindi, traccia un altro tracciato sul lato destro del rossetto. Seleziona il bianco come colore del tratto e usa lo stesso Pennello artistico per accarezzarlo. Impostare il peso su 0.25pt. Applicare a 1,5 px Sfocatura gaussiana quindi ridurre il Opacità a 35%.


9. Aggiungi dettagli al corpo del rossetto

Passo 1

Utilizzare il Strumento penna (P) disegnare quattro piccoli percorsi curvi sui lati del corpo come mostrato di seguito. Ho accarezzato questi percorsi con a Blend Art Brush che uso parecchio. Ho spiegato come crearlo in un altro mio tutorial. Solo quello invece di 200 x 5 px questo ha le dimensioni 100 x 3 px. Abbassare il Opacità a 75%.

Passo 2

Quindi, disegnare altri cinque percorsi seguendo i bordi delle forme metalliche. Colpiscili con lo stesso Blend Art Brush e imposta il Peso del colpo a 2pt.

Passaggio 3

Utilizzare il Strumento ellisse (L) disegnare a 50 x 177 pixel ellisse e riempirlo con il gradiente radiale mostrato. Impostare il Modalità di fusione a Schermo e otterrai un discreto riflesso dorato.


10. Aggiungi l'ombra sotto il rossetto

Disegnare un'ellisse nella parte inferiore della base e riempirla con una sfumatura radiale dal grigio scuro al bianco. Mandalo dietro tutto andando a Oggetto> Disponi> Inviato a ritorno. Impostare il Modalità di fusione a Moltiplicare e ridurre il Opacità a 50%.


11. Crea il coperchio del rossetto

Passo 1

Utilizzare il Strumento rettangolo (M) e il Strumento ellisse (L) disegnare le due forme e disporle come nell'immagine. Con il Strumento di selezione diretta (A) selezionare solo il punto di ancoraggio superiore dell'ellisse e premere il tasto Elimina tasto sulla tastiera. Ora seleziona il rettangolo e il percorso e fai clic Dividere nel esploratore pannello. stampa MAIUSC + CTRL + G a Separa le forme risultanti eliminano quindi la piccola forma in basso perché non ne abbiamo bisogno.

Passo 2

Disegna un'ellisse sopra la forma ottenuta nel passaggio precedente quindi con entrambi selezionati, fai clic Aggiungi all'area della forma> Espandi nel esploratore pannello. Riempi la forma risultante con il gradiente utilizzato per la base del rossetto.



12. Aggiungi riflessi al coperchio

Passo 1

Ruota il coperchio meno 90 gradi quindi disegna un'ellisse in cima. Riempi l'ellisse con un gradiente lineare dal nero al bianco, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana e applicare a Raggio di 5,6 px. Impostare il Modalità di fusione a Schermo e abbassare il Opacità a 65%.

Quindi, disegna una piccola ellisse sul lato destro e riempila con un gradiente radiale dal bianco al nero. Applicare a 3px Sfocatura gaussiana quindi cambia il Modalità di fusione a Schermo.


Passo 2

Per mascherare queste due forme, prima Copia (Control + C) e Incolla davanti (Control + F) il coperchio ed elimina il riempimento sfumato esistente. Porta questa copia in primo piano quindi seleziona le due forme e anche la copia e vai a Oggetto> Maschera di ritaglio> Crea.



13. Aggiungi ombra sotto il coperchio

Passo 1

Utilizzare il Strumento ellisse (L) disegnare due ellissi con le dimensioni mostrate e disporle come di seguito. Dare loro un riempimento nero e ridurre il Opacità per l'ellisse più grande a 0%. Avere entrambe le forme selezionate, vai a Oggetto> Miscela> Opzioni di fusione e scegliere 50 passaggi specificati. Ora, torna a Oggetto> Miscela e selezionare Rendere. Disporre l'ombra sotto il coperchio e inviarlo indietro.

Passo 2

A questo punto il rossetto è pronto e appare sotto:



14. Crea un rossetto dorato

Passo 1

Usando il rossetto creato puoi facilmente ottenere altre versioni. Tutto quello che devi fare è fare una copia e cambiare alcune cose. Innanzitutto, sostituisci le sfumature di metallo con quelle mostrate sotto e otterrai un rossetto dorato. La differenza tra il primo e il secondo gradiente si trova nelle posizioni di alcune delle fermate, ma i colori sono gli stessi.


Passo 2

Puoi anche cambiare il colore del rossetto. Ho scelto un rosso forte. Sostituisci i gradienti rosa con quelli mostrati poi cambia anche il colore del tratto del piccolo percorso tra i due. Con questo, il rossetto dorato è pronto.



15. Creare altre versioni tramite Regola bilanciamento colore

Passo 1

C'è un altro modo semplice con cui è possibile creare altre versioni del rossetto. Mi riferisco al Regola il bilanciamento del colore opzione. L'ho usato io per la prima volta e penso sia grandioso. Per prima cosa, fai una copia del rossetto rosa e seleziona l'intero corpo e poi vai Modifica> Modifica colori> Regola bilanciamento colore. Selezionare RGB come il Modalità colore quindi trascina il Blu cursore fino a 10%. Otterrete un aspetto metallico arrossire e anche arrossire i riflessi sulla base. È possibile mantenere la base così com'è e selezionare solo le forme metalliche se lo si desidera. Questa volta, nel Regola colori la finestra trascina il Rosso cursore fino a 10% e otterrai un aspetto dorato.


Passo 2

La stessa cosa può essere fatta per il rossetto. Seleziona solo le due forme rosa e il piccolo percorso tra di loro (senza le alte luci), quindi vai a Modifica> Modifica colori> Regola bilanciamento colore. Per una rosa brillante trascina il verde cursore fino a -15%. Per un rosso acceso, hai bisogno di una combinazione di Verde e Blu, quindi trascina i cursori come mostrato e premi ok. Facile, giusto?



Favoloso! Ora sei fatto!

Ora che sai come disegnare un rossetto realistico puoi sperimentare varie forme e colori perché ci sono molti tipi di rossetti tra cui scegliere. Gioca anche con l'opzione Regola bilanciamento colore in Illustrator e guarda cosa otterrai. Puoi creare molte versioni partendo dallo stesso rossetto. Mi piacerebbe vedere i tuoi disegni.