Cosa può esserci di più divertente che aiutare Frenchy ad apprendere le abilità per i capelli e il trucco? In questo tutorial creeremo asset di icone e un grazioso ritratto di busto di ritratto perfetto per un'app mobile per spa e trucco ispirata a uno dei personaggi più carini di Grasso!
Creeremo ogni risorsa con l'aiuto di uno schizzo fornito e impareremo a riprodurre rapidamente i disegni colorati Adobe Illustrator CC. Quindi, creeremo il ritratto finale e riuniremo il disegno in un'illustrazione completa. Come sempre, puoi potenziare il tuo design con risorse vettoriali aggiuntive da Envato Market per creare qualcosa di unico. Se desideri accelerare il processo, puoi acquistare icone di trucco o una base verticale dal mercato seguendo questo tutorial.
Iniziamo preparando il nostro documento. Creare un Nuovo documento nel Adobe Illustrator CC e importa lo schizzo visto di seguito, che puoi scaricare a destra di questo tutorial. La mia dimensione finale del design era intorno 8 pollici di 10 pollici, anche se sei il benvenuto a lavorare con qualsiasi dimensione adatta alle tue esigenze di progettazione.
Inoltre, puoi disegnare il tuo design e utilizzare questo tutorial come guida tecnica. Serratura l'oggetto schizzo nel tuo Livelli pannello e creiamo!
A partire dall'icona del simpatico pettine viola, disegna due rettangoli sovrapposti con il Strumento rettangolo (M). Ho impostato il colore di riempimento sul viola e il colore del tratto su null. Quindi, ho selezionato ogni angolo dei rettangoli con il Strumento di selezione diretta (A) e tirato loro Angoli vivi verso il centro per arrotondare gli angoli a mio piacimento. Puoi vedere quel risultato sotto!
Unire i due rettangoli arrotondati nel esploratore pannello. Disegna sette rettangoli identici con il Strumento rettangolo e sovrapponi il pettine con loro. Unire i sette rettangoli e colpisci Indietro Meno davanti nel esploratore pannello. Quindi, seleziona il pettine con il Strumento di selezione diretta e manipolare il Angoli vivi quindi il pettine ha i bordi arrotondati come quello mostrato di seguito.
Aggiungi un tratto spesso di colore scuro al tuo oggetto pettine. Ho scelto il marrone. Anche i viola scuro e le magenta sono fantastici. Applicare semplici gradienti lineari a rettangoli sovrapposti. Il mio gradiente passa da viola a 100% a 0% di opacità. Aggiusta il Opacità di un gradiente nel Pendenza pannello.
Utilizzare il Strumento per la creazione di forme (Shift-M) per eliminare forme sovrapposte l'una dall'altra. Seleziona il rettangolo del gradiente e il pettine, quindi seleziona la forma non sovrapposta con il Strumento per la creazione di forme. Infine, deseleziona ed elimina la forma estranea. È una tecnica semplice che uso spesso per il rendering di oggetti come questo. Gruppo (Control-G) tutti i componenti del pettine insieme.
Per creare quel cuore adorabile sul pettine (e diversi cuori durante questo tutorial), usiamo la seguente tecnica:
Ora che hai creato un cuore incredibilmente perfetto, puoi farlo Copia (Control-C) e Incolla (Control-V) ogni volta che hai bisogno di un cuore in questo progetto!
L'accessorio per capelli finale è la forcina! Ho usato il mio schizzo come guida per disegnare una forma sinuosa di spillo con il Pencil Tool (N). Impostare il Caps e angoli a arrotondato nel Ictus pannello. Con il Width Tool (Shift-W), regola la larghezza del bordo superiore del forcipe in modo che abbia una estremità più grande e bulbosa.
Converti il tratto in un oggetto andando a Oggetto> Espandi, e dare alla forcina un tocco corrispondente al suo colore di riempimento di 1-2 pt con Cappucci arrotondati e angoli.
In alternativa puoi disegnare la forcina con il Strumento Pennello blob (Shift-B) con la pressione abilitata per ottenere la variazione vista di seguito.
C'è molto trucco in questo progetto, quindi andiamo avanti nella prima metà del set completo! Per iniziare, abbiamo il simpatico applicatore di ombretti:
Aggiungi un contorno spesso all'esterno dell'oggetto copiatura e incollare il design dell'applicatore, Uniting nel esploratore pannello, e Allineamento dietro l'applicatore originale. Gruppo i componenti dell'applicatore insieme.
Quindi abbiamo l'ombretto compatto!
Ora è il momento di riempire il patto! Disegna rettangoli arrotondati per ogni padella per ombretti e aggiungi a ciascuno un cuore con colori coordinati, disegnato in precedenza. Per i riflessi sul coperchio compatto, disegna tre rettangoli diagonali con il Strumento penna (P) e applicare un gradiente lineare a ciascuno che passa da bianco a 100% a 0% di opacità.
Utilizzare il Strumento per la creazione di forme per eliminare la parte estranea delle forme dal coperchio del rettangolo arrotondato. Seleziona e Gruppo tutti i componenti dell'ombretto insieme per completare l'icona.
Avremo bisogno di arrossire con quell'ombretto!
Ora completiamo il compatto:
Quindi, creiamo una bacchetta per mascara:
Per completare la prima parte della nostra sezione di creazione di icone per il trucco, creeremo un soffio di polvere soffice:
Ora abbiamo bisogno del soffio di polvere stesso:
Per iniziare la nostra seconda sezione di trucco, lavoreremo sulla creazione di un rossetto carino.
Creiamo il rossetto stesso:
Prima di completare il rossetto, creiamo un divertente disegno scintillante dietro di esso! Disegna un cerchio giallo brillante con il Strumento ellisse. Vai a Effetti> Distorci e trasforma > Zip e Zag e inserisci i seguenti attributi o simili:
Posiziona il cerchio Zig & Zagged dietro il rossetto e aggiungi un contorno con lo spessore che preferisci. Inoltre, se lo desideri, puoi disegnare una forma di luce al centro del rossetto.
Per completare il rossetto, disegna una serie di cerchi bianchi lungo la base per creare graziose piccole perle sul contenitore del rossetto. Gruppo tutto insieme una volta che sei soddisfatto del tuo design.
Il nostro ultimo design di icone è il piccolo contenitore di crema per il viso.
Quindi dovremo disegnare una rosa. Ho usato il Strumento Pennello blob senza impostazioni di pressione, ma sei libero di usare qualsiasi strumento di disegno che ti piace di più.
Inizia con un triangolo arrotondato e costruisci petali attorno ad ogni lato. Continua ad aggiungere petali, arrotondati e appuntiti, tra l'ultimo anello di petali per disegnare un fiore più grande e più grande. Nota come i petali più grandi hanno punti, cali e curve in essi. In totale ho disegnato sei giri di petali.
Gruppo tutto insieme e completiamo il contenitore per la crema viso.
Disegna una grande forma rosa sotto il gruppo di rose per riempirlo. Puoi aggiungere piccole forme rosse e rosa chiaro intorno alla rosa per ombreggiare ed evidenziarlo. Posiziona la rosa al centro del contenitore per la crema viso.
Aggiungi ombre e forme di evidenziazione alla crema viso stessa. Ho anche aggiunto un contorno più spesso al gruppo di forme più grandi per completarlo e quindi raggruppate tutto insieme.
Ci prendiamo una pausa dal lavorare con le graziose icone di trucco per creare il ritratto di Frenchy, il personaggio più simpatico di Grasso. Creare un Nuovo strato nel Livelli pannello in modo che il tuo documento sia organizzato e puoi concentrarti sulla creazione di un ritratto. Iniziamo con la testa:
Sotto la tua testa, usa il Strumento Penna per iniziare a disegnare la metà sinistra del collo, delle spalle e del busto. copia, Incolla, e Riflettere la metà sinistra del corpo per formare il lato destro. Potrebbe essere necessario regolare i punti di ancoraggio centrali in modo che i due oggetti si sovrappongano un po 'di più. Una volta soddisfatti del loro posizionamento, Unire i due oggetti nel esploratore pannello.
È ora di fare nuovamente riferimento allo schizzo. In realtà, potresti voler farlo durante l'intero tutorial, ma dipende da te.
Raggruppa tutti questi elementi per mantenere il tuo Livelli pannello organizzato.
io Copiato e incollato l'occhio destro e riflessa su un asse verticale per creare l'occhio sinistro. Le narici del naso sono due piccole lacrime, proprio come il disegno originale del disegno.
La bocca è stata tracciata dallo schizzo utilizzando il Strumento Penna. I denti hanno lo stesso gradiente degli occhi, con piccole lacrime che creano gli angoli della bocca. Le labbra sono come semicerchi curvi che hanno Gradienti radiali applicato a loro andando dal tono della pelle di base a un dolce, rosa brillante.
Ho aggiunto un paio di cerchi marrone scuro per iniziare gli occhi. Quindi, ho disegnato forme d'ombra simili a quelle disegnate negli occhi per definire i lati e il fondo del naso e il fondo della bocca.
Per ora, ho nascosto la testa e il corpo nel Livelli pannello in modo da poter tracciare le sopracciglia e posizionare l'ombretto nello stesso punto del disegno. L'ombretto è una forma arrotondata, disegnata con il Strumento Penna, posto dietro gli occhi, con a Gradiente lineare applicato che va dal blu a 100% a 0% di opacità verso i bordi esterni.
Ho anche aggiunto delle forme brillanti alle labbra. Aggiungerò anche molte scintille al design finale.
Imposta il colore di riempimento degli occhi per il marrone e il colore del tratto per il marrone scuro. Posiziona i cerchi sotto alcuni degli oggetti ciglia nel Livelli pannello. Sarà più facile da vedere nel design finale, ma ho aggiunto forme di pesca leggera agli angoli della bocca e del mento per creare semplici riflessi sul viso.
Per i dettagli negli occhi, ho disegnato un paio di piccoli cerchi marrone scuro per le pupille e ho aggiunto delle ombre più scure di colore marrone scuro agli occhi per creare più profondità. Inoltre, ho disegnato alcune forme di luce sul naso e negli angoli degli occhi e ho aggiunto forme più ampie di blush su entrambe le guance che si adattano al gradiente usato sulle labbra ma sono un po 'più trasparenti e più chiare.
Alla fine, ho disegnato un paio di forme curve marrone chiaro sul fondo dell'iride e ho aggiunto delle scintille all'ombretto. Gruppo insieme tutti i componenti del viso e unhide la testa e il corpo in modo da poter vedere quanto è carino il volto che hai appena creato!
Ancora una volta ho nascosto la faccia e il corpo. Questo è così che possiamo concentrarci completamente sui capelli e ricrearli dallo schizzo.
Posiziona le sezioni di capelli non frangiati o frangia dietro la testa nel Livelli pannello. Ora non ha più i peli del viso rosa!
Ho disegnato una forma nella parte centrale superiore dei capelli e ho aggiunto un Gradiente radiale che va dal rosa scuro al rosa medio per iniziare a mostrare una certa profondità nei suoi capelli.
Ho nascosto la parte posteriore dei suoi capelli in modo che possiamo concentrarci prima sulla sezione anteriore.
Ripeti il processo del passaggio precedente sulla sezione posteriore dei capelli. Definire sezioni, alcuni fili e anche alcuni punti salienti nei capelli con un rosa più chiaro. Perché adoro il glitter e il glamour ho aggiunto delle scintille ai suoi capelli, ma potrebbe non tenerli nel design finale.
Usando lo schizzo come guida, traccia la maglia in due metà, come abbiamo fatto con le spalle e il busto. Unire le forme nel esploratore pannello.
Ho cambiato il colore del contorno in marrone per abbinarlo al resto del mio disegno.
Ecco una rapida occhiata al design finora. Abbiamo bisogno di creare il banner e lo sfondo e riunirlo con le icone create in precedenza per completare il progetto. Gruppo l'intero ritratto di busto disegnato insieme, e finiamo questo!
Il banner ha un processo di progettazione piuttosto semplice. Disegna un rettangolo e Arco andando a Effetto> Ordito> Arco. Ho applicato un Orizzontale curva di -46% al mio rettangolo. Quanto è curva la tua forma dipende interamente da te. Vai a Oggetto> Espandi Aspetto per espandere i confini dell'effetto di curvatura.
Per la piega e le code del banner, disegna un piccolo rettangolo della stessa altezza del rettangolo che hai disegnato nel passaggio precedente. Aggiungi un punto di ancoraggio al centro del lato sinistro del rettangolo e spostalo verso l'interno con il Strumento di selezione diretta.
Per la piega dell'insegna, disegna un triangolo che si connette all'angolo superiore interno della piccola forma a bandiera e all'angolo superiore esterno del banner.
Ripeti per il lato destro in modo da avere un banner carino come quello visto di seguito. Notare che il triangolo e la forma della bandiera sono dietro la forma del banner curvo nel Livelli pannello.
Utilizzare il Tipo Strumento (T) per scrivere una frase divertente o un titolo per il tuo disegno da posizionare sul banner con caratteri di script di qualche tipo. Dai un'occhiata a Favoloso, Zaila o Melancolie Mercato Envato.
Applicare lo stesso Arco al tipo come hai fatto per il rettangolo originale del banner e Espandere suo Aspetto sotto Oggetto.
Disegna un grande rettangolo blu chiaro dietro il disegno, sopra il tavola da disegno per creare lo sfondo per il design. Mossa, Ruotare, e Scala le tue icone di trucco e accessori attorno al ritratto e al banner per aiutare a riempire lo spazio all'interno del tavola da disegno.
Finalmente, siamo pronti per tornare al liceo! O piuttosto completa il nostro design di questa cutie della Beauty School. Ho aggiunto un Gradiente radiale al rettangolo di sfondo e spostato le varie icone verso l'esterno dal ritratto per dare un sacco di spazio al design francese. Infine, ho aggiunto molte scintille e alcuni dettagli aggiuntivi per i capelli e il viso.
Condividi il tuo design completato nella sezione commenti qui sotto! Da quali altri simpatici personaggi puoi creare Grasso? Immaginiamo tutta una serie di giochi di bellezza e spa con il cast pieno di personaggi divertenti del film!
Se desideri utilizzare altre icone per il tuo design, puoi acquistarle come titoli azionari da Envato Market: