Gör en vänd av århundradet Vaudeville affisch

I den här handledningen lär vi dig hur du skapar en Vaudeville-affisch från början av seklet. Denna unikt tilltalande stil av reklam var populär i slutet av 1800-talet och början av 1900-talet. Du är herr! Du fru! Steg upp och förbered dig för att bli förvånad när vi transporterar en bild av två vänner tillbaka i tiden för att skapa en affischannons utan att jämföra!

Slutlig bildförhandsvisning

Innan vi börjar, låt oss ta en titt på bilden vi ska skapa. Som alltid är den lagrade Photoshop-filen tillgänglig via vårt Psdtuts + Plus-medlemskap.

Introduktion

I denna handledning utforskar vi flera viktiga Photoshop-färdigheter och begrepp, bland annat: Snabbt isolera ett ämne från bakgrunden; Använda smarta föremål och kapslade smarta objekt för att hålla din design störig. Handtoning av en bild; Förstå vad som gör en framgångsrik showaffisch; Använda olika färgblandningsmetoder och Texturera dina bilder. Vi kommer också få lite historia om underhållningsindustrin från över 100 år sedan. Det här är en ganska inblandad handledning, så jag ska ge några anteckningar innan vi börjar:

  1. Denna handledning det för mellanliggande avancerade Photoshops-användare, och förutsätter att du har grundläggande kunskaper om lager och tillgängliga verktyg.
  2. Även om en pennplatta inte är nödvändig, med en kommer att göra handtonning vår bild mycket enklare.
  3. Du kommer att vilja ha en fin, klar, högupplösande bild av ett ansikte för att uppnå bästa möjliga resultat med denna stil.
  4. Denna handledning är utformad för att vara kul, och jag uppmuntrar dig att experimentera. Så i de flesta fall kommer jag inte att ge färg hex-värden, strokebredder eller liknande detaljer. I stället för ett mått-till-tal-tillvägagångssätt, kommer jag att förklara mitt resonemang bakom varje steg och kanske ge en liten historia och uppmuntra dig att hitta en effekt som du gillar.
  5. Vaudeville var en fascinerande fas i amerikansk underhållning. För mer information, kan du läsa om Vaudeville på wikipedia.

Notera: Detta är en riktig affisch för en riktig show som min vän Barry och jag utför varje månad. Utställningen handlar om en far och son prestationskonst duo kallad Mouth Odyssey. Genom befogenheter utanför deras kontroll har de transporterats från år 1900 till år 2008. Varje månad har vi ett annat avsnitt som följer deras äventyr, deras far och son kämpar och deras strävan att återvända hem till år 1900. De showen är helt improviserad, och vi bygger historien varje månad.

Om du är intresserad av att läsa mer om Mouth Odyssey eller följa historien när den utvecklas, besök "The Mouth Odyssey Experience" på FuseBoxTheatre.com. Där hittar du chroniken av deras äventyr! Det finns inget annat som det där ute! Okej, låt oss börja!

Steg 1: Välj din bild

För att få en autentisk effekt för denna affisch behöver vi ett porträttstilte fotografi. Ämnenna kommer ofta att ha ett subtilt leende, eller till och med en tom stirring. Det kan se lite konstigt ut, men det finns definitivt något quirky och tilltalande om det!

Jag har valt en bild av mig själv och min vän Barry som togs speciellt för att göra en affisch i denna stil.

Steg 2: Extrahera ämnen från bakgrunden

Det finns många sätt att uppnå detta. Pennverktyget är pålitligt och sofistikerat, men det finns massor av pennaverktygsövningar där ute. Ett alternativt tillvägagångssätt som ofta ger liknande resultat på kortare tid är att använda verktyget Bakgrundsgivare.

Bakgrundsväljaren fungerar genom att jämföra kontrast mellan bakgrund och förgrund. Korset i mitten av verktyget Bakgrundshanterare ska placeras på bakgrundsfärgen som du vill radera. Allt som starkt kontrasterar med bakgrundsfärgen kommer att övervägas förgrund, och kommer inte att raderas. (Det här verktyget visar sig vara mycket praktiskt - speciellt för att snabbt isolera håret!)

Notera: Bakgrundsutjämningsverktyget finns endast i Photoshop CS3, så om du inte har tillgång till den programvaran, använd gärna din favorit alternativ metod för ämneutvinning.

Steg 3: Konvertera bilden till svartvitt

Med dina ämnen som extraheras säkert från bakgrunden måste vi ta bort färgen. Vi kommer att måla våra egna färger för hand senare. Det finns ett antal sätt att uppnå detta steg. Om du har Photoshop CS3 kan det nya Svartvita kommandot under Bild> Justeringar> Svartvitt göra ett bra jobb. Bild> Justeringar> Desaturate kan också göra tricket, eller du kan till och med bara använda en av bildkanalerna beroende på vilken typ av kontrast du önskar.

Steg 4: Separera ämnena

Vi ska komma igång med den mer involverade delen av handledningen och för att hålla sakerna snygga och ordnade, vill vi skilja våra ämnen och arbeta med dem på olika lager. I mitt fall vill jag faktiskt byta positioner i våra porträtt också.

För att uppnå detta kan du bara använda Lasso eller Rectangular markeringsramen för att välja ett av ämnena, klippa sedan och klistra in i ett nytt lager.

Steg 5: Skapa grupper för varje ämne

Jag är en stor fan av mappar och grupper i Photoshop. De låter dig hålla allt ihop och göra det lätt att ordna om din komposition, även om du har många lager och effekter. Låt oss göra en mapp för vart och ett av våra ämnen nu. Våra karaktärsnamn är Carl och Carlyle, så jag heter dem i enlighet därmed.

Steg 6: Börja handtonning av bilden

Det här är den mest tidskrävande delen av projektet. Om du har en penna tablett blir det här mycket enklare, men det kommer fortfarande ta en stund. Om du bara har en mus, förbered dig på mycket inzoomning och försiktig pixelmålning!

Om du är mycket skicklig med det valda färgområdet eller färgbytesverktygen, kan det vara ett snabbare sätt att uppnå detta. Du kan också fylla ett tomt lager med färg och använda lagmasker för att dölja eller avslöja färgen för blandning. Men för våra syften kommer vi ha roligt genom att bara färgas direkt över originalet.

Du bör börja med att märka regioner med liknande färg i ditt ämne - i detta fall har vi hatt, hattband, hår, ansikte, läppar, ögonvittor, iris, glasögon och skjorta. Skapa ett separat lager för vart och ett av dessa färgområden inom gruppen du har skapat för det här ämnet.

För de flesta av dessa lager kommer vi att vilja använda ett blandningsläge för Color. (Blandningsläge finns längst upp i lagpaletten.) Nu väljer vi helt enkelt den färg vi vill använda för att tona vårt ämne och måla över motsvarande område. Den desaturerade bilden nedan bestämmer mängden blandning, så vi behåller alla våra höjdpunkter och skuggor från originalbilden.

Steg 7: Fortsätt Handtonning av bilden

Upprepa proceduren för varje färgzon. Detta steg är mycket subjektivt, så experimentera med opacitet, färgskugga och blandningsläge tills du uppnår en effekt du gillar för varje färgregion. Till exempel på den här bilden använde jag ett blandningsläge för multiplicering med opacitet satt till 100% för hatten, men jag använde ett blandningsläge för normal och en opacitet på 46% på hattbandet.

Jag har också ändrat ögonfärgen för att få dem att bli pop - ögon är stora uppmärksamhetsgrabbers, särskilt på affischer. Därför använde jag en blandning av färg på ögonens iris, och jag använde Lighten på de vita.

Färgerna du väljer beror på din första bild och vilken effekt du vill uppnå. I allmänhet letar vi efter bleka färger som gör att bilden blir äldre, men eftersom dessa gammaldags affischer var illustrationer, uppmuntras lite kreativ frihet. Syftet här är helt enkelt att producera något som appellerar till dig - det finns ingen rätt eller fel!

Nedan visas en bild som visar de handmålade elementen utan fotografiska lagret för blandning. Att stänga av fotografiet kan vara ett bra sätt att kontrollera att du har täckt alla idéer som du behöver täcka.

Steg 8: Konvertera porträtten till ett smart objekt

Ok! Nu har vi en fin, handtonad porträttskott. Vi börjar ackumulera mycket lager - det är dags att göra några smarta objekt! Högerklicka på gruppen som håller lagren för ditt handtonade ämne och välj Konvertera till smart objekt. Du kan när som helst redigera det smarta objektet genom att dubbelklicka på dess miniatyrbild i lagens förhandsgranskningspalett.

Steg 9: Lägg till stående bakgrund

Det var sällsynt att se flytande huvud på dessa gamla affischer - ämnena var vanligtvis inneslutna i en elliptisk porträttram som utlände en distinktion av luften samt ytterligare synvikt. För våra stående bakgrunder kommer vi att använda Ellipse-verktyget och klippa karaktärsbilden inuti.

För att klippa en bild till en annan placerar vi vårt stående smarta objekt ovanför ellipsen och trycker sedan ner Alt-tangenten och klickar på mellan det smarta objektet och formen vi vill klippa till. Du får se markörändringen för att indikera att de två skikten kan klippa.

Steg 10: Lägg lite textur och djup i porträtten

För att lägga till konsistens på bilden klipper vi en gammal pappersstruktur under vårt ämne, men inuti ellipsramen. Det finns massor av gratis gamla papperstexturer där ute - ta din favorit!

För att ge djupare bild, lägger vi till en stroke och inre skugga mot ellipsbildningen vårt ämne, liksom några radiella gradienter bakom karaktären. Jag har lagt till en liten droppskugga till det smarta smarta objektet för att få det att dyka upp ännu mer och ett Gaussian Blur Smart-filter för att dölja alla fina detaljer som var synliga från den ursprungliga högupplösta bilden.

Anledningen till att vi suddar bilden här är att den stil vi återskapar är en handritad illustrerad stil. Vårt källfotografi var högupplösning, och alltför många subtila detaljer var synliga. En Gaussisk suddighet på ungefär en pixel tar hand om dem snyggt, eftersom vi börjar uppnå det mjuka utseendet vi är efter.

En annan bra sak om att använda smarta objekt är att vi kan använda smarta filter. Smarta filter tillämpar effekter på bilden odödligt, så du kan tweak dem senare om du vill.

Steg 11: Lägg till typskyltar

Det fanns inga bloggar eller webbplatser i Vaudeville-eran, så den enda form av branding för artister var att se till att deras namn verkade framträdande bredvid sina bilder på affischerna. Ofta är handlingarna bröder eller systrar, tvillingar eller en hel familj. Visar namnen, särskilt efternamn, hjälpte till att upprätthålla sambandet mellan individerna och showen.

Namnskyltarna här är helt enkelt rundade rektanglar med en subtil slag. För typskylten använder vi Copperplate Gothic Bold. Du kan nog bli mer utsmyckad med märkskyltarna än jag kommer hit, men den här handledningen har redan tillräckligt med steg!

Steg 12: Handtvätt Vår andra karaktär

Dessa gamla Vaudeville-affischer presenterade ofta flera artister. Följ samma process som ovan för att skapa ett annat teckenporträtt.

Ett sätt att spara tid på detta steg är att använda samma färgpalett, former och namnskyltar som används för första tecknet. Kopiera dem bara, ersätt bilden, färgen och ändra namnet efter behov. Konvertera till ett smart objekt när du är klar.

Steg 13: Konvertera en hel porträtt till ett smart objekt

Sakerna börjar stapla upp igen, och vi vill hålla allt enkelt på översta nivån. Så nu när vi har vårt fulla porträtt med effekter högerklickar du på toppen av den här gruppen och konverterar den till ett smart objekt, precis som tidigare. Nu har vi nestade smarta föremål!

Steg 14: Börja komponera affischen

Nu är det hårda arbetet gjort, och vi är redo att börja komponera själva affischen själv.

Öppna ett nytt dokument med Arkiv> Ny. Välj Förinställd av US-papper och ställ in storleken till Tabloid. Om du vill skriva ut din affisch, se till att din upplösning är 300dpi och ditt färgläge är CMYK. Om du bara ska visa den online väljer du upplösning 72dpi och färgläge RGB. Dra ditt snygga Smart Objects till det nya dokumentet.

Steg 15: Lägg till en färgad bakgrund

För att mesta våra porträtt mer framgångsrikt borde vi skapa en bakgrund. Här är två rundade rektanglar med stora slag i ljusare eller mörkare färger än huvudbakgrundsfärgen. Den gröna rektangeln ligger i brunfärgen här för att skapa en dubbelmattningseffekt. Jag valde färger som gick bra med färgerna i karaktärens porträtt.

Steg 16: Lägg till lite textur

Det börjar se bättre ut, men det känns inte tillräckligt gammalt. Vi kan hjälpa till med att lägga till några fler gamla pappersteksturer (alla borde ha en samling av dessa!).

I det här fallet använder jag faktiskt en kombination av tre olika papperstexturer - en fibrös, en skrynklig och en med en underlig blommig tapet på den. Pappersskikten placeras längst upp i vår lagerstack, inställd med ett blandningsläge för multiplicering, och är opacitetsjusterat till smak. De flesta texturer av denna typ kommer att kräva en låg opacitet, t ex 10-30%.

För att undvika omfördelningskonflikter har jag lämnat papperstexturer med hög upplösning ur den slutliga PSD-filen. Du kan lägga till din egen, eller ladda ner några stora papperstekstur från platser som SXC eller DeviantArt.

Beroende på färgen på din pappersstruktur och önskad nyans av din slutliga bild kanske du vill desaturera dina pappersstrukturer innan du fortsätter. Två av de texturer som jag använde lade faktiskt en välkommen subtil brunfärg till affischen, så jag desaturerade dem inte. Det tredje papperet, den rynkade, jag var tvungen att desaturera eftersom den var röd och hade en negativ inverkan på bildkvaliteten.

Steg 17: Lägg till presentationsinformation

På Vaudeville-dagarna var det nästan alltid en promotor bakom scenen i varje stor handling; en slags talangagent som byggde sitt rykte på kvaliteten på de handlingar som de presenterade (och de skulle ofta resa långt för att upptäcka allt mer imponerande och ovanliga handlingar). Information om promotorn eller presentatören var vanligtvis inkluderad framträdande nära toppen av affischerna som en form av branding.

Här använder vi tecknet Rockwell Extra Bold för texten "FUSEBOX THEATER presents". Båda textlagren har ett subtilt slag som hjälper dem att sticka ut.

Steg 18: Lägg till en ögonkrypande titel

Titeln på vår show är "Mouth Odyssey" - ett bisarrt namn som talar till den nyfikenhetsstyrda marknadsföringen av tiden. Vi har också lagt till lite textvarp till de enskilda elementen för att betona känslan av främmande och att sakerna är oskäliga. Det är lämpligt här, eftersom våra tecken inte är på plats under den aktuella tidsperioden.

Vi använder ett teckensnitt som heter VonFont för texten "Mouth Odyssey". Texten har också en subtil stroke som hjälper till att sticka ut, samt en kombination av Text Warp-effekter: Bend är inställt på + 52%, Horisontell Distortion vid -37% och Vertikal Distortion på -18%. Självklart är det bara de inställningar jag brukade uppnå den effekt jag önskade. Text warp kanske eller inte är nödvändigt för dig - leka med det och se vad du gör med!

Steg 19: Lägg till en Verbose Show Description

Dessa gamla affischer hade ofta långa ordiga beskrivningar av showen. Ett långt ifrån dagens översimplifierade tre word taglines i Helvetica Bold. Detta gammaldags marknadsföringsspråk är utformat för att dra läsaren in med beskrivning. Ha kul med den här delen, och var inte rädd för att vara ordig och gå helt över toppen med hype! Som ovan använder vi här VonFont med en subtil slag.

Steg 20: Lägg till Visa Information

Detta är en verklig affisch för en verklig show som Barry och jag utförde för en liten stund sedan. För att få folk att komma på showen, var vi tvungna att lägga till tydlig information om visningsdatum och tid, platsinformation och webbplats. Notera den visuella vikten som appliceras på varje element här - vi vill först ha tittaren att märka när showen uppträder. Om tiden fungerar för dem, fortsätter de att läsa till platsen, adressen och webbplatsen för mer information.

Så den viktigaste informationen är störst och kommer först, då teckensnittet blir mindre eftersom informationen blir mer specifik.

Slutsats

Och nu, det ögonblick du har väntat på. Deras oföränderliga förvrängningar kommer att värma ditt sinne. Deras far-son frågor kommer att boggle ditt hjärta. Sugde in i en tidskrig i år 1900 och nu är de här för att leva för dig ikväll. Se, de mest magnifika purveyorsna av hilaritet och känslor. Världens enda helt improviserade tid som reser Vaudevillian seriedrama, Mouth Odyssey!

Om du är intresserad av historien bakom Mouth Odyssey - eller om du vill hålla reda på föreställningens historia när den utvecklas till december, läs mer om Mouth Odyssey här och kolla Mouth Odyssey Time-Travel Log på fuseboxtheatre .com.

Tack för att du läser!

Jag hoppas att du har tyckt om att lära dig hur man gör dig till egen Vaudeville-affisch. Jag skulle vilja säga tack vare Psdtuts + för alla de stora resurser som de tillhandahåller designgemenskapen. Också tack vare läsarna och bidragsgivarna för att vara en del av det samhället och stödja kreativt arbete! Detta är min första handledning för PDSTUTS och jag ser fram emot att skriva mer i framtiden. Någon återkoppling skulle uppskattas mycket!

Prenumerera på Psdtuts + RSS-flödet för de bästa Photoshop-verktygen och artiklarna på webben.