<?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>lukeroberts &#187; balloon</title>
	<atom:link href="http://lukeroberts.us/tag/balloon/feed/" rel="self" type="application/rss+xml" />
	<link>http://lukeroberts.us</link>
	<description></description>
	<lastBuildDate>Mon, 02 Jan 2012 05:03:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Design idea: simple colorful brush objects</title>
		<link>http://lukeroberts.us/2008/09/design-idea-simple-colorful-brush-objects/</link>
		<comments>http://lukeroberts.us/2008/09/design-idea-simple-colorful-brush-objects/#comments</comments>
		<pubDate>Wed, 03 Sep 2008 08:29:48 +0000</pubDate>
		<dc:creator>Luke</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[balloon]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[hot air]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[idea]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://lukeroberts.us/?p=154</guid>
		<description><![CDATA[<a href="http://lukeroberts.us/2008/09/design-idea-simple-colorful-brush-objects/"><img align="left" hspace="5" width="150" height="150" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-oxo-tower-cover-150x150.jpg" class="alignleft wp-post-image tfe" alt="" title="thumb-oxo-tower-cover" /></a>A recent OXO Tower brochure had a clever design idea, but unless you live in the London area and have a particularly keen interest in the OXO Tower, it’s unlikely you’d have seen it. I thought this idea was too good to let slip away into obscurity, so here it is and here’s one way [...]]]></description>
			<content:encoded><![CDATA[<p>A recent <a href="http://www.oxotower.co.uk/" target="_blank">OXO Tower</a> brochure had a clever design idea, but unless you live in the London area and have a particularly keen interest in the OXO Tower, it’s unlikely you’d have seen it.</p>
<p>I thought this idea was too good to let slip away into obscurity, so here it is and here’s one way to do it in Photoshop.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/oxo-tower-cover.jpg"><img class="alignnone size-full wp-image-157" title="thumb-oxo-tower-cover" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-oxo-tower-cover.jpg" alt="" width="400" height="397" /></a></p>
<p>As you can see in the image, they have used balloons to outline the negative space in the shape of the OXO Tower. The design is simple, light and colourful and I really like it. The easiest way I can see to do this in Photoshop is to use a brush and play with the scatter and size settings.<span id="more-154"></span></p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/balloon.png"><img class="alignnone size-full wp-image-158" title="thumb-balloon" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-balloon.png" alt="" width="550" height="413" /></a></p>
<p>To start off, I’ve created a balloon shape. This was done by drawing a circle with the Ellipse Tool, selecting the two middle points and moving them up a bit to make a balloon shape. Then I drew a little knot in the end and combined that with the balloon. Finally, I drew a bit of ribbon tied on the end using the Pen Tool. It took less time to create than it did to write this sentence, actually. But if you like, you can download the <a href="http://lukeroberts.us/wp-content/uploads/2008/09/balloon-custom-shapes.csh">balloon Custom Shape</a>, <a href="http://lukeroberts.us/wp-content/uploads/2008/09/vector-balloon.ai">balloon AI vector</a> or just go right ahead and get the <a href="http://lukeroberts.us/wp-content/uploads/2008/09/balloon-brush-preset.abr">balloon brush shape</a>.</p>
<p>Next, I flattened the layers (<strong>ALT+L+F</strong>) and made it into a brush shape (<strong>ALT+E+B</strong>). It’s good to have the shape as a decent size, so it doesn’t get too blurry or pixilated at different sizes as a brush, so mine is about 800px tall.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/define-brush.png"><img class="alignnone size-medium wp-image-160" title="define-brush" src="http://lukeroberts.us/wp-content/uploads/2008/09/define-brush-179x300.png" alt="" width="179" height="300" /></a></p>
<p>Now, you’ll want something to be in the negative space so that the brush shape (balloons in this case) have something to form around. I happen to have a <a href="http://lukeroberts.deviantart.com/art/Custom-Shapes-Aircraft-30485440">hot air balloon shape</a> handy, which seems appropriate enough, so I’ll use that.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/balloon-set-up.jpg"><img class="alignnone size-full wp-image-161" title="thumb-balloon-set-up" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-balloon-set-up.jpg" alt="" width="550" height="413" /></a></p>
<p>To set this up, I’ve created a blank canvas and have my hot air balloon shape in a new layer and have set it to slightly darker than white (so I can see the outline) and have a white background. I’ve also put a slight radial gradient on the background to make it show up a bit more.</p>
<p>With that set up, it’s back to the brush. Select the brush tool and go to the brushes palette. The newly created balloon brush should be at the bottom.</p>
<p><img class="alignnone size-full wp-image-163" title="brush-setup" src="http://lukeroberts.us/wp-content/uploads/2008/09/brush-setup.png" alt="" width="552" height="498" /></p>
<p><strong>Brush Tip Shape</strong><br />
Depending on the size of the document, you will need to adjust your balloon size. The balloons look best far apart, so set that quite high. I’ve done about 300%</p>
<p><strong>Shape Dynamics</strong><br />
If you’re fortunate enough to have a graphics tablet, then you can have size jitter at 100% and control it with the pen pressure. Otherwise, you can set it to fade or just manually adjust the brush size using the [ and ] keys. It’s a good idea to set a minimum diameter so you don’t get lots of tiny 1px balloons. I’ve chosen about 20%. To give the balloons a bit more of a natural look, adjust the Angle Jitter – not too much though, unless you want them going in all directions. I’ve also set the brush to Flip X Jitter so they’re not all facing the same way (Y Jitter will flip them upside down).</p>
<p><strong>Scattering</strong><br />
To add to the natural, random look of the balloons, adjust the Scatter slider to your liking. 100% is good for me.</p>
<p><strong>Color Dynamics</strong><br />
Finally, colour dynamics will adjust the colour of the balloons. I’ve set foreground/background jitter to 100% &#8211; this way, the balloons will be set to a colour somewhere between the colours you have chosen in the palette.</p>
<p><strong>Other Dynamics</strong><br />
You might also like to adjust the opacity of the brush to make the balloons slightly transparent.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/outline.png"><img class="alignnone size-full wp-image-165" title="thumb-outline" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-outline.jpg" alt="" width="550" height="413" /></a></p>
<p>Now, we can finally paint some balloons! To start off with, it’s good to get some smaller balloons around the shape of the object (hot air balloon in this case). Set the foreground/background colours to black and white (press D) and paint around the shape until you’re happy with it.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/balloons.png"><img class="alignnone size-full wp-image-167" title="thumb-balloons" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-balloons.jpg" alt="" width="550" height="413" /></a></p>
<p>Once you have a rough outline, you can go nuts – fill the entire canvas with balloons if you like! Keep in mind that it does tend to look better with some white space.</p>
<p>A moment ago I said to set the colours to black and white. This wasn’t to depress you or deprive you of colours – just the opposite. We can now do my patented (not really) <a href="http://lukeroberts.us/2008/05/downloadable-photoshop-action-slight-vintage-colours-with-gradient-map/">Gradient Map trick</a>.</p>
<p><img class="alignnone size-full wp-image-168" title="gradient-map" src="http://lukeroberts.us/wp-content/uploads/2008/09/gradient-map.png" alt="" width="552" height="548" /></p>
<p>Make a new Gradient Map Adjustment Layer and start scrolling through the gradients and seeing how they look – you might like one of the colour schemes. Personally, I’d like it to be lighter and brighter, so I set the Gradient Map layer to Soft Light. This will keep the background light while embiggening the balloons with colour. The default Photoshop gradients are okay, but there are some really nice ones in “Pastels” and “Simple” or you can even go to <a href="http://www.colourlovers.com/">Colourlovers</a> and get some from there.</p>
<p>Here are a couple of quick examples of what I came up with (Click to view 1600x1200px versions).</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/hot-air-balloon-balloons.jpg"><img class="alignnone size-full wp-image-171" title="thumb-hot-air-balloon-balloons" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-hot-air-balloon-balloons.jpg" alt="" width="550" height="413" /></a></p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/hot-air-balloon-balloons-2.jpg"><img class="alignnone size-full wp-image-170" title="thumb-hot-air-balloon-balloons-2" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-hot-air-balloon-balloons-2.jpg" alt="" width="550" height="413" /></a></p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/balloons-inverted.jpg"><img class="alignnone size-full wp-image-169" title="thumb-balloons-inverted" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-balloons-inverted.jpg" alt="" width="550" height="413" /></a></p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/love-balloons.jpg"><img class="alignnone size-full wp-image-173" title="thumb-love-balloons" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-love-balloons.jpg" alt="" width="550" height="413" /></a></p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/09/love-balloons-2.jpg"><img class="alignnone size-full wp-image-172" title="thumb-love-balloons-2" src="http://lukeroberts.us/wp-content/uploads/2008/09/thumb-love-balloons-2.jpg" alt="" width="550" height="413" /></a></p>
<p>If you make something yourself using this method, let me know in the comments &#8211; I&#8217;d love to see what you create.</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeroberts.us/2008/09/design-idea-simple-colorful-brush-objects/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
<!-- Quick Cache: failed to write cache. The cache/ directory is either non-existent ( and could not be created ) or it is not writable. -->
