Come progettare un poster teatrale retrò in Adobe Illustrator

Cosa starai creando

Come metti alla prova l'albero genealogico reale di una principessa? Sia che sia in grado di dormire bene se c'è un singolo pisello sotto il suo mucchio di 40 materassi, almeno secondo la fiaba di Hans Christian Andersen "La principessa e il pisello". 

Mentre il racconto originale è breve, ha ispirato altri racconti (come le fiabe tendono a fare), come il musical di Broadway C'era una volta un materasso. Il cast originale comprendeva l'attrice e comica Carol Burnett (nominata per un Tony Award nel ruolo di Princess Winnifred) e aperta al Phoenix Theater di New York nel 1959 prima di trasferirsi a Broadway.

In questo tutorial, progetteremo un poster tributo illustrato per la produzione originale di C'era una volta un materasso, sebbene il design possa essere altrettanto facilmente utilizzato per una produzione attuale. Utilizzeremo gli strumenti di forma di base di Illustrator e lo strumento Penna per sovrapporre le forme alla base della nostra illustrazione, quindi aggiungeremo dettagli e texture con i pennelli vettoriali e le maschere di ritaglio, insieme a qualche divertente tipografia.

Assicurati di dare un'occhiata alla selezione di modelli di poster di Envato Market in un'ampia varietà di stili e categorie di eventi per ottenere un vantaggio sui tuoi progetti.

Cosa ti serve

Le seguenti risorse sono state utilizzate per completare questo tutorial:

  • Pennelli texture vettoriale
  • Carattere: Trocchi
  • Carattere: Steelfish
  • Carattere: Honey Script
  • Carattere: Sono finiti

1. Prepara il tuo documento

Passo 1

Apri un nuovo documento in Adobe Illustrator. Una dimensione tipica per i manifesti di film e cinema è di 27 x 40 pollici (secondo gli standard statunitensi), ma poiché lavorare con un documento così grande potrebbe rendere un po 'pigro Illustrator, sentitevi liberi di usare dimensioni più piccole (come 11 x 17 pollici / A3) per gli scopi di questo tutorial.

Passo 2 

Se desideri utilizzare la stessa combinazione di colori che vedi qui, ora sarebbe il momento giusto per impostare la tavolozza e ottenere i colori pronti per andare nel pannello Campioni. Puoi vedere i colori e i loro codici esadecimali qui sotto. Basta inserire ogni codice nel Color Picker finestra, colpisci ok, e trascina il colore dal Riempire casella nella barra degli strumenti verso l'esterno campioni pannello.

Come nota a margine, per gli scopi di questo tutorial online, lavoreremo con il colore RGB (come i colori vengono visualizzati su schermi / dispositivi), ma se stessimo progettando un poster da stampare, potremmo voler progettare in Colore CMYK (utilizzato da tutte le stampanti) o conversione da RGB a CMYK durante la preparazione del file per la stampa.

2. Aggiungi uno sfondo

Passo 1

Apri un nuovo livello e chiamalo sfondo (per cambiare il nome, fai doppio clic sul nuovo livello nel Livelli pannelloe ti verrà dato un posto dove digitare un nuovo nome).Riempi tutta la tavola da disegno con il colore azzurro (# B3C5AB) usando il Strumento rettangolo.

Passo 2

Se non lo hai fatto all'inizio del tutorial, installa e apri il set di pennelli Airbrush. Useremo questi pennelli per aggiungere una texture granulosa al nostro poster, un effetto che era comune negli stili illustrativi degli anni '50 e '60.

Scegli un pennello o due per aggiungere un po 'di texture in una forma ovale al centro dello sfondo. Usa un colore di pennellata un po 'più chiaro del colore di sfondo.

Ci sono un paio di modi in cui puoi farlo: completamente a mano libera usando il Pennello, o iniziare creando un profilo ovale con il Strumento ellisse, applicare uno dei pennelli texture come un tratto sulla forma, quindi riempire manualmente lo spazio centrale vuoto con un pennello. Questa seconda tecnica è quella che ho scelto, usando Airbrush 13 per il contorno e Airbrush 6 per riempirlo. Se vuoi rendere l'effetto un po 'più sottile, seleziona le texture spazzolate e abbassa la loro opacità a circa il 60%.

  • Suggerimento per risparmiare tempo: Un modo semplice per generare automaticamente una selezione di tinte e sfumature (o versioni più chiare e più scure) di un determinato colore è quello di aprire Illustrator Guida ai colori (Finestra> Guida colori). Se hai già un colore nell'area di riempimento della barra degli strumenti, quando apri la Guida colori, la riga superiore avrà il colore selezionato al centro con le sue tinte e sfumature a destra e a sinistra, rispettivamente.

Passaggio 3

Blocca il livello Sfondo facendo clic sulla casella vuota a sinistra del nome del livello nel Livelli pannello; apparirà un'icona a forma di lucchetto. In questo modo gli elementi di quel livello non si spostano o si intromettono quando stai provando a lavorarci sopra.

3. Impila alcuni materassi

Il mucchio di materassi della principessa sarà il principale concetto organizzativo del nostro design. La principessa, naturalmente, sarà appollaiata sopra, ma i materassi raddoppieranno anche come spazio per il titolo e l'altro testo del gioco.

Passo 1

Apri un nuovo livello e chiamalo materassi. Prova ad impilare una combinazione di forme rettangolari e più "floppy". Per i materassi a bordi rettilinei, scegliere il Strumento rettangolo arrotondato con un clic di attesa sul Strumento rettangolo; selezionalo dal menu che si apre. Per ulteriori forme a mano libera, iniziare con Strumento ellisse quindi trascina i punti di ancoraggio e le maniglie della forma fino ad ottenere l'aspetto desiderato o crea le tue forme con il Strumento Penna.

Il numero di materassi dipende dalle forme e dalle dimensioni specifiche con cui ci si ritrova, ma è necessario assicurarsi di lasciare un ampio cuscinetto di spazio sia nella parte superiore che nella parte inferiore della tavola da disegno. Se lo desideri, puoi anche aggiungere un semplice suggerimento di un telaio del letto in basso.

Passo 2

Includere alcuni materassi con altezze maggiori o regolare alcuni che hai già disegnato; avremo bisogno di queste aree per posizionare il testo per il titolo del musical.

Come tocco finale, non dimenticare di nascondere un pisello da qualche parte lì dentro!

Passaggio 3

Questo passaggio è facoltativo, ma se desideri aggiungere ulteriori dettagli ai materassi, questo è il momento di farlo. Puoi provare a disegnare alcuni abbellimenti come strisce o pois e / o aggiungere un po 'di texture come quello che abbiamo messo sullo sfondo.

Tuttavia, ci sarà un ulteriore passaggio nel processo. Dopo aver aggiunto i dettagli o la trama sopra le forme del materasso, ti consigliamo di tagliare o ritagliare quegli elementi sulla forma di ciascun materasso. Un modo per farlo è con le maschere di ritaglio. Se non hai familiarità con questo processo, puoi aggiornarti con il nostro suggerimento rapido sulle maschere di ritaglio. Ecco come potrebbe apparire il tuo lavoro prima e dopo aver creato maschere di ritaglio:

Passaggio 4

Indipendentemente dal fatto che tu abbia deciso di aggiungere dettagli extra ai materassi, ora è il momento di finalizzare il loro arrangiamento prima di aggiungere il testo sopra. Sentiti libero di cambiare forma, dimensione, rotazione o colore fino ad ottenere un risultato che ti piace.

Ecco cosa ho ottenuto, dopo aver creato più maschere di ritaglio (a volte due per un singolo materasso, sovrapposizioni di trame con altri abbellimenti). Per le trame, sono andato alla Guida al colore per scegliere i colori che erano un po 'più chiari o più scuri dei colori base dei materassi e li ho applicati di nuovo usando Airbrush 13.

Blocca il livello dei materassi prima di passare ai passaggi successivi.

4. Posiziona la tipografia

Ti ricordi come abbiamo fatto alcuni dei materassi più alti di qualche passo indietro? Era così che avremmo un sacco di spazio per inserire il titolo del musical, che è il nostro primo ordine di lavoro in questa sezione. Quindi apri un nuovo livello e chiamalo come qualcosa Testo o Tipografia.

Passo 1

Ho deciso di dividere il titolo, C'era una volta un materasso, in due pezzi (da mettere in evidenza su due materassi). Potresti provare divisioni diverse a seconda di ciò che funziona per la tua composizione.

  • "Once upon a" è impostato nel carattere Trocchi in tutte le lettere minuscole, ridimensionato per riempire la larghezza del materasso e ruotato un po 'per abbinare l'inclinazione.
  • "Materasso" è impostato in tutte le lettere maiuscole nel carattere Steelfish, e di nuovo, ridimensionato e ruotato per adattarsi perfettamente alla forma del materasso. Per dare un po 'di movimento alle lettere, evidenzia una lettera alla volta con il Digita strumento e quindi espandere il Personaggio pannello, regolando il Spostamento di base di ogni lettera con le frecce su e giù.

Ecco cosa abbiamo con il titolo inserito:

Passo 2

Se vuoi (e lo spazio lo consente), puoi aggiungere un altro testo. Ho incluso lo slogan "un nuovo musical" e il nome della star dello spettacolo su altri due materassi, ambientato nei caratteri Honey Script e Trocchi.

Passaggio 3

Infine, riempire lo spazio vuoto nella parte inferiore del poster con il nome e la data del teatro. Il nome del teatro è impostato nel carattere Gone e ha dimensioni tali da essere all'incirca la larghezza del fondo della pila di materassi. La data di apertura viene impostata nuovamente con Steelfish. Per riempire lo spazio in modo più efficace, provare a regolare il puntamento (o letter spacing) di entrambi gli elementi a circa 75-100 nel Personaggio pannello.

5. Illustrare una principessa

Ora è il momento di formare una principessa per posarsi sopra il tuo mucchio di materassi. Non possiamo avere un design ispirato a "La principessa e il pisello" senza l'omonima principessa, giusto?

A volte disegnare o disegnare figure umane (anche "da fumetti") può sembrare difficile, ma in questo caso stiamo semplicemente ripetendo le stesse tecniche che abbiamo già usato: stratificare e manipolare le singole forme per creare una composizione, quindi migliorare quelle forme di base aggiungendo dettagli e texture in cima. Iniziamo:

Passo 1

Crea un nuovo livello e chiamalo Principessa. Potresti trovare utile formattare prima la struttura o lo "scheletro" dell'illustrazione iniziando dalle forme profilate di base. Questo è quello che ho fatto sotto per definire la posa e le proporzioni della figura, usando principalmente il Strumento Penna per formare il busto e le braccia, insieme alle maniche a sbuffo e alla gonna ampia di un vestito / camicia da notte.

Passo 2

Continua a usare il Strumento Penna e / o modellare gli strumenti per aggiungere i contorni di qualsiasi elemento principale manchi ancora nell'illustrazione: nel mio caso, mani, piedi, testa e capelli. È possibile salvare dettagli come le caratteristiche del viso per un passaggio successivo.

A questo punto la tua principessa potrebbe sembrare un po 'strana, un po' come una marionetta, ma non preoccuparti; inizierà a riunirsi rapidamente nel prossimo passo.

Passaggio 3

Sostituisci quei contorni con colori di riempimento a tua scelta. Regola le forme che non ti stanno guardando proprio ora che le vedi a colori. 

Passaggio 4

Per creare le strisce sul vestito che vedi sopra, duplica la forma a cui desideri applicare lo striping e spostalo sul lato della tavola da disegno. Utilizzare il Strumento Penna disegnare linee divisorie attraverso la forma in cui si desidera separare i colori. Quindi seleziona tutte le linee e la forma e vai a Finestra> Pathfinder> Dividi. Questo dividerà la forma in base alle linee che hai disegnato, e puoi selezionare ogni segmento usando il Strumento di selezione diretta e cambia il suo colore. Trascina nuovamente la forma a strisce sulla tavola da disegno per posizionarti sopra la forma originale.

Passaggio 5

Ora sarebbe anche un buon momento per aggiungere trame se lo si desidera, ottenendo variazioni di colore dalla Guida colori e utilizzando maschere di ritaglio come prima. (Quelle forme individuali che hai creato nella fase di definizione renderanno molto più rapido l'isolamento e il ritaglio delle trame).

Passaggio 6

Dai alla tua principessa un po 'di personalità riempiendo i lineamenti del viso. Ho usato il Strumento Penna e Strumento ellisse per questo, oltre a un pennello texture (Airbrush 2) per le guance rosee. Sentiti libero di aggiungere altri dettagli divertenti, come una corona o forse alcuni abbellimenti sul vestito.

Passaggio 7

Ammira il tuo lavoro finito!   

Fare un inchino

Buon lavoro, hai fatto molto in questo tutorial: una piccola illustrazione, una piccola tipografia, alcune texture e molto altro! Spero vi siate divertiti a combinare vari elementi e tecniche di progettazione per produrre un progetto finito in Adobe Illustrator, oltre a scavare in alcune gemme nascoste del programma come la Guida al colore.

Come sempre, sentitevi liberi di condividere come è stato realizzato il vostro progetto o porre domande nella sezione commenti. Buona progettazione!