Fai un giro del secolo Poster di Vaudeville

In questo tutorial, impareremo come creare un poster Vaudeville di fine secolo. Questo stile pubblicitario singolarmente attraente era popolare tra la fine del 1800 e l'inizio del 1900. Lei signore! Lei, signora! Salite e preparatevi a rimanere stupiti mentre trasportiamo indietro l'immagine di due amici nel tempo per creare un annuncio pubblicitario senza confronto!

Anteprima dell'immagine finale

Prima di iniziare, diamo un'occhiata all'immagine che creeremo. Come sempre, il file Photoshop a più livelli è disponibile tramite la nostra iscrizione Psdtuts + Plus.

introduzione

In questo tutorial, esploreremo diverse importanti abilità e concetti di Photoshop, tra cui: Isolamento rapido di un soggetto dallo sfondo; Utilizzo di oggetti intelligenti e oggetti intelligenti nidificati per mantenere libero il disordine progettuale; Colorare a mano un'immagine; Capire cosa rende un poster show di successo; Utilizzo di diverse modalità di fusione dei colori e Stampa delle immagini. Avremo anche un po 'di storia del settore dello spettacolo di oltre 100 anni fa. Questo è un tutorial abbastanza impegnativo, quindi fornirò alcune note prima di iniziare:

  1. Questo tutorial è dedicato agli utenti di Photoshop intermedi avanzati e presuppone una conoscenza di base dei livelli e degli strumenti disponibili.
  2. Anche se non è necessario utilizzare una pen tablet, fare una colorazione a mano rende la nostra immagine molto più semplice.
  3. Ti consigliamo di avere un'immagine bella, chiara e ad alta risoluzione di un viso per ottenere i migliori risultati con questo stile.
  4. Questo tutorial è progettato per essere divertente e ti incoraggio a sperimentare. Pertanto, nella maggior parte dei casi, non fornirò valori esadecimali di colore, larghezze di tratto o dettagli simili. Piuttosto che un approccio basato su numeri, spiegherò il mio ragionamento dietro ogni passaggio e forse fornirò un po 'di storia, quindi ti incoraggio a trovare un effetto che ti piace.
  5. Vaudeville fu una fase affascinante nell'intrattenimento americano. Per maggiori informazioni, puoi leggere su Vaudeville su wikipedia.

Nota: Questo è un vero poster per un vero spettacolo che il mio amico Barry e io eseguiamo ogni mese. Lo spettacolo riguarda un duo di artisti e performer chiamato Mouth Odyssey. Attraverso poteri al di fuori del loro controllo, sono stati trasportati dall'anno 1900 all'anno 2008. Ogni mese abbiamo un episodio diverso, che segue le loro avventure, le loro lotte di padre e figlio, e la loro ricerca per tornare a casa per l'anno 1900. Il lo spettacolo è completamente improvvisato e costruiamo la storia ogni mese.

Se sei interessato a leggere di più su Mouth Odyssey o a seguire la storia mentre si sviluppa, visita "The Mouth Odyssey Experience," su FuseBoxTheatre.com. Lì troverai la cronaca della loro avventura! Non c'è nient'altro come là fuori! Ok, iniziamo!

Passaggio 1: seleziona l'immagine

Per ottenere un effetto autentico per questo poster, abbiamo bisogno di una fotografia in stile ritratto. I soggetti hanno spesso un sorriso sottile o persino uno sguardo vuoto. Può sembrare un po 'strano, ma c'è sicuramente qualcosa di bizzarro e accattivante a riguardo!

Ho selezionato una foto di me e del mio amico Barry che è stata scattata appositamente allo scopo di realizzare un poster in questo stile.

Passaggio 2: estrazione di soggetti dallo sfondo

Ci sono molti modi per farlo. Lo strumento penna è affidabile e sofisticato, ma ci sono tonnellate di tutorial per strumenti a penna. Un approccio alternativo che spesso fornisce risultati simili in meno tempo è quello di utilizzare lo strumento Gomma sfondo.

La gomma di sfondo funziona confrontando il contrasto tra sfondo e primo piano. Il mirino nel mezzo dello strumento Gomma per sfondo deve essere posizionato sul colore di sfondo che desideri cancellare. Verrà considerato tutto ciò che è fortemente in contrasto con il colore di sfondo primo piano, e non verrà cancellato. (Questo strumento risulta molto utile, specialmente per isolare rapidamente i capelli!)

Nota: Lo strumento Gomma per sfondo si trova solo in Photoshop CS3, quindi se non hai accesso a quel software, sentiti libero di usare il tuo metodo alternativo preferito di estrazione del soggetto.

Passaggio 3: convertire l'immagine in bianco e nero

Con i tuoi soggetti estratti in modo sicuro dallo sfondo, dobbiamo rimuovere il colore. Dipingeremo i nostri colori a mano più tardi. Esistono diversi modi per eseguire questo passaggio. Se hai Photoshop CS3, il nuovo comando in bianco e nero in Immagine> Regolazioni> Bianco e nero può fare un buon lavoro. Immagine> Regolazioni> La desaturazione può fare anche il trucco, o potresti anche solo usare uno dei canali immagine a seconda del tipo di contrasto che desideri.

Passaggio 4: Separa i soggetti

Stiamo per iniziare sulla parte più coinvolta del tutorial e, per mantenere le cose pulite e ordinate, vorremmo separare le nostre materie e lavorare con loro su diversi livelli. Nel mio caso, in realtà voglio scambiare anche le posizioni dei nostri ritratti.

Per fare ciò, puoi usare la selezione Lazo o Rettangolo per selezionare uno dei soggetti, quindi tagliare e incollare in un nuovo livello.

Passaggio 5: creare gruppi per ciascun soggetto

Sono un grande fan di cartelle e gruppi in Photoshop. Ti permettono di tenere tutto insieme e facilita la riorganizzazione della tua composizione anche quando hai molti livelli ed effetti. Facciamo una cartella per ciascuno dei nostri soggetti ora. I nostri nomi dei personaggi sono Carl e Carlyle, quindi li chiamerò di conseguenza.

Passaggio 6: iniziare a colorare a mano l'immagine

Questa è la parte del progetto che richiede più tempo. Se hai una pen tablet, questo passaggio diventerà molto più semplice, ma ci vorrà ancora del tempo. Se hai solo un mouse, preparati per un sacco di zoom e attenta pittura pixel!

Se sei molto esperto con la gamma di colori selezionata o gli strumenti per la sostituzione del colore, questo potrebbe essere un modo più veloce per farlo. Puoi anche riempire un livello vuoto con il colore e usare le maschere di livello per nascondere o rivelare il colore per la fusione. Ma per i nostri scopi, ci divertiremo semplicemente colorando l'originale.

Dovresti iniziare notando regioni di colore simile nel tuo soggetto - in questo caso abbiamo il cappello, la fascia del cappello, i capelli, il viso, le labbra, i bianchi degli occhi, l'iris, gli occhiali e la maglietta. Crea un livello separato per ciascuna di queste regioni di colore all'interno del gruppo che hai creato per questo soggetto.

Per la maggior parte di questi livelli, vogliamo utilizzare una modalità di fusione di Colore. (Il menu a discesa Metodo di fusione si trova nella parte superiore della tavolozza dei livelli.) Ora, abbiamo semplicemente scelto il colore che vogliamo usare per colorare il nostro soggetto e dipingere sopra l'area corrispondente. L'immagine desaturata sotto determinerà la quantità di fusione, quindi conserviamo tutte le nostre luci e ombre dall'immagine originale.

Passaggio 7: continua a colorare a mano l'immagine

Ripeti questa procedura per ogni zona di colore. Questo passaggio è altamente soggettivo, quindi sperimenta opacità, tonalità di colore e modalità di fusione fino a ottenere un effetto che ti piace per ciascuna regione di colore. Ad esempio, su questa particolare immagine ho usato una modalità di fusione di Moltiplicare con Opacità impostata al 100% per il cappello, ma ho usato una modalità di fusione normale e un'opacità del 46% sulla banda del cappello.

Ho anche cambiato il colore degli occhi per farli sembrare pop - gli occhi sono dei grandi accaparratori di attenzioni, specialmente sui poster. Per questo ho usato una modalità di fusione del colore sull'iride dell'occhio, e ho usato schiarire sui bianchi.

I colori che scegli dipendono dall'immagine iniziale e dall'effetto che vuoi ottenere. In generale, siamo alla ricerca di colori sbiaditi che facciano sembrare vecchia l'immagine, ma poiché questi poster di vecchio stile erano illustrazioni, è incoraggiato un po 'di libertà creativa. L'obiettivo qui è semplicemente quello di produrre qualcosa che ti piaccia: non c'è giusto o sbagliato!

Di seguito un'immagine che mostra gli elementi dipinti a mano senza il livello di fotografia per la fusione. Spegnere la fotografia può essere un buon modo per verificare di aver coperto tutte le idee che è necessario coprire.

Passaggio 8: Converti il ​​ritratto in un oggetto avanzato

Ok! Ora abbiamo un bel ritratto ritratto a mano. Stiamo iniziando ad accumulare molti strati: il tempo di creare alcuni oggetti intelligenti! Fare clic con il pulsante destro del mouse sul gruppo che contiene i livelli per il soggetto colorato a mano e scegliere Converti in oggetto avanzato. È possibile modificare l'oggetto intelligente in qualsiasi momento facendo doppio clic sulla sua miniatura nella palette di anteprima dei livelli.

Passaggio 9: aggiungi sfondi verticali

Era raro vedere la testa fluttuante su questi vecchi poster: i soggetti erano solitamente racchiusi in una cornice verticale ellittica che conferiva un'aria di distinzione e un ulteriore peso visivo. Per i nostri sfondi di ritratto useremo lo strumento Ellisse e clip le immagini dei personaggi all'interno.

Per ritagliare un'immagine a un'altra, posizioniamo il nostro oggetto ritratto verticale sopra l'ellisse, quindi premiamo il tasto Alt e clic fra l'oggetto intelligente e la forma alla quale vogliamo tagliare. Vedrai il cursore cambiare per indicare che i due livelli possono essere ritagliati.

Passaggio 10: aggiungi un po 'di consistenza e profondità al ritratto

Per aggiungere consistenza all'immagine, ritagliamo una vecchia trama di carta sotto il nostro soggetto, ma all'interno della cornice dell'ellisse. Ci sono tonnellate di vecchie trame di carta gratuite là fuori - prendi il tuo preferito!

Per dare più profondità all'immagine, aggiungiamo un tratto e un'ombreggiatura interna all'ellisse che inquadra il nostro soggetto, così come alcuni gradienti radiali dietro al personaggio. Ho aggiunto una piccola ombra esterna all'oggetto smart del personaggio per farla uscire ancora di più, e un filtro Gaussian Blur Smart per oscurare tutti i dettagli fini che erano visibili dall'immagine originale ad alta risoluzione.

Il motivo per cui sfociamo l'immagine qui è che lo stile che stiamo ricreando è uno stile illustrato disegnato a mano. La nostra fotografia di origine era ad alta risoluzione e troppi dettagli erano visibili. Una sfocatura gaussiana di circa un pixel si prende cura di quelli piacevolmente, mentre iniziamo a ottenere l'aspetto morbido che cerchiamo.

Un'altra cosa interessante dell'utilizzo di oggetti intelligenti è che possiamo usare filtri intelligenti. I filtri intelligenti applicano gli effetti all'immagine in modo non distruttivo, quindi puoi modificarli in un secondo momento, se lo desideri.

Passaggio 11: aggiungere targhette

Non c'erano blog o siti web nell'era di Vaudeville, quindi l'unica forma di marchio per artisti era assicurarsi che i loro nomi apparissero in modo prominente accanto alle loro immagini sui poster. Spesso gli atti sarebbero fratelli o sorelle, gemelli o un'intera famiglia. Mostrare i nomi, soprattutto i cognomi, ha aiutato a rafforzare la connessione tra gli individui e lo spettacolo.

Le targhette qui sono rettangoli semplicemente arrotondati con un tratto sottile. Per il carattere della targhetta, stiamo usando Copperplate Gothic Bold. Probabilmente potresti ottenere ancora più decorazioni con le targhe di quelle che sto ottenendo qui, ma questo tutorial ha già abbastanza passaggi!

Step 12: Hand-Tint Il nostro altro personaggio

Questi vecchi manifesti di Vaudeville presentavano spesso più artisti. Seguire la stessa procedura di cui sopra per creare un altro ritratto personaggio.

Un modo per risparmiare tempo in questo passaggio consiste nell'utilizzare la stessa tavolozza di colori, forme e targhette identificative utilizzate per il primo carattere. Basta duplicarli, sostituire l'immagine, il colore e cambiare il nome secondo necessità. Converti in oggetto avanzato quando hai finito.

Passaggio 13: convertire un ritratto intero in un oggetto avanzato

Le cose stanno ricominciando a crescere e vogliamo mantenere tutto semplice al massimo livello. Quindi ora che abbiamo il nostro ritratto completo con effetti, fai clic con il tasto destro del mouse sopra a questo gruppo e convertilo in oggetto avanzato, proprio come prima. Ora abbiamo nidificati oggetti intelligenti!

Passaggio 14: iniziare a comporre il poster

Ora il duro lavoro è finito e siamo pronti per iniziare a comporre il poster stesso.

Apri un nuovo documento con File> Nuovo. Seleziona la preimpostazione della carta americana e imposta la dimensione su tabloid. Se si desidera stampare il poster, assicurarsi che la risoluzione sia 300 dpi e che la modalità colore sia CMYK. Se hai intenzione di visualizzarlo online, scegli la risoluzione 72 dpi e la modalità colore RGB. Trascina il tuo ritratto Oggetti intelligenti nel nuovo documento.

Passaggio 15: aggiungere uno sfondo colorato

Al fine di radicare i nostri ritratti con maggior successo, dovremmo creare uno sfondo. Qui ci sono due rettangoli arrotondati con grandi tratti in tonalità più chiare o più scure rispetto al colore di sfondo principale. Il rettangolo verde è all'interno di quello marrone per creare un effetto a doppia stuoia. Ho scelto colori che andavano bene con i colori nei ritratti del personaggio.

Step 16: Aggiungi un po 'di Texture

Sta iniziando a sembrare migliore, ma non sembra abbastanza vecchio. Possiamo aiutarlo aggiungendo alcune vecchie trame di carta (tutti dovrebbero avere una collezione di queste!).

In questo caso, in realtà sto usando una combinazione di tre diverse trame di carta: una fibrosa, una rugosa e una con una strana stampa di carta da parati floreale. I livelli di carta sono posizionati nella parte superiore della pila dei livelli, impostati con un metodo di fusione di moltiplicazione ed è regolato per opacità a piacere. La maggior parte delle trame di questo tipo richiede una bassa opacità, ad esempio il 10-30%.

Per evitare conflitti di ridistribuzione, ho lasciato le trame di carta ad alta risoluzione dal file PSD finale. Puoi aggiungere il tuo o scaricare un numero qualsiasi di trame di carta da luoghi come SXC o DeviantArt.

A seconda del colore della trama della carta e della tonalità desiderata dell'immagine finale, è possibile desaturare le trame di carta prima di procedere. Due delle trame che ho usato in realtà hanno aggiunto una leggera sfumatura marrone al poster, quindi non le ho desaturate. Il terzo foglio, quello rugoso, ho dovuto desaturare perché era rosso e ha avuto un impatto negativo sulla qualità dell'immagine.

Passaggio 17: Aggiungi informazioni relatore

Ai tempi di Vaudeville, c'era quasi sempre un promotore dietro le quinte di ogni grande atto; una sorta di agente di talento che ha costruito la sua reputazione sulla qualità degli atti che hanno presentato (e che spesso viaggiavano in lungo e in largo per scoprire atti sempre più straordinari e insoliti). Le informazioni sul promotore o sul presentatore erano generalmente incluse in modo prominente nella parte superiore dei poster come forma di branding.

Qui stiamo usando il font Rockwell Extra Bold per il testo "FUSEBOX THEATER presenta". Entrambi i livelli di testo hanno un tratto sottile che li aiuta a risaltare.

Passaggio 18: aggiungi un titolo Show accattivante

Il titolo del nostro spettacolo è "Mouth Odyssey", un nome bizzarro che parla del marketing incentrato sulla curiosità dell'epoca. Abbiamo anche aggiunto del testo distorto ai singoli elementi per enfatizzare il senso di estraneità e che le cose sono fuori luogo. Questo è appropriato qui, perché i nostri personaggi sono fuori luogo nel periodo di tempo corrente.

Usiamo un font chiamato VonFont per il testo "Mouth Odyssey". Questo testo ha anche un tocco sottile per farlo risaltare, oltre a una combinazione di effetti Text Warp: Bend è impostato su + 52%, Horizontal Distortion a -37% e Vertical Distortion di -18%. Naturalmente, queste sono solo le impostazioni che ho usato per ottenere l'effetto desiderato. L'ordito del testo può o non può essere necessario per te - giocare con esso e vedere cosa ti viene in mente!

Passaggio 19: aggiungere una descrizione dettagliata

Questi vecchi poster avevano spesso lunghe e prolisse descrizioni dello spettacolo. Una ben lontana dalle odierne slogan a tre parole di oggi ambientate in Helvetica Bold. Questo linguaggio di marketing vecchio stile è progettato per attirare il lettore con la descrizione. Divertiti con questa parte, e non aver paura di essere prolisso e vai totalmente sopra con entusiasmo! Come sopra, qui stiamo usando VonFont con un tratto sottile.

Passaggio 20: aggiungi informazioni spettacolo

Questo è un vero poster per uno spettacolo che io e Barry abbiamo fatto poco fa. Per convincere la gente a vedere lo spettacolo, abbiamo dovuto aggiungere informazioni chiare sulla data e l'ora dello spettacolo, le informazioni sulla sede e il sito web. Nota il peso visivo applicato a ciascun elemento qui: prima vogliamo che lo spettatore si accorga quando lo spettacolo si sta verificando. Se il tempo lavora per loro, allora continueranno a leggere per il Venue, l'indirizzo e il sito Web per ulteriori informazioni.

Quindi, le informazioni più importanti sono maggiori e vengono prima, quindi i caratteri diventano più piccoli man mano che le informazioni diventano più specifiche.

Conclusione

E ora, nel momento che stavate aspettando tutti. Le loro incomparabili contorsioni riscalderanno la tua mente. I loro problemi padre-figlio sconvolgeranno il tuo cuore. Nascosto in una distorsione temporale nell'anno 1900 e ora sono qui per esibirsi dal vivo per te stasera. Ecco, i più magnifici fornitori di ilarità ed emozione. L'unico tempo completamente improvvisato del mondo che viaggiava sul dramma seriale Vaudevilliano, Mouth Odyssey!

Se sei interessato alla storia di Mouth Odyssey - o se vorresti tenere traccia della trama dello spettacolo mentre si evolve a dicembre, leggi di più su Mouth Odyssey qui, e controlla il registro di viaggio The Mouth Odyssey Time at fuseboxtheatre .com.

Grazie per aver letto!

Spero ti sia piaciuto imparare come farti conoscere il poster Vaudeville di fine secolo. Vorrei dire grazie a Psdtuts + per tutte le grandi risorse che forniscono alla comunità del design. Inoltre, grazie ai lettori e ai contributori per far parte di quella comunità e sostenere il lavoro creativo! Questo è il mio primo tutorial per PDSTUTS e non vedo l'ora di scriverne altri in futuro. Qualsiasi commento sarebbe molto apprezzato!

Abbonati a Psdtuts + Feed RSS per i migliori tutorial e articoli di Photoshop sul Web.