Share
Cosa starai creandoTutti provano una certa passione per lo stile retrò! Quei vestiti straordinari, quegli acconciature elaborati, la musica e, naturalmente, le macchine! In questo tutorial combineremo il nostro amore per gli anni '50, la cinematografia e i giochi, creando un mix folle. Creeremo una veduta aerea di un'auto retrò Greased Lightning stilizzata, utilizzando forme base, vari tipi di gradienti e metodi di fusione, lavorando con il pannello Pathfinder e altre funzioni di Adobe Illustrator.
Grasso è la parola. È un film che rappresenta la pura essenza degli anni '50: una storia di amore, gioia, bellezza e auto meravigliose. Quei cabriolet retrò con forme arrotondate lisce e tetti pieghevoli. Rimangono sicuramente eleganti e indimenticabili.
Ispirato da questo film, realizzeremo una vista dall'alto di un'auto retrò con motivi a forma di lampo. Puoi effettivamente utilizzare queste tecniche per creare qualsiasi tipo di auto: assicurati di controllare la sezione di visualizzazione superiore delle auto di Envato Market per rendere più facile immaginare i veicoli da un tale angolo di campo. Anche sfogliare auto retrò al mercato Envato può essere molto utile per ottenere un riferimento dettagliato di un veicolo.
Pronto per iniziare a disegnare? Cominciamo!
Inizieremo creando le parti principali della nostra macchina. Prendi il Strumento ellisse (L) e modelliamo la vista dall'alto del telaio. Fare un 130 x 300 px ellisse, passare al Strumento di selezione diretta (A) e trascinare verso il basso entrambi i punti di ancoraggio laterali, rendendo la parte inferiore piatta e larga.
Continua facendo un più piccolo 55 x 155 px ellisse e posizionandolo sul lato sinistro del telaio. Questa sarà la base per i fari. Trascina verso l'alto i punti di ancoraggio laterali, rendendo più appuntita la parte inferiore della forma.
Ora modelliamo la parte inferiore, che è per il retro della macchina. Fare un 130 x 125 px rettangolo con il Strumento rettangolo (M). Seleziona entrambi i punti di ancoraggio inferiori con il Strumento di selezione diretta (A) e usa il Angoli vivi caratteristica per rendere arrotondati gli angoli inferiori, tirando il Angoli vivi segnalini cerchio in alto.
Se stai usando versioni precedenti di Adobe Illustrator, sentiti libero di applicare Effetto> Stilizzazione> Angoli tondi. Tuttavia, influisce su tutti gli angoli della forma. È quindi possibile utilizzare il Strumento Gomma (Shift-E) e tieni premuto alt per cancellare la parte superiore della forma, rendendo nuovamente gli angoli superiori nitidi.
Ora aggiungi una forma stretta con il Strumento rettangolo arrotondato, formando la vista dall'alto dell'ala. E aggiungiamo gli stessi elementi alla metà destra del telaio.
Seleziona sia l'ovale che l'ala e fai doppio clic su Rifletti strumento (O) per aprire la finestra delle opzioni. Seleziona il Asse verticale e colpisci il copia pulsante. Posiziona le copie sul lato opposto dell'auto, facendole aderire al telaio.
Ora facciamo un parabrezza per la nostra macchina. Fai un piccolo rettangolo di circa 110 x 18 px dimensioni, collocandolo all'interno del telaio. Vai a Effetto> Deformazione> Arco superiore e impostare il Curvatura orizzontale valore a 20%, rendendo la forma arcuata in alto. Oggetto> Espandi Aspetto per applicare l'effetto.
Quindi vai a Oggetto> Percorso> Percorso offset e impostare il Compensare valore a -5 px, creando una forma più piccola all'interno. Clic ok.
Infine, aggiungiamo le parti interne dell'auto. Utilizzare il Strumento rettangolo (M) fare due piccoli rettangoli, adattando lo spazio interno della macchina. Quelli saranno per i posti. Rendi arrotondati gli angoli esterni delle forme, usando il Angoli vivi caratteristica.
Infine, forma un semplice volante, composto da tre ellissi, una dentro l'altra.
Grande! Ora tutte le parti principali sono pronte e possiamo passare alla colorazione!
Prima di tutto, selezioniamo l'elemento più grande, la base della nostra macchina, e applichiamo un gradiente radiale luminoso dal rosso vivo al centro al rosso più scuro ai bordi. Utilizzare il Strumento sfumatura (G) per restringere la forma del gradiente, rendendolo più ovale, in questo modo aggiungendo ombre sottili ai bordi della nostra auto.
Seleziona le ellissi dei fari e usa il Strumento Eyedropper (I) per scegliere il colore sfumato rosso dalla base dell'auto. Cambia il genere del gradiente a Lineare e posizionare i gradienti verticalmente dal rosso più chiaro in alto al rosso più scuro in basso.
Aggiungi un piccolo rettangolo arrotondato sotto lo chassis (premi Shift-Control-[ a Inviare esso indietro) e riempirlo con colori rossi simili, riempiendo gli spazi sul lato anteriore dell'auto.
Applicare lo stesso gradiente lineare rosso alle ali dell'auto, posizionandolo su 90 gradi angolo nel Pendenza pannello.
Per quanto riguarda l'elemento di fondo (il retro della macchina), applichiamo anche un gradiente radiale di forma ovale e Inviare questa parte indietro (Shift-Control- [), ponendolo sotto la base della macchina.
Ora applichiamo i colori al parabrezza. Rendi rossa la forma esterna, leggermente più leggera della base dell'auto, facendola fuoriuscire. Per quanto riguarda la forma interna, applicare un gradiente lineare verticale blu chiaro, raffigurante la superficie del vetro.
Aggiungiamo alcuni punti salienti lucidi al parabrezza. Utilizzare il Strumento rettangolo (M) per creare due strette strisce verticali di qualsiasi colore (solo per renderle visibili sopra lo sfondo bianco). Impostare il Modalità di fusione a Schermo nel Trasparenza pannello.
Tieni premuto Cambio e ruotare le forme 45 gradi, posizionando le strisce sopra il parabrezza. Ora seleziona le strisce insieme alla forma di vetro blu e prendi il Strumento di creazione forme (Shift-M). tenere alt e fai clic sui pezzi non necessari al di fuori del vetro per eliminarli.
Infine, imposta il Riempire colore al bianco nel Colore pannello e qui ce l'hai!
Ora creeremo il motivo a strisce per i sedili per renderli più realistici e strutturati.
Fare un 13 x 60 px rettangolo e riempirlo con un gradiente lineare orizzontale da bianco a grigio chiaro.
Tieni premuto Alt-Shift e trascina la forma a destra, facendo una copia. stampa Control-D più volte per fare altre sette copie. Gruppo (Control-G) le forme.
Ora torniamo alla nostra macchina, selezioniamo i posti, Copia (Control-C) loro e Incolla davanti (Control-F). Posiziona la nostra texture sotto i sedili (premere Controllo-[ alcune volte per spostare l'oggetto più posizioni verso il basso). tenere Alt-Shift e trascinare la trama verso l'alto, creando una copia per la seconda metà dei posti.
Ora seleziona il pezzo di tessuto in basso e la forma del sedile sopra di esso, fai clic su tasto destro del mouse e Crea maschera di ritaglio.
Come puoi vedere, ora la texture è nascosta all'interno della forma del sedile, creando una bella trama gonfia.
Ripeti lo stesso per la seconda metà del sedile, posizionando la trama all'interno del Maschera di ritaglio.
Ora creiamo delle ombre aggiuntive per rendere i sedili più tridimensionali. Abbiamo ancora due profili dei nostri posti (le copie che abbiamo creato pochi passaggi prima).
Seleziona la metà superiore e riempila con lo stesso gradiente lineare bianco-grigio che avevamo per la consistenza del sedile (puoi usare il Strumento Eyedropper (I) per scegliere il colore), ma questa volta posizionare il gradiente verticalmente. Cambia il Modalità di fusione a Moltiplicare, creando una forma semitrasparente più scura.
E ripetere lo stesso per la seconda metà dei posti.
Le due metà dei sedili sembrano uguali ora, ma aggiungiamo un po 'più di varietà qui. Per fare ciò, selezionare gli elementi della metà inferiore e ridurli, rendendo più stretto il sedile. Per quanto riguarda la seconda parte, facciamo il contrario: estendere le forme, rendere la seduta molto più ampia, creando contrasto tra le forme.
Ora passiamo al volante. Selezionare i due cerchi (che sono per la ruota), fare clic destro e Crea un percorso composto (o semplicemente premere Controllo-8). Riempi la forma a ciambella creata con una sfumatura radiale schiacciata, composta da tre colori: grigio scuro, bianco, grigio chiaro. Riempi il centro del volante con una semplice sfumatura radiale da grigio chiaro a grigio scuro.
Ora modifichiamo il retro della nostra macchina, aggiungendo un tetto pieghevole. copia la forma inferiore e Portare esso a fronte (Control-C> Control-F> Shift-Control-]). Riempi la forma con un gradiente lineare verticale da bianco a grigio chiaro.
Rendi la forma molto più piccola e posizionala come mostrato nello screenshot qui sotto: la forma grigio chiaro dovrebbe adattarsi bene all'interno del retro del telaio, in modo che il fondo rosso scuro del telaio crea un contorno sottile attorno alla forma, rendendo entrambi le forme si abbinano perfettamente.
Finalmente, duplicato (Control-C> Control-F) la forma grigio chiaro che abbiamo creato, riduce la copia e inverte i colori del gradiente, creando la parte interna del tetto in tessuto pieghevole del cabriolet.
Ora formiamo la parte interna della macchina, rendendola molto più scura. Seleziona la base della macchina e vai a Oggetto> Percorso> Percorso offset. Impostare il Compensare valore a -5 px, creando una forma più piccola all'interno della base.
Ora seleziona la nuova forma insieme alla parte esterna del parabrezza (quella rossa), prendi la Strumento di creazione forme (Shift-M), tenere premuto alt e fai clic sul pezzo in alto per eliminarlo. In questo modo abbiamo formato l'interno dell'auto.
Abbiamo già la base per i fari, ma non abbiamo ancora realizzato i fari. Modelliamoli!
Fare un 35 x 8 px forma ovale usando il Strumento ellisse (L). Riempi la forma con un gradiente lineare verticale da grigio chiaro a bianco. copia e Incolla sul retro (Control-C> Control-B).
Seleziona il punto di ancoraggio inferiore della forma posteriore con il Strumento di selezione diretta (A) e trascinalo verso il basso, tenendo premuto Cambio.
Infine, riempire la forma estrusa con gradiente radiale rosso brillante selezionando il colore dal telaio, utilizzando il Strumento Eyedropper (I).
Ecco! Ora possiamo attaccare i fari alla macchina.
Posiziona i fari sulla parte superiore della macchina. Dovrebbero assomigliare a questo.
Ora aggiungiamo un elemento cromato lucido alla parte anteriore dell'auto. Prendi il Strumento rettangolo arrotondato e forma una striscia verticale stretta nella parte superiore della macchina.
Applicare una sfumatura lineare con i seguenti colori: grigio chiaro, bianco, grigio scuro, grigio chiaro. Posizionalo orizzontalmente, come mostrato di seguito, dando alla forma un aspetto metallico realistico.
Ora è il momento di rendere unica la nostra auto retrò e associarla al film Grease! Preparati ad afferrare il Pencil Tool (N) e disegnare quelle linee fluide, creando un modello di fantasia fantasia per la nostra auto. Cerca di mantenerlo semplice.
È possibile fare doppio clic sul Pencil Tool (N) giocare con il suo Fedeltà impostazioni, rendendolo liscio. Sto disegnando queste forme con un semplice mouse e, come puoi vedere, Adobe Illustrator è in grado di riprodurre perfettamente le linee.
Crea tre diverse forme di lampo.
Inizia ad applicare le forme del fulmine alla metà sinistra della macchina. Ruotali e spostali, adattandoli perfettamente agli elementi della vettura. Ricordati di usare il Strumento di creazione forme (Shift-M) per eliminare i pezzi indesiderati di fulmine fuori dall'auto.
Non appena sei soddisfatto della posizione degli elementi, selezionali e usa il Rifletti strumento (O) per capovolgere le forme sopra il Asse verticale, facendo copie specchiate e attaccandole sul lato opposto dell'auto.
Ora aggiungiamo un po 'più di dimensioni qui. Selezionare le due forme di fulmine a specchio sulla parte anteriore della macchina e Crea un percorso composto (Control-8). Applica un gradiente radiale luminoso dal bianco al rosa-grigiastro, rendendo il disegno argentato e luminoso. Applica lo stesso colore a tutte le altre forme di fulmine.
Ora aggiungiamo alcuni punti salienti alla macchina, rendendo la sua superficie lucida e lucida. Seleziona l'elemento più grande del telaio e applica Oggetto> Percorso> Percorso offset con -Offset 7 px valore. Riempi la nuova forma con un gradiente lineare verticale dal rosa al nero e imposta il Modalità di fusione a Schermo. Vedrai la parte nera diventa trasparente, creando un bel effetto lucido.
Fai lo stesso per le forme ovali sotto i fari.
Aggiungi un punto culminante simile al retro dell'auto. Assicurati di posizionare i modelli di fulmini sotto le luci.
Ora aggiungiamo un altro elemento importante di qualsiasi auto: lo scarico o il tubo di scappamento. In realtà ne faremo due per rendere la nostra macchina un aspetto fantastico.
Fare un 8 x 35 px rettangolo per il tubo di scappamento e riempirlo con lo stesso gradiente lineare di cromo della striscia decorativa sul muso dell'auto (usare il Strumento Eyedropper (I) scegliere la sfumatura).
tenere Alt-Shift e trascina la forma a destra, facendo una copia. Seleziona entrambi i tubi di scappamento e Inviare loro a Indietro (Shift-Control- [).
Ora rappresenteremo le fiamme lanciate dallo scarico.
Inizia facendo un 7 x 30 px ellisse di colore nero e allegarlo alla punta del tubo di scappamento. Crea un ovale più piccolo in cima, riempiendolo con un colore arancione brillante.
Seleziona entrambi gli ovali e vai a Oggetto> Miscela> Crea. In questo modo effettuiamo una transizione graduale tra i colori, creando un effetto fiamma.
Possiamo ancora modificare gli elementi all'interno del Miscela gruppo nel Livelli pannello. Ad esempio, puoi aggiungere un'ellisse gialla più piccola in alto e trascinarla all'interno Miscela gruppo per rendere la fiamma ancora più luminosa.
Trascina verso il basso i punti di ancoraggio laterali e inferiori delle forme, usando il Strumento di selezione diretta (A) per estendere la fiamma.
Per ottenere l'effetto fiamma semitrasparente, in primo luogo dobbiamo creare qualsiasi tipo di sottofondo sotto la nostra macchina. A tale scopo, crea un rettangolo grigio di 800 x 600 px dimensioni e posizionarlo sotto la macchina (Shift-Comando- [).
Seleziona le fiamme e cambia Modalità di fusione a Schermo.
Ora che abbiamo già iniziato a creare lo sfondo, procediamo in tal modo, rendendo la nostra composizione un aspetto completo ed equilibrato.
Abbiamo già un 800 x 600 px rettangolo sotto la nostra macchina. Applicare una sfumatura radiale dal grigio al grigio scuro, raffigurante la superficie dell'asfalto.
Ora torniamo alla nostra macchina e la adattiamo un po ', aggiungendo una leggera ombra piatta. Seleziona tutte le parti dell'auto, duplicare loro (Control-С> Control-F) e Unire nel esploratore, creando una singola silhouette.
Utilizzare il Strumento Segmento di linea (\) disegnare una linea verticale rossa attraverso la macchina.
Allineamo gli oggetti. Seleziona sia la linea rossa che la silhouette dell'auto, tieni premuto alt e fai clic sulla sagoma per renderla a Oggetto chiave. Verrà visualizzato un grosso tratto di selezione, che indica che tutti gli elementi selezionati saranno allineati a questo oggetto. Vai al Allineare pannello e clicca Centro allineamento orizzontale.
Mentre entrambi gli oggetti sono ancora selezionati, vai su esploratore pannello e clicca Dividere per dividere la silhouette in due metà uguali. Elimina la metà destra e applica Modalità di fusione multipla alla metà sinistra, rendendolo semitrasparente e quindi oscurando il lato sinistro della macchina.
Facciamo il terreno sotto la macchina con texture per un maggiore realismo. Duplicare (Control-C> Control-F) il rettangolo di sfondo e dirigetevi verso campioni pannello. Da qui, clicca il Menu Librerie Swatch icona e trova Patterns> Grafica di base> Basic Graphics_Textures. Applicare il USGS 22 Gravel Beach trama al nostro rettangolo.
Ora aggiungiamo un cast di ombre dalla nostra macchina. Utilizzare il Strumento ellisse (L) per fare un ovale di dimensioni leggermente più grandi rispetto alla macchina. Posizionalo sotto il veicolo e applica un gradiente radiale schiacciato dal rosa-grigiastro al centro al bianco ai bordi. Passa a Modalità di fusione multipla, formando un'ombra sfocata sul terreno.
Ed ecco quello che abbiamo!
Ottimo lavoro ragazzi! Abbiamo attraversato con successo il traguardo della nostra gara e creato una veduta aerea di un'auto retrò, ispirata al film di Grease. Queste tecniche possono essere utilizzate per creare qualsiasi altro veicolo top-view o oggetto simmetrico, che è perfetto per semplici giochi di corse e facile da animare.
Sentiti libero di andare oltre e aggiusta ulteriormente la nostra immagine dei risultati. Ad esempio, qui ho duplicato l'auto che abbiamo creato e giocato con i colori, creando tavolozze alternative, che possono anche essere trovate nel film originale di Grease. Puoi ottenere queste auto retrò con visuale dall'alto in AI, EPS e PNG per vedere come sono state realizzate o modificarle a tuo piacimento.
Continua a creare cose fantasiose e condividi i tuoi risultati! In bocca al lupo!
Accentsconagua