Share
Scopri come utilizzare i gradienti, le guide e varie tecniche di Illustrator di base per creare un'illustrazione in scala retrò realistica. Imparerai molte abilità che ti aiuteranno a creare icone e illustrazioni realistiche.
Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.
Crea un nuovo documento con le dimensioni 1600 x 1200 px in un orientamento orizzontale.
Quindi crea la struttura del livello per gli elementi. Ho usato uno strato per la scala, uno per il tavolo sotto e uno per le guide.
Seleziona lo strumento Rettangolo (M) e crea uno sfondo con le dimensioni del documento (1600 x 1200 pixel), quindi allinearlo al centro tavola da disegno. Ora riempilo con un gradiente lineare. Il punto iniziale ha un valore di # dcd5c5 e il punto finale ha un valore di # b7b6a4
Attiva il livello delle guide facendo clic su di esso. Dividi la tavola da disegno verticalmente a metà e orizzontalmente in quarti. Questo passaggio non è assolutamente necessario, ma rende più facile posizionare, misurare e dividere parti del disegno.
Ora puoi iniziare a creare la scala. Attiva il livello di scala facendo clic su di esso. Crea la forma di base del riquadro della scala e applica il colore #cbcaae ad esso. La forma base della padella è simmetrica alla maggior parte degli oggetti in questa illustrazione. Presta attenzione agli angoli in cui # 2 e # 3 sono rotondi mentre # 1 no.
Ora duplica il pan (opzione e trascinamento del mouse). Prendere lo strumento Scissor (C) e dividerlo in due parti uguali. Non dimenticare di chiudere la forma, selezionare due endpoint e Join (Command + J). Applica un gradiente a entrambi gli oggetti. Per la sinistra si imposta l'angolo al 20% (1) e ai seguenti colori: # aea995 (2), # cacab2 (3,4). Per il giusto, imposta l'angolazione al 158% e agli stessi colori. Queste due sfumature fanno sembrare arrotondati i lati della padella.
Crea una nuova forma per l'interno della padella. Anche prestare attenzione agli angoli. Le loro forme sono mostrate nei dettagli 1 e 2
Crea un rettangolo (M) un po 'più piccolo di quello precedente. Seleziona i punti di ancoraggio con lo strumento Selezione diretta (A) e regola la sua forma. Come puoi vedere sui dettagli 1 e 2, gli angoli non sono arrotondati questa volta
Duplica il quadrilatero (opzione e trascinamento del mouse). Prendere lo strumento Scissor (C) e dividerlo in due parti uguali. Applica un gradiente lineare a queste due forme. Per la sinistra si imposta l'angolo al 25% (1) e ai seguenti colori: # b1a784 (2), # c0baa0 (3), # b5a78d (4), # c9caab (5) e # bdb99e (6). Per quello giusto imposta l'angolo al 155% e agli stessi colori.
Crea un'ellisse e riempila con # ada080. Quindi prendi lo strumento Forbici (C) e dividilo orizzontalmente in due pezzi. Elimina quello superiore e chiudi quello inferiore selezionando e unendo i punti finali (Comando + J). Applica l'effetto sfocatura gaussiana (Effetto> Sfocatura> Sfocatura gaussiana) con raggio di 20,8 punti. Imposta la trasparenza della forma sul 65%.
Crea una nuova forma con la stessa forma del bordo interno del piatto. Seleziona questa nuova forma e l'ellisse dal passaggio precedente. Crea maschera di ritaglio (Comando + 7)
Ora crea alcuni punti salienti finali della padella. Prendi lo strumento Segmento di linea (barra retroversa) e crea diversi punti salienti per il bordo del bordo (1) e per i bordi interni (2,3,4). Raggruppa queste linee (Command + G). Applica sfocatura gaussiana (Effetto> Sfocatura> Sfocatura gaussiana) con raggio di 3,3 px e imposta l'opacità al 40%.
In questa parte dell'illustrazione della scala, consiglio di raggruppare (Comando + G) tutte le parti del piatto per poterle nascondere / mostrare durante il processo di creazione del corpo della bilancia, ma è facoltativo.
Crea un nuovo rettangolo. Aggiungi altri due punti di ancoraggio (+) e regola la forma dello sfondo di piccola scala.
Crea un altro rettangolo sopra il precedente e riempilo con un gradiente lineare con un angolo di 90 gradi. Applica sei colori al gradiente: # cbc9ad (1), # 161214 (2), # 4c4a48 (3), # 9396a0 (4), # 2c2e28 (5) e # 2c2e28 (6).
Applica il sottile effetto Ombra esterna a questo rettangolo (Effetto> Stilizzazione> Sfuma ombra) con un'opacità del 100%, il valore dell'offset X impostato su 0px, il valore di offset Y impostato su 2px e il valore Sfocatura impostato su 2px.
Crea un rettangolo nella parte inferiore del corpo della scala e riempilo con il gradiente. Applica i seguenti colori: # A9ABBC (1, 2) e # 3D3B39 (3).
Crea guide dalla sinistra della forma con spazi della stessa dimensione. Nella mia illustrazione gli spazi tra le guide erano impostati su 50px. Prendi lo Strumento Rettangolo (M) e crea un piccolo quadrato nero. Il colore non ha importanza finché lo userai per tagliare non come parte dell'illustrazione. Prendi lo strumento Aggiungi punto di ancoraggio (+) e aggiungi altri due punti di ancoraggio a questo rettangolo. Regola la forma per creare un cuneo.
Allineare il centro in posizione orizzontale alla guida e tagliare il foro nella forma sottostante (Oggetto> Percorso> Dividi oggetti in basso) elimina lo scarto. Ripeti questa procedura dodici volte per ottenere tredici fori.
Seleziona lo strumento Rettangolo (M) e crea il bordo. Riempilo con sfumatura con i seguenti valori: # A9ABBC (1), # A9ABBC (2), #CDCFDF (3), #CDCFDF (4), # A9ABBC (5), # A9ABBC (6) e # 888B97 (7).
Seleziona lo strumento Rettangolo (M) e crea il rettangolo dalla parte superiore del corpo della scala fino a un po 'sotto il suo fondo. Seleziona Aggiungi punti di ancoraggio (+) e aggiungi un punto di ancoraggio sul lato sinistro e due punti di ancoraggio sul lato destro del rettangolo. Seleziona lo strumento Selezione diretta (A) e regola la posizione dei punti di ancoraggio per creare una forma specifica dell'involucro laterale.
Duplica la forma (Opzione + trascinamento del mouse). Seleziona lo strumento Selezione (V) e regola la posizione della forma duplicata in orizzontale nella stessa posizione e leggermente in verticale rispetto a quella originale. Seleziona lo strumento Selezione diretta e regola la posizione di due punti di ancoraggio inferiori leggermente più alti di quelli originali. Applica il colore # b3a98e ad esso.
Invia la forma all'indietro (Command + Left Square Bracket). Con la forma ancora selezionata, applica l'effetto Ombra esterna (Effetto> Stilizzazione> Sfuma ombra) con le seguenti impostazioni: Imposta Opacità su 60%, Offset X e Y su 2px e Sfocatura su 2px.
Ora puoi vedere il risultato del rivestimento laterale finito della scala.
Andiamo ai numeri. Se non l'hai ancora fatto, scarica il font Limelight menzionato nella sezione delle risorse di questo tutorial. Ci sono due modi ora. Seleziona Strumento testo (T), imposta la dimensione del carattere su 36px. Il primo modo è digitare tutti i numeri contemporaneamente. Quindi digita i numeri da 0 a 12 con lo spazio tra di loro. Il secondo modo è digitare ogni numero separatamente. Digitare 0 e premere il tasto Esc per uscire dalla modalità di digitazione. Quindi digitare 1 e premere il tasto Esc. Quindi digitare 2 e così via.
Nel primo caso, fare clic con il tasto destro del mouse sulla serie di numeri digitati e Crea profili (Maiusc + Comando + O). Quindi Separa i numeri (Shift + Comando + G). Il secondo caso non ha bisogno della fase di separazione, quindi seleziona ciascun numero e Crea contorni (Maiusc + Comando + O).
Questo passaggio non è assolutamente necessario, ma è migliore per il posizionamento dei numeri perché il tipo delineato è centrato nel centro assoluto di esso.
Posiziona i numeri orizzontalmente sulle guide che abbiamo impostato per tagliare i fori sul fondo della scala.
Concentrati sulla striscia nera della forma C ora. Dividilo verticalmente a terzi dalle guide. Crea una linea di 3 punti dalla prima guida del foro di taglio all'ultima come vedi sull'immagine.
Seleziona l'opzione Tratteggiata e imposta il valore del Dash su 2pt e il valore Gap su 4pt. Questo funziona per le mie dimensioni della scala, quindi dovresti giocare con questi due numeri perché il principio è che devi ottenere 100 trattini su questa linea.
Ora crea il trattino con lo stesso peso dei trattini impostati per la linea e la lunghezza come un terzo della striscia nera. Posiziona il primo sul primo trattino della linea. Questo rappresenta zero. E ora duplica (Alt + trascina il mouse) per ogni decimo trattino.
Ora fai doppio clic sulla striscia nera per entrare in modalità isolamento. Seleziona lo strumento Rettangolo (M) e crea il rettangolo per un riflesso. Seleziona lo Strumento selezione diretta (A) e regola la posizione dei punti di ancoraggio.
Applica il gradiente con i seguenti valori: # 000000 (1,2), # 2c2e28 (3), # 2c2e28 (4) e # 2c2e28 (5)
Duplica la striscia di forma C nera (Alt + trascinamento del mouse) e porta in primo piano (Comando +]). Seleziona sia la copia della striscia nera che il rettangolo di riflessione.
Crea maschera di ritaglio (tasto destro> Crea maschera di ritaglio).
E ora è di nuovo il momento dei numeri. Ripeti la procedura con grandi numeri. Seleziona lo Strumento testo (T). Imposta la dimensione del font su 10px e digita numeri da 0 a 1000 per centinaia: 0, 100, 200, 300 ... 800, 900, 1000. Crea contorni (Maiusc + Comando + O).
Quindi Separa i numeri (Shift + Comando + G). Posiziona ciascun numero su ogni decimo trattino creato in precedenza.
Quando tutti i numeri da 0 a 1000 sono posizionati, seleziona Strumento testo (T), imposta la dimensione del carattere su 12px e la famiglia di caratteri su Arial.Tipo di lettera g piccola e posizionala all'inizio della piccola scala. Fai lo stesso per il segno "kg" ma con la dimensione del font 18px.
Seleziona lo strumento Rettangolo (M). Crea un piccolo rettangolo e applica il colore # 8f93a2. Duplica la forma (Alt + trascinamento del mouse) e spostala alla stessa distanza dall'asse verticale.
Applica lo stesso effetto ombra (Effetto> Stilizzazione> Sfalsa ombra) con i seguenti valori a entrambi: imposta l'opacità su 100%, X scostamento su 5px, scostamento Y su -4px e sfocatura su 4px.
Seleziona lo strumento Rettangolo (M) e crea un rettangolo con larghezza su tutta la scala e un'altezza di circa la metà. Seleziona Aggiungi punto di ancoraggio (+) e aggiungi due punti sul bordo inferiore. Seleziona lo strumento di selezione diretta (A) e regola le posizioni dei punti di ancoraggio.
Seleziona lo strumento Converti punti di ancoraggio (Maiusc + C) e regola i punti di ancoraggio degli angoli inferiori per creare gli angoli arrotondati. I due angoli superiori non sono arrotondati.
Applica l'effetto ombra (Effetto> Stilizzazione> Sfalsa ombra) con i seguenti valori: Imposta Opacità al 70%, Offset X a 0px, Offset a 10px e Sfocatura a 5px.
Seleziona lo strumento Rettangolo (M) e crea il rettangolo un po 'più piccolo della forma precedente. Applica il colore # 2a2726 ad esso. Seleziona Strumento selezione diretta (A) e regola i punti di ancoraggio per creare un trapezio.
Applica sfocatura gaussiana (Effetti> Sfocatura> Sfocatura gaussiana) con raggio 4.2px su di esso. Seleziona tutte le forme del riquadro della scala e regola la sua posizione in modo che corrisponda al corpo della scala.
Seleziona lo strumento Ellisse (L). Crea una forma quasi piatta per creare il riflesso.
Applica la sfocatura gaussiana (Effetto> Sfocatura> Sfocatura gaussiana) con un raggio di 4.2 px.
Seleziona lo strumento Rettangolo (M). Crea un rettangolo sulla scala numerica. Il colore non ha importanza per ora. Seleziona Aggiungi strumento Punto di ancoraggio (+) aggiungi quattro punti di ancoraggio al bordo superiore. Seleziona lo Strumento selezione diretta (A) e regola la posizione di questi quattro punti di ancoraggio per creare un piccolo ceppo.
Isolare la forma del cursore (clic destro + isola percorso selezionato). Seleziona lo strumento Rettangolo (M). Crea un rettangolo all'interno della forma del cursore. Applica qualsiasi colore diverso ad esso. Seleziona Aggiungi strumento Punto di ancoraggio (+). Aggiungi tre punti di ancoraggio al centro del bordo inferiore. Seleziona Strumento selezione diretta (A). Seleziona il punto di ancoraggio centrale e trascinalo leggermente per creare un piccolo becco.
Seleziona il rettangolo con un piccolo becco e un buco tagliato con la forma del cursore (Oggetto> Percorso> Dividi oggetti sotto). Applicare un gradiente con i seguenti valori: #cdcfdf (1), # a9abbc (2), # 4a4540 (3), # 928a6e (4), # 2a2726 (5), # 060506 (6).
Applica l'Effetto Ombra (Effetto> Stilizzazione> Sfalsa ombra) con i seguenti valori: Imposta Opacità su 100%, Offset X su 0px, Offset su 1px e Sfoca su 2px.
Seleziona lo strumento Rettangolo (M) e crea un rettangolo sottile sopra la forma del cursore. Applica il colore #cdcfdf ad esso. Mandalo indietro (Alt + Left Square Bracket)
Con il rettangolo ancora selezionato Isolare (clic destro + isola percorso selezionato). Seleziona lo strumento Penna (P) e crea le forme approssimative delle riflessioni dei numeri.
Duplica la forma del rettangolo sottile (Alt + Trascina). Portalo in primo piano (Shift + Command + Right Square Bracket). Seleziona tutte le forme due rettangoli sottili e due forme di riflessione. Crea una maschera di ritaglio (fai clic con il pulsante destro> Crea maschera di ritaglio). Aprire la maschera di ritaglio creata (doppio clic). Seleziona le forme di riflessione. Applicare l'effetto sfocatura gaussiana su di loro (Effetto> Sfocatura> Sfocatura gaussiana) con raggio di 4.2px.
Esci dalla modalità di isolamento. Seleziona lo strumento Rettangolo arrotondato e crea un rettangolo con un raggio d'angolo di 0,5 px. Applica il colore #FFFFFF ad esso.
Imposta l'opacità al 23%.
Il rettangolo trasparente creerà un riflesso del cursore sulla grande scala numerica.
Isolare la forma del cursore (clic destro> Isolare il percorso selezionato). Seleziona lo strumento Rettangolo (M). Crea un rettangolo sopra l'angolo in alto a destra del cursore. Applica il colore # 3d3b39 ad esso.
Applica Gaussian Blur (Effetto> Sfocatura> Sfocatura gaussiana) con raggio 16.7px ad esso.
Selezionare lo strumento Penna (P) per creare la forma copiando la forma superiore del cursore. Ottieni l'angolo retto tenendo premuto shift durante la creazione della linea. Seleziona entrambe le forme, sfocate e nuove. Crea maschera di ritaglio (fai clic con il pulsante destro> Crea maschera di ritaglio)
Seleziona lo strumento Penna (P). Crea un triangolo e la forma arrotondata per i riflessi del numero.
Seleziona entrambi. Applica l'Effetto Sfocatura Gaussiana (Effetto> Sfocatura> Sfocatura gaussiana) con un raggio di 4.2 px a loro. Seleziona lo strumento Rettangolo (M). Crea un rettangolo intorno a loro. Crea la maschera di ritaglio (fai clic con il pulsante destro> Crea maschera di ritaglio).
Concentrati sui due piccoli rettangoli che hai creato sulla scala dei numeri piccoli, in particolare su quella giusta. Seleziona lo strumento Rettangolo (M). Crea un rettangolo sotto la forma grigia.
Applicare un effetto sfocatura gaussiana (Effetto> Sfocatura> Sfocatura gaussiana) con un raggio di 4,2 px. Seleziona lo strumento Rettangolo (M). Crea un rettangolo con la stessa larghezza e altezza dalla forma superiore alla linea di luce nella parte inferiore. Seleziona la forma sfocata e il nuovo rettangolo e crea una maschera di ritaglio (fai clic con il pulsante destro> Crea maschera di ritaglio).
Concentrati sul lato destro della forma nera. Seleziona lo strumento Rettangolo (M). Crea un rettangolo nella metà destra. Applica l'effetto Bagliore interno (Effetto> Stilizzazione> Bagliore interno) con i seguenti valori: Imposta modalità su Normale, Colore su # 000000, Opacità su 32px e Sfocatura su 3.03 px.
Seleziona lo strumento Penna (P) Crea una forma per il foro del pulsante. Tieni di nuovo il turno per gli angoli retti. Applica il colore # 000000 ad esso.
Seleziona lo strumento Rettangolo (M). Crea un rettangolo all'interno della forma nera per creare un pulsante. Applicare un gradiente con i seguenti valori: # b23b3d, # 802b2a (2), # 812c2a (3), # 852f2c (4), # 612628 (5), # 612628 (6), # 852b26 (7) e # 812c2a (8).
Ultimo ma non meno importante è la forma del logo. Il logo è composto da due cerchi intersecati. Seleziona lo strumento Ellisse (L). Crea due forme di ellisse intersecanti l'una con l'altra di un terzo. Seleziona lo strumento Segmento di linea (barra rovesciata) per creare una linea di aiuto per il taglio. Seleziona lo strumento Aggiungi punto di ancoraggio (+) e aggiungi punti di ancoraggio in punti in cui si intersecano le ellissi e anche dove la linea interseca le ellissi. Elimina le parti non necessarie di forme e unisciti ai punti finali (Comando + J) per creare una forma.
Ora hai una forma a S pronta per la colorazione. Applicare un gradiente con i seguenti valori: # 3f211f, # 612325 e # 67322f.
Seleziona lo Strumento testo (T). Imposta la famiglia di caratteri su una miriade, la dimensione del carattere su 10px e il peso del carattere su grassetto. Digita le lettere K e Z. Crea profili (clic destro> Crea contorni). Separare le lettere delineate (tasto destro> Separa). Posiziona ogni lettera Seleziona lo strumento Trasformazione libera (E) e diffondi le lettere. Applica il gradiente con i seguenti valori alla lettera K: # 6d6a64 (1), # 6d6a64 (2), # a09a89 (3) e # a09a89 (4). Applica la lettera da # 605c55 a Z.
Seleziona lo strumento Rettangolo (M), crea un rettangolo nella parte inferiore della scala. Seleziona lo strumento Aggiungi punto di ancoraggio (+) e aggiungi due punti di ancoraggio al bordo inferiore del rettangolo. Regola le posizioni dei punti di ancoraggio per creare la forma dell'ombra della scala. Seleziona lo strumento Converti punto di ancoraggio (Maiusc + C) e crea gli angoli inferiori arrotondati della forma d'ombra.
Applicare un Effetto sfocatura gaussiana (Effetto> Sfocatura> Sfocatura gaussiana) con un raggio di 25.0 px. Mandalo sul retro (Shift + Command + Left Square Bracket).
Imposta l'opacità al 70%.
E la scala è finita.
Seleziona il rettangolo e crea una forma base per lo scaffale regolandone i punti di ancoraggio. Applicare una sfumatura ad esso con i seguenti valori: #ffffff (1) e # e9eaea (2).
Seleziona lo strumento Rettangolo (M) e crea un rettangolo appena sotto il precedente. Applica il colore e9eaea ad esso.
Con lo strumento rettangolo (M) ancora selezionato, crea un altro rettangolo. Applica # 605551. colore ad esso. Seleziona due punti di ancoraggio superiori con lo strumento Selezione diretta (A) e regola la loro posizione per creare una forma base per l'ombra dello scaffale.
Applica l'effetto sfocatura gaussiana (Effetto> Sfocatura> Sfocatura gaussiana) con raggio 200.0px su di esso. Rimandalo indietro (Shift + Command + Left Square Bracket).
Ora hai completato l'illustrazione della scala retrò. È anche possibile aggiungere ulteriori dettagli come il logo del produttore e una riflessione sullo scaffale. Grazie per l'attenzione, spero che tu abbia apprezzato questo tut!
Accentsconagua