Share
In deze tutorial zullen we leren hoe een Vaudeville-affiche uit het einde van de eeuw te maken. Deze unieke aantrekkelijke advertentiestijl was populair in de late jaren 1800 en vroege jaren 1900. U meneer! Jij mevrouw! Stap meteen op en bereid je voor om verbaasd te zijn terwijl we een afbeelding van twee vrienden terug in de tijd transporteren om een posteradvertentie te maken zonder te vergelijken!
Voordat we aan de slag gaan, laten we eens kijken naar de afbeelding die we gaan maken. Zoals altijd is het gelaagde Photoshop-bestand beschikbaar via ons Psdtuts + Plus-lidmaatschap.
In deze zelfstudie verkennen we verschillende belangrijke Photoshop-vaardigheden en -concepten, waaronder: snel een onderwerp van de achtergrond isoleren; Slimme objecten en geneste slimme objecten gebruiken om uw ontwerp overzichtelijk te houden; Een afbeelding hand-kleuren; Begrijpen wat een succesvolle showposter maakt; Verschillende overvloeimodi gebruiken en uw afbeeldingen structureren. We krijgen ook een beetje geschiedenis over de entertainmentindustrie van meer dan 100 jaar geleden. Dit is een redelijk geïmpliceerde zelfstudie, dus ik zal een paar opmerkingen geven voordat we beginnen:
Notitie: Dit is een echte poster voor een echte show die mijn vriend Barry en ik elke maand uitvoeren. De show gaat over een vader en zoon performance art duo genaamd Mouth Odyssey. Door krachten buiten hun controle, zijn ze getransporteerd van het jaar 1900 tot het jaar 2008. Elke maand hebben we een andere aflevering, die hun avonturen volgt, hun vader en zoon worstelt, en hun zoektocht om naar huis terug te keren naar het jaar 1900. De show is volledig geïmproviseerd en we bouwen het verhaal elke maand.
Als je meer wilt lezen over Mouth Odyssey of het verhaal wilt volgen terwijl het zich ontwikkelt, ga je naar "The Mouth Odyssey Experience" op FuseBoxTheatre.com. Daar vindt u de kroniek van hun avontuur! Er is niets anders zoals het daarbuiten! Oké, laten we beginnen!
Om een authentiek effect voor deze poster te bereiken, hebben we een portretachtige foto nodig. De onderwerpen hebben vaak een subtiele glimlach of zelfs een blanco blik. Het kan een beetje raar lijken, maar er is absoluut iets eigenzinnigs en aantrekkelijks aan!
Ik heb een foto van mezelf en mijn vriend Barry geselecteerd die speciaal is gemaakt met het doel een poster in deze stijl te maken.
Er zijn veel manieren om dit te bereiken. De pen-tool is betrouwbaar en geavanceerd, maar er zijn talloze handleidingen voor pen-tools. Een alternatieve benadering die vaak vergelijkbare resultaten in minder tijd oplevert, is om het gereedschap Achtergrondwisser te gebruiken.
De achtergrondgum werkt door het contrast tussen te vergelijken achtergrond en voorgrond. Het dradenkruis in het midden van het gereedschap Achtergrondgum moet op de achtergrondkleur worden geplaatst die u wilt wissen. Alles dat sterk contrasteert met de achtergrondkleur, wordt overwogen voorgrond, en zal niet worden gewist. (Deze tool is erg handig - vooral voor het snel isoleren van haar!)
Notitie: Het achtergrondgummetje vindt u alleen in Photoshop CS3, dus als u geen toegang hebt tot die software, kunt u uw favoriete alternatieve methode voor onderwerpsextractie gebruiken.
Met uw onderwerpen veilig uit de achtergrond gehaald, moeten we de kleur verwijderen. We gaan later onze eigen kleuren met de hand schilderen. Er zijn een aantal manieren om deze stap te volbrengen. Als u Photoshop CS3 gebruikt, kan de nieuwe opdracht Zwart-wit onder Beeld> Aanpassingen> Zwart-wit een goede klus zijn. Afbeelding> Aanpassingen> Desaturatie kan ook de truc zijn, of je kunt zelfs een van de beeldkanalen gebruiken, afhankelijk van het soort contrast dat je wenst.
We staan op het punt om aan de slag te gaan met het meer betrokken deel van de tutorial en om de dingen netjes en overzichtelijk te houden, willen we onze onderwerpen scheiden en met hen werken op verschillende niveaus. In mijn geval wil ik eigenlijk ook de posities van onze portretten ruilen.
Om dit te bereiken, kunt u gewoon het Lasso of rechthoekige selectiekader gebruiken om een van de onderwerpen te selecteren en vervolgens knippen en plakken in een nieuwe laag.
Ik ben een grote fan van mappen en groepen in Photoshop. Hiermee kun je alles bij elkaar houden en je compositie gemakkelijk herschikken, zelfs als je veel lagen en effecten hebt. Laten we nu een map maken voor elk van onze onderwerpen. Onze karakternamen zijn Carl en Carlyle, dus ik noem ze dienovereenkomstig.
Dit is het meest tijdrovende deel van het project. Als u een pentablet heeft, wordt deze stap veel eenvoudiger, maar het zal nog een tijdje duren. Als je maar een muis hebt, bereid je dan voor op veel inzoomen en zorgvuldig pixelschilderen!
Als u heel bekwaam bent in het selecteren van kleurbereik of kleurvervangingstools, kan dat een snellere manier zijn om dit te bereiken. U kunt ook een lege laag met kleur vullen en laagmaskers gebruiken om de kleur voor vermenging te verbergen of te onthullen. Maar voor onze doeleinden, zullen we plezier hebben door gewoon over het origineel te kleuren.
Je zou moeten beginnen met het opmerken van gebieden van vergelijkbare kleur in je onderwerp - in dit geval hebben we de hoed, hoedenband, haar, gezicht, lippen, oogwit, iris, bril en shirt. Maak een afzonderlijke laag voor elk van deze kleurgebieden binnen de groep die u voor dit onderwerp hebt gemaakt.
Voor de meeste van deze lagen willen we een overvloeimodus van kleur gebruiken. (De vervolgkeuzelijst Blendingmodus bevindt zich bovenaan het lagenpalet.) Nu kiezen we gewoon de kleur die we willen gebruiken om ons onderwerp te verven en om over het overeenkomstige gebied te schilderen. Het desaturated beeld eronder bepaalt de mate van vermenging, dus we behouden al onze hoogtepunten en schaduwen uit de originele afbeelding.
Herhaal deze procedure voor elke kleurzone. Deze stap is zeer subjectief, dus experimenteer met dekking, kleurschakering en overvloeimodus totdat u een effect bereikt dat u leuk vindt voor elk kleurgebied. Op deze afbeelding heb ik bijvoorbeeld een mengmodus van vermenigvuldigen met dekking op 100% voor de hoed gebruikt, maar ik gebruikte een mengmodus van normaal en een dekking van 46% op de hoedband.
Ik heb ook de oogkleur veranderd om ervoor te zorgen dat ze een grote aandacht trekken, vooral op posters. Hiervoor gebruikte ik een mengmodus van kleur op de iris van het oog en ik gebruikte licht op de blanken.
De kleuren die u kiest, zijn afhankelijk van uw beginbeeld en het effect dat u wilt bereiken. Over het algemeen zijn we op zoek naar vervaagde kleuren die het beeld verouderd doen lijken, maar omdat deze posters in oude stijl illustraties waren, wordt het aanmoedigen van enige creatieve vrijheid. Het doel is gewoon om iets te produceren dat je aanspreekt - er is geen goed of fout!
Hieronder ziet u een afbeelding van de met de hand geschilderde elementen zonder de fotolaag voor het mengen. Het uitzetten van de foto kan een goede manier zijn om te controleren of u alle ideeën die u moet bedekken hebt afgedekt.
OK! Nu hebben we een mooie, handgetinte portretfoto. We beginnen een heleboel lagen op te stapelen - tijd om een aantal slimme objecten te maken! Klik met de rechtermuisknop op de groep die de lagen voor uw met de hand getinte onderwerp vasthoudt en kies Converteren naar slim object. U kunt het slimme object op elk moment bewerken door op de miniatuur ervan in het palet Overzicht lagen te dubbelklikken.
Het was zeldzaam om een zwevende kop te zien op deze oude posters - de onderwerpen werden meestal ingesloten in een elliptisch portretkader dat zowel een onderscheidende uitstraling als meer visueel gewicht verleende. Voor onze portretachtergronden gebruiken we de Ellipse-tool en knippen we de personage-afbeeldingen naar binnen.
Om de ene afbeelding naar de andere te knippen, plaatsen we ons slim portretobject boven de ellips, druk dan op de Alt-toets en klik tussen het slimme object en de vorm waarnaar we willen knippen. Je ziet de cursor veranderen om aan te geven dat de twee lagen kunnen worden geknipt.
Om een textuur aan de afbeelding toe te voegen, knippen we een oud papier in onder ons onderwerp, maar in het kader van de ellips. Er zijn tal van gratis oud papier texturen die er zijn - pak je favoriet!
Om meer diepte aan het beeld te geven, voegen we een lijn en innerlijke schaduw toe aan de ellips die ons onderwerp uitbeeldt, evenals enkele radiale verlopen achter het karakter. Ik heb een kleine slagschaduw toegevoegd aan het slimme tekenobject om het nog meer naar voren te laten komen, en een Gaussian Blur Smart filter om fijne details te verbergen die zichtbaar waren in de originele hoge resolutie afbeelding.
De reden dat we de afbeelding hier vervagen, is dat de stijl die we opnieuw creëren een met de hand getekende geïllustreerde stijl is. Onze bronfoto had een hoge resolutie en er waren te veel subtiele details zichtbaar. Een Gaussiaanse vervaging van ongeveer één pixel zorgt voor die fraai, nu we beginnen met het bereiken van de zachte uitstraling die we zoeken.
Een ander voordeel van het gebruik van slimme objecten is dat we slimme filters kunnen gebruiken. Slimme filters passen effecten niet-destructief op de afbeelding toe, zodat u ze later kunt aanpassen als u dat wilt.
Er waren geen blogs of websites in het Vaudeville-tijdperk, dus de enige vorm van branding voor artiesten was om ervoor te zorgen dat hun namen prominent naast hun afbeeldingen op de posters werden weergegeven. Vaak zouden de handelingen broers of zussen, een tweeling of een heel gezin zijn. Het tonen van de namen, met name de achternaam, hielp de verbinding tussen de personen en de show afdwingen.
De naamplaatjes hier zijn eenvoudig afgeronde rechthoeken met een subtiele lijn. Voor het typeplaatje gebruiken we Copperplate Gothic Bold. Je zou waarschijnlijk nog meer versierd kunnen zijn met de naamplaatjes dan ik hier krijg, maar deze tutorial heeft al genoeg stappen!
Op deze oude Vaudeville-posters waren vaak meerdere artiesten te zien. Volg hetzelfde proces als hierboven om een ander personageportret te maken.
Een manier om tijd te besparen met deze stap is om hetzelfde kleurenpalet, vormen en naamplaatjes te gebruiken als gebruikt voor het eerste teken. Dupliceer ze, vervang de afbeelding, kleur en verander de naam indien nodig. Converteer naar een slim object als u klaar bent.
Dingen beginnen weer op te stapelen en we willen alles eenvoudig houden op het hoogste niveau. Dus nu we ons volledige portret met effecten hebben, klik met de rechtermuisknop op de bovenkant van deze groep en converteer het naar een slim object, net als voorheen. Nu hebben we slimme objecten genest!
Nu is het harde werk af, en we zijn klaar om te beginnen met het samenstellen van de eigenlijke poster zelf.
Open een nieuw document met Bestand> Nieuw. Selecteer de voorinstelling van Amerikaans papier en stel de grootte in op Tabloid. Als u uw poster wilt afdrukken, zorg er dan voor dat uw resolutie 300 dpi is en dat uw kleurmodus CMYK is. Als u het alleen online wilt weergeven, kiest u resolutie 72dpi en RGB-kleurmodus. Sleep uw portret Smart Objects naar het nieuwe document.
Om onze portretten beter te kunnen aarden, moeten we een achtergrond creëren. Hier zijn twee afgeronde rechthoeken met grote lijnen in lichtere of donkere tinten dan de hoofdachtergrondkleur. De groene rechthoek bevindt zich hier binnen de bruine kleur om een effect met dubbele mattering te creëren. Ik koos voor kleuren die goed samengingen met de kleuren in de portretten van het personage.
Het begint er beter uit te zien, maar het voelt niet oud genoeg. We kunnen dat helpen door wat meer oud papierwerk toe te voegen (iedereen zou er een verzameling van moeten hebben!).
In dit geval gebruik ik eigenlijk een combinatie van drie verschillende papierstructuren: een vezelachtige, een gerimpelde en een met een beetje een vreemde bloemenbehang erop. De papierlagen worden op de top van onze lagenstapel geplaatst, ingesteld met een overvloeimodus van vermenigvuldiging, en worden op basis van de transparantie aangepast aan de smaak. De meeste texturen van dit type vereisen een lage dekking, bijvoorbeeld 10-30%.
Om herverdelingsconflicten te voorkomen, heb ik de hoge-resolutie papierstructuren achtergelaten uit het definitieve PSD-bestand. Je kunt je eigen tekst toevoegen of een groot aantal fantastische papiertexturen downloaden van plaatsen zoals SXC of DeviantArt.
Afhankelijk van de kleur van uw papiertextuur en de gewenste tint van uw uiteindelijke afbeelding, kunt u uw papiertexturen desatureren voordat u doorgaat. Twee van de texturen die ik gebruikte, voegden echt een welkome, subtiele bruine tint toe aan de poster, dus ik liet ze niet uitdrogen. Het derde papier, de rimpelige, moest ik desatureren omdat het rood was en de beeldkwaliteit negatief beïnvloedde.
In de dagen van Vaudeville was er bijna altijd een promotor achter de schermen van elke grote act; een soort talentagent die zijn of haar reputatie opbouwde op basis van de kwaliteit van de acts die ze presenteerden (en ze zouden vaak heinde en verre reizen om steeds indrukwekkendere en ongewoondere acts te ontdekken). Informatie over de promotor of presentator was meestal prominent aanwezig bij de bovenkant van de posters als een vorm van branding.
Hier gebruiken we het lettertype Rockwell Extra Bold voor de tekst "FUSEBOX THEATRE presents". Beide tekstlagen hebben een subtiele streek waardoor ze opvallen.
De titel van onze show is "Mouth Odyssey" - een bizarre naam die spreekt met de nieuwsgierigheid gedreven marketing van de tijd. We hebben ook wat tekstverschuiving toegevoegd aan de afzonderlijke elementen om het gevoel van vreemdheid te benadrukken en dat dingen niet op hun plaats zijn. Dat is hier passend, omdat onze personages niet op hun plaats zijn in de huidige tijdsperiode.
We gebruiken een lettertype genaamd VonFont voor de tekst "Mouth Odyssey". Deze tekst heeft ook een subtiele streek om hem te laten opvallen, evenals een combinatie van Text Warp-effecten: Bend is ingesteld op + 52%, Horizontal Distortion op -37% en Vertical Distortion op -18%. Dit zijn natuurlijk alleen de instellingen die ik heb gebruikt om het gewenste effect te bereiken. Text warp kan al dan niet noodzakelijk voor je zijn - speel er mee rond en zie wat je verzint!
Deze oude posters hadden vaak lange, woordenrijke beschrijvingen van de show. Een verre schreeuw van de versimpelde drie-woord-slogan van vandaag in Helvetica Bold. Deze marketingtaal in oude stijl is ontworpen om de lezer een beschrijving te geven. Veel plezier met dit onderdeel, en wees niet bang om wazig te zijn en helemaal over de top te gaan met een hype! Zoals hierboven gebruiken we hier VonFont met een subtiele streek.
Dit is een echte poster voor een echte show die Barry en ik een tijdje geleden hebben uitgevoerd. Om mensen naar de show te laten komen, moesten we duidelijke informatie toevoegen over de datum en tijd van de show, informatie over de locatie en website. Let op het visuele gewicht dat hier op elk element wordt toegepast - we willen eerst dat de kijker merkt wanneer de show plaatsvindt. Als de tijd voor hen werkt, blijven ze lezen naar de locatie, het adres en de website voor meer informatie.
Dus, de belangrijkste informatie is het grootst en komt eerst, dan worden de lettertypen kleiner naarmate de informatie specifieker wordt.
En nu, het moment waarop u allemaal hebt gewacht. Hun onvergelijkbare verdraaiingen zullen je geest verwarmen. Hun vader-zoon problemen zullen je hart verbazen. Zogen in een time-warp in het jaar 1900 en nu zijn ze hier om live voor je te spelen vanavond. Zie, die meest magnifieke leveranciers van hilariteit en emotie. 'S Werelds enige volledig geïmproviseerde tijdreizend Vaudevillian seriedrama, Mouth Odyssey!
Als je geïnteresseerd bent in het verhaal achter Mouth Odyssey - of als je de verhaallijn van de show wilt volgen terwijl deze zich in december ontwikkelt, lees hier meer over Mouth Odyssey, en bekijk The Mouth Odyssey Time-Travel Log op fuseboxtheatre .com.
Ik hoop dat je het leuk vond om te leren hoe je je eigen Vaudeville-affiche uit het begin van de eeuw kunt maken. Ik wil graag Psdtuts + bedanken voor alle geweldige middelen die ze de ontwerpgemeenschap bieden. Dank ook aan de lezers en bijdragers om deel uit te maken van die gemeenschap en creatief werk te ondersteunen! Dit is mijn eerste tutorial voor PDSTUTS en ik kijk ernaar uit om nog meer te schrijven in de toekomst. Alle feedback zou zeer op prijs gesteld worden!
Abonneer u op de Psdtuts + RSS-feed voor de beste Photoshop-tuts en -artikelen op internet.
Accentsconagua