The Comics Mechanics

Några gånger i varje månad besöker vi några av våra läsares favoritinlägg från hela Vectortuts + historien. Denna handledning av Ian Yates publicerades första gången den 17 mars 2009.

Som publik accepterar vi serier för vad de är; ett medium, transportörer av information. Det som vi vanligtvis inser är tekniken och processen för hur den informationen har kommunicerats till oss. Det här är en bra sak. När konstnären får det rätt, blir serietidningen nedsänkt i det som berättas - inte hur.

Introduktion

Jag bör börja med att säga att min referens till serier täcker en mycket bredare definition än bara serier. Mer exakt skulle vi referera till Sekventiell art, serier är bara en medlem i klubben. Så vad jag egentligen hänvisar till är serier, serietidningar, grafiska romaner, berättelser och så vidare. Detta är något som diskuteras i längd av Scott McCloud i sin bok Understanding Comics. Hans definition tjänar till att säkerställa att alla lämpliga medier (även egyptiska hieroglyfer) ingår, men försiktigt utesluter konstformer som animering och det skrivna ordet.

Vad handlar det här om?

Tja, medan vi diskuterar definitioner, bör det också påpekas att det du läser är mer en artikel än en handledning. Oroa dig inte, mot slutet blir du belönad med några användbara tekniker för tecknade boksskapare med Adobe Illustrator, men den här artikeln tar en mer teoretisk inriktning. Vi tittar på de beslut som du, som serietävlare, kommer att behöva göra när du utformar. Mer specifikt ser vi på tre viktiga byggstenar i en serietidning, från och med?

? Sidan

Vi känner alla till serietidningar. Formatet är bekant och logiskt. Ofta än inte en kort serie ramar läs från vänster till höger, från början till slut. Detta är verkligen fallet i västerländsk kultur där tidningar drev tecknade serier i vanligt redan i början av århundradet. Deras restriktiva format flyttade förmodligen komikremsan mot den genre vi känner till idag.

Du kommer att presenteras med fler alternativ (och därmed beslut) angående sidlayout då remsorna blir större, men vad är syftet med dessa beslut? Det ultimata målet för sekventiell konst är att kommunicera effektivt och engagera läsaren tillräckligt länge för att göra det. Den inverkan en sidkomposition kan ha på detta mål ska inte underskattas!

Sidkomposition är något som du behöver möta, precis som att komponera dina illustrationer. Allmänt estetiskt (inte förväxlas med Allmänna bedövning) är avgörande, men som sagt är det viktigt att hålla läsarnas intresse för berättelsen.

Om inte monotoni och regelbundenhet är en avsiktlig del av den scen du ställer in, kommer variationen i din sidlayout att hålla sakerna blandade snyggt. Panelstorlek och position, färg och paneltyp kan alla varieras. En öppen panel som skiljer andra med gränser, eller delar av din ritning som går fri från fjärde väggen är typiska metoder för att lägga till dynamik på sidan.

För bästa effekt, bör dessa tekniker användas vid behov och inte dominera sidan. Förutom att förlora resonansen hos den avsedda effekten, kan för mycket variation sannolikt förstöra sidan strömma.

Gör mig inte tänk! - Den fras som utsetts av Steve Krug, som han baserade sin bok på, hänvisar faktiskt till användbarhet av webben. Folk förväntar sig vissa saker att uppträda på vissa sätt. Ofta, när deras automatiserade process avbryts genom att man måste sluta och undra vad de ska göra nästa, deras intresse försvinner och vad de gjorde gjorde att de förlorat dem som publik. Steve Krug fokuserar naturligtvis på hur användarna stöter på webbplatser, men principen är densamma för serietidningar. Som jag har nämnt tar västerländska läsare ett vänster-till-höger, topp-till-bottenflöde. Detta representerar tidsförloppet som är bekant för oss, vilket ger kronologin till sekvensen:

Detta är ett logiskt första exempel som visar flödet på det enklaste. Följande exempel strömmar lika bra, men lägger till ett intresseelement genom att bryta upp kompositionen för att engagera läsaren lite mer:

Detta tredje exempel är dock mindre framgångsrikt. Flödet avbryts av en illogisk panellayout som tvingar läsaren att sluta och tänka:

Med sidkompositionen utarbetad, kommer bilduppsättningen fräsch i ditt sinne, din uppmärksamhet kommer närmare?

? Panelen

En panel eller ram fokuserar läsarnas uppmärksamhet. Det dikterar vad som ska läsas vid varje tillfälle och hjälper till att hindra läsarens öga från att vandra oändligt över sidan. Paneler styr också en av de viktigaste aspekterna av sekventiell konst? tempo. Där skriftlig prosa har interpunktion har serier paneler. Hur paneler dikterar timing är lika mycket ansvarig för atmosfär och humör som innehållet i sig.

Ta följande exempel på att någon först överväger, och tar en bit från sin smörgås:

Nu ska vi titta igen:

En subtil skillnad i längden på den inledande panelen i det andra exemplet tvingar läsaren att ta längre tid över sekvensen. Våra kan inte vara det mest komplexa någonsin skrivit, men prästen har tagit ett mer kontemplativt humör. Vår man tar bokstavligen längre tid att tänka innan hon äter. Det extra utrymmet har också minskat någon restriktiv känsla av klaustrofobi, vilket ger en viss lugn till sekvensen.

Japanska Manga-serier speciellt utforskar ofta tidens gång inom och över paneler. En vanlig teknik använder vad Scott McCloud beskriver som Aspect till Aspect övergångar. Detta är en av sex övergångstyper som är erkända av McCloud när de flyttas från panel till panel. Aspect till Aspect refererar till ramar som visar olika aspekter av samma tidpunkt. Genom att utforska flera aspekter av ett ögonblick går tiden långsammare.

Åtgärd till handling är en annan av McClouds sex övergångstyper och flyttar tomten längs snabbare. Ta det här till exempel:

Läsaren lämnas för att göra snabba slutsatser och antaganden, vilket håller historia-linjens tempo högt. Dessa två viktiga stunder av en berättelse har valts för deras effektivitet när de kommunicerar tomten. I bara två småpaneler har vi snabbt berättat vad som händer och nu kan vi fortsätta. Tänk på vad har dessa två paneler kommunicerats? Vi vet att vårt ämne var helt lyckligt att börja med, då hände något inom ränna (utrymmet mellan paneler) och han avslutade blötläggning våt.

Kanske berättade den föregående berättelsen om det - om vi känner till hans bakgrundssituation och miljö kan vi veta exakt vad som hände. Annars är vi kvar för att dra av vanliga erfarenheter och göra en utbildad gissning om vad som hände. När det inte är möjligt är det upp till berättelsen att vi vet vad som hände. En ytterligare panel mellan dessa två skulle kunna illustrera vår väns handling att bli våt, mer effektivt, en tredje panel kunde klargöra alla tvivel vi hade medan vi tjänade för att ta tomten längre?

Rollen av läsarens fantasi när de fyller i ämnena kallas stängning och är nyckeln till komisk berättande berättande. En smart konstnär kommer att föreslå vad som är nödvändigt och lämna de viktigaste detaljerna till läsarnas kreativitet.

Stimulera läsarens sinne håller deltagandet högt och håller sidorna att vända?

? Texten

Slutligen kommer vi till texten. Serier är en blandning av ord och bilder och de två bör vara ömsesidigt gratis, inte heller dominera den andra. Som en serietidskonstnär som stirrar på en tom panel med utsikterna att behöva kommunicera något kommer du att presenteras med ett ord vs. bildbeslut. Hur tungt kommer du att förlita dig på ord för att uttrycka din poäng? Kan bilder visa vad du vill ha mer effektivt?

Som Scott McCloud påpekar igen i Making Comics finns det ingen rätt eller fel. Du bör hålla ordet i åtanke; tung ordtäthet typ av saknar poänget med serier och är inte vad din läsare letar efter. Men genom att förlita sig på ord för att förmedla en plot får dina bilder mer frihet att spela.

Låt oss titta på vår fuktiga vän igen. Följande två paneler kommunicerar samma punkt, en som bygger på bilder, den andra på ord:

En brist på text i det första tynger på ritningen; vi observerar vår man i arg, ensam tystnad. Den andra panelen använder text för att berätta vad som händer, vilket ger bilderna möjlighet att utforska andra aspekter av scenariot. En kombination kan ta fram det bästa av båda, förstärka meddelandet:

Purister kan berätta för dig att bilderna är den verkliga styrkan bakom serier - säkert ligger en serier som styrker sin totala visuella inverkan. Som sådan är orden vs. images conundrum upp till dig att lösa.

Så varför handstil? Det är sant att handstil ofta används för bokstäver i serier och det här kommer troligen från sin visuella koppling till själva illustrationerna. Naturligtvis är handstilen vanligtvis skapad digitalt, vilket ger konsistens och läsbarhet, men det är fortfarande obetydligt - det distraherar inte. Vi är tillbaka till det stör inte läsaren igen. Text som passar ritstilen och förmedlar sitt meddelande tydligt är osannolikt att dra uppmärksamheten bort från berättelsen. Det är lika mycket en del av bilden som illustrationen.

Därför kan text, som ett element i en grafisk bild, också grafiskt manipuleras. Denna lyx som tillhör text som en del av en illustration kan användas för att ytterligare betona, föreslå och övertyga. Utveckling och förstoring till exempel ger resonans till orden, och lägger till ljud till vad Will Eisner refererar till som läsarnas öra. Att låta ljud genom att visa text grafiskt är ett annat verktyg i boken bokföringsbok för att berätta en historia.

Textballongen är ett välbekant fordon för att leverera text, och på nytt har stilförändringar påverka hur berättelsen berättas. Vi, som läsare, tolkar dem nästan undermedvetet. Prova dig själv; vilket av dessa exempel är tänkt, snarare än sagt? Vilken sänds från en radio eller tv? Vilket skrivs som vi läser det?

Naturligtvis ger innehållet och typsnittet oss en aning, men poängen är att ett meddelande kommuniceras genom kombinationen av text, bild och förslagets kraft. Nu är det dags att få dina händer smutsiga.

Talballong Live Effect

Okej, du har varit tålmodig nog. Det är dags för lite praktisk handledningskunskap, här går vi?

Adobe Illustrator är en användbar applikation för att bygga serier på grund av dess layout och textfunktioner samt alla illustrativa klockor och visselpipor som den har. Även om det kanske inte är det lämpligaste verktyget för att lägga ut en hel grafisk roman kan Illustrator hjälpa till med skapandet av serietidningar på flera sätt. kopiering och klistra, stråk och strokeeffekter, resizing och så vidare. Levande effekter är särskilt användbara och följande steg kommer att visa hur en sådan effekt kan omvandla en klump av text till en talboks Talboll som jag har använt för citat i denna artikel.

Steg 1: Text

Placera lite text på din Artboard - det spelar ingen roll vad eller hur mycket - när vi har gjort effekten kommer du kunna tillämpa den på vilken text som helst. Rikta texten centralt enligt följande:

Steg 2: Font

Det är dags att välja din typsnitt. Skulle du behöva dem, här är några kvalitetsfria teckensnitt som passar utmärkt för komisk text.

Clementine

VTC brevare

Laffayette

Alternativt kan fonten som används av Scott McCloud genom hela sitt arbete och baserat på sin egen handstil fås till ett rimligt pris från www.comicbookfonts.com.

Scott McCloud

När du väl har bestämt din typsnitt, ladda ner den, installera den på ditt system och använd den på texten på din Artboard. Jag har valt Italic Clementine och ökat spårningen för läsbarhet. Jag har också lagt till en ljusgrå rektangel i bakgrunden och låst den (Command + 2). Detta förbättrar synligheten medan vi arbetar.

Steg 3: Utseende

Nu börjar det bli intressant. Med din text markerad, ta bort eventuell fyllfärg som den kan ha hänvisat till utseendepanelen. Öppna menyn Utseendepanel och välj Lägg till ny fyllning. Du får se det läggas till i Utseendepanelen, min är 90% Svart och det här kommer att vara huvudfärgen på min text.

Steg 4: Second Fill

Upprepa Lägg till ny fyllning steg för att göra en andra. Färg denna fyllning vit och se till att den placeras under den första fyllningen i Utseendepanelen. Du ser ingen skillnad i din text än.

Steg 5: Konvertera till form

Med den vita fyllningen vald i Utseendepanelen, gå till Effekt> Konvertera till Form> Ellipse. I dialogrutan Konvertera till form väljer du relativ extra bredd och höjd på 9px. Detta kommer att skapa en ballong 9px bredare och längre än texten. Skulle vår textstorlek öka eller minska, så kommer ballongen också.

Steg 6: Bulge

Vi har gjort en ganska tunn ballong runt vår text, nu ska vi förfina formen en touch. Håll den vita fyllningen vald i Utseendepanelen och gå till Effect> Warp> Bulge? Applicera en vertikal bulge på -50% för att squasha sidorna av vår ballong i något. Klicka på OK.

Steg 7: Duplicera

Utseendepanelen visar nu klart ditt typobjekt bestående av två fyllningar, vars andra har en serie effekter som tillämpas. Nu ska vi lägga till en tredje fyllning som kommer att fungera som vår skiss, så duplicera den vita fyllningen med Kopiera valda objekt knapp. Återigen ser du ingen skillnad i texten än.

Steg 8: Förskjutningsväg

Okej, låt oss börja redigera vår tredje och sista fyllning. Börja med att ändra färgen (minen är 90% Svart, precis som texten) och sedan gå till Effekt> Sti> Förskjutningsväg. Den mängd som du kompenserar vägen för denna fyllning bestämmer effektivt stroke runt din ballong. Jag har valt 2px.

Steg 9: Svans

För att avsluta utseendet på vår ballong, låt oss lägga till en enkel svans. Tre klick i Penverktyget ger dig en öppen sökväg i en V form. Fyll den vit och ge sin stroke samma färg och bredd som stroke runt din ballong (i detta fall 90% Svart och 2px). Placera svansen överlappande ballongen någonstans och din effekt är klar.

Slutsats

Det här är självklart en levande effekt och kan tillämpas på vilken text som helst. Den kommer att ändra storlek och skala sömlöst:

Genom att dubbelklicka på någon av effekterna i Utseendepanelen kan deras inställningar redigeras. Detta kan vara användbart för olika ballonger i ditt projekt.

För att spara din effekt för framtida användning, öppna panelen Grafiska format (Fönster> Grafiska format) och medan din färdiga textballong väljs klickar du på Ny grafisk stil knapp. Välj din nya stil från den här panelen när du vill att annan text ska bli en talbollong.

Törstig för mer?

Ämnet om hur och varför serier gör vad de gör är ENORM, Jag har bara skrapat ytan med den här artikeln. Om du är intresserad av mer (och önskar att du ska få veta av mästarna) finns det en eller två böcker du borde definitivt läsa. Jag har citerat Scott McCloud och Will Eisner vid ett flertal tillfällen och med god anledning. Kommer Eisner att krediteras som pionjär i grafiska romaner efter att ha publicerat sin hyllade Ett avtal med Gud och få personer har studerat serier som disciplin som Scott McCloud. Även de icke-komiska fansen bland dig kommer sannolikt att ha sett sitt arbete efter hans senaste kampanj för Google Chrome - som sa att serier inte kunde tas på allvar ?! I alla fall här är några av sina undervisningspublikationer som kan rekommenderas starkt:

  • Scott McCloud - Att göra serier
  • Scott McCloud - Understanding Comics
  • Kommer Eisner - Grafisk berättande och visuell berättelse
  • Kommer Eisner - serier och sekventiell konst

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.