<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ronnie Tucker - Pet, Wildlife &#38; Portrait Artist.&#187; digital</title>
	<atom:link href="http://ronnietucker.co.uk/category/art/digital/feed/" rel="self" type="application/rss+xml" />
	<link>http://ronnietucker.co.uk</link>
	<description>oil landscape paintings, and pencil pastel and charcoal portraits of cats, dogs, horses and other wildlife.</description>
	<lastBuildDate>Sun, 25 Jul 2010 19:58:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Creating a comic style speech bubble/balloon in GIMP</title>
		<link>http://ronnietucker.co.uk/2010/01/creating-comic-style-speech-bubble-balloon-in-gimp/</link>
		<comments>http://ronnietucker.co.uk/2010/01/creating-comic-style-speech-bubble-balloon-in-gimp/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 18:21:55 +0000</pubDate>
		<dc:creator>Ronnie</dc:creator>
				<category><![CDATA[digital]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[balloon]]></category>
		<category><![CDATA[border]]></category>
		<category><![CDATA[bubble]]></category>
		<category><![CDATA[cartoon]]></category>
		<category><![CDATA[comic]]></category>
		<category><![CDATA[GIMP]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[layers]]></category>
		<category><![CDATA[magic]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[select]]></category>
		<category><![CDATA[selection]]></category>
		<category><![CDATA[speech]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[wand]]></category>
		<category><![CDATA[webcomic]]></category>

		<guid isPermaLink="false">http://ronnietucker.co.uk/?p=243</guid>
		<description><![CDATA[In this tutorial I&#8217;m going to show you the easiest way to create a speech balloon, sometimes called a speech bubble, in GIMP. Left is the panel I&#8217;m going to put a bubble/balloon in. In case you&#8217;re wondering, the white area is going to be covered by my balloon. First, we add the text, so [...]]]></description>
			<content:encoded><![CDATA[<!-- wp-jquery-lightbox, a WordPress plugin by ulfben --> <p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred01.jpg" rel="lightbox[243]"><img class="alignleft size-medium wp-image-244" title="Fred01" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred01-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p>In this tutorial I&#8217;m going to show you the easiest way to create a speech balloon, sometimes called a speech bubble, in GIMP.</p>
<p>Left is the panel I&#8217;m going to put a bubble/balloon in. In case you&#8217;re wondering, the white area is going to be covered by my balloon.</p>
<p><span id="more-243"></span></p>
<p>First, we add the text, so click the TEXT button:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_textButton.jpg" rel="lightbox[243]"><img class="aligncenter size-full wp-image-245" title="Fred_textButton" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_textButton.jpg" alt="" width="40" height="43" /></a>and draw a box (top left to bottom right) where you want the text to roughly be. Don&#8217;t be too precise about the box as we can move it about later.</p>
<p>Here I am writing my text:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred02.jpg" rel="lightbox[243]"><img class="aligncenter size-medium wp-image-246" title="Fred02" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred02-265x300.jpg" alt="" width="265" height="300" /></a>The first thing is that the font isn&#8217;t very comic-ish, so (while still editing the text) select a more appropriate font by clicking the font selector button (says <strong>Aa</strong> on it) and clicking a font:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred03.jpg" rel="lightbox[243]"><img class="aligncenter size-full wp-image-247" title="Fred03" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred03.jpg" alt="" width="287" height="272" /></a>Voila! And while you&#8217;re there, notice below that Aa font button that it says &#8216;Size:&#8217;? Ramp that up a bit to give us a larger font, oh, and you might want to center your text (in it&#8217;s box, which is resizeable with the corner boxes) by clicking the Center button:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred04.jpg" rel="lightbox[243]"><img class="aligncenter size-full wp-image-248" title="Fred04" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred04.jpg" alt="" width="197" height="298" /></a>If you think the spacing between your sentences is too much then you can take the middle number (of the three at the bottom of the screen above) and take it in to minus numbers. The last number, if taken to minus numbers, will bring your letters closer together.</p>
<p>So, here&#8217;s what I&#8217;ve got so far:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred05.jpg" rel="lightbox[243]"><img class="aligncenter size-medium wp-image-249" title="Fred05" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred05-270x300.jpg" alt="" width="270" height="300" /></a>If you want to move your text about, click the MOVE button: <a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_moveButton.jpg" rel="lightbox[243]"><img class="alignnone size-full wp-image-250" title="Fred_moveButton" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_moveButton.jpg" alt="" width="39" height="40" /></a> and click and drag on your text. If you need to edit the text, click the TEXT button again then click on the text and you&#8217;ll get the pop-up with your existing text in it. Simply edit it and click OK.</p>
<p>So, we&#8217;ve got the text, now we need the balloon. But first, look at the right side of the screen at your LAYERS, you&#8217;ll probably have something like:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred06.jpg" rel="lightbox[243]"><img class="aligncenter size-full wp-image-251" title="Fred06" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred06.jpg" alt="" width="241" height="243" /></a>The box with the T means it&#8217;s a text layer and that it is above the &#8216;Background&#8217; layer, which is our panel. What you need to do now is to click, to select, the panel (aka: Background, in this case) layer then click the CREATE A NEW LAYER button: <a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_createLayerButton.jpg" rel="lightbox[243]"><img class="alignnone size-full wp-image-252" title="Fred_createLayerButton" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_createLayerButton.jpg" alt="" width="34" height="33" /></a></p>
<p>You can name your new layer anything you like, but I&#8217;ll call it &#8216;bubble&#8217; to keep it descriptive. That new layer should appear between the text layer, and the panel layer. This means anything you put on this &#8216;bubble&#8217; layer will be on TOP of your image, but UNDER your text. Just where we want a speech bubble.</p>
<p>To get a basic bubble shape, we need to have a while ellipse, so select the ellipse select button: <a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_ellipseButton.jpg" rel="lightbox[243]"><img class="alignnone size-full wp-image-253" title="Fred_ellipseButton" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_ellipseButton.jpg" alt="" width="37" height="29" /></a> and draw a box from top left to bottom left which will contain the ellipse that will be our bubble:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred07.jpg" rel="lightbox[243]"><img class="aligncenter size-medium wp-image-254" title="Fred07" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred07-300x154.jpg" alt="" width="300" height="154" /></a>Now click the fill button: <a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_fillButton.jpg" rel="lightbox[243]"><img class="alignnone size-full wp-image-255" title="Fred_fillButton" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_fillButton.jpg" alt="" width="34" height="36" /></a></p>
<p>Click the FOREGROUND colour box (the black box in the shot below):</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred08.jpg" rel="lightbox[243]"><img class="aligncenter size-full wp-image-256" title="Fred08" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred08.jpg" alt="" width="74" height="61" /></a>and in the pop-up window, select a white colour (where my pointer is, below) and click OK.</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred09.jpg" rel="lightbox[243]"><img class="aligncenter size-full wp-image-257" title="Fred09" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred09.jpg" alt="" width="225" height="179" /></a></p>
<p>Now click inside the ellipse we drew out a couple of steps ago:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred10.jpg" rel="lightbox[243]"><img class="aligncenter size-medium wp-image-258" title="Fred10" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred10-300x120.jpg" alt="" width="300" height="120" /></a></p>
<p>Now we need to show who&#8217;s saying these words. Click the PATHS TOOL icon: <a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_pathsButton.jpg" rel="lightbox[243]"><img class="alignnone size-full wp-image-259" title="Fred_pathsButton" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_pathsButton.jpg" alt="" width="37" height="38" /></a></p>
<p>We&#8217;re going to make the pointer from the bubble to the speaker, so click once inside the ellipse, click once near the speaker, click once more in the ellipse then press ENTER on your keyboard. You should end up with a selection like this:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred11.jpg" rel="lightbox[243]"><img class="aligncenter size-medium wp-image-260" title="Fred11" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred11-300x235.jpg" alt="" width="300" height="235" /></a>And, like we did before, we fill in that triangle. Click on the FILL icon, then inside the triangle:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred12.jpg" rel="lightbox[243]"><img class="aligncenter size-medium wp-image-261" title="Fred12" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred12-300x204.jpg" alt="" width="300" height="204" /></a></p>
<p>Now, in the menu, click SELECT &gt; NONE:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred13.jpg" rel="lightbox[243]"><img class="aligncenter size-medium wp-image-262" title="Fred13" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred13-300x184.jpg" alt="" width="300" height="184" /></a>OK, so we&#8217;ve got our bubble. We can either duplicate the bubble layer and use that as a basis for a drop-shadow effect, but I prefer the good ol&#8217; classic black outline on the bubble. Here&#8217;s the easiest way to do it.</p>
<p>With your bubble layer still selected, click the MAGIC WAND button: <a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_wandButton.jpg" rel="lightbox[243]"><img class="alignnone size-full wp-image-263" title="Fred_wandButton" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred_wandButton.jpg" alt="" width="33" height="32" /></a> and click anywhere on the white of the bubble, this will select only the bubble:</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred14.jpg" rel="lightbox[243]"><img class="aligncenter size-medium wp-image-264" title="Fred14" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred14-300x187.jpg" alt="" width="300" height="187" /></a>Now, in the menu, click SELECT &gt; BORDER and enter a value of 2 pixels. If it doesn&#8217;t look right (too thin, or too thick) click EDIT &gt; UNDO in the menu and try again with maybe 3 or 4 pixels. But you&#8217;ll have a border selected around your bubble.</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred15.jpg" rel="lightbox[243]"><img class="aligncenter size-medium wp-image-265" title="Fred15" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred15-300x179.jpg" alt="" width="300" height="179" /></a></p>
<p>Click the FOREGROUND colour box again, but this time chose black for your colour, click OK, and click the FILL button again. Now click within the border and it&#8217;ll give you a black border to your bubble!</p>
<p><a href="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred16.jpg" rel="lightbox[243]"><img class="aligncenter size-medium wp-image-266" title="Fred16" src="http://ronnietucker.co.uk/wp-content/uploads/2010/01/Fred16-270x300.jpg" alt="" width="270" height="300" /></a>OK, so my bubble didn&#8217;t cover up all my sins, but I can easily patch that up on the Background layer without disrupting my speech bubble. If you want you can click the MOVE button and click and drag on the bubble to move it.</p>
<p>Repeat all the steps above for each speech bubble you need. Obviously experiment with this and have, for example, giant text (maybe outlined?) and escaping from the bubble for extra impact.</p>
]]></content:encoded>
			<wfw:commentRss>http://ronnietucker.co.uk/2010/01/creating-comic-style-speech-bubble-balloon-in-gimp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
