The Mechanics of Comics

Een paar keer per maand bekijken we enkele van onze favoriete lezers uit de geschiedenis van Vectortuts +. Deze tutorial van Ian Yates werd voor het eerst gepubliceerd op 17 maart 2009.

Als publiek accepteren we strips voor wat ze zijn; een medium, transporteurs van informatie. Wat we minder vaak beseffen, is de technische details en het proces van hoe die informatie aan ons is doorgegeven. Dit is iets goeds. Wanneer de artiest het goed doet, wordt de stripboeklezer ondergedompeld in wat er wordt verteld - niet hoe.

Invoering

Ik zou moeten beginnen met te zeggen dat ik ernaar verwijs comics bestrijkt een veel bredere definitie dan alleen strips. Meer nauwkeurig zouden we verwijzen naar Sequential Art, strips zijn slechts een lid van de club. Dus waar ik het eigenlijk over heb, zijn strips, stripverhalen, graphic novels, storyboards, enzovoort. Dit wordt uitvoerig besproken door Scott McCloud in zijn boek Understanding Comics. Zijn definitie dient ervoor te zorgen dat alle geschikte media (zelfs Egyptische hiërogliefen) worden opgenomen, maar sluit kunstvormen zoals animatie en het geschreven woord zorgvuldig uit.

Waar gaat dit allemaal over?

Hoewel we het over definities hebben, moet er ook op worden gewezen dat wat u leest meer een artikel is dan een zelfstudie. Maak je geen zorgen, tegen het einde zul je worden beloond met enkele nuttige technieken voor stripscheppers die Adobe Illustrator gebruiken, maar dit artikel heeft een meer theoretische benadering. We kijken naar de beslissingen die u als stripkunstenaar moet nemen bij het ontwerpen. Meer specifiek zullen we kijken naar drie essentiële bouwstenen van een stripverhaal, te beginnen met?

? De pagina

We kennen strip strips allemaal. Het formaat is vertrouwd en logisch. Vaker wel dan niet een korte reeks frames gelezen van links naar rechts, begin tot einde. Dit is zeker het geval in de Westerse cultuur, waar kranten vanaf het begin van de vorige eeuw strips in het gewone leven duwden. Hun beperkende formaat heeft de strip naar verluidt verplaatst naar het genre dat we tegenwoordig kennen.

U krijgt meer opties (en dus beslissingen) te zien met betrekking tot de pagina-indeling naarmate de strips groter worden, maar wat is het doel van deze beslissingen? Het uiteindelijke doel van sequentiële kunst is om effectief te communiceren en de lezer lang genoeg te betrekken om dit te doen. De impact die een paginasamenstelling kan hebben op dit doel is niet te onderschatten!

Paginasamenstelling is iets waar u mee te maken krijgt, net zoals het samenstellen van uw illustraties. Algemene esthetiek (niet te verwarren met algemene verdoving) is cruciaal, maar zoals gezegd is het belangrijk om de aandacht van de lezers te houden in het verhaal.

Tenzij eentonigheid en regelmaat een opzettelijk deel uitmaken van de scène die u instelt, zal variatie in uw paginalay-out de dingen mooi in de war houden. Paneelgrootte en positie, kleur en paneeltype kunnen allemaal worden gevarieerd. Een open paneel dat andere met randen accentueert, of onderdelen van uw tekening die losraken van de vierde muur zijn typische methoden voor het toevoegen van dynamiek aan de pagina.

Voor het grootste effect moeten deze technieken waar mogelijk worden gebruikt en niet de pagina domineren. Afgezien van het verlies van de resonantie van het beoogde effect, zou een te grote variatie de pagina waarschijnlijk teniet doen stroom.

Do not Make Me Think! - de uitdrukking bedacht door Steve Krug waarop hij zijn boek baseerde, verwijst eigenlijk naar web usability. Mensen verwachten dat bepaalde dingen zich op bepaalde manieren gedragen. Vaak, wanneer hun geautomatiseerde proces wordt onderbroken door te stoppen en zich af te vragen wat ze daarna moeten doen, neemt hun interesse af en wat ze ook deden, is hen als publiek kwijtgeraakt. Steve Krug richt zich natuurlijk op hoe gebruikers websites tegenkomen, maar het principe blijft hetzelfde voor stripboeken. Zoals ik al zei, zullen Westerse lezers een flow van links naar rechts aannemen, van boven naar beneden. Dit vertegenwoordigt het verstrijken van de tijd zoals ons bekend is, en geeft chronologie aan de reeks:

Dit is een logisch eerste voorbeeld, dat flow op zijn eenvoudigst aantoont. Het volgende voorbeeld stroomt even goed, maar voegt een interessant element toe door de compositie te verbreken om de lezer iets meer te interesseren:

Dit derde voorbeeld is echter minder succesvol. De stroom wordt onderbroken door een onlogische paneelindeling, waardoor de lezer gedwongen wordt te stoppen en te denken:

Met de samenstelling van de pagina opgesteld, de lay-out van de afbeelding vers in je geest, zal je aandacht dichterbij komen?

? Het paneel

Een paneel of kader, richt de aandacht van de lezer. Het dicteert wat er op een bepaald moment moet worden gelezen en helpt voorkomen dat het oog van de lezer doelloos over de pagina dwaalt. Panelen beheersen ook een van de belangrijkste aspecten van sequentiële kunst? tempo. Waar geschreven proza ​​interpunctie heeft, bevatten strips panelen. De manier waarop panelen timing dicteren, is net zo goed verantwoordelijk voor sfeer en gemoedstoestand als de inhoud zelf.

Neem het volgende voorbeeld van iemand die het eerst overweegt, en vervolgens een hapje neemt van zijn broodje:

Laten we nu nog eens kijken:

Een subtiel verschil in de lengte van het inleidende paneel in het tweede voorbeeld dwingt de lezer om langer over de reeks te doen. Wij zijn misschien niet de meest complexe ooit geschreven, maar de plot heeft een meer contemplatieve stemming gekregen. Onze man heeft letterlijk meer tijd nodig om na te denken voordat hij gaat eten. De extra ruimte heeft ook een beperkend gevoel van claustrofobie verminderd, wat een zekere rust aan de reeks toevoegt.

Met name Japanse manga-strips verkennen vaak het verstrijken van de tijd binnen en tussen panels. Een veelgebruikte techniek maakt gebruik van wat Scott McCloud beschrijft Aspect naar Aspect overgangen. Dit is een van de zes overgangstypes die door McCloud worden herkend bij het overschakelen van paneel naar paneel. Aspect naar Aspect verwijst naar frames die verschillende aspecten van hetzelfde moment in de tijd weergeven. Door verschillende aspecten van één moment te onderzoeken, gaat de tijd langzamer.

Actie tot actie is een van de zes overgangstypes van McCloud en verplaatst de plot sneller. Neem dit bijvoorbeeld:

De lezer moet snel conclusies en aannames maken, waardoor het tempo van de verhaallijn hoog blijft. Deze twee belangrijkste momenten van een verhaal zijn gekozen vanwege hun effectiviteit bij het communiceren van de plot - in slechts twee kleine panelen hebben we snel gehoord wat er gebeurt en nu kunnen we verder gaan. Let op, wat hebben deze twee panelen precies gecommuniceerd? We weten dat ons onderwerp volkomen gelukkig was om mee te beginnen, toen gebeurde er iets in de goot (de ruimte tussen de panelen) en hij eindigde drijfnat.

Misschien bereidde ons de voorgaande verhaallijn ons voor - als we zijn achtergrondsituatie en omgeving kennen, weten we misschien precies wat er is gebeurd. Anders kunnen we putten uit een gemeenschappelijke ervaring en een goed geïnformeerde schatting maken van wat er is gebeurd. Als geen van beide mogelijk is, is het aan de verteller om ervoor te zorgen dat we weten wat er is gebeurd. Een extra paneel tussen deze twee kan de actie illustreren van het feit dat onze vriend nat wordt, effectiever, een derde paneel zou eventuele twijfels kunnen verhelderen die we hadden tijdens het dienen om het perceel verder te nemen?

De rol van de verbeelding van de lezer bij het invullen van de lege plekken wordt aangeduid als sluiting en is de sleutel in het vertellen van komische verhalen. Een slimme kunstenaar zal voorstellen wat nodig is en vervolgens de cruciale details overlaten aan de genade van de creativiteit van de lezer.

Het stimuleren van de geest van de lezer houdt participatie hoog en zorgt ervoor dat de pagina's draaien?

? De tekst

Ten slotte komen we bij de tekst. Strips zijn een mengeling van woorden en afbeeldingen en de twee zouden elkaar wederzijds moeten aanvullen, en de andere zouden elkaar niet mogen domineren. Als stripkunstenaar, starend naar een leeg paneel met het vooruitzicht iets te moeten communiceren, krijg je een besluit over woorden versus foto's. Hoe zwaar ga je op woorden vertrouwen om je punt over te brengen? Kunnen foto's beter weergeven wat u wilt??

Zoals Scott McCloud nog eens benadrukt in Making Comics, is er geen goed of fout. Je moet het aantal woorden in het achterhoofd houden; zware woorddichtheid mist een beetje het puntje van de strip en is niet waar je lezer naar op zoek is. Door te vertrouwen op woorden om een ​​plot over te brengen, krijgen uw foto's meer speelvrijheid.

Laten we opnieuw naar onze vochtige vriend kijken. De volgende twee panelen communiceren hetzelfde punt, de ene vertrouwt op afbeeldingen en de andere op woorden:

Een gebrek aan tekst in de eerste geeft de nadruk op de tekening; we observeren onze man in een boze, eenzame stilte. Het tweede paneel gebruikt tekst om ons te vertellen wat er aan de hand is, en geeft de beelden ruimte om andere aspecten van het scenario te verkennen. Een combinatie kan het beste van beiden naar voren brengen, en de boodschap versterken:

Puristen vertellen je misschien dat beeldspraak de echte kracht achter stripverhalen is. Zeker, een comicssterkte ligt in de totale visuele impact. Als zodanig is het probleem met de woorden versus foto's aan jou om op te lossen.

Dus waarom handschrift? Het is waar, handschrift wordt vaak gebruikt voor het belettering in strips en dit komt hoogstwaarschijnlijk voort uit de visuele verbinding met de illustraties zelf. Natuurlijk wordt het handschrift meestal digitaal gemaakt, wat consistentie en leesbaarheid geeft, maar het blijft onopvallend - het leidt niet af. Daar zijn we weer op terug niet storen de lezer opnieuw. Tekst die past bij de tekenstijl en zijn boodschap duidelijk overdraagt, zal waarschijnlijk geen aandacht trekken van het vertellen van het verhaal. Het is net zo goed een deel van het beeld als de illustratie.

Om deze reden kan tekst, als een element van een grafische afbeelding, ook grafisch worden gemanipuleerd. Deze luxe die hoort bij tekst als onderdeel van een illustratie, kan worden gebruikt om verder te benadrukken, te suggereren en te overtuigen. Stimuleren en vergroten geeft bijvoorbeeld resonantie aan de woorden, en voegt geluid toe aan wat Will Eisner aanduidt als het lezers oor. Implicerend geluid door het grafisch weergeven van tekst is nog een ander hulpmiddel in het vak van stripverhalen voor het vertellen van een verhaal.

De tekstballon is een vertrouwd voertuig voor het afleveren van tekst en wederom beïnvloeden stijlverschillen de manier waarop het verhaal verteld wordt. Wij, als lezers, interpreteren ze bijna onbewust. Probeer jezelf uit; welke van deze voorbeelden wordt gedacht, in plaats van gezegd? Welke wordt uitgestraald door een radio of tv? Wat wordt getypt terwijl we het lezen?

Natuurlijk geven de inhoud en het lettertype ons een idee, maar het punt is dat een boodschap wordt gecommuniceerd door de combinatie van tekst, beeld en de kracht van suggestie. Nu is het tijd om je handen vuil te maken.

Speech Balloon Live Effect

OK, je bent geduldig genoeg geweest. Het is tijd voor een beetje praktische tutorialkennis, daar gaan we?

Adobe Illustrator is een nuttige toepassing voor het maken van comics vanwege de lay-out en tekstfuncties en alle illustratieve toeters en bellen die het heeft. Hoewel het misschien niet het meest geschikte hulpmiddel is om een ​​hele grafische roman op te stellen, kan Illustrator je stripboekcreatie op verschillende manieren helpen; kopiëren en plakken, pad- en lijneffecten, formaat wijzigen enzovoort. Live effecten zijn bijzonder nuttig en de volgende stappen zullen aantonen hoe zo'n effect elke stuk tekst kan transformeren in een stripboek Speech Balloon zoals ik in dit artikel gebruik voor citaten.

Stap 1: Tekst

Plaats wat tekst op je tekengebied - het maakt niet uit wat, of hoeveel - zodra we het effect hebben gemaakt, kun je het toepassen op elke tekst. Lijn de tekst in het midden uit zoals getoond:

Stap 2: Lettertype

Het is tijd om uw lettertype te kiezen. Als je ze nodig hebt, zijn hier een paar gratis lettertypen van hoge kwaliteit die bij uitstek geschikt zijn voor striptekst.

Clementine

VTC-briefer

Laffayette

Als alternatief is het lettertype dat Scott McCloud tijdens zijn werk gebruikt en op basis van zijn eigen handschrift tegen een redelijke prijs verkrijgbaar bij www.comicbookfonts.com.

Scott McCloud

Nadat u uw lettertype hebt gekozen, downloadt u het, installeert u het op uw systeem en past u het toe op de tekst in uw tekengebied. Ik heb gekozen voor de Italic Clementine en de tracking verbeterd voor leesbaarheid. Ik heb ook een bleke grijze rechthoek aan de achtergrond toegevoegd en deze vergrendeld (Command + 2). Dit verbetert de zichtbaarheid terwijl we werken.

Stap 3: Uiterlijk

Nu begint het interessant te worden. Als uw tekst is geselecteerd, verwijdert u de opvulkleur die deze heeft en raadpleegt u vervolgens het deelvenster Uiterlijk. Open het menu van het paneel Uiterlijk en kies ervoor Nieuwe vulling toevoegen. Je ziet het aan het deelvenster Uiterlijk worden toegevoegd, de mijne is voor 90% zwart en dit is de hoofdkleur van mijn tekst.

Stap 4: Tweede vullen

Herhaal de Nieuwe vulling toevoegen stappen om een ​​tweede te maken. Kleur deze vulling wit en zorg ervoor dat deze onder de eerste vulling in het deelvenster Vormgeving wordt geplaatst. U ziet nog geen verschil in uw tekst.

Stap 5: converteren naar vorm

Ga met de witte vulling geselecteerd in het deelvenster Uiterlijk naar Effect> Converteren naar vorm> Ellips. Kies in het dialoogvenster Omzetten naar vorm relatieve extra breedte en hoogte van 9 px. Hiermee wordt een ballon gemaakt die 9 px groter en groter is dan de tekst. Mocht onze tekstgrootte toenemen of afnemen, dan zal de ballon dat ook doen.

Stap 6: Ardennen

We hebben een vrij dunne ballon rond onze tekst gemaakt, laten we nu de vorm een ​​beetje verfijnen. Houd de witte vulling geselecteerd in het deelvenster Vormgeving en ga naar Effect> Verdraaien> Ardennen? Breng een verticale uitstulping van -50% aan om de zijkanten van onze ballon lichtjes in te drukken. Klik OK.

Stap 7: dupliceren

Het paneel Uiterlijk toont nu duidelijk uw Type-object bestaande uit twee opvullingen, waarvan de tweede een reeks effecten heeft toegepast. Nu gaan we een derde vulling toevoegen die als ons overzicht zal fungeren, dus dupliceer de witte vulling met behulp van de Geselecteerd item dupliceren knop. Nogmaals, u ziet nog geen verschil in de tekst.

Stap 8: gecompenseerd pad

Oké, laten we beginnen met het bewerken van onze derde en laatste vulling. Begin met het veranderen van de kleur (de mijne is voor 90% zwart, net als de tekst) en ga vervolgens naar Effect> Pad> Verschoven pad. Het bedrag waarmee u het pad van deze vulling verplaatst, bepaalt op effectieve wijze de slag rond uw ballon. Ik heb 2px gekozen.

Stap 9: Tail

Om het uiterlijk van onze ballon af te maken, laten we een eenvoudige staart toevoegen. Drie klikken van het gereedschap Pen geven u een open pad in a V vorm. Vul het wit en geef de streek dezelfde kleur en breedte als de lijn rond je ballon (in dit geval 90% zwart en 2 px). Plaats de staart die de ballon overlapt en je effect is voltooid.

Conclusie

Dit is natuurlijk een live-effect en kan op elke tekst worden toegepast. Het wordt verkleind en schaalt naadloos:

Door te dubbelklikken op een van de effecten in het deelvenster Uiterlijk, kunnen hun instellingen worden bewerkt. Dit kan handig zijn voor verschillende ballonnen in uw project.

Om uw effect voor toekomstig gebruik te bewaren, opent u het paneel Grafische stijlen (Venster> Grafische stijlen) en terwijl uw voltooide tekstballon is geselecteerd, klikt u op Nieuwe grafische stijl knop. Selecteer uw nieuwe stijl in dit paneel wanneer u wilt dat andere tekst een spraakballon wordt.

Dorst voor meer?

Het onderwerp van hoe en waarom strips doen wat ze doen is REUSACHTIG, Ik heb nog maar net de oppervlakte geschraapt met dit artikel. Als je meer wilt weten (en wilt dat het door de meesters wordt verteld) zijn er een of twee boeken die je zeker moet lezen. Ik heb Scott McCloud en Will Eisner een aantal keren geciteerd en met goede reden. Zal Eisner als de pionier van Graphic Novels worden gecrediteerd na het publiceren van zijn bejubelde Een contract met God en maar weinig mensen hebben strips bestudeerd als een discipline als Scott McCloud. Zelfs de niet-komische fans onder jullie zullen zijn werk waarschijnlijk hebben gezien na zijn recente promotiestuk voor Google Chrome - wie zei dat stripverhalen niet serieus genomen konden worden ?! In elk geval zijn hier enkele van hun onderwijspublicaties die sterk kunnen worden aanbevolen:

  • Scott McCloud - Comics maken
  • Scott McCloud - Comics begrijpen
  • Will Eisner - Graphic Storytelling en Visual Narrative
  • Will Eisner - Comics and Sequential Art

Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.