<?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>Creative-Le Studios &#187; WIPs</title>
	<atom:link href="http://creative-le.com/tag/wips/feed/" rel="self" type="application/rss+xml" />
	<link>http://creative-le.com</link>
	<description>Inspiration, Resources, and Experience of a Web Designer</description>
	<lastBuildDate>Thu, 29 Jul 2010 16:00:21 +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>Work In Progress &#8211; Walk in the Park</title>
		<link>http://creative-le.com/photoshop/work-in-progress-walk-in-the-park/</link>
		<comments>http://creative-le.com/photoshop/work-in-progress-walk-in-the-park/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 22:57:54 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[WIPs]]></category>
		<category><![CDATA[designers]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://creative-le.com/?p=617</guid>
		<description><![CDATA[One of the best parts I like about making a piece in Photoshop is not necessarily the outcome but the process it takes to get to it.  I learn a lot when I can visualize somebody&#8217;s progress in creating a graphic.  I always enjoy seeing work in progress because it shows you that [...]]]></description>
			<content:encoded><![CDATA[<p>One of the best parts I like about making a piece in Photoshop is not necessarily the outcome but <strong>the process it takes to get to it</strong>.  I learn a lot when I can visualize somebody&#8217;s progress in creating a graphic.  I always enjoy seeing work in progress because it shows you that the skills to make that piece aren&#8217;t complicated at all and art is really all about visualizing and experimenting.</p>
<p><strong>Walk in the Park</strong> was probably one of my first pieces that I experimented fully with the use of stock photos and using the mask tool in Photoshop.  I never knew you can blend in photos in that way so that they look seemless and natural (to an extent).  Here&#8217;s my <strong>WIP on Walk in the Park</strong> (and also some notes on what I did).</p>
<p><span id="more-617"></span></p>
<h1>The Concept Behind Walk in the Park</h1>
<p>The main concept to this piece was to show how a unity between 2 people can bring life to their world.  Hence you see the couple walking out of this black and dull city and into a colorful peaceful &#8220;island&#8221; with flowers, water, and more.  This piece was created for <a href="http://vtension.com" target="_blank">Vina</a>.</p>
<p><a rel="lightbox" href="http://creative-le.com/images/walkinthepark.jpg"><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_13.jpg" alt="Work in Progress - Walk in the Park" title="wip1_13" width="660" height="300" class="aligncenter size-full wp-image-646" /></a></p>
<h1>Initial Study and Preproduction</h1>
<p>In order to convey my message, I had to <strong>gather stocks</strong>.  And so I got most of my stocks through <a href="http://sxc.hu">stock.xchng</a> and from other free stock photo sites.  My general process in this stage is t<strong>o collect as much as I can that I think are usable</strong>.  I got stocks of skies, clouds, mountains, rocks, water, beaches, couples, flowers, etc&#8230;  If I think I could use it, I downloaded it.  As to most people, this might be called the <strong>preproduction stage</strong>.  You gather all your needed materials to start off your production.</p>
<h1>Work in Progress &#8211; Screenshots</h1>
<h2>Step 1</h2>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_1.jpg" alt="Work in Progress - Walk in the Park" title="Work in Progress - Walk in the Park" width="660" height="300" class="aligncenter size-full wp-image-634" /></p>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_2.jpg" alt="Work in Progress - Walk in the Park" title=""Case Study Process - Walk in the Park"" width="660" height="300" class="aligncenter size-full wp-image-635" /></p>
<p>1.  I started off with my city.  I had a good black and white stock of buildings (Figure 1.1), and basically I duplicated and positioned them around so I could form an island-like landscape (Figure 1.2).</p>
<hr/>
<h2>Step 2</h2>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_3.jpg" alt="Work in Progress - Walk in the Park" title=""Case Study Process - Walk in the Park"" width="660" height="300" class="aligncenter size-full wp-image-636" /></p>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_4.jpg" alt="Work in Progress - Walk in the Park" title=""Case Study Process - Walk in the Park"" width="660" height="300" class="aligncenter size-full wp-image-637" /></p>
<p>2.  I placed in my mountain stock and masked unneeded parts.  As you can see with <strong>Figure 2.1</strong> the original picture of the mountain had a lot of things to it.  And so I masked around it along with the other stocks to make it like <strong>Figure 2.2</strong>.  In addition, I added and masked more pictures of that black and white city.</p>
<hr/>
<h2>Step 3</h2>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_5.jpg" alt="Work in Progress - Walk in the Park" title=""Case Study Process - Walk in the Park"" width="660" height="300" class="aligncenter size-full wp-image-638" /></p>
<p>3.  I began to work the background by adding a sky.  It was simply a gradient and then I brushed around with a grayish blue brush and set it to multiply to sort of mimic clouds.</p>
<hr/>
<h2>Step 4</h2>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_6.jpg" alt="Work in Progress - Walk in the Park" title=""Case Study Process - Walk in the Park"" width="660" height="300" class="aligncenter size-full wp-image-639" /></p>
<p>4.  Following the same process as step 2, I had pictures of green forests and grasses, and I scaled them down to fit on the rocks.  I set the layers to hard light, and they seem to work best for me.  I duplicated them as well to make it more vibrant and green.  You can also see me putting flowers in there as well.</p>
<hr/>
<h2>Step 5</h2>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_7.jpg" alt="Work in Progress - Walk in the Park" title=""Case Study Process - Walk in the Park"" width="660" height="300" class="aligncenter size-full wp-image-640" /></p>
<p>5.  I messed around with the sky more and added some stocks of clouds and set them on overlay and screen to get the sky to be more bright.  I picked out the picture I wanted to use for the couple and embellished that area with a rainbow (using a circle shapes and put a rainbow gradient with blending options) and also some bubbles.  I also made the water bluer by painting a layer with a blue brush and setting its blending mode to &#8220;Soft Light&#8221;.</p>
<p>I also started my typography work since I wanted to make it a part of the piece rather <strong>than something slapped on at the end</strong>.  Simple text with a gradient on it, and I brushed around to make it more fitting into the water.</p>
<hr/>
<h2>Step 6</h2>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_8.jpg" alt="Work in Progress - Walk in the Park" title=""Case Study Process - Walk in the Park"" width="660" height="300" class="aligncenter size-full wp-image-641" /></p>
<p>6.  From here, I decided to change it up a bit and mess around with colors.  I added a Sepia Toned Gradient Map and set it to multiply and added a Curves layer to increase the brightness a bit.</p>
<hr/>
<h2>Step 7</h2>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_9.jpg" alt="Work in Progress - Walk in the Park" title=""Case Study Process - Walk in the Park"" width="660" height="300" class="aligncenter size-full wp-image-642" /></p>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_10.jpg" alt="Work in Progress - Walk in the Park" title=""Case Study Process - Walk in the Park"" width="660" height="300" class="aligncenter size-full wp-image-643" /></p>
<p>7.  One of my favorite things to do and I guess you can say it&#8217;s my style is that I always like to introduce shapes into my pieces.  They add that piece of abstractness to a graphic and can give some great <strong>color, flow, and composition</strong>.  From <strong>figure 7.1</strong> and f<strong>igure 7.2</strong>, I simply added more shapes.  Some of them I made with the pen tool, and the other shapes are part of my <a href="http://creative-le.com/resources/131-photoshop-custom-shapes/">Custom Photoshop Shapes</a> that I made a while ago.</p>
<hr/>
<h2>Step 8</h2>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_11.jpg" alt="Work in Progress - Walk in the Park" title=""Case Study Process - Walk in the Park"" width="660" height="300" class="aligncenter size-full wp-image-644" /></p>
<p>8.  At this time, I like to experiment with brushes.  I had some brushes that I downloaded from <a target="_blank" href="http://deviantart.com">deviantART</a> or some other places (If you happened to make the brush, let me know.)  And also I&#8217;ve used some brush sets that were made by <a target="_blank" href="http://vtension.com">Vtension</a>.  Her <a target="_blank" href="http://vtension.com/resources/wireframe-brushes/">wireframe brushes</a> and <a target="_blank" href="http://vtension.com/resources/various-shapes/">various shapes</a> packs were the ones I used in this piece.  Check out her blog for more <a target="_blank" href="http://vtension.com">brush resources</a>.</p>
<p><strong>TIP</strong>:  Remember that you can mask pretty much anything.  Sometimes brushes and shapes may not be good unless you mask out the parts that doesn&#8217;t fit into the piece.</p>
<p>I also added more shapes to add more to the piece.  I also find myself <strong>doing more than what&#8217;s needed</strong>, but at this part of the piece, I eyeball what looks good to me.</p>
<hr/>
<h2>Step 9</h2>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_12.jpg" alt="Work in Progress - Walk in the Park" title="Case Study Process - Walk in the Park" width="660" height="300" class="aligncenter size-full wp-image-645" /></p>
<p>9.  And finally, more brushes, and I added some fireworks stocks set to <strong>screen blending mode</strong> to put some particles into my piece.  I touched up a few things here and cleaned some mess with masks and added a gradient map and photo filter.  I cropped it a bit and added black bars on top and bottom.  After all of that, <strong>my piece is finally done</strong>.</p>
<hr/>
<h1>What Happened and What I&#8217;ve Learned</h1>
<p>Basically I learned that it takes a lot of patience.  You have to take the time to <strong>mask things accurately</strong> so that the photos can work together.  You have to take the time and <strong>experiment with brushes and shapes</strong> to decorate the piece, and you have to also test out a lot of settings when creating your color scheme in the piece.  Everything has to be in consideration, <strong>lighting, composition, colors, typography, and overall your idea</strong>.</p>
<h1>Conclusion</h1>
<p><a rel="lightbox" href="http://creative-le.com/images/walkinthepark.jpg"><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/wip1_13.jpg" alt="Work in Progress - Walk in the Park" title="wip1_13" width="660" height="300" class="aligncenter size-full wp-image-646" /></a></p>
<p>Thanks for viewing my first WIP.  If you have any questions specifically on this piece, I&#8217;ll be happy to answer them.  Leave a comment and I&#8217;ll reply to them.  I&#8217;ll have more WIPs in the future so make sure you follow and subscribe to see my updates.</p>
]]></content:encoded>
			<wfw:commentRss>http://creative-le.com/photoshop/work-in-progress-walk-in-the-park/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
