It is currently Thu Mar 28, 2024 2:36 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 6 posts ] 
Author Message
 Post subject: Making Comics with GIMP - Speech Bubbles
PostPosted: Sun Mar 23, 2014 8:57 am  (#1) 
Offline
GimpChat Member

Joined: Jan 22, 2012
Posts: 31
In this third tutorial on Making Comics with GIMP, we’ll cover how to make speech bubbles. Speech bubbles are an essential part of comics, and come in a variety of shapes and styles, most of which can be achieved with this relatively simple technique. We’ll be using the same ‘Paths Tool’ which we used in the previous tutorial, on how to make Panels and Gutters, but this time around we’ll be be using them to create speech bubbles.

Getting Started

Image

The first thing we need to do is to create some text to draw our speech bubble around. Use the ‘Text Tool’, and drag out a an area for the text on your page, and enter some text into it. The text tool creates a new layer for each text element, so it’s a good idea to group all the text elements on a page, in a ‘Layer Group’. Simply hit the folder icon at the bottom of the layer dialog, give your layer group a name, and drag the text layer, onto the new layer group.

Finally, you’ll need a layer for drawing the speech bubbles on, so create a new layer with a transparent background, and call it Bubbles. Place this layer below the layer group containing the text.

Drawing the Speech Bubble

We’ll be using the ‘Paths Tool’ to draw up the bubble. Normally, I would have a rough pencil sketch of where I want the balloon, but it doesn’t really matter, as using the ‘Paths Tool’, you can easily tweak the size and shape of your balloon after you’ve drawn it up.

The ‘Paths Tool’ uses bezier curves to define shapes. It’s a bit like connecting dots, but at each dots there are handles that define the curvature of the line, adjusting the tension at each point. The shorter the handles are, the sharper the curvature. The direction of the handles also affects the direction of the curve. If you click and drag when using the ‘Paths Tool’, these handles are dragged out, and the curvature becomes smoother. Conversely, if you just click, the handles will have zero length, and thus the line will have a sharp corner.

To draw our first speech bubble, start by clicking at the very tip of the tail of the bubble, and then where the tail connects with the bubble. When you get to the side of the bubble, click and drag to make those points smooth, and continue like this around the bubble. Finally when you reach the tip of the tail again, hold down Ctrl, and click it, to close the curve.

Image

You’ll notice that my speech bubble here is a bit lopsided, and not very even. So the next thing we need to do is to tweak the shape of it, to make it nice and even. Using the ‘Paths Tool’ you can click on each of the points, and move them about. If you select a point, it’s bezier handles will become visible. You can click and drag these, to adjust the curvature. Hold down Shift, when moving the bezier handles, to move it equally on both sides of a point.

If you click the line itself, you can drag it around too. This is a good way to get a hold of bezier handles at sharp corners, that are otherwise invisible, such as for creating a nice curve for the tail. If you accidentally click outside the curve when editing it, you’ll get a new point, simply hit Ctrl-z, to undo and thus remove it. After some quick tweaking of the bezier handles and points, we have a nice round speech bubble.

Image

Making the Speech Bubble Visible

The path we’ve drawn out, is only visible in GIMP, and not when you export the comic to other file formats, so the next thing we need to draw it to the ‘Bubbles’ layer. In the ‘Layers’ dialog, select the ‘Bubbles’ layer we created earlier, as that is the layer we want to draw our speech bubbles on. Then go to the ‘Paths’ dialog (Windows>Dockable Dialogs>Paths), and select the new Unnamed path we just created, rename it to ‘Bubble Paths’ and make it visible.

The first thing we want to do, is fill the bubble with white. This is so it will cover up any art underneath it. To do this, right click the ‘Bubble Paths’ in the ‘Paths’ dialog, and choose ‘Path to Selection’. Set the background color to white, and choose, Edit>Fill with BG Color from the menu.

Next we want to draw the outline. Begin by deselecting the current selection, Select>None (Shift-Ctrl-a), and setting the foreground color to black. Then right click the ‘Bubble Paths’ in the ‘Paths’ dialog, and choose ‘Stroke Path’. Choose the ‘Line width’ you would like, and hit ‘Stroke’. This will draw a nice outline around our speech bubble, and that’s pretty much it.

Image

Note that when creating multiple speech bubbles on a page, you can add more paths to the same ‘Bubble Paths’, so you only need to do the filling and stroking once, for all the speech bubbles on the page.

Getting Creative with Speech Bubbles

The speech bubble we just created is a pretty standard speech bubble, there is nothing stopping you from getting creative with this technique. You can use the ‘Paths Tool’ to draw any shape you like, and you can fill the bubbles with color or texture, or even make them semi transparent. If you look in the ‘Stroke Path’ dialog, you’ll see there are lots of options, including using the currently selected paintbrush to draw the outline of you speech bubble for some creative looking speech bubbles. Here are some sample speech bubbles I threw together quickly.

Image

The only remaining thing for you to do now, is to get to work on that comic book of yours…which is probably what I should be doing too.

:)


Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Making Comics with GIMP - Speech Bubbles
PostPosted: Sun Mar 23, 2014 9:03 am  (#2) 
Offline
GimpChat Member

Joined: Jan 22, 2012
Posts: 31
Three parts of this series of tutorials on Making Comics with GIMP are now up:

Making Comics with GIMP
* Page Setup
* Panels and Gutters
* Speech Bubbles


Top
 Post subject: Re: Making Comics with GIMP - Speech Bubbles
PostPosted: Sun Mar 23, 2014 3:32 pm  (#3) 
Offline
GimpChat Member
User avatar

Joined: Mar 01, 2014
Posts: 12566
Location: Spain, Aragón
Ragtag, you write very good methods to get fantastic outcomes! You make difficult things seem easy. I appreciate your job very much. Only a thing, Could you put them in PDF format? :clap :bigthup

_________________
Image

Gimp 2.10.30(samj) portable _ OS Windows 10 Home_ 64bits
Don’t be afraid to start over. It’s a new chance to rebuild what you want.


Top
 Post subject: Re: Making Comics with GIMP - Speech Bubbles
PostPosted: Sun Mar 23, 2014 4:09 pm  (#4) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Parts 1, 2 and 3


Attachments:
Making Comics with GIMP - Page set-up (Part 1).pdf [333.4 KiB]
Downloaded 643 times
Making Comics with GIMP (Part 2) Panels & Gutters.pdf [533.88 KiB]
Downloaded 663 times
Creating Speech Bubbles.pdf [339.64 KiB]
Downloaded 731 times

_________________
Image
Top
 Post subject: Re: Making Comics with GIMP - Speech Bubbles
PostPosted: Sun Mar 23, 2014 4:41 pm  (#5) 
Offline
GimpChat Member
User avatar

Joined: Mar 01, 2014
Posts: 12566
Location: Spain, Aragón
Molly, you are so nice. You are always helping people like me who are asking things. Thank you very much. :tyspin

_________________
Image

Gimp 2.10.30(samj) portable _ OS Windows 10 Home_ 64bits
Don’t be afraid to start over. It’s a new chance to rebuild what you want.


Top
 Post subject: Re: Making Comics with GIMP - Speech Bubbles
PostPosted: Sun Mar 23, 2014 4:48 pm  (#6) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
You are welcome. Sorry, I didn't put the part number in one of them.

_________________
Image


Top
Post new topic Reply to topic  [ 6 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Chat Text-to-Speech & Draw Line art collaboratively

0

No new posts Attachment(s) Soap Bubbles Plugin

42

No new posts Attachment(s) Making Art from Script

4

No new posts I am making GEGL filters and need help

1

No new posts Making A G'MIC 3D Elevation Animation

3



* Login  



Powered by phpBB3 © phpBB Group