<?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; effect</title>
	<atom:link href="http://lukeroberts.us/tag/effect/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>Photoshop: Rounded Pixelation effect</title>
		<link>http://lukeroberts.us/2008/03/photoshop-rounded-pixelation-effect/</link>
		<comments>http://lukeroberts.us/2008/03/photoshop-rounded-pixelation-effect/#comments</comments>
		<pubDate>Thu, 06 Mar 2008 23:25:39 +0000</pubDate>
		<dc:creator>Luke</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[earth]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[pixel]]></category>
		<category><![CDATA[pixelate]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[Wallpaper]]></category>

		<guid isPermaLink="false">http://lukeroberts.us/?p=12</guid>
		<description><![CDATA[<a href="http://lukeroberts.us/2008/03/photoshop-rounded-pixelation-effect/"><img align="left" hspace="5" width="150" src="http://lukeroberts.us/wp-content/uploads/2008/03/1a-screenshot.jpg" class="alignleft wp-post-image tfe" alt="Original Screenshot" title="Original screenshot" /></a>I was on /wg/ today and someone had posted a desktop screenshot, asking for the original wallpaper. At first glance, it just looked like a basic, pixelated image, but upon closer inspection, the pixels had rounded edges and a slight sharpening effect. The pixels were also on an angle, something not possible with the standard [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://lukeroberts.us/wp-content/uploads/2008/03/1-screenshot.png"><img src="http://lukeroberts.us/wp-content/uploads/2008/03/1a-screenshot.jpg" width="468" height="468" title="Original screenshot" alt="Original Screenshot"></a></p>
<p>I was on /wg/ today and someone had posted a desktop screenshot, asking for the original wallpaper. At first glance, it just looked like a basic, pixelated image, but upon closer inspection, the pixels had rounded edges and a slight sharpening effect. The pixels were also on an angle, something not possible with the standard mosaic filter.</p>
<p>I looked at it for a while, wondering how it had been done, assuming it must have been a filter or maybe a script in GIMP. Since I had the original, unpixelated version, I thought I’d have a go at recreating the wallpaper for the person that had requested it.</p>
<p><span id="more-12"></span></p>
<p>The first thing I noticed was the angle of the pixels. I opened the screenshot in Photoshop and used the Ruler tool (I) to measure the angle. It was about 25 degrees.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/03/2-originalimage.jpg"><img src="http://lukeroberts.us/wp-content/uploads/2008/03/2a-originalimage.jpg" width="468" height="198" title="Original wallpaper - click to download" alt="Original wallpaper - click to download"></a></p>
<p>I opened the original, unpixelated wallpaper and got started. Out of habit, I duplicated the layer (Alt+L+D) and took note of the image size (because we’ll be cropping it back to this size, later). This particular image is 2560&#215;1024 px (dual screen wallpaper).</p>
<p>The first step is to rotate the image -25 degrees to get the angled pixels. To do this, I went to Image > Rotate Canvas > Arbitrary (Alt+I+E+A) and entered -25 (Clockwise).</p>
<p><img src="http://lukeroberts.us/wp-content/uploads/2008/03/3-rotate.jpg" width="409" height="257" title="Rotate image" alt="Rotate image"></p>
<p>Now to add the pixel effect, I went to Filter > Pixelate > Mosaic. A value of 40 looked similar to the requested version.</p>
<p><img src="http://lukeroberts.us/wp-content/uploads/2008/03/4-mosail.png" width="362" height="587" title="Mosaic" alt="Mosaic"></p>
<p>After that, I needed to rotate the image back to it’s original level and crop the edges. To cancel the original rotation, I went back to arbitrary rotate and entered 25 (not minus) to get it straight. Then, I went to Image > Canvas Size (Ctrl+Alt+C) to crop it back to the original dimensions – 2560&#215;1024 – which I entered into the boxes.</p>
<p>The final step was the add the rounded/sharpened effect. I was stumped. Having come this far, though, I decided to experiment with some filters to see if I could get anything similar. I started looking through the filters and to my surprise, Paint Daubs worked perfectly. I had the settings of Brush Size: 8, Sharpness 4 and Brush Type: Simple.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/03/5-paintdaubs.jpg"><img src="http://lukeroberts.us/wp-content/uploads/2008/03/5a-paintdaubs.jpg" width="464" height="284" title="Paint Daubs" alt="Paint Daubs"></a></p>
<p>In the image below you can see before the Paint Daubs effect and after.</p>
<p><img src="http://lukeroberts.us/wp-content/uploads/2008/03/6-beforeafter1.jpg" width="464" height="390" title="Before and after" alt="Before and after"></p>
<p>And that completes the effect. I’ve grown to quite like it. It’s close to the requested one, but not exact. I have no idea who made the original, but I’d love to know how they did it.</p>
<p><a href="http://lukeroberts.us/wp-content/uploads/2008/03/7-finalwall.jpg"><img src="http://lukeroberts.us/wp-content/uploads/2008/03/7a-finalwall1.jpg" width="468" height="468" title="Click to download the final wallpaper" alt="Click to download the final wallpaper"></a></p>
<p>Download the final wallpaper above.</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeroberts.us/2008/03/photoshop-rounded-pixelation-effect/feed/</wfw:commentRss>
		<slash:comments>1</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. -->
