newsfeed


  • [Creator Tutorial] Dialogue 101 for Comic Artists

    May 11, 2021

Dialogue 101 for Comic Artists

A lot of us want to make comics online, and one thing that makes a comic stand out is having good speech bubbles! I will go over a few standard practice speech bubble techniques to help take your comics to the next level! 





Bubble Anatomy


When designing your bubbles you want to make sure that no matter how you are doing it, it fits the style of your comic and also has expressive qualities. Dialogue is part of the page and should be treated as another area of interest, because it is often solid white or solid black. 

In general the tail should start at the center of the balloon and extend outward until it is halfway between the balloon and the character’s mouth. In U.S. comics it's a common note to point the tail to the characters actual mouth or whatever is currently speaking. Manga will sometimes not do this, that is just fine, as long as it’s clear who or what is speaking. Whichever style you choose the important part is to keep it consistent across the whole comic (unless it's just for fun I guess!) You can add fun and expressive designs to your balloons to show things like sadness, anger, love, etc. The tail might change shape, the balloon might change shape. Generally it's not a good idea to make the balloon interior or text anything other than black or white, for readability.

However, every comic is different and so every balloon style won’t be the same. Make sure to look at your favorite comics to see how they use balloons so you can study it. I use balloons in a very print standard United States way, like you will see in Marvel or DC because one of my favorite comics is Spiderman! To see the concepts I will be talking about in real life you should also check out a Marvel comic Like Ms. Marvel or Squirrel Girl (my other faves). A good company will always use professional designers to create their dialogue. 




Rule of Thirds


The first general rule of speech bubbles is the 3x3 grid. This grid is used a lot in composition for comics and film. The idea is to make sure you’re giving your characters enough space between their head and the word balloon. Covering heads is generally not something you want to do. To use the 3x3 grid, make sure that your character is in one box and the dialogue is in another box of the grid like this:


This grid is so commonly used that it’s been named the “Rule of Thirds” There’s many ways to use this grid but, I won’t get into it in this tutorial! 

For expert comic word balloon placement, make sure they follow a zig zag path across the page just like reading a prose novel, and that they overlap things in the panel to make them feel like they are a part of the image. 




Text Size


Next, make sure to make your words big enough.  I think this is an issue that’s unique to webcomics because we are not reading in a printing format. I actually use 10 point size “Webletterer BB” from Blambot. This size is easier to read on small devices, while not compromising my personal sense of page design for digital and print together. Tapas uses an 18 point font size for their comics, this size works best for their scrolling, digital only, panel by panel, format on small devices. Because of better printing techniques and new ways to read comics, text formatting can vary a lot more than it used to. But if you take time to further understand the principles of type design, you can usually find a good solution!  

Image size is also important for text size, keep in mind that your digital canvas DPI/PPI can change how big or how small a font seems. It’s always best to work at a larger size and scale down before posting! 

Lastly, for text size, make sure to keep all point sizes the same at all times (some exceptions are yelling, screaming, etc.) and, keep your text in the middle of the balloon and make sure not to put too much text or it will be hard to focus on. 


This text is too small and has too much information:



This text is larger and easier to read:




A good idea is to plan out your text before you start drawing! Good design and visual storytelling are more important than what style you are using. The text should add something important to the image or the narrative and usually the goal is to not be distracting and be harmonious with the images and lead the reader smoothly across the pages. 




Adding Text


For example, in this image, one character is leaving and the other character is turned away from the “camera” the text adds information by telling us what the red character is saying, and then also letting us know how the character in green feels about it while his face isn’t visible. 





Dialogue is an important tool for comics that should be used most effectively as part of the narrative! 


Comics are always very cutting edge because they are so accessible, so don't be afraid to try wild things or learn some professional techniques used in comic production. Ultimately, comics are about good narrative and graphic design, not fancy illustrations. For more dialogue tips please follow professional comic letters like my friend, Micah Myers, and also Blambot on twitter! Professional lettering is a real job in comics design and it's very important and a great idea if you have a passion for typography and graphic design! 





About the Author

Thanks for reading this simple intro to dialogue in webcomics! I’m Seth, creator of Hellbound! I used my own webcomic Hellbound for this tutorial. This webcomic is my personal way of being able to practice a lot of art techniques and figure out what works and what doesn’t work for me, please check it out on Tapas app and leave a tip if you’re really loving it!


list