<?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>Dubtastic &#187; photomanipulation</title>
	<atom:link href="http://blog.dubtastic.com/tag/photomanipulation/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.dubtastic.com</link>
	<description>Photography, Digital Art, Tutorials, and Helpful Things...</description>
	<lastBuildDate>Tue, 27 Jul 2010 17:23:38 +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>Grunge &amp; Textured Art Tutorial: Post-Processing of your Photography</title>
		<link>http://blog.dubtastic.com/2008/06/04/grunge-textured-art-tutorial-post-processing-of-your-photography/</link>
		<comments>http://blog.dubtastic.com/2008/06/04/grunge-textured-art-tutorial-post-processing-of-your-photography/#comments</comments>
		<pubDate>Wed, 04 Jun 2008 17:58:09 +0000</pubDate>
		<dc:creator>dub</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[adding grunge to photos]]></category>
		<category><![CDATA[bittbox]]></category>
		<category><![CDATA[dubtastic tutorial]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[free textures]]></category>
		<category><![CDATA[grunge art]]></category>
		<category><![CDATA[grunge tutorial]]></category>
		<category><![CDATA[photomanipulation]]></category>
		<category><![CDATA[photoshop post-processing]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[post-processing photos]]></category>
		<category><![CDATA[process photos]]></category>
		<category><![CDATA[texture tutorial]]></category>

		<guid isPermaLink="false">http://blog.dubtastic.com/2008/06/04/grunge-textured-art-tutorial-post-processing-of-your-photography/</guid>
		<description><![CDATA[
Recently I had my first photo stroll with some really great people: South Atlanta Flickr.  The group’s admin, Julie Harnage, and a few others continued after I had to leave. But I managed to walk away with a really cool photo that I processed.  I just wish I had taken the image.  Still, it begged [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/beforeafter.jpg" alt="Grunge Art Tutorial: Post-Processing of your Photography" /></p>
<p>Recently I had my first photo stroll with some really great people: <a title="South Atlanta Flickr" href="http://www.flickr.com/groups/southatlantaflickr/" target="_blank">South Atlanta Flickr</a>.  The group’s admin, <a title="Julie Harnage Photography" href="http://www.flickr.com/photos/julieharnagephotography/" target="_blank">Julie Harnage</a>, and a few others continued after I had to leave. But I managed to walk away with a really cool photo that I processed.  I just wish I had taken the image.  Still, it begged to be brought into Photoshop and processed.<span id="more-422"></span></p>
<p>I wish I had stayed as she captured this shot:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/originalsized.jpg" alt="Grunge Art Tutorial: Post-Processing of your Photography" /></p>
<p>I love this subject.  For some reason it speaks to me.  I tried to explain to my wife that lately when I shoot, I do not necessarily see the image as displayed through my camera, but I see the foundation I am using to create a final piece.  An example of what I mean is this photo, Amelia’s Flower, taken during my recent trip to Amelia Island.  When I took the shot, I actually pictured the processed version, not necessarily what I was looking at through the camera.  For those who have the same thought and creative process, but want a little more on how to handle the images in Photoshop, here is a tutorial for you.<!--more--></p>
<p>My standard Photoshop disclaimer: I know that I may not do things the right way or the way that you are used to doing them.  The great thing with Photoshop is that there are always many different paths that lead to the same destination.  All that I ask is that you read through the tutorial, try to grasp the steps, and then make your decision.</p>
<p>For this image, I used a combination of textures and actions.  The actions used were actually broken down a bit to pull out certain aspects of them that I wanted.  To begin, I started with the “Editorial” action, available through <a title="Photoshop Action Central; Editorial Action" href="http://www.atncentral.com/download.htm" target="_blank">Action Central</a>.  There are portions of the action that I removed to fit what I wanted.  I stripped out everything that action did, and left three layers which contained certain color adjustments.  Those adjustments were as follows:</p>
<ul>
<li><strong>Layer 1</strong>: #FFFF7F; Blending mode: Exclusion; Opacity: 50%</li>
<li><strong>Layer 2</strong>: #FFE5CC; Blending mode: Overlay: Opacity: 50%</li>
<li><strong>Layer 3</strong>: #7F7F7F; Blending mode: Soft Light; Opacity: 50%</li>
</ul>
<p>I do not believe that the order of the layers matter, however, layer 3 was above layer 2, and layer 2 was above layer 1, if you want to be exact.  You should end up with a somewhat washed effect as follows:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/grungebuildingtutorial-01.jpg" alt="Grunge Art Tutorial: Post-Processing of your Photography" /></p>
<p>To give the image a little more contrast, I created an adjustment layer above the image layer.  I left the brightness level at 0 but changed the contrast up +20.  Next, above the adjustment layer, let’s create another.  In the layer’s palette, click on the Layer Adjustment icon and select “Solid Color”.  I used a value of #EC2700 for the color and then changed the blending mode to Screen.  I dropped the opacity down to 10%.  We are bringing back a bit of the earth tones, as follows:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/grungebuildingtutorial-02.jpg" alt="Grunge Art Tutorial: Post-Processing of your Photography" /></p>
<p>Since the sky is washed out, I think it would help the mood drastically to add some clouds.  Also, the blue of the clouds would offer some color balance to the image.  I have a stock photography gallery saved on an external hard drive, containing images that I have used over the years.  Lately, I have come to rely on <a title="Stock Exchange - SXC" href="http://www.sxc.hu" target="_blank">SXC</a> for my stock as they are a great free resource.  The stock photo I used for the sky actually came from a resource that I once paid for but no longer subscribe to.  The image is below:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/cloud.jpg" alt="Grunge &amp; Textured Art Tutorial: Post-Processing of your Photography" /></p>
<p>Bring this image in and place it above the two most recent color adjustment layers, but under the first 3 layers that we started with.  I like to make it a habit to name all of the layers so that I can easily go back in and tweak anything I want to change without having to figure out what I originally did.  Name this layer “Sky” and change the blending mode to Multiply.  You will more than likely have to do some trimming around the building and trees from the overlap.  Once you are done, drop the opacity of the “Sky” layer down to 34%.  You should have something similar to this:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/grungebuildingtutorial-03.jpg" alt="Grunge &amp; Textured Art Tutorial" /></p>
<p>A minor adjustment is the window of the building.  In my opinion, it is a little too light, but I like the reflect of the sky coming through.  Using the Polygon Lasso tool, make a selection of the Sky layer around the window.  Press Control + J to promote the selection into the new layer.  This new layer should already have a blending mode of Multiply but to make sure it is a little more on the dark side, raise the Opacity from 34% to 45%.  A small change, but I believe it helps with the overall mood:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/grungebuildingtutorial-04.jpg" alt="Grunge &amp; Textured Art Tutorial" /></p>
<p>Now, let’s add some texture.  If you have not heard of BittBox, then you are missing out.  Back in 2007, BittBox offered up some <a title="BittBox Freebies" href="http://www.bittbox.com/freebies/free-high-res-grungy-paper-textures/" target="_blank">really snazzy paper textures</a> which is what I used for this image.  If you are looking on the BittBox site, the exact texture I used was the second one listed.  Flickr users can <a title="Flickr - Bittbox" href="http://www.flickr.com/photos/31124107@N00/2118265369/" target="_blank">download it here</a>.</p>
<p>Bring in the paper texture above all of the layers except the initial 3 layers that we started off with.  Name the layer “Texture”. If you typically use a lot of textures or stock resources, I would recommend using the source in the layer name.  For this example, I named the layer “BittBox Texture”.  This helps me remember the source for credit purposes if and when the image is ever posted online.</p>
<p>Next, convert the texture to black &amp; white Image &gt; Adjustments &gt; Desaturate (Control + Shift + J). Change the blending mode to “Hard Light” and drop the opacity down to about 85%.  For me, I wanted to use the textures as somewhat of a vignette effect and allow the building itself to come through a little more.  In the layer’s palette, with the texture layer selected, add a layer mask.  Select the radial gradient tool and make sure black is the foreground color and white is the background color.  As a quick tip, you can always quickly make black the foreground color by pressing “d” on the keyboard, which also makes the background color white.  You can press “x” to do the reverse.  Drag from the center to the top right of the photo to create your mask.  What this does is mask off the center area allowing the building to come through, and allow the texture to remain intact.  You could use the eraser tool, however, with a layer mask the texture remains unedited in case you need to go back.</p>
<p>Your image should look something like the following:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/grungebuildingtutorial-05.jpg" alt="Grunge &amp; Textured Art Tutorial" /></p>
<p>I still want to see a bit more contrast to the image.  Select the image layer, and in the layer’s palette, drag the layer to the new layer icon to duplicate it.  Change the blending mode of the duplicated layer to “Soft Light”.  Create another layer mask on this layer, except this time we want white as the foreground color and black as the background color.  Using the radial gradient tool, create another mask.  This will allow the center of the image to show through and offer a little more vignette effect.</p>
<p>Side Note: There are times when I have created a new layer of black above the other layers, changed the blending mode, and erased everything except the edges to create a vignette.  While this might work in some cases, I often find that I do not care for the color results.  It doesn’t seem as realistic as it could be.  So I often use copies of the image itself to create the vignette.  Just a personal preference.</p>
<p>You should now have an image similar to the following:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/grungebuildingtutorial-06.jpg" alt="Grunge &amp; Textured Art Tutorial" /></p>
<p>With the sky and additional changes, it would be nice to offer some subtle lighting effects to the image as well.  Rather than use white or some faux sun rays, duplicate the image layer into a new layer (Name this layer “Highlights”) and change the blending mode to “Screen”.  I reduced the opacity to about 81%.  From there, you can trim away portions of the image to allow the light to reflect on certain areas.  Admittedly, I am no expert in lighting.  However, this is how I would imagine the light at the scene:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/grungebuildingtutorial-07.jpg" alt="Grunge &amp; Textured Art Tutorial" /></p>
<p>When you trim away portions of the building, leave the highlighted areas where you believe the light would hit.  Using the arrows above as a guideline, this is the result:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/grungebuildingtutorial-08.jpg" alt="Grunge &amp; Textured Art Tutorial" /></p>
<p>Because of the nature of photomanipulations, much of them, if not all, can be trial and error.  You add layers, effects, objects, and you take them away if they do not work.  With this image, it was basically me creating as I went along with not a very clear idea of what I wanted.  Sure, I knew I wanted an earth toned and textured image, but the details and specifics of how to get there were not laid out in front of me.  With that said, I usually find myself going back and making subtle changes.  This image was not created in the exact steps that you have followed, because I was able to eliminate all of the trial and error steps that were in between.  I also tend to close the image when I believe I am done with it and open it up later to see if I still feel it is done.  When I did that with this image, I found that it needed a little more color adjustment.</p>
<p>Above all of the layers, create a new layer and fill it with #FFF1AE (Or you can use a color adjustment layer if you chose).  I changed the blending mode to “Multiply” and then lowered the opacity down to 76%.</p>
<p>The final result:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/grungebuildingtutorial-fina.jpg" alt="Grunge &amp; Textured Art Tutorial" /></p>
<p>For another edited version, using the edited color version created in this tutorial as a foundation, see below:</p>
<p><img src="http://blog.dubtastic.com/wp-content/uploads/2008/06/final2.jpg" alt="Grunge &amp; Textured Art Tutorial" /></p>
<p>I used a black and white version of the above image, set on top of textured paper I found on <a title="Stock Exchange - SXC" href="http://www.sxc.hu" target="_blank">SXC</a>.  I am sure Julie would appreciate some feedback on her lovely work as well.</p>
<p>Again, props to Julie for getting such a fine capture to begin with.  I am a firm believer that post-processing is at its best when you have a great photo to start off with. You can view more of Julie’s work at the following spots:</p>
<ul>
<li><a title="Julie Harnage Photography" href="http://www.julieharnage.com/" target="_blank">Julieharnage.com</a></li>
<li><a title="Julie Harnage Photography via Flickr" href="http://www.flickr.com/people/julieharnagephotography/" target="_blank">Flickr</a></li>
<li><a title="Life Photos by Julie Harnage" href="http://www.myspace.com/lifephotosbyjulie" target="_blank">MySpace</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.dubtastic.com/2008/06/04/grunge-textured-art-tutorial-post-processing-of-your-photography/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>
