Hoe ontwerp je een Retro Theater-poster in Adobe Illustrator

Wat je gaat creëren

Hoe test je de koninklijke stamboom van een prinses? Of ze wel of niet in staat is om een ​​goede nachtrust te krijgen als er een enkele erwt onder haar stapel van 40 matrassen ligt - althans volgens het sprookje van Hans Christian Andersen: 'De prinses en de erwt'. 

Hoewel het oorspronkelijke verhaal kort is, heeft het andere retellingen geïnspireerd (zoals sprookjes vaak doen), zoals de musical Broadway Once Upon a Mattress. De originele cast bestond uit actrice en comedienne Carol Burnett (die genomineerd was voor een Tony Award in de rol van prinses Winnifred) en opende in 1959 in het Phoenix Theatre in New York voordat ze naar Broadway verhuisde.

In deze tutorial ontwerpen we een geïllustreerde eerbetoonposter voor de originele productie van Once Upon a Mattress, hoewel het ontwerp net zo goed voor een huidige productie kan worden gebruikt. We zullen de basisvormgereedschappen van Illustrator en de Pen-tool gebruiken om vormen te vormen voor de basis van onze illustratie, en dan zullen we details en textuur toevoegen met vectorborstels en knipmaskers, samen met wat leuke typografie.

Zorg ervoor dat u Envato Market's selectie van postersjablonen bekijkt in een grote verscheidenheid aan stijlen en gebeurteniscategorieën om een ​​voorsprong te krijgen op uw eigen projecten.

Wat je nodig hebt

De volgende bronnen zijn gebruikt om deze tutorial te voltooien:

  • Vector textuur borstels
  • Font: Trocchi
  • Font: Steelfish
  • Lettertype: Honey Script
  • Font: Gone

1. Bereid uw document voor

Stap 1

Open een nieuw document in Adobe Illustrator. Een standaardformaat voor affiches voor het theater en de film is 27 bij 40 inch (volgens Amerikaanse normen), maar omdat werken met zo'n groot document Illustrator enigszins traag kan maken, kunt u kleinere afmetingen gebruiken (zoals 11 x 17 inch / A3) voor de doeleinden van deze tutorial.

Stap 2 

Als u hetzelfde kleurenschema wilt gebruiken dat u hier ziet, is het nu een goed moment om uw palet in te stellen en de kleuren klaar te zetten in het deelvenster Stalen. U kunt de kleuren en hun hexadecimale codes hieronder bekijken. Voer elke code gewoon in in Kleur kiezer venster, klik OK, en sleep de kleur van de Vullen vak in je werkbalk naar je open Stalen paneel.

Net als een kanttekening, in het kader van deze online tutorial werken we met RGB-kleur (hoe kleuren worden weergegeven op schermen / apparaten), maar als we eigenlijk een poster zouden ontwerpen om te worden afgedrukt, zouden we kunnen ontwerpen in CMYK-kleur (die alle printers gebruiken) of converteren van RGB naar CMYK bij het voorbereiden van het bestand voor afdrukken.

2. Voeg een achtergrond toe

Stap 1

Open een nieuwe laag en noem deze Achtergrond (om de naam te wijzigen, dubbelklikt u gewoon op de nieuwe laag in de Lagen paneelen je krijgt een plaats om in een nieuwe naam te typen).Vul je hele tekengebied met de lichtblauwe kleur (# B3C5AB) met behulp van de Rechthoekgereedschap.

Stap 2

Als u dit aan het begin van de zelfstudie niet hebt gedaan, installeer en open dan de set Airbrush-penselen. We gebruiken deze penselen om een ​​korrelige textuur aan onze poster toe te voegen, een effect dat gebruikelijk was in illustratieve stijlen uit de jaren 50 en 60.

Kies een penseel of twee om wat textuur toe te voegen in een ovale vorm in het midden van je achtergrond. Gebruik een lijnkleur die iets lichter is dan de achtergrondkleur.

Er zijn een aantal manieren waarop u dit kunt doen: volledig uit de vrije hand met behulp van de Penseel, of begin met het maken van een ovale omtrek met de Ellipse Tool, breng een van de textuurborstels aan als een streep op de vorm en vul vervolgens de lege middenruimte handmatig in met een penseel. Deze tweede techniek is de techniek waarvoor ik heb gekozen, met Airbrush 13 voor de omtrek en Airbrush 6 om deze in te vullen. Als je het effect een beetje subtieler wilt maken, selecteer je de geborstelde texturen en verminder je de dekking tot ongeveer 60%.

  • Tijdbesparende tip: Een eenvoudige manier om automatisch een selectie van tinten en tinten (of lichtere en donkerdere versies) van een bepaalde kleur te genereren, is door Illustrator te openen Kleurengids (Venster> Kleurengids). Als u al een kleur in het gebied Invullen van uw werkbalk hebt, krijgt u bij het openen van de Kleurengids in de bovenste rij uw geselecteerde kleur in het midden met de tinten en tinten naar rechts en links, respectievelijk.

Stap 3

Vergrendel de achtergrondlaag door op het lege vak links van de laagnaam in de Lagen paneel; er verschijnt een hangslotsymbool. Als u dit doet, blijven de elementen in die laag bewegen of in de weg zitten wanneer u eraan probeert te werken.

3. Stapel sommige matrassen

De stapel matrassen van de prinses zal het belangrijkste organiserende concept van ons ontwerp zijn. De prinses zal natuurlijk bovenop zitten, maar de matrassen zullen ook verdubbelen als ruimte voor de titel van het spel en andere tekst.

Stap 1

Open een nieuwe laag en noem deze matrassen. Probeer een combinatie van rechthoekige en meer "slappe" vormen te stapelen. Kies voor de rechte randen van de matrassen de Afgeronde rechthoek-tool met een klik-hold op de Rechthoekgereedschap; selecteer het in het menu dat verschijnt. Voor meer vrijgevormde vormen, begin met de Ellipse Tool en sleep vervolgens de ankerpunten en handvatten van de vorm tot u de gewenste look krijgt, of maak uw eigen vormen met de Pen gereedschap.

Het aantal matrassen is afhankelijk van de specifieke vormen en formaten waarmee u eindigt, maar u wilt ervoor zorgen dat u een royaal kussen van ruimte aan de boven- en onderkant van het tekengebied achterlaat. U kunt ook een eenvoudige suggestie van een bedframe aan de onderkant toevoegen als u dat wilt.

Stap 2

Neem een ​​paar matrassen met grotere hoogten op of pas wat aan dat u al hebt getekend; we hebben deze gebieden nodig om de tekst voor de titel van de musical te plaatsen.

Vergeet als afsluiter niet om een ​​erwt ergens in te verbergen!

Stap 3

Deze stap is optioneel, maar als u meer details aan de matrassen wilt toevoegen, is dit het moment om het te doen. Je kunt proberen een aantal versieringen zoals strepen of stippen te tekenen en / of een beetje textuur toevoegen zoals wat we op de achtergrond hebben geplaatst.

Er zal echter een extra stap in het proces zijn. Nadat je je details of textuur hebt toegevoegd bovenop de matrashapes, moet je die elementen knippen of bijsnijden in de vorm van elke matras. Een manier om dat te doen is met knipmaskers. Als u niet bekend bent met dit proces, kunt u snel aan de slag met onze Quick Tip over knipmaskers. Dit is hoe uw werk eruit zou kunnen zien voor en na het maken van knipmaskers:

Stap 4

Of je nu hebt besloten om extra details aan de matrassen toe te voegen, dit is het moment om hun arrangement te finaliseren voordat we tekst toevoegen bovenaan. Je kunt hun vorm, grootte, rotatie of kleur wijzigen totdat je het gewenste resultaat krijgt.

Dit is waar ik uiteindelijk mee ben beland na het maken van meerdere knipmaskers (soms twee voor een enkele matras, texturen in lagen aanbrengen met andere verfraaiingen). Voor de texturen ging ik naar de Kleurengids om kleuren te kiezen die een beetje lichter of donkerder waren dan de basiskleuren van de matrassen en deze opnieuw toepasten met Airbrush 13.

Vergrendel de matrassenlaag voordat u doorgaat naar de volgende stappen.

4. Plaats de typografie

Weet je nog hoe we een paar van de matrassen een paar passen later extra lang maakten? Dat was dus we hadden genoeg ruimte om de titel van de musical te plaatsen, wat onze eerste orde van zaken is in deze sectie. Dus open een nieuwe laag en noem het zoiets als Tekst of Typografie.

Stap 1

Ik besloot de titel te splitsen, Once Upon a Mattress, in twee stukken (op te nemen op twee matrassen). Je zou verschillende divisies kunnen proberen, afhankelijk van wat voor je compositie werkt.

  • "Once upon a" staat in het lettertype Trocchi in kleine letters, zo groot dat het de breedte van de matras vult, en een beetje gedraaid om de kanteling te evenaren.
  • "Matras" wordt in hoofdletters in het lettertype Steelfish geplaatst en opnieuw geschaald en geroteerd om precies in de vorm van de matras te passen. Om de letters wat beweging te geven, markeert u één letter per keer met de Type Tool en vouw vervolgens het Karakter paneel, aanpassen van de Basislijnverschuiving van elke letter met de pijlen omhoog en omlaag.

Dit is wat we hebben met de titel die is geplaatst:

Stap 2

Als u wilt (en de spatie staat toe), kunt u een andere tekst toevoegen. Ik heb de slogan "een nieuwe musical" en de naam van de ster van de show op nog twee matrassen gezet, in de lettertypen Honey Script en Trocchi.

Stap 3

Vul tot slot die lege ruimte onder aan je poster met een theaternaam en -datum. De naam van het theater is ingesteld in het lettertype Gegaan en is zo groot dat het ongeveer de breedte van de onderkant van de stapel matrassen is. De openingsdatum wordt opnieuw ingesteld met Steelfish. Om de ruimte effectiever in te vullen, probeert u de Tracking (of letterspatiëring) van beide elementen tot ongeveer 75-100 in de Karakter paneel.

5. Illustreer een prinses

Nu is het tijd om een ​​prinses te vormen die boven op uw stapel matrassen gaat zitten. We kunnen geen ontwerp laten inspireren door 'De prinses en de erwt' zonder de gelijknamige prinses, toch??

Soms kan het tekenen of ontwerpen van menselijke figuren (zelfs 'cartoonachtige') moeilijk lijken, maar in dit geval herhalen we eigenlijk dezelfde technieken die we al eerder hebben gebruikt: het in lagen aanbrengen en manipuleren van individuele vormen om een ​​compositie te maken en vervolgens te verbeteren die basisvormen door er detail en textuur aan toe te voegen. Laten we beginnen:

Stap 1

Maak een nieuwe laag en noem hem Prinses. Misschien vindt u het handig om eerst de structuur of het "skelet" van de illustratie te vormen door te beginnen met de basis geschetste vormen. Dat is wat ik hieronder heb gedaan om de houding en proporties van het figuur uit te werken, voornamelijk met behulp van de Pen gereedschap om de romp en armen te vormen, samen met de gezwollen mouwen en de volle rok van een jurk / nachthemd.

Stap 2

Blijf de Pen gereedschap en / of vormgereedschap om de contouren toe te voegen van de belangrijkste elementen die nog ontbreken in je illustratie - in mijn geval de handen, de voeten, het hoofd en het haar. U kunt details zoals gelaatstrekken opslaan voor een latere stap.

Op dit punt ziet je prinses er een beetje vreemd uit, een beetje zoals een marionetpop, maar maak je geen zorgen; ze zal snel bij elkaar komen in de volgende stap.

Stap 3

Vervang die contouren door vulkleuren naar keuze. Pas vormen aan die er niet goed uitzien nu je ze in kleur ziet. 

Stap 4

Als u de strepen op de jurk wilt maken die u hierboven ziet, dupliceert u de vorm waarop u striping wilt aanbrengen en verplaatst u deze naar de zijkant van uw tekengebied. Gebruik de Pen gereedschap om scheidingslijnen te tekenen over de vorm waar u de kleuren wilt scheiden. Selecteer vervolgens alle lijnen en de vorm en ga naar Venster> Pathfinder> Verdelen. Hiermee wordt de vorm verdeeld volgens de lijnen die u tekende en kunt u elk segment selecteren met behulp van de Direct selectie gereedschap en de kleur veranderen. Sleep de gestreepte vorm terug naar het tekengebied om bovenop de oorspronkelijke vorm te zitten.

Stap 5

Nu zou het ook een goed moment zijn om texturen toe te voegen, indien gewenst, om kleurvariaties uit de Kleurengids te krijgen en knipmaskers te gebruiken als voorheen. (De individuele vormen die u in de omslagfase hebt gemaakt, maken het isoleren en knippen van de structuren veel sneller.)

Stap 6

Geef je prinses wat persoonlijkheid door de gelaatstrekken in te vullen. Ik gebruikte de Pen gereedschap en Ellipse Tool hiervoor, plus een textuurborstel (Airbrush 2) voor de roze wangen. Voeg gerust nog wat andere leuke details toe, zoals een kroon of misschien wat versieringen aan de jurk.

Stap 7

Bewonder je voltooide werk!   

Een buiging nemen

Goed gedaan, je hebt veel gedaan in deze tutorial - een kleine illustratie, een beetje typografie, wat textuur en meer! Ik hoop dat je het leuk vond om verschillende ontwerpelementen en -technieken te combineren om een ​​voltooid project in Adobe Illustrator te produceren, maar ook om je te verdiepen in enkele verborgen juweeltjes van het programma, zoals de Kleurengids.

Zoals altijd, voel je vrij om te delen hoe jouw project is verlopen of stel vragen in de comments sectie. Blij ontwerpen!