Dalla città al CD come illustrare le scene della città per la copertina del manico dell'album

Lavoro prevalentemente per clienti pubblicitari e editoriali, tuttavia sono anche fortunato ad essere coinvolto in alcuni spiriti creativi su alcuni grandi progetti di collaborazione, come il gruppo elettropop del New Jersey "The Title".

Nick Esposito della band aveva già visto le mie opere d'arte e quando erano alla ricerca di un artista per disegnare le loro copertine, si è messo in contatto. Ho amato la loro musica e ho sentito una vera corrispondenza tra ciò che creavano e ciò che creavo, quindi abbiamo iniziato.

Dovevamo assicurarci di lavorare tutti insieme su un unico pacchetto perfetto, ogni elemento del design delle maniche doveva essere all'altezza della musica più importante. Non ricordo come l'argomento sia stato deciso, ma penso che tutti dovessimo aver concordato che con l'album "Making A Scene" e la loro musica è così eccitante, doveva essere davvero una scena cittadina, questo tutorial verrà eseguito attraverso il processo che ho preso per realizzarlo.

È possibile trovare i file di origine nella directory denominata "origine" inclusa nei file scaricati. Potresti desiderare di esaminarli brevemente prima di iniziare.


Passo 1

Per prima cosa, per me che arriva sempre a un disegno a matita, è il disegno a matita che le mie idee vengono e dove posso creare una scena con i giusti livelli di realismo e carattere. Ovviamente potresti iniziare con una foto, ma trovo che più spesso il mondo reale non mi dia sempre esattamente quello che voglio! Quindi, una volta che so da quale angolo voglio vedere la scena, inizio semplicemente a costruire blocchi e aggiungere dettagli.

Per far apparire un luogo particolarmente eccitante, vibrante e variegato, cerca di non disegnare ogni singolo edificio esattamente nello stesso modo, dandogli forme e dimensioni diverse, stili architettonici diversi, finestre, porte, segnaletica, infissi e accessori diversi. Per caratterizzare veramente gli edifici, trovo che sia bene passare prima da una buona angolazione (assicurandoti di poterne togliere gli effetti prospettici) e anche di mantenere tutte le linee un po 'naturalmente curve, piuttosto che troppo rigide e dritte.

Generalmente in questa prima fase aggiungo anche altri lavori come nuvole, arcobaleni, bolle, fumo. A questo punto non aggiungo sempre tutto il testo, poiché mi piace anche usare i caratteri corretti in Illustrator, non solo tracciare il tipo disegnato a mano.



Passo 2

Disegno completo (e condiviso con i clienti / ragazzi della band, giusto per essere sicuro che vada nella giusta direzione) ed è direttamente in Adobe Illustrator per far funzionare i vettori. In primo luogo, eseguirò sempre una traccia di base e esatta usando lo strumento Penna, i principianti spesso hanno difficoltà con le funzioni di curva di Bézier, ma devi davvero conquistarli per ottenere il meglio da Illustrator. Mi ci è voluto un po 'per fare i conti con esso, ma la messa a fuoco ha dato i suoi frutti e il mio lavoro di illustrazione si è intensificato tanto da quando ho imparato tutte le funzioni di Bezier curve / Pen alcuni anni fa.

Per quei lettori non ancora perfetti con le curve di Bezier, ecco una breve lezione introduttiva ... Lo strumento Penna funziona tracciando i Punti di ancoraggio e regolando le curve tra ogni punto (piuttosto che gli strumenti Matita o Pennello, dove si disegnano a mano le curve a mano libera ) così ogni volta che tocchi la tua penna Wacom o fai clic con il mouse traccia un punto.

Se, quando tocchi il punto, lo tieni premuto e lo trascini in qualsiasi direzione, sarai in grado di manipolare la curva. Più si trascina la penna (lo strumento che si sta controllando si chiama maniglia di Bézier) più la curva sarà estrema. Se sollevi la penna e poi tocchi altrove, la curva intermedia verrà automaticamente creata. Tuttavia, se sollevi la penna, fai nuovamente clic sul punto di ancoraggio appena posizionato (rendendolo inattivo), quindi la curva precedente sarà terminata e il tuo prossimo punto di ancoraggio sarà unito da una linea retta.

Per iniziare a creare una nuova curva, deseleziona la linea precedente. Potrei continuare a consigliare per sempre le curve di Bezier e lo strumento Penna, ma è meglio andare avanti con la scena della nostra città!



Passaggio 3

Non abbiate mai paura di utilizzare gli strumenti di forma di Illustrator, indipendentemente da come create a mano desiderate la vostra illustrazione, le forme possono rendere la vita molto più semplice e il vostro lavoro di illustrazione può spostarsi molto più efficacemente. Per questi piccoli dettagli di lampioni sospesi, ho usato lo strumento stella, che assicura che il realismo sia una forma perfetta e aggiunge anche un piccolo dettaglio per chi guarda da vicino.



Passaggio 4

È importante avere elementi realistici, possono essere leggermente distorti se lo si desidera, ma per una scena della città è credibile, i lampioni, i semafori, i segnali stradali e altro ancora non hanno prezzo. Se
sei alla ricerca di un'aria di realismo, è una buona idea vedere le cose da un angolo, non provare e creare una scena di fronte a tutto direttamente.

Durante la creazione di copertina di album, vale sempre la pena ricordare che potresti progettare un pacchetto completo, non solo la copertina singola. Quando stavo creando questi semafori, sapevo che volevo usarli altrove nel pacchetto, più su di loro più tardi.



Passaggio 5

Vedrai nell'illustrazione finita che c'è un arcobaleno di fumo che scorre intorno al primo piano. Per ricreare un effetto barra arcobaleno, iniziare con una linea curva che traccia il flusso. Nel pannello dei livelli, duplica la linea, quindi blocca la versione inferiore della linea e utilizza i punti di ancoraggio dell'altra linea per creare una nuova linea quasi parallela. Se vuoi tutte le linee
derivare da un punto, lasciare semplicemente il primo punto di ancoraggio in posizione. Duplica questa seconda riga, blocca le due linee inferiori (nel pannello dei livelli) e ripeti come desideri, come mostrato nel diagramma A.

Una volta che il tuo arcobaleno sarà corretto come linework, avrai bisogno di un altro passo prima di te
può riempirlo di colore Di nuovo nel pannello dei livelli, duplica ogni linea, ad eccezione delle linee più alte e più basse della tua tavola da disegno, in modo che tutte le linee che si trovano all'interno del tuo arcobaleno abbiano due copie. Ora, con tutte le altre linee bloccate, seleziona i punti finali delle due linee di fondo e unisciti a loro (Comando + J), trasformandole in un unico oggetto, che è la striscia inferiore del tuo arcobaleno. Ora blocca quella forma e sblocca le due linee successive, seleziona i loro punti finali e unisciti a loro. Alla fine avrai una serie di strisce perfette che compongono il tuo arcobaleno!



Passaggio 6

A volte ci vuole più tempo di quanto mi piacerebbe, ma finire tutto il lavoro di linea è sempre un grande momento, sai che non sei troppo lontano dal giocare con i colori. Assicurati di costruire la scena con tutti gli strati seduti correttamente in ordine dal retro alla parte anteriore. Trovo anche che sia utile allineare ogni edificio con un colore diverso, in modo da poter vedere dove finisce uno edificio e un altro inizia, altrimenti le scene di città possono diventare un po 'confuse!



Passaggio 7

Il lavoro in linea è fatto, si tratta di aggiungere il colore piatto dopo. Questo è un fattore così cruciale in ogni illustrazione, i tuoi colori di base definiscono l'atmosfera, il luogo, l'ora del giorno e l'impressione generale che le persone otterranno dal vedere l'opera d'arte. Per una città, anche se è bello avere edifici di colori diversi, se ci sono molti edifici, non tutti devono avere un colore diverso. Una città normale è costruita con una selezione di materiali, ma quegli stessi materiali appariranno e riappariranno su diversi edifici, quindi avere una scelta abbastanza limitata di colori di costruzione può garantire ancora una piccola realtà.

Pensa anche a dove ti concentri, e assicurati che sia il colore più sorprendente, così qui voglio che le persone si concentrino sull'edificio centrale che tiene il titolo dell'album sul suo muro, così gli altri edifici che lo circondano e il cielo sono arancioni, rossi e viola, l'edificio dietro è leggermente più scuro, e quindi l'edificio principale è un ciano forte e contrastante. I tuoi occhi non possono fare a meno di mettere a fuoco il colore unico.

Ho anche avuto una buona giocata con alcune mini selezioni di colore sui cartelli (in particolare sull'edificio alto sulla destra) e sui rifugi sopra le finestre nell'edificio di sinistra. I colori del cielo possono davvero creare un'atmosfera, più di quanto molti artisti realizzino. Il cielo, naturalmente, può essere arancione, rosa, nero, blu, giallo, viola o anche leggermente verde, a seconda dei tempi e del tempo, quindi prendi quei colori dalla natura e inseriscili nella tua opera d'arte.



Passaggio 8

Per l'effetto schermo digitale, ho voluto renderlo un po 'retrò e pixelato, tuttavia è stato visto da una certa distanza, quindi non vedresti i singoli pixel all'interno di questa scena. Quindi, crea semplicemente un blocco di cerchi ripetuti, qui ho usato degli ovali per aggiungere all'angolo in cui stiamo guardando lo schermo, ma potresti essere più preciso con cerchi o quadrati perfetti.

A mano libera, ho quindi disegnato le forme usando lo strumento Selezione lazo, quindi stavo selezionando le aree che volevo rimanere. Ho quindi invertito la mia selezione, quindi sono stati selezionati solo i cerchi al di fuori delle mie forme e ho premuto delete. Puoi prendere questa tecnica di base in effetti molto più complessi, la uso spesso per creare gruppi grafici di foglie nelle scene degli alberi.



Passaggio 9

Le funzioni della maschera in Illustrator sono assolutamente inestimabili e possono aggiungere molto alla tua grafica. Per esempio, volevo delle strisce ordinate che avvolgevano il dirigibile qui, quindi è stata richiesta una maschera di ritaglio.
Crea la tua forma originale e qualsiasi altro elemento (qui erano i pezzi della coda). Nel pannello Livelli, duplica la forma principale e assicurati di non spostarla sulla tavola da disegno, deve rimanere esattamente dentro
posto. Rimuovi tutto il suo colore, riempimento e contorno.

Ora crea le tue strisce (o altri disegni / modelli da ritagliare). Posiziona la forma del corpo duplicata sopra le strisce nel pannello Livelli e seleziona tutti e tre gli oggetti. Ora fai clic su Oggetto> Maschera di ritaglio. Usa la forma del corpo come maschera e togli l'area delle strisce che non vuoi vedere.



Passaggio 10

Per il titolo dell'album, volevo davvero un semplice effetto di illuminazione fluorescente. Ho tracciato il mio tipo disegnato a mano, usando lo strumento Penna, quindi dandogli un tratto di linea più spesso, convertendolo in un oggetto, il che significa che non è più una linea, ma in realtà un oggetto pieno, (seleziona la linea, quindi fai clic su Oggetto> Percorso> Cenni di contorno).

Allora ho dato a quell'oggetto i suoi contorni. Con il colore di riempimento (la linea interna come la vediamo noi) in un colore luminoso e elettrico e i contorni in un colore più pieno e attenuato, abbiamo un effetto fluorescente molto veloce ed efficace. Ho quindi duplicato questo testo e l'ho lasciato cadere sotto la griglia, il tutto in un tono più scuro del colore della parete, per aggiungere un'ombra semplice.



Passaggio 11

Con i colori principali eseguiti, è quindi il caso di attraversare ogni oggetto, ogni parete e ogni singolo elemento e aggiungere sfumature, sfumature, effetti o trasparenze per far interagire l'intera scena.

Avevo sempre in programma di usare l'area del cielo anche per il nome della band, e stavo pensando di usare il mio font preferito, Cooper Black, ma una volta che si è trattato di incollarlo lì, non sembrava abbastanza sorprendente, non sembrava abbastanza da una calda e elettrizzante banda elettropop proveniente dal New Jersey!



Passaggio 12

Quindi è tornato alla libreria dei font per trovarne uno nuovo. Stavo cercando qualcosa di spigoloso, pulito e fresco, mi sono ritrovato a giocare con il Lubalin Graph, e ho finito per usarlo con un effetto pulito per dargli un contorno perfetto. Digitare le parole desiderate, quindi modificare il testo in contorni (fare clic su Tipo> Crea contorni nel menu principale), quindi duplicare il testo nel pannello Livelli.

Crea lo strato superiore di tipo nel colore prescelto, dovrebbe essere solo un colore di riempimento. Quindi cambia il duplicato di livello inferiore in tratti di contorno e prendi lo spessore della linea fino a 10 o 20pt, in un colore diverso rispetto al tipo principale, dovresti ottenere una bella cornice grande. A causa della natura dei contorni, si ottengono anche alcune stranezze, in cui gli angoli possono sparare dove non è previsto, questo ha aggiunto l'eleganza che volevo, e ha spianato la strada per il resto del tipo sul pacchetto manica.



Passaggio 13

Puoi vedere qui che ho usato lo stesso effetto sulla copertina interna, ma con il tipo interno dello stesso colore dello sfondo semplice, quindi tutto ciò che stai leggendo in realtà è i contorni.



Passaggio 14

Ho usato di nuovo lo stesso tipo di effetto sulla copertina posteriore, ma duplicando alcuni strati e aggiungendo una tavolozza di colori elettrica. Tutti gli spigoli vivi sono stati creati da Illustrator (inconsapevole della propria creatività!) Cambiando il tipo in oggetti e poi addensando i contorni fino all'estremo. Su questo pannello, sul retro della custodia del CD, ho aggiunto anche una scia di fumo frizzante, per fondere bene la copertina, accentuando il design della confezione nel suo insieme. Inoltre, un piccolo consiglio che ho imparato nella progettazione delle maniche per CD ... i pannelli laterali rosa, gialli e arancioni si distinguono sempre di più su uno scaffale!



Passaggio 15

Questo è l'interno del libretto del CD, la band voleva tutti i testi, che ero felice di fare, ma con una tale quantità di parole, dovevo essere creativo con il montaggio di tutto. Volevo anche un po 'di rinfresco dalle arance calde e rosa che coprono l'esterno della confezione della manica. Ho usato di nuovo il Lubalin Graph per il font, ma solo in bianco seduto sul blu ciano, con una canzone magenta
titoli, ho sentito davvero che questo è stato un grande punto di forza per chiunque abbia sfogliato l'artwork della copertina.



Passaggio 16

Quei semafori che ho menzionato prima, dato che ero così contento di loro, tutto ciò che potevo fare era dare loro il proprio spazio sul pannello che si trova dietro il CD stesso. Questo riecheggia la stranezza e l'umorismo della band, la copertina è un'esplosione di creatività, fresca e gorgogliante, poi dentro, nascondendosi, è un sorriso semplice, pulito, rinfrescante.



Immagine finale

Le copertine delle copertine degli album sono sempre state un ottimo mezzo per gli artisti, progettando elementi visivi per lavorare al fianco della musica e attrarre le persone giuste. Può essere un gioiello collaborativo, lavorare con una band o
musicista per creare un pacchetto pieno di suoni e visione.

Consiglio vivamente che più artisti si avvicinino alle band per lavorare insieme sulle copertine degli album, puoi iniziare ovunque, con i tuoi DJ locali o le giovani band, o con le maggiori etichette discografiche. Inoltre, se lavori con una band fresca, eccitante e del momento, Adobe Illustrator è perfetto per essere creativo con il tuo design, illustrazioni, tipografia, icone, praticamente ogni elemento dell'intero pacchetto!

Per vedere più del mio lavoro, dai un'occhiata a BenTheIllustrator.com e Speakerdog.com, inoltre c'è BuyBenTheIllustrator.com per ottenere stampe e poster! Per ascoltare la musica di The Title, acquistare l'album o saperne di più sulla band, consulta myspace.com/thetitlenj. L'immagine finale è sotto. È possibile visualizzare la versione grande qui.