<?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>wstryder.org &#187; Gimp</title>
	<atom:link href="http://wstryder.org/tag/gimp/feed/" rel="self" type="application/rss+xml" />
	<link>http://wstryder.org</link>
	<description>About teh internets and stuff.</description>
	<lastBuildDate>Tue, 25 May 2010 15:06:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>HOWTO: Smooth transparent gifs with Gimp</title>
		<link>http://wstryder.org/2008/02/03/howto-smooth-transparent-gifs-with-gimp/</link>
		<comments>http://wstryder.org/2008/02/03/howto-smooth-transparent-gifs-with-gimp/#comments</comments>
		<pubDate>Sun, 03 Feb 2008 12:43:45 +0000</pubDate>
		<dc:creator>wstryder</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[gif]]></category>
		<category><![CDATA[Gimp]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[transparent]]></category>
		<category><![CDATA[unwakeable]]></category>
		<category><![CDATA[web graphics]]></category>

		<guid isPermaLink="false">http://wstryder.org/2008/02/03/howto-smooth-transparent-gifs-with-gimp/</guid>
		<description><![CDATA[Does your transparent gif look like this:

&#8230;but you want it to look like:

?
Here&#8217;s how to do it properly with the Gimp.

Create a new image with a transparent background (c&#8217;mon, you gotta know how to do that!)
Using the text tool select a nice font and add some nice text with a color of your choice

Set the [...]]]></description>
			<content:encoded><![CDATA[<p>Does your transparent gif look like this:<br />
<img style="background: #3a3035" src="http://wstryder.org/wp-content/uploads/2008/02/myblog1.gif" alt="My blog 1" /><br />
&#8230;but you want it to look like:<br />
<img style="background: #3a3035" src="http://wstryder.org/wp-content/uploads/2008/02/myblog2.gif" alt="My blog 2" /><br />
?</p>
<p>Here&#8217;s how to do it properly with <a href="http://gimp.org/">the Gimp</a>.</p>
<ol>
<li>Create a new image with a transparent background (c&#8217;mon, you gotta know how to do that!)</li>
<li>Using the text tool select a nice font and add some nice text with a color of your choice<br />
<img src="http://wstryder.org/wp-content/uploads/2008/02/gimp_tutorial1.png" alt="Add text to transparent background" /></li>
<li>Set the background color to your theme&#8217;s background color<br />
<img src="http://wstryder.org/wp-content/uploads/2008/02/gimp_bgcolor.png" alt="GIMP bgcolor" /></li>
<li>The most important step: right click the text layer and choose Filters-&gt;Web-&gt;Semi-Flatten. Your text should now have some &#8220;smudge&#8221; around the edges:<br />
<img src="http://wstryder.org/wp-content/uploads/2008/02/gimp_semiflattened1.png" alt="gimp_semiflattened1.png" /></li>
<li>Click File-&gt;Save as and save the file as a gif. You&#8217;re done!</li>
</ol>
<p>If you skip step 4 your text will most likely look like crap! The Semi-Flatten function will replace partial transparency with the background colour, creating a nice smooth edge. That&#8217;s what you want. It took me a long time to figure out how to do that with Gimp, so I hope this short tutorial will help others.</p>
<p>My blog uses the cool <a href="http://www.longren.org/wordpress/unwakeable/">unwakeable</a> wordpress theme. If you&#8217;re using this theme (or any similar theme) you probably want to change the &#8220;unwakeable&#8221; logo with your own text. <a href="http://openswitch.org/2006/04/16/title-graphic-how-to/">Ben Gray</a> has a short tutorial on how to do that with Photoshop, but those instruction didn&#8217;t quite work for Gimp, so I wrote my own short tutorial. If using this theme, use a background image of (roughly) size 200&#215;42 px, save the file as title.gif and upload to wp-content/themes/unwakeable-1.x/images. Easy!</p>
]]></content:encoded>
			<wfw:commentRss>http://wstryder.org/2008/02/03/howto-smooth-transparent-gifs-with-gimp/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
