Op deze making-of pagina neem ik u mee in onze werkwijze.
We lopen samen stap voor stap door hoe we de EMPWR poster hiernaast hebben gemaakt.

Zo doen ze dat dus!

Mensen kunnen zich vaak maar weinig voorstellen bij de manier waarop wij bij Yaroon’s onze posters maken. Dit geldt al voor het tekenwerk op zich, maar vooral wanneer we realistische elementen met cartoons combineren kunnen mensen vaak in de verste verten niet bedenken hoe zoiets tot stand komt. Dat is natuurlijk ook niet zo vreemd als je niet in het vak zit. Bovendien is het een tamelijk unieke werkwijze.

Daarom geen AI!

Vooral in deze tijden waarin er mooie resultaten behaald worden met behulp van AI, is het belangrijk om het proces te begrijpen omdat daarmee meteen duidelijk is dat we, in tegenstelling tot AI-gegenereerde beelden, 100% controle hebben over het eindresultaat.
Dit is belangrijk omdat we in de business zitten van belangrijke boodschappen zo effectief mogelijk overbrengen.

We bedenken eerst een optimaal plan wat naadloos aansluit op de wensen van de klant qua stijl en effectiviteit en vervolgens slaan we qua tekst, beeld en compositie een halve bouwmarkt aan spijkers precies op hun kop zodat alles samenwerkt om een eindresultaat te bewerkstelligen wat écht effectief is.

Nieuwsgierig? Ja?
Daar gaan we dan!

Stap 1: De brainstormsessie

Via Teams heb ik samen met mijn klant, in dit geval Steffan, een brainstormsessie van ongeveer een uur. In dit uur legt Steffan uit wat de pijnpunten zijn en zijn doel met deze poster.

Vervolgens zetten we een aantal snelle schetsen neer om te kijken wat de beste invalshoek is.
Wat bijna nooit een goed idee is, twee boodschappen in één, blijkt hier goed te kunnen.

We bedenken een scène waarin twee slordige werknemers last hebben van elkaars nalatige gedrag. Wie het gevoel niet kent van een soortgelijke werkplaats, herkent het wel uit zo’n beetje iedere verkeerssituatie. Met de herkenbaarheid zit het dus wel goed!

Stap 2: Het profiel modelleren

De klant gaf aan dat de trappen belangrijk zijn. Deze hebben een Antislip O2 profiel wat zorgt voor grip én wat waterdoorlatend is door de open structuur.

Een aantal jaren geleden zijn alle trappen in de gehele fabriek voorzien van deze speciale, veilige treden. We modelleren het profiel naar de voorbeeldfoto’s die zijn aangeleverd.

Stap 3: De trede

Nu het profiel klaar is vullen we daar de gehele oppervlakte mee op. We maken het zo dat we het evt. naderhand nog makkelijk kunnen aanpassen. We bouwen de rest van de trede eromheen en maken een nieuw materiaal aan waarmee we het metaal van de trappen op de foto’s nabootsen.

Wanneer die ene trede klaar is kunnen we er de gehele trap mee maken. Deze bouwen we modulair, zodat we dezelfde modellen niet alleen in deze vorm in een volgende poster kunnen gebruiken, maar er ook een compleet andere trap mee kunnen maken.

Stap 4: De trap

Nu de treden klaar zijn bouwen we de rest van de trap.

Alle specifieke onderdelen bouwen we na van de aangeleverde referentiefoto’s. Standaard onderdelen zoals de zwenkwieltjes, halen we uit onze modellenbibliotheek en passen we waar nodig aan.

Zo besparen we tijd en kosten. We hoeven het wiel tenslotte geen twee keer uit te vinden, ook niet als het een zwenkwiel is

Stap 5: De Leuning

De leuning moeten we alle kanten op kunnen buigen dus maken we die zo dat we de vorm makkelijk en snel kunnen aanpassen.

De sticker maken we eerst in Photoshop na alsof we een echte maken, daarna brengen we dit platte bestand binnen als materiaal wat we op de leuning kunnen plaatsen.

Vervolgens geven we dit de juiste eigenschappen mee zodat de sticker glanst alsof het een echte is.

Stap 6: De Rest van de trap & de machine

Aan de hand van de aangeleverde referentiefoto’s modelleren we het zichtbare deel van de machine, de rolplaat en de overloop.

De flexibele leuningen kunnen we nú eenvoudig aanpassen om er de andere vormen mee te maken.

Stap 7: De doos vol repen

Om de chocoladerepen zo natuurgetrouw mogelijk over de vloer te verspreiden, gebruiken we de physics engine. Eerst kopiëren we die ene reep 120 keer.

We stellen gewicht en mate van frictie in en laten de repen eerst in de doos vallen. Daarna laten we ze nog een keer vallen, deze keer op een tijdelijke schans.

Wanneer de animatie naar wens is kan de schans weer worden verwijderd. Een stuk sneller dan 120 repen 1 voor 1 op z’n plek leggen!
De flappen van de doos hebben we gerigd waardoor we ze gemakkelijk en snel kunnen openvouwen alsof het een echte doos is.

Fotorealistische 3D Scans van de energy bars

Het model van de energybar hadden we al achter de hand. Toen we de eerste posters gingen maken, hebben we eerst van een aantal repen 3D modellen gemaakt d.m.v. de zgn. photogrammetry techniek.

Dit houdt in dat we echte energybars voor de camera hebben gehad om er meer dan 100 hoge resolutie productfoto’s per reep van te maken vanuit iedere mogelijke hoek. Daarna hebben we deze gebruikt om met speciale software deze gedetailleerde, fotorealistische 3D modellen te maken.

Stap 8: Nieuwe rondes, nieuwe keuzes

Nu de 3D scene grotendeels klaar is en we zien waar de machine precies komt te staan, wordt het tijd om de schets qua compositie definitief te maken. In de eerste opzet ging het alleen maar om het idee, nu moet het ook kloppen.

Op dit moment dienen zich qua timing 2 mogelijkheden aan in deze de scène; zien we iets wat zojuist gebeurd is of zitten we als kijker middenin de actie? Optie 1 is vaak wat grappiger, optie 2 levert over het algemeen een spannender, chaotischer plaatje op.

Beide werken evengoed om de boodschap over te brengen, dus de klant mag kiezen. Omdat de collega onderaan de trap al gevallen is, kiest hij voor de actie wat de uitglijder betreft. Nu hebben we een tijdens en een na in één plaat en dat levert het meest gevarieerde beeld op. Super!

Stap 9: De definitieve schets

Nu de keuze is gemaakt tussen de twee grove compositieschetsen, gaan we ‘m definitief maken. De mannetjes krijgen hun definitieve gezicht, alle grove lijnen worden netjes gemaakt en wat niet klopt maken we kloppend.

Zo zorg ik er in deze fase bijvoorbeeld voor dat ze elkaar ook echt aankijken, maak ik van die slordige worsten echte vingers en krijgen ze veters in hun schoenen. Ook zet ik snel een basiskleur op zodat de klant een redelijk goed beeld heeft van het eindresultaat om te beoordelen. Als alles akkoord is gaan we door naar de volgende ronde; inkten.

Stap 10: Inkten

De klant heeft de definitieve schets goedgekeurd, dus nu is het tijd om alle potloodlijnen over te trekken met mooie vloeiende, strakke geïnkte lijnen. Ik zet de schets licht op de achtergrond en vervang mijn digitale potlood voor een digitaal inktpenseel. Ook zit er een verschil in de techniek onder de motorkap.

Waar de schetsen zijn gemaakt op pixellagen, worden de geïnkte lijnen op vectorlagen uitgevoerd. Dit biedt een aantal extra mogelijkheden: schalen zonder kwaliteitsverlies en los selecteren van de lijnen, wat het mogelijk maakt om achteraf aanpassingen te maken, zoals de dikte, kleur en vorm.

Stap 11: Inkleuren

Het inkten is klaar en het wordt tijd om de plaat in te kleuren.

Belangrijker dan je zou denken, want met kleuren bepaal je een groot deel van de sfeer en hoeveel contrast er met de achtergrond wordt gemaakt, wat belangrijk is voor de “leesbaarheid” van de cartoon. Hier houden we vanaf het begin al rekening mee.

Vanwege een aantal vaste waarden (de kleding is wit, de machine is wit, de vloer is geel zoals bij deze klant op de werkvloer het geval is) moeten we er in de compositie rekening mee houden dat de figuren niet tegen hun achtergrond wegvallen.

Masja kiest de kleuren bij de ingetekende figuren en zorgt ervoor dat ze in de plaat passen en voldoende contrast maken met hun achtergrond.

Stap 12: Schaduwen & Afwerken

Dit is misschien wel het leukste deel van de hele opdracht; schaduwen en afwerken.

Door de schaduwen juist te plaatsen en subtiel gebruik te maken van airbrush-effecten creëren we diepte en zorgen we ervoor dat de figuren echt onderdeel worden van hun omgeving.

Het zijn dan wel getekende figuren in een realistische omgeving, iets wat per definitie niet kan, maar we willen toch dat het allemaal klopt want dat maakt het nou juist zo’n interessant beeld!

Stap 13: Vormgeven & Letteren

Qua vormgeving hanteren we dezelfde stijl als altijd.
Op alle EMPWR posters staat het logo op precies dezelfde plek linksboven en de slagzin onderaan. Om contrast te maken met de kleur achter de tekst zetten we deze keer een gloed-effect achter het logo.

We maken een paar nieuwe tekstballonnen en 3 taalversies; Nederlands, Engels en Pools, zodat er niemand op de werkvloer hoeft te raden wat er staat.

Al is het zo dat, als we de cartoon goed hebben gemaakt, de boodschap duidelijk zou moeten zijn zonder tekst. Als je in een oogopslag ziet waar dit over gaat, zijn we daarin geslaagd.

Stap 14: Drukken

Als de posters helemaal klaar zijn maken we er voor iedere taal apart een drukklare PDF van en voeren we een technische bestandscontrole uit.
Zo controleren we o.a. of ze correct worden kleurgescheiden, of ze voldoende afloop hebben, de hoogte van de resolutie en of er geen foutjes ingeslopen zijn.
Hierna maken we een proefdruk op ware grootte als allerlaatste check.

Alles in orde? Dan sturen we ze naar onze vaste drukker voor mooie, gelamineerde veiligheidsposters van hoge kwaliteit.

Onze klanten hoeven hier zelf niets aan te doen. Nou ja, het pakketje aannemen van de postbode en de posters ophangen dan.

Berengeboefte op de Innovator 16

In deze video laat ik zien hoe de compacte, superplatte Innovator 16 werkt en teken ik een cartoon in Photoshop waarbij ik de cartoonfiguren in een fotoachtergrond verwerk.