Maak een stripverhaal hoe je je strip moet plannen en lay-outen

Wat je gaat creëren

In deze tutorial gaan we kijken naar het proces achter het maken van een komische pagina. We zullen focussen op hoe je het idee van je comic kunt opsplitsen in een visueel script en het gemakkelijk en leuk maken om te lezen door verschillende soorten panels en perspectieven te gebruiken.

Als we in Adobe Illustrator werken, kunnen we een snelle en flexibele workflow creëren door knipmaskers te gebruiken om onze comic panels te maken, en het effectmenu om in een mum van tijd golvende panelen te maken.

Vind meer ongelooflijke stripboekbronnen op Envato Market en Envato Elements.

1. Hoe je een storyboard maakt

Als je een personage hebt en een idee hebt van wat je wilt vertellen, is het misschien verleidelijk om er gewoon in te duiken en te beginnen met tekenen. Als je extra aandacht schenkt aan het plannen van het verhaal en de structuur van de strip, zul je voorkomen dat je jezelf doodloopt.

Stap 1

Het is moeilijk om een ​​strip te maken zonder iets te vertellen, dus de eerste stap is om een ​​reeks van evenementen te bedenken. Verhalen vertellen is een hele kunstvorm op zich en ik zal hier niet diep op ingaan, maar je krijgt enkele tips over hoe je je ideeën kunt ordenen en ze in een visueel verhaal kunt veranderen.

Voor dit voorbeeld zal ik mijn kleine chef-kok uit een vorige tutorial gebruiken, om een ​​korte, slapstick-achtige strip te vertellen. Ik wil haar afbeelden als een vrolijk maar onhandig personage, dus ze zal verschillende ongelukken hebben in de keuken, maar zal haar best doen om alles bij elkaar te krijgen.

Ik begin met het bedenken van een lijst met dingen die verkeerd kunnen gaan voor haar, denkend aan hoe het ene tot het andere kan leiden. Voor deze stap krabbel ik een beetje en krabbelde wat op papier in me opkwam, maar als typen digitaal beter voor je werkt, ga je gang en gebruik je een schrijfprogramma. Het belangrijkste is dat je je comfortabel voelt en gewoon brainstorm ideeën.

Stap 2

Als je eenmaal goede ideeën hebt, probeer dan de gebeurtenissen te regelen terwijl je denkt aan het tempo van je verhaal. Verschillende stimulatie werkt voor verschillende soorten verhalen. Sommigen kunnen met een intense haak beginnen en dan vertragen. Als je een langer verhaal maakt, zijn er veel bronnen online over hoe je een verhaal kunt bouwen met klassieke modellen voor drama. Voor mijn verhaal zal het een vredige start hebben, maar zich opbouwen tot een chaotisch scenario, waarbij het ene fout gaat na het andere.

Script Voorbeeld

  • Toon de instelling is een keuken.
  • Laat de kok koken.
  • Ze fantaseert over het winnen van een prijs.
  • Ze klopt per ongeluk iets in het eten.
  • Ze gaat iets halen, het eten bubbelt en rookt.
  • Wanneer ze terugkomt, is het eten zwaar aan het roken en is ze geschokt.
  • Ze pakt de pot en rent ermee weg.

Voor deze tutorial zal ik alleen de eerste pagina van de strip behandelen. Hoewel het kort en eenvoudig is, schrijf ik nog steeds een script voor mezelf op. Het hoeft niet iets bijzonders te zijn, en kan in feite gewoon bestaan ​​uit een lijst met acties. Ik neem nog steeds de tijd om het op te schrijven, om te verduidelijken wat ik eigenlijk ga tekenen.

Stap 3

Het hebben van een geschreven script, hoe eenvoudig ook, zal een handige referentie zijn voor deze volgende stap. Nu we alle acties hebben opgeschreven die we nodig hebben, is het tijd om woorden in afbeeldingen om te zetten. Probeer de acties uit uw script te tekenen met behulp van eenvoudige stokcijfers. Maak je geen zorgen om het er goed uit te laten zien. Wat belangrijk is, is dat je verhaal net zo goed in foto's kan worden begrepen als in geschreven vorm.

In dit stadium wordt het vaak duidelijk als u enkele noodzakelijke details in het script hebt gemist of als iets alleen in tekst en niet visueel werkt. Het script is geen wet, dus voel je vrij om heen en weer te gaan tussen schetsen en schrijven om aan te passen wat niet goed voelt. Ik hou ervan om veel te krabbelen in deze fase en opmerkingen aan de kant toe te voegen. 

Meestal maak ik de pagina's van het storyboard erg klein. Als ik veel pagina's te lay-out heb, geeft dit me een goed overzicht. Sommige mensen geven de voorkeur aan hun storyboards in de grootte van de voltooide strip. Je zou het ook op die manier kunnen proberen, om te zien wat voor jou het beste werkt.

2. Hoe de juiste soort panelen te kiezen

Zodra we weten hoe ons verhaal gaat, kunnen we ons meer richten op de uitstraling die we willen hebben. Strips zijn er in een breed scala aan formaten, van krantenstrips en grafische romans tot online strips die bijna eindeloos scrollen. Voor mijn strip ga ik iets langer dan strip strip, maar het zal waarschijnlijk niet meer dan een paar pagina's nodig hebben. Een verticale of horizontale pagina zijn even goede keuzes, maar ik zal verticaal gebruiken.

Stap 1

Over de hele wereld zijn er verschillende stripstijlen, niet alleen in de tekeningen, maar ook in de lay-outs. De lege ruimtes tussen de komische panelen worden gewoonlijk 'goten' genoemd, die vaak in westerse strips worden gebruikt. Het hebben van een of meerdere panelen zonder goten creëert een ander type lay-out, die vaak wordt gebruikt in Japanse strips (manga).

De vorm van de komische panelen kan ook erg variëren. Het hoeven niet de gebruikelijke vierkanten en rechthoeken te zijn. Het hebben van een cirkelvormig, stervormig of golvend paneel kan een ander gevoel geven of informatie aan de lezer geven. Het golvende paneel wordt bijvoorbeeld vaak gebruikt als een manier om te zeggen dat wat er in het paneel gebeurt een fantasie, een droom of een herinnering is en geen deel uitmaakt van het huidige verhaal.

Ook de grootte van het paneel kan de sfeer van de strip veranderen. Het hebben van een heel lang paneel met veel ruimte kan het tempo traag maken. Door meerdere kleine panelen naast elkaar te plaatsen, voelt het alsof er dingen snel gebeuren.

Stap 2

Denk er bij het tekenen van de inhoud binnen het kader aan alsof je een camera-operator bent. Afhankelijk van op welke hoek de camera aan het filmen is, zal alles wat zich in het frame bevindt op een bepaalde manier lijken. Het in een lage hoek houden van de camera wordt worm's eye view genoemd en wordt vaak gebruikt om personages krachtig te laten lijken. Een hoek van boven wordt 'vogelvlucht' genoemd. Door het te gebruiken, lijkt een personage kleiner en kwetsbaarder.

Er is een uitdrukking die 'sprekende hoofden' wordt genoemd voor strips waarin personages veel praten en de panelen zijn eigenlijk in wezen dat, sprekende hoofden. Voor stripstrips is het niet ongebruikelijk dat de panelen er erg op lijken, met slechts een of twee personages die praten.

Bij het maken van langere narratief-gerichte strips is het misschien goed om de "camera" een beetje meer te verplaatsen. Close-ups, foto's van het hele lichaam en het oog van de vogel / worm kunnen dingen veel veranderen, ook al praten slechts twee tekens tegen elkaar.

Stap 3

Het maakt niet uit wat voor soort strip je maakt, duidelijkheid is de sleutel. De lezer moet niet worden verward over in welke volgorde de panelen moeten worden gelezen of wat er gebeurt. Hoewel je wilt dat de hoeken variëren, wil je de lezer niet verwarren met welke personages we praten en waar we naar kijken.

Een geweldig hulpmiddel hier is de "180-gradenregel". Het wordt vaak onderwezen in de filmtheorie, maar kan net zo goed worden toegepast op strips. Het is een denkbeeldige lijn die de camera niet zal oversteken. Op die manier kan de camera van de ene naar de andere kant bewegen zonder dat we uit het oog verliezen welk karakter dat is. Het linker karakter verschijnt telkens aan de linkerzijde, zelfs als de camera ervoor of erachter staat. 

Hoewel dit een regel wordt genoemd, betekent dit niet dat het nooit kan worden verbroken. Zie het meer als een hulpmiddel om u te helpen en niet iets dat u altijd moet volgen.

3. Hoe Clipping Masks voor Comic Panels te gebruiken

Ik heb een schets voor een komische pagina gemaakt en het is tijd om met de lay-out naar behoren te beginnen. Zelfs nadat je hebt gepland hoe je je strip wilt opmaken, kun je de dingen nog steeds veranderen als je deze in het echt tekent. Een goede manier om uw workflow flexibel te houden, is hiervoor het werken met knipmaskers. Hier zal ik je laten zien hoe knipmaskers werken in Adobe Illustrator en hoe ze kunnen worden gebruikt bij het maken van strips.

Stap 1

Ik begin met het openen van een nieuw document in Illustrator, met de voorinstelling voor A4-formaat. Kies uit het menu Bestand Plaats om mijn schets op de te importeren artboard. Mogelijk ziet u de grote X-vorm over de afbeelding. Dit is om aan te geven dat de afbeelding is gekoppeld maar niet is ingesloten in het document. Dat betekent dat als u het bronbestand van de afbeelding moet verplaatsen, Illustrator de afbeelding niet kan laden.

Stap 2

Net onder het bovenste menu vindt u enkele optieknoppen voor uw geïmporteerde afbeelding. Als u op klikt insluiten knop, zal Illustrator de afbeelding een deel van het document maken. Hierdoor wordt de documentgrootte iets groter, maar bij lange projecten is dit handig.

Stap 3

De ... gebruiken Rechthoekgereedschap Ik plaats de pagina en de panelen als tijdelijke aanduidingen. Ik kies geen vulling en een blauwgekleurde streep. Het blauw is om de panelen gemakkelijker te scheiden wanneer ik begin te kleuren.

Stap 4

Omdat ik de schets heb die ik kan volgen, kan ik gewoon beginnen met inkten hoe ik me voel. Dit paneel met de geschokte uitdrukking lijkt leuk, dus ik ga er eerst mee aan de slag. De ... gebruiken Penseel, Ik importeer mijn inktpenseel uit mijn vorige zelfstudie en begin met lange, levendige bewegingen in te zoomen. Omdat we knipmaskers gaan gebruiken, maakt het niet uit of de lijnen de randen overlappen. Dit maakt het inkten gemakkelijker en leuker, omdat het minder beperkingen betekent.

Stap 5

Nadat het inktproces is voltooid, selecteer ik alle paneelinhoud-vectorpaden, met uitzondering van de framerand. Vervolgens groepeer ik ze door op te drukken Command-G. Ik maak de selectie van de groep ongedaan door op te drukken Command-Shift-A of door met de linkermuisknop ergens buiten de selectie te klikken. 

De framerand wordt ons uitknipmasker, maar we willen ook dat het frame wordt weergegeven als een zwarte lijn. Omdat knipmaskers transparant zijn, is de zwarte lijn van dit kader niet zichtbaar. Daarom zullen we het frame zelf selecteren en een kopie maken door op te drukken Command-C.

Stap 6

Vanaf hier voegen we de paneelinhoudsgroep toe aan de selectie. Met alles geselecteerd, klikken we met de rechtermuisknop en kiezen Maak knipmasker in het vervolgkeuzemenu.

Stap 7

Vanaf hier plakken we de framerand waaraan we eerder een kopie hebben gemaakt door op te drukken Command-F. Hiermee plak je de rand van het frame bovenop al het andere en hebben we een voltooid paneel.

Stap 8

Wat echt leuk is, is hoe je het komische paneel vrij gemakkelijk kunt aanpassen met behulp van knipmaskers zoals deze. Met de Direct selectie gereedschap, sleep-selecteer een van de ankerpunten van het masker.

Slepen-selecteren zorgt ervoor dat u tegelijkertijd zowel het transparante knipmasker als de zwarte rand selecteert. Nu kunt u de ankerpunten slepen om het uiterlijk van het kader te wijzigen. De verborgen delen van het geïnkte paneel worden dienovereenkomstig weergegeven.

Stap 9

Nu proberen we een ander paneel. Deze heeft een golvende rand om te laten zien dat het een fantasie is die plaatsvindt. Met Illustrator is er een eenvoudige manier om dit effect te bereiken. Begin door eerst een rechthoekige vorm te hebben. Voeg aan elke kant nog meer ankerpunten toe. Ik voegde vijf aan elke lange zijde en twee aan elke korte zijde toe.

Stap 10

Terwijl de rechthoek is geselecteerd, gaat u naar Effect> Vervormen en transformeren> Zig Zag

Vanaf hier bereikt u het optiemenu. Je kunt spelen met de instellingen voor verschillende resultaten. Dit zijn de instellingen die ik heb gekozen voor mijn paneel.

En dit is het resultaat. Merk op hoe het vectorpad nog steeds de rechthoekige vorm heeft. Als u de vorm van het paneel meer wilt manipuleren, kan het handig zijn om slechts een paar ankerpunten te hebben om mee te werken.

Stap 11

Om de golvende vorm als knipmasker te gebruiken, moeten we het effect dat we hebben gemaakt, veranderen in een vectorpad. We doen dit door te kiezen Voorwerp in het hoofdmenu en ga dan naar Uiterlijk uitbreiden terwijl het paneel nog steeds is geselecteerd.

Nu hebben we een golvend vectorpad dat we kunnen gebruiken als knipmasker. 

Stap 12

Tijd voor opnieuw inkten! Net als de vorige keer, voel je vrij om in te inkt zonder na te denken over het blijven binnen de grens. Als u klaar bent, groepeert u alles in het paneel samen met Command-G, of klik met de rechtermuisknop en kies Groep in het vervolgkeuzemenu.

Maak een kopie van de rand van het frame om deze later te plakken. Selecteer vervolgens zowel de inhoudsgroep als de kaderrand. Als u een knipmasker wilt maken, klikt u met de rechtermuisknop en kiest u Maak knipmasker. U kunt ook op drukken Command-7 voor hetzelfde resultaat.

Stap 13

Maak het paneel los door de gekopieerde framerand boven op alles te plakken Command-F. U zult merken dat, wanneer u eenmaal het knipmasker hebt gemaakt, het hele paneel als een nieuw object wordt. De afzonderlijke streken van de tekening kunnen niet worden geselecteerd, tenzij u de Direct selectie gereedschap.

Als u dubbelklikt op het voorwerp met behulp van het uitknipmasker, komt u erin. Hier hebt u volledige toegang om de illustraties opnieuw aan te passen. Ik dacht bijvoorbeeld dat de lijnen wat te dik waren in dit paneel, dus ik dubbelklik op het knipmasker, selecteer de groep met afbeeldingen en verlaag de lijndikte een beetje van de Beroerte paneel.

Stap 14

Dit paneel gebruikt een vierkant uitknipmasker, maar ik ben van gedachten veranderd en wil dat het een geïsoleerd paneel is. Ik wil dat het personage het bovenstaande fantasiepaneel een beetje overlapt. Ik denk dat dit het nog duidelijker zal maken dat ze dagdroomt.

Selecteer het knipmasker met de Direct selectie gereedschap. Begin met het toevoegen van punten met de Pen gereedschap waar u het knipmasker wilt wijzigen.

Op deze manier kun je het masker blijven vormen zoals je wilt. Omdat we alleen met lijnen werken en geen witte kleur, interfereren dit paneel en het bovenstaande. Om ons personage het bovenstaande paneel te laten overlappen, moeten we ook het uitknipmasker van dat paneel een beetje wijzigen.

U kunt het knipmasker aanpassen met behulp van de Direct selectie gereedschap direct, zoals in het vorige voorbeeld. Een andere manier is om te dubbelklikken op het object, dat u naar een geïsoleerd object brengt Clipgroep. Hier kunt u het masker wijzigen zonder dat u zich zorgen hoeft te maken over het beïnvloeden van illustraties van andere panelen.

Tot slot

In deze zelfstudie hebben we enkele veelgebruikte technieken behandeld die in strips worden gebruikt, zoals de 180-gradenregel en het oog- en vogelperspectief van de vogel, om het er interessanter uit te laten zien.

Met behulp van verschillende soorten panelen kunnen we onze comic verschillende gevoelens geven. Werken in Illustrator geeft ons de mogelijkheid om knipmaskers te gebruiken die we naar wens kunnen aanpassen.

Hoewel er geen regels in strips zijn, kan het leuk zijn om een ​​paar te hebben om in het begin te leunen. Terwijl je door blijft gaan met het maken van strips, zul je zien dat veel trial-en-error is, maar ook dat sommige technieken om een ​​bepaalde reden gebruikelijk zijn.

Stripboekhulpmiddelen van Envato Elements

Maak je eigen stripboek met behulp van de creatieve bronnen van Envato Elements. Abonneer u om toegang te ontgrendelen tot tientallen Comic Book-ontwerpactiva voor een maandelijks bedrag!

Comic Book-tekststijlen

Voeg klassieke stripboekteksteffecten toe aan je verhalen met deze set laagstijlen. Dit pakket bevat 11 Adobe Illustrator-laagstijlen die uitstekend werken voor zowel tekst- als vectorvormen. Geniet van effecten met één klik om tijd te besparen door deze set vandaag nog te downloaden!