<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>WeGraphics » Blog</title>
	
	<link>http://wegraphics.net</link>
	<description>Premium vectors, textures and Photoshop brushes</description>
	<lastBuildDate>Fri, 25 May 2012 14:24:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/WeGraphicsBlog" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="wegraphicsblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://wegraphics.net/?pushpress=hub" /><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://feeds.my.aol.com/add.jsp?url=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://o.aolcdn.com/favorites.my.aol.com/webmaster/ffclient/webroot/locale/en-US/images/myAOLButtonSmall.gif">Subscribe with My AOL</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.bloglines.com/sub/http://feeds.feedburner.com/WeGraphicsBlog" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.plusmo.com/add?url=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://plusmo.com/res/graphics/fbplusmo.gif">Subscribe with Plusmo</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.thefreedictionary.com/_/hp/AddRSS.aspx?http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://img.tfd.com/hp/addToTheFreeDictionary.gif">Subscribe with The Free Dictionary</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.bitty.com/manual/?contenttype=rssfeed&amp;contentvalue=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://www.bitty.com/img/bittychicklet_91x17.gif">Subscribe with Bitty Browser</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.live.com/?add=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://mix.excite.eu/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://image.excite.co.uk/mix/addtomix.gif">Subscribe with Excite MIX</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.webwag.com/wwgthis.php?url=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://www.webwag.com/images/wwgthis.gif">Subscribe with Webwag</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.podcastready.com/oneclick_bookmark.php?url=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://www.podcastready.com/images/podcastready_button.gif">Subscribe with Podcast Ready</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.wikio.com/subscribe?url=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://www.wikio.com/shared/img/add2wikio.gif">Subscribe with Wikio</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.dailyrotation.com/index.php?feed=http%3A%2F%2Ffeeds.feedburner.com%2FWeGraphicsBlog" src="http://www.dailyrotation.com/rss-dr2.gif">Subscribe with Daily Rotation</feedburner:feedFlare><item>
		<title>Give Your Photos a Fast and Simple Instagram Effect</title>
		<link>http://wegraphics.net/blog/news/give-your-photos-a-fast-and-simple-instagram-effect/</link>
		<comments>http://wegraphics.net/blog/news/give-your-photos-a-fast-and-simple-instagram-effect/#comments</comments>
		<pubDate>Thu, 24 May 2012 14:42:58 +0000</pubDate>
		<dc:creator>Nathan Brown</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://wegraphics.net/?p=15343</guid>
		<description><![CDATA[We all know how much fun Instagram can be. Adding some really stunning effects to your smartphone images in the click of a button is great. But adding them in Photoshop can also be fast and simple, if you know the right moves. Lets take a quick look at how to accomplish an easy &#8220;Instagram Look&#8221; in just a few steps.

Step 1 &#8211; A Good Photo
Start with a good photo. This may seem obvious to some, but that&#8217;s not always the case. There&#8217;s no Instagram setting available that is going to turn a bad photo into a good one. Trust me.
For my little tutorial here, I found this great photo ...]]></description>
			<content:encoded><![CDATA[<p>We all know how much fun Instagram can be. Adding some really stunning effects to your smartphone images in the click of a button is great. But adding them in Photoshop can also be fast and simple, if you know the right moves. Lets take a quick look at how to accomplish an easy &#8220;Instagram Look&#8221; in just a few steps.<span id="more-15343"></span><br />
<br style="clear:both;" /></p>
<h2>Step 1 &#8211; A Good Photo</h2>
<p>Start with a good photo. This may seem obvious to some, but that&#8217;s not always the case. There&#8217;s no Instagram setting available that is going to turn a bad photo into a good one. Trust me.</p>
<p>For my little tutorial here, I found <a href="http://www.flickr.com/photos/75199686@N00/3511004560/" target="_blank">this great photo</a> by <a href="http://www.flickr.com/photos/linhngan/" target="_blank">linh.ngan</a>.</p>
<p><img class="alignnone size-full wp-image-15345" title="insta-img1" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img1.jpg" alt="" width="558" height="408" /></p>
<h2>Step 4 &#8211; Square is the New Landscape</h2>
<p>Part of the appeal of Instagram, in my opinion, is the square cropping. Why? Because it&#8217;s different. It&#8217;s not portrait, it&#8217;s not landscape&#8230; it&#8217;s something completely new. Cropping a photo to a square can sometimes be a challenge. You want to try and get everything important into the square so the new photo reads the same as the original.</p>
<p>Here is the photo cropped using the Crop Tool (C). Hold the Shift key down as you click and drag out the crop area. Press the enter key to complete the crop.</p>
<p><img class="alignnone size-full wp-image-15346" title="insta-img2" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img2.jpg" alt="" width="408" height="408" /></p>
<h2>Step 3 -  A Little Cross Processing</h2>
<p>A little goes a long way here, so don&#8217;t overdue your cross processing.</p>
<p>To add the cross processed look, I created a Curves adjustment layer over my photo.</p>
<p><img class="alignnone size-full wp-image-15347" title="insta-img3" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img3.jpg" alt="" width="282" height="457" /></p>
<p>I used the following settings for my Curves adjustment.</p>
<p><img class="alignnone size-full wp-image-15348" title="insta-img4" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img4.jpg" alt="" width="474" height="792" /></p>
<p>Here&#8217;s a look at the photo with these adjustments. Pretty big difference for one simple adjustment layer, huh?</p>
<p><img class="alignnone size-full wp-image-15349" title="insta-img5" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img5.jpg" alt="" width="408" height="408" /></p>
<h2>Step 4 &#8211; A Must-Have Vignette</h2>
<p>What&#8217;s a vintagey Instagram look without a nice vignette? Or maybe you&#8217;re asking &#8220;What&#8217;s a vignette? A vignette is that darkened edge effect that you see on a lot of vintage photo effects. Here&#8217;s how to create one in a single step.</p>
<p>Create a new Curves adjustment layer. On the adjustment layer&#8217;s mask use a large soft black brush to paint a circle in the center of the image.</p>
<p><img class="alignnone size-full wp-image-15350" title="insta-img6" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img6.jpg" alt="" width="227" height="224" /></p>
<p>Now when you make this adjustment it will only effect the outer edge of the photo where the white appears on the mask. Adjust the RGB curve to something similar to what I have below.</p>
<p><img class="alignnone size-full wp-image-15351" title="insta-img7" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img7.jpg" alt="" width="216" height="373" /></p>
<p>Here&#8217;s a look at the newly created subtle vignette.</p>
<p><img class="alignnone size-full wp-image-15352" title="insta-img8" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img8.jpg" alt="" width="408" height="408" /></p>
<h2>Step 5 &#8211; Blurring the Edges</h2>
<p>Instagram gives you the option to blur the edges around the subject matter of a photo. You can control the position and size of the focus area as well. Lets take a quick look at how to achieve the same effect in Photoshop.</p>
<p>Duplicate the original photo layer, and create a new layer mask for the layer copy. Run a Gaussian Blur (Filter | Blur | Gaussian Blur), and choose an amount that blurs the details of the photo.</p>
<p><img class="alignnone size-full wp-image-15353" title="insta-img9" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img9.jpg" alt="" width="495" height="432" /></p>
<p>Now on the layer&#8217;s mask, use a soft black brush to paint the area that you want to be in focus. This is essentially revealing the layer below that is not blurred. For this photo I chose the area over the subjects faces.</p>
<p><img class="alignnone size-full wp-image-15354" title="insta-img10" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img10.jpg" alt="" width="540" height="430" /></p>
<h2>Step 6 &#8211; Adding a Border</h2>
<p>Some of the effects in Instagram add a cool border effect. For this image lets add a nice rounded white border. To do that, choose the Rounded Rectangle Tool (U) from the tools panel. While holding the shift key draw a rectangle in the center of the image. This creates a vector shape layer. Cmd+Click the vector shape layer&#8217;s mask to create a selection from the shape.</p>
<p><img class="alignnone size-full wp-image-15356" title="insta-img11" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img11.jpg" alt="" width="534" height="479" /></p>
<p>Now create a new layer above all others, then press Cmd+Shift+i to invert the selection. Press (D) then (X) on the keyboard to reset the colors and make white the foreground. Then fill the selection by choosing (Edit | Fill) or by using the Paint Bucket Tool (G). You can now delete the vector shape layer.</p>
<p><img class="alignnone size-full wp-image-15358" title="insta-img12" src="http://wegraphics.net/wp-content/uploads/2012/05/insta-img121.jpg" alt="" width="408" height="408" /></p>
<p>There you have it! I hope this little exercise has inspired you to create your own Instagram style vintage photos. Experiment and have fun!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=cN0G-kf0u94:ggGKOKwLJ3E:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=cN0G-kf0u94:ggGKOKwLJ3E:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=cN0G-kf0u94:ggGKOKwLJ3E:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=cN0G-kf0u94:ggGKOKwLJ3E:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=cN0G-kf0u94:ggGKOKwLJ3E:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=cN0G-kf0u94:ggGKOKwLJ3E:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=cN0G-kf0u94:ggGKOKwLJ3E:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=cN0G-kf0u94:ggGKOKwLJ3E:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=cN0G-kf0u94:ggGKOKwLJ3E:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=cN0G-kf0u94:ggGKOKwLJ3E:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=cN0G-kf0u94:ggGKOKwLJ3E:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://wegraphics.net/blog/news/give-your-photos-a-fast-and-simple-instagram-effect/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Creating a Highly Detailed Steampunk Insect</title>
		<link>http://wegraphics.net/blog/tutorials/creating-a-highly-detailed-steampunk-insect/</link>
		<comments>http://wegraphics.net/blog/tutorials/creating-a-highly-detailed-steampunk-insect/#comments</comments>
		<pubDate>Thu, 17 May 2012 14:56:28 +0000</pubDate>
		<dc:creator>Nathan Brown</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://wegraphics.net/?p=15276</guid>
		<description><![CDATA[In this tutorial I&#8217;m going to walk through my process for creating a photo-realistic steampunk style insect. This tutorial involves a lot of image composites, so rather than repeating instructions over and over, I&#8217;m going to walk through the steps I took and give you an overview of my ideas and thought process behind the piece. This tutorial is surprisingly easy, you just need to have a basic understanding of selection and blending techniques in Photoshop to make the final image appear as realistic as possible. In this article, I&#8217;m assuming that you have a moderate understanding of the techniques I&#8217;m using, as I don&#8217;t go into great detail on ...]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I&#8217;m going to walk through my process for creating a photo-realistic steampunk style insect. This tutorial involves a lot of image composites, so rather than repeating instructions over and over, I&#8217;m going to walk through the steps I took and give you an overview of my ideas and thought process behind the piece. <span id="more-15276"></span>This tutorial is surprisingly easy, you just need to have a basic understanding of selection and blending techniques in Photoshop to make the final image appear as realistic as possible. In this article, I&#8217;m assuming that you have a moderate understanding of the techniques I&#8217;m using, as I don&#8217;t go into great detail on every step. Lets take a look.</p>
<p>Here is a view of what we will be creating.</p>
<p><img class="alignnone size-full wp-image-15277" title="insect-img1" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img1.jpg" alt="" width="558" height="557" /></p>
<p>Typically with projects like these I will gather a group of photos that I think might work in the composition, and as I work I begin to narrow down what photos will and will not work. My final list of photos consisted of these:</p>
<p><a href="http://www.flickr.com/photos/21932201@N04/4312985916/" target="_blank">- Honey Bee Macro</a> (incredible photo!)<br />
<a href="http://www.flickr.com/photos/53326337@N00/3323581126/" target="_blank">- Spring/Coil Image</a><br />
<a href="http://www.flickr.com/photos/45086087@N00/5035170693/" target="_blank">- Clock Mechanism</a><br />
<a href="http://www.flickr.com/photos/8749778@N06/4040220060/" target="_blank">- Skeleton Caseback</a></p>
<h2>Step 1 &#8211; Deciding What Clock Gears to Use</h2>
<p>I think the hardest part of building a composition like this is deciding what pieces to extract and composite into the the piece. In this image it was a matter of what gears and pieces would work on the bee&#8217;s body, and which of those pieces would fit well together and look like something someone would actually build.</p>
<p>On the two clock gear images I used the following pieces.</p>
<p><img class="alignnone size-full wp-image-15278" title="insect-img2" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img2.jpg" alt="" width="578" height="578" /></p>
<p><img class="alignnone size-full wp-image-15279" title="insect-img3" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img3.jpg" alt="" width="558" height="431" /></p>
<p>I used the Quick Mask Mode (Q) to extract these pieces, but you can use whatever selection method that you prefer.</p>
<h2>Step 2 &#8211; Adding the Extracted Images to the Main Composition</h2>
<p>This is where the blending and color matching comes into play. The idea is to make these pieces look as natural as possible in the composition, so that your eye does not get automatically drawn to an area that looks distracting or unnatural. To start, I created a new document 1500&#215;1500 at 72 dpi, and pasted the bee image onto it.</p>
<p><img class="alignnone size-full wp-image-15280" title="insect-img4" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img4.jpg" alt="" width="558" height="512" /></p>
<p>I added the first piece, and positioned it in a way that I felt it looked natural. I decided this seemed like a starting point that I could build onto with other mechanical parts.</p>
<p><img class="alignnone size-full wp-image-15281" title="insect-img5" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img5.jpg" alt="" width="558" height="547" /></p>
<p>From there I began adding other pieces, and positioned  them like puzzle pieces. &#8220;This fits here. That fits there&#8230; etc&#8221;. As I was positioning the mechanical parts I realized that the arms sticking out sort of aligned with the bee&#8217;s wings, so I knew I wanted to accent that a little more. In comes the coil springs. I used the Puppet Warp Tool to bend the springs in the direction I wanted. If you&#8217;ve never used the Puppet Warp Tool</p>
<p><img class="alignnone size-full wp-image-15282" title="insect-img6" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img6.jpg" alt="" width="558" height="464" /></p>
<p>I felt like the metal on the arms was a little too clean compared to the first piece. So decided to overlay a texture just on that layer. Any good metal grunge texture will work well.</p>
<p><img class="alignnone size-full wp-image-15283" title="insect-img7" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img7.jpg" alt="" width="558" height="440" /></p>
<p>Next up, I painted some subtle shadows using a soft black brush at 30% opacity. The idea is to start light and build up the shadows.</p>
<p><img class="alignnone size-full wp-image-15285" title="insect-img9" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img9.jpg" alt="" width="495" height="384" /></p>
<p><img class="alignnone size-full wp-image-15286" title="insect-img10" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img10.jpg" alt="" width="353" height="265" /></p>
<h2>Step 3 &#8211; More Detail</h2>
<p>I like how this is looking so far. But I feel like something more is needed.</p>
<p><img class="alignnone size-full wp-image-15287" title="insect-img11" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img11.jpg" alt="" width="558" height="613" /></p>
<p>Looking at the clock gear images, I decided it might be cool if there was a little hatch or opening in the bee where the viewer could get a glimpse at some of the inner mechanisms of the bee. In order to do that I made a vector shape in the spot I felt the hatch should appear.</p>
<p><img class="alignnone size-full wp-image-15288" title="insect-img12" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img12.jpg" alt="" width="531" height="468" /></p>
<p>I made a selection using this shape and copied and pasted the bee&#8217;s back to make a separate hatch piece laying off to the side. I used the distort transform tool (Edit | Transform | Distort) to warp the hatch slightly so that the angle looked natural. Then I painted some shadows on a layer underneath.</p>
<p><img class="alignnone size-full wp-image-15289" title="insect-img13" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img13.jpg" alt="" width="527" height="449" /></p>
<p>As for the exposed mechanisms inside the view port, I coped and pasted another section of the clock gears, and used the vector shape as a guide to remove the portions I didn&#8217;t want.<br />
<img class="alignnone size-full wp-image-15290" title="insect-img14" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img14.jpg" alt="" width="527" height="449" /></p>
<p>Now it&#8217;s just a matter of shading the area to look a bit more natural. I used the soft black brush at 30% again.</p>
<p><img class="alignnone size-full wp-image-15291" title="insect-img15" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img15.jpg" alt="" width="558" height="481" /></p>
<h2>Step 4 &#8211; Final Tweak</h2>
<p>Before calling it complete, I noticed that one of the gear images has a small dial. So I decide that I have to use it somewhere. After a bit of trial and error, I decide to simply place on the side of the bee next to the exposed hatch.</p>
<p><img class="alignnone size-full wp-image-15292" title="insect-img16" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img16.jpg" alt="" width="558" height="464" /></p>
<h2>Step 5 &#8211; Adjusting the Final Lighting</h2>
<p>To blend the colors and light a little better, I added a Gradient Map adjustment layer. I set the layer&#8217;s blend mode to opacity, and used the following gradient.</p>
<p><img class="alignnone size-full wp-image-15293" title="insect-img17" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img17.jpg" alt="" width="210" height="87" /></p>
<p>Below is the final piece.</p>
<p><img class="alignnone size-full wp-image-15277" title="insect-img1" src="http://wegraphics.net/wp-content/uploads/2012/05/insect-img1.jpg" alt="" width="558" height="557" /></p>
<p>I hope this overview has given you an idea of my thought process as I worked through this piece, and some of the ideas that I applied while designing. Gather some photos up and give it a try. Steampunk styled compositions can be incredibly detailed and a lot of fun to build.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=Rh3hGuYnBFU:_v0WPDOJNnc:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=Rh3hGuYnBFU:_v0WPDOJNnc:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=Rh3hGuYnBFU:_v0WPDOJNnc:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=Rh3hGuYnBFU:_v0WPDOJNnc:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=Rh3hGuYnBFU:_v0WPDOJNnc:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=Rh3hGuYnBFU:_v0WPDOJNnc:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=Rh3hGuYnBFU:_v0WPDOJNnc:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=Rh3hGuYnBFU:_v0WPDOJNnc:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=Rh3hGuYnBFU:_v0WPDOJNnc:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=Rh3hGuYnBFU:_v0WPDOJNnc:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=Rh3hGuYnBFU:_v0WPDOJNnc:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://wegraphics.net/blog/tutorials/creating-a-highly-detailed-steampunk-insect/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Design a Quick and Easy Indie Rock Gig Poster</title>
		<link>http://wegraphics.net/blog/tutorials/design-a-quick-and-easy-indie-rock-gig-poster/</link>
		<comments>http://wegraphics.net/blog/tutorials/design-a-quick-and-easy-indie-rock-gig-poster/#comments</comments>
		<pubDate>Thu, 10 May 2012 16:37:22 +0000</pubDate>
		<dc:creator>Nathan Brown</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://wegraphics.net/?p=15182</guid>
		<description><![CDATA[Gig posters are great fun for a designer. Typically you have the band&#8217;s music for inspiration, and beyond that, anything goes. These posters are often abstract and can often be incredible expressions of art. But, more often than not, you are working with a limited budget and limited time. So you need to create something incredible, quickly and inexpensively. Lets take a look at how that can be accomplished.
A lot of times gig posters will be illustration based. But since we don&#8217;t have the time to create a custom illustration, our poster will be photo based. Lets gather some interesting photos and textures that might work well together. Here&#8217;s what ...]]></description>
			<content:encoded><![CDATA[<p>Gig posters are great fun for a designer. Typically you have the band&#8217;s music for inspiration, and beyond that, anything goes. These posters are often abstract and can often be incredible expressions of art. But, more often than not, you are working with a limited budget and limited time. So you need to create something incredible, quickly and inexpensively. Lets take a look at how that can be accomplished.<span id="more-15182"></span></p>
<p>A lot of times gig posters will be illustration based. But since we don&#8217;t have the time to create a custom illustration, our poster will be photo based. Lets gather some interesting photos and textures that might work well together. Here&#8217;s what I found.</p>
<p>- <a href="http://www.flickr.com/photos/16436271@N02/5929661339/" target="_blank">Dead Tree<br />
</a>- <a href="http://www.flickr.com/photos/46987892@N05/5155816610/" target="_blank">Black Birds</a><br />
- <a href="http://www.flickr.com/photos/16436271@N02/5929661339/sizes/o/in/photostream/" target="_blank">Single Tree<br />
</a>- <a href="http://thedigitalyardsale.com/freebies/7-24/grunge5.jpg" target="_blank">Grunge Texture</a></p>
<p><em><strong>Note:</strong> When using images for printed commercial work, be sure to check licenses and ask permission from the photographer before using.</em></p>
<p>And here&#8217;s a look at what we&#8217;ll be creating with these resources.</p>
<p><img class="alignnone size-full wp-image-15184" title="gig-img1" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img11.jpg" alt="" width="551" height="849" /></p>
<h2>Step 1</h2>
<p>Create a new document 11&#215;17 at 300 dpi. Then grab the image of the single tree. To convert it to a solid black shape, we&#8217;ll desaturate it (Cmd+Shift+u), and then apply the Threshold setting (Image | Adjust | Threshold). You&#8217;ll need to bump the setting up just a bit to get enough black.</p>
<p><img class="alignnone size-full wp-image-15185" title="gig-img2" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img2.jpg" alt="" width="558" height="565" /></p>
<p>Now with the Magic Wand Tool (W) select the black area and copy and paste it to the poster document. We want the tree to be more gray than solid black, so select (Image | Adjust| Hue/Saturation), and bump the Lightness slide up a touch.</p>
<p><img class="alignnone size-full wp-image-15186" title="gig-img3" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img3.jpg" alt="" width="476" height="698" /></p>
<p>Lets repeat the exact steps for the dead tree / roots photo. We&#8217;ll place it on the canvas and flip it to position the image as tree roots.</p>
<p><img class="alignnone size-full wp-image-15187" title="gig-img4" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img4.jpg" alt="" width="548" height="849" /></p>
<h2>Step 2</h2>
<p>Now we&#8217;ll add some secondary elements. For the image of the birds, desaturate it (Cmd+Shift+u) then adjust the Levels (Image | Adjust | Levels) to remove the gray sky area.</p>
<p><img class="alignnone size-full wp-image-15188" title="gig-img5" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img5.jpg" alt="" width="558" height="418" /></p>
<p>Place the image on the canvas above the tree, and rotate it to appear as though the birds are flying from the tree. Set the layers blending mode to Multiply to hide the white background behind the birds.</p>
<p><img class="alignnone size-full wp-image-15189" title="gig-img6" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img6.jpg" alt="" width="548" height="470" /></p>
<p>Now using the Ellipitcal Marque Tool (M), hold the shift key and draw a circle selection on a layer behind the tree layer. Fill that layer with a medium gray (#919191), to create a moon.</p>
<p><img class="alignnone size-full wp-image-15190" title="gig-img7" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img7.jpg" alt="" width="548" height="470" /></p>
<h2>Step 3</h2>
<p>Next up, lets add the background texture. The texture I chose was not quite large enough to fill the background of an 11&#215;17 poster. So I duplicated the texture 4 times and positioned each copy to fill the document. Then I merged all four layers and used the Clone Stamp Tool (S) to hide the seams.</p>
<p><img class="alignnone size-full wp-image-15191" title="gig-img8" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img8.jpg" alt="" width="533" height="620" /></p>
<p>Next I created a border by using the Rectangle Marque Tool (M) to draw a selection around the edge of the document. Then I inverted the selection and filled it with a light gray (#efefef) on a layer above all others.</p>
<p><img class="alignnone size-full wp-image-15192" title="gig-img9" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img9.jpg" alt="" width="390" height="350" /></p>
<p>On a layer between the tree and moon, use a large soft white brush to paint a highlight behind the tree. Set that layer&#8217;s blend mode to Overlay.</p>
<p><img class="alignnone size-full wp-image-15193" title="gig-img10" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img10.jpg" alt="" width="548" height="481" /></p>
<h2>Step 4</h2>
<p>Now lets add some text. I chose two font faces for this poster. For the main title font I used <a href="http://www.theleagueofmoveabletype.com/league-gothic" target="_blank">League Gothic</a>. This is one of my favorite type faces. It&#8217;s bold and condensed, and works great for titles and headlines. For the secondary font I used Myriad Pro Condensed Bold. This font comes with most Adobe applications so you should already have it. If not, choose a condensed font that compliments League Gothic.</p>
<p>I placed the type as follows.</p>
<p><img class="alignnone size-full wp-image-15194" title="gig-img11" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img111.jpg" alt="" width="550" height="408" /></p>
<h2>Step 5</h2>
<p>Now it&#8217;s time to add some color. To do this add a Gradient Map Adjustment Layer above all other layers in the composition. Set the adjustment layer&#8217;s blend mode to Overlay, and use the following gradient.</p>
<p><img class="alignnone size-full wp-image-15195" title="gig-img12" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img12.jpg" alt="" width="212" height="111" /></p>
<p>There you have it&#8230; A finished gig poster done very quickly. I hope you picked up some new techniques from this tutorial and can apply them in your next project.</p>
<p><img class="alignnone size-full wp-image-15184" title="gig-img1" src="http://wegraphics.net/wp-content/uploads/2012/05/gig-img11.jpg" alt="" width="551" height="849" /></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=VUlOtGfCWUs:6mwN1UCABLE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=VUlOtGfCWUs:6mwN1UCABLE:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=VUlOtGfCWUs:6mwN1UCABLE:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=VUlOtGfCWUs:6mwN1UCABLE:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=VUlOtGfCWUs:6mwN1UCABLE:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=VUlOtGfCWUs:6mwN1UCABLE:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=VUlOtGfCWUs:6mwN1UCABLE:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=VUlOtGfCWUs:6mwN1UCABLE:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=VUlOtGfCWUs:6mwN1UCABLE:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=VUlOtGfCWUs:6mwN1UCABLE:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=VUlOtGfCWUs:6mwN1UCABLE:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://wegraphics.net/blog/tutorials/design-a-quick-and-easy-indie-rock-gig-poster/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Create a Dark Knight Rises Style Wallpaper in 3 Easy Steps</title>
		<link>http://wegraphics.net/blog/tutorials/create-a-dark-knight-rises-style-wallpaper-in-3-easy-steps/</link>
		<comments>http://wegraphics.net/blog/tutorials/create-a-dark-knight-rises-style-wallpaper-in-3-easy-steps/#comments</comments>
		<pubDate>Tue, 01 May 2012 19:50:39 +0000</pubDate>
		<dc:creator>Nathan Brown</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://wegraphics.net/?p=15081</guid>
		<description><![CDATA[I&#8217;m a long time Batman fan, and I love the look of these newer films. The textured metal bat symbol is great eye candy. Using that basic look of the film logo, lets see if we can create something similar in just a few simple steps.First up, here&#8217;s a look at what we&#8217;ll be creating.

Step 1 &#8211; Drawing the Bat Symbol
I used the pen tool in  Illustrator to draw my bat symbol. If you&#8217;re an Illustrator guru, jump in and draw a similar shape, or feel free to embellish it a bit with your own creative flare. If you&#8217;re not familiar with drawing in Illustrator, you can download my vector ...]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m a long time Batman fan, and I love the look of these newer films. The textured metal bat symbol is great eye candy. Using that basic look of the film logo, lets see if we can create something similar in just a few simple steps.<span id="more-15081"></span>First up, here&#8217;s a look at what we&#8217;ll be creating.</p>
<p><img class="alignnone size-full wp-image-15082" title="bat-img1" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img1.jpg" alt="" width="558" height="343" /></p>
<h2>Step 1 &#8211; Drawing the Bat Symbol</h2>
<p>I used the pen tool in  Illustrator to draw my bat symbol. If you&#8217;re an Illustrator guru, jump in and draw a similar shape, or feel free to embellish it a bit with your own creative flare. If you&#8217;re not familiar with drawing in Illustrator, you can download my <a href="http://wegraphics.net/wg-downloads/free/vectors/wg_batman_logo.zip">vector bat symbol here</a>.</p>
<p><em>Hint: If you are drawing your own symbol, only draw one side, and then duplicate and flip it so that both sides are identical.</em></p>
<p><img class="alignnone size-full wp-image-15083" title="bat-img2" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img2.jpg" alt="" width="558" height="343" /></p>
<p>Create a new Photoshop document at 1920&#215;1200 (or whatever screen resolution you are targeting). Set the background color to #2e3943. Copy and paste the bat symbol vector on a new layer within the document and scale it to the center.</p>
<p><img class="alignnone size-full wp-image-15084" title="bat-img3" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img3.jpg" alt="" width="558" height="343" /></p>
<h2>Step 2 &#8211; Applying Texture and Lighting to the Bat Symbol</h2>
<p>Next up, apply the following layer styles to the bat symbol layer.</p>
<p><img class="alignnone size-full wp-image-15085" title="bat-img4" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img4.jpg" alt="" width="333" height="384" /></p>
<p><img class="alignnone size-full wp-image-15086" title="bat-img5" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img5.jpg" alt="" width="331" height="441" /></p>
<p><img class="alignnone size-full wp-image-15087" title="bat-img6" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img6.jpg" alt="" width="331" height="240" /></p>
<p><img class="alignnone size-full wp-image-15088" title="bat-img7" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img7.jpg" alt="" width="558" height="343" /></p>
<p>For the textures, I combined two different files. The first is from a collection called <a href="http://wegraphics.net/downloads/textures/scratched-metallic-textures/" target="_blank">Scratched Metal </a>here at WeGraphics. If you&#8217;re not a member of WeGraphics any good metal texture will give a similar effect. The second texture is by <a href="http://wojtar-stock.deviantart.com/">wojtar-stock </a> and can be found <a href="http://wojtar-stock.deviantart.com/art/metal-texture-4-60021019" target="_blank">here</a>.</p>
<p>Place the first texture on a layer above the symbol, scale it down so that it just covers the symbol, desaturate it (Cmd+Shift+U) and then (Cmd+click) the bat symbol&#8217;s layer thumbnail to load the layer as a selection. Press (Cmd+Shift+i) to invert the selection and press the delete key to remove any texture outside the bat symbol shape. Now set the texture&#8217;s layer blend mode to Overlay.</p>
<p><img class="alignnone size-full wp-image-15089" title="bat-img8" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img8.jpg" alt="" width="558" height="343" /></p>
<p>Now do the exact same thing with the second texture file.</p>
<p><img class="alignnone size-full wp-image-15090" title="bat-img9" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img9.jpg" alt="" width="558" height="343" /></p>
<p>To create the highlights, I simply took a soft white brush set to 30% opacity and used different brush sizes to paint these highlights.</p>
<p><img class="alignnone size-full wp-image-15091" title="bat-img10" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img10.jpg" alt="" width="218" height="161" /></p>
<p>I placed these highlight in areas that I felt the light source may be hitting. I also used a dark brush to paint some shadows.</p>
<p><img class="alignnone size-full wp-image-15092" title="bat-img11" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img11.jpg" alt="" width="558" height="343" /></p>
<p>The image below shows the areas where I painted shadows and highlightghts.</p>
<p><img class="alignnone size-full wp-image-15096" title="bat-img13" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img131.jpg" alt="" width="558" height="343" /></p>
<h2>Step 3 &#8211; Adding a Background Texture and Lighting</h2>
<p>Last up, we&#8217;ll add a background texture with a little bit of subtle lighting. For the background texture I used a selection from the <a href="http://wegraphics.net/downloads/textures/white-grunge-textures/" target="_blank">White Grunge</a> collection here at WeGraphics. Again, if you&#8217;re not a member of WeGraphics (you should be) you can use any other subtle gray or white texture. It needs to be high resolution and no too busy that it distracts from the bat symbol.</p>
<p>I placed the texture on a background layer and inverted it (Cmd+i) and then set the layer&#8217;s blend mode to Opacity.</p>
<p><img class="alignnone size-full wp-image-15094" title="bat-img12" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img12.jpg" alt="" width="558" height="343" /></p>
<p>Finally, I used a large soft white brush with a low opacity to paint subtle light on a layer above the background texture. I painted this light at a slight diagonal.</p>
<p><img class="alignnone size-full wp-image-15095" title="bat-img1" src="http://wegraphics.net/wp-content/uploads/2012/05/bat-img13.jpg" alt="" width="558" height="343" /></p>
<p>That&#8217;s it! If you&#8217;d like to download my version as a 1920&#215;1200 desktop wallpaper, I&#8217;ve made it available <a href="http://wegraphics.net/wg-downloads/free/wallpaper/wg-bat-symbol-1920wallpaper.jpg" target="_blank">here</a>.</p>
<p>&nbsp;</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=_4GhuO5A5nM:5V7K95PFE_c:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=_4GhuO5A5nM:5V7K95PFE_c:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=_4GhuO5A5nM:5V7K95PFE_c:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=_4GhuO5A5nM:5V7K95PFE_c:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=_4GhuO5A5nM:5V7K95PFE_c:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=_4GhuO5A5nM:5V7K95PFE_c:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=_4GhuO5A5nM:5V7K95PFE_c:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=_4GhuO5A5nM:5V7K95PFE_c:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=_4GhuO5A5nM:5V7K95PFE_c:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=_4GhuO5A5nM:5V7K95PFE_c:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=_4GhuO5A5nM:5V7K95PFE_c:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://wegraphics.net/blog/tutorials/create-a-dark-knight-rises-style-wallpaper-in-3-easy-steps/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>A Closer Look at Bello: A Free WordPress Theme from WeGraphics</title>
		<link>http://wegraphics.net/blog/articles/a-closer-look-at-bello-a-free-wordpress-theme-from-wegraphics/</link>
		<comments>http://wegraphics.net/blog/articles/a-closer-look-at-bello-a-free-wordpress-theme-from-wegraphics/#comments</comments>
		<pubDate>Mon, 23 Apr 2012 21:40:05 +0000</pubDate>
		<dc:creator>Nathan Brown</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://wegraphics.net/?p=14975</guid>
		<description><![CDATA[Last week we released a free WordPress theme title Bello. For this theme we set out to make something simple and elegant. The theme is intended for designers or photographers, but could easily be converted for use with small business or personal sites. In this post, I&#8217;m going to walk through some of the awesome features available with Bello.

If you haven&#8217;t seen Bello yet, you can download the theme here.  Bello features a clean and simple design. It&#8217;s meant to be open and easy to read. The main menu includes 2 levels of slide drop down menus, as well as a space to display your latest tweet.

The main post list ...]]></description>
			<content:encoded><![CDATA[<p>Last week we released a free WordPress theme title Bello. For this theme we set out to make something simple and elegant. The theme is intended for designers or photographers, but could easily be converted for use with small business or personal sites. In this post, I&#8217;m going to walk through some of the awesome features available with Bello.<span id="more-14975"></span><br />
<br style="clear:both;" /><br />
If you haven&#8217;t seen Bello yet, you can <a href="http://wegraphics.net/downloads/bello-a-free-wordpress-theme/" target="_blank">download the theme here</a>.  Bello features a clean and simple design. It&#8217;s meant to be open and easy to read. The main menu includes 2 levels of slide drop down menus, as well as a space to display your latest tweet.</p>
<p><img class="alignnone size-full wp-image-14978" title="bello-img1" src="http://wegraphics.net/wp-content/uploads/2012/04/bello-img1.jpg" alt="" width="558" height="445" /></p>
<p>The main post list will display differently based on post type. The sidebar includes a custom Widget to display the latest portfolio entries.</p>
<p>The portfolio can be displayed as 2, 3 or 4 columns. The theme utilizes PrettyPhoto pop-ups for displaying full image views.</p>
<p><img class="alignnone size-full wp-image-14979" title="bello-img2" src="http://wegraphics.net/wp-content/uploads/2012/04/bello-img2.jpg" alt="" width="558" height="458" /></p>
<p>The theme takes advantage of the the WeGraphics WP admin panel. From this panel you can control and customize a multitude of options.</p>
<p><img class="alignnone size-full wp-image-14980" title="bello-img3" src="http://wegraphics.net/wp-content/uploads/2012/04/bello-img3.jpg" alt="" width="558" height="651" /></p>
<p>From the style and layout tab, you can control everything from post options to fonts and colors. You can also swap out the large background image that appears on each page from this panel.</p>
<p><img class="alignnone size-full wp-image-14981" title="bello-img4" src="http://wegraphics.net/wp-content/uploads/2012/04/bello-img4.jpg" alt="" width="558" height="563" /></p>
<p>Bello also features a Portfolio custom post type. This allows you to view and manage your portfolio items separately from other posts.</p>
<p><img class="alignnone size-full wp-image-14982" title="bello-img5" src="http://wegraphics.net/wp-content/uploads/2012/04/bello-img5.jpg" alt="" width="531" height="529" /></p>
<p><a href="http://wegraphics.net/downloads/bello-a-free-wordpress-theme/" target="_blank">Download the Free Bello theme</a> from WeGraphics and give these features a test run.</p>
<p><a href="http://wegraphics.net/demo/item/bello/" target="_blank">View a live demo of Below here</a><br />
<a href="http://wegraphics.net/demo/item/bello/documentation/" target="_blank">View the theme documentation here</a></p>
<p>If you have questions or would like to see new features added to upcoming releases of Bello, feel free to post those in the comments field below.</p>
<p>&nbsp;</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=5LCdcvGVKj8:c2am4dQGD94:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=5LCdcvGVKj8:c2am4dQGD94:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=5LCdcvGVKj8:c2am4dQGD94:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=5LCdcvGVKj8:c2am4dQGD94:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=5LCdcvGVKj8:c2am4dQGD94:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=5LCdcvGVKj8:c2am4dQGD94:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=5LCdcvGVKj8:c2am4dQGD94:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=5LCdcvGVKj8:c2am4dQGD94:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=5LCdcvGVKj8:c2am4dQGD94:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=5LCdcvGVKj8:c2am4dQGD94:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=5LCdcvGVKj8:c2am4dQGD94:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://wegraphics.net/blog/articles/a-closer-look-at-bello-a-free-wordpress-theme-from-wegraphics/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>How to Create Dynamic Prototype Style Video Game Art</title>
		<link>http://wegraphics.net/blog/tutorials/how-to-create-dynamic-prototype-style-video-game-art/</link>
		<comments>http://wegraphics.net/blog/tutorials/how-to-create-dynamic-prototype-style-video-game-art/#comments</comments>
		<pubDate>Tue, 17 Apr 2012 19:42:27 +0000</pubDate>
		<dc:creator>Nathan Brown</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://wegraphics.net/?p=14876</guid>
		<description><![CDATA[I&#8217;m not very good at video games, therefore I don&#8217;t play a lot. But I do pay close attention to video game art and design. I take a lot of inspiration from these dynamic illustrations and incredible graphics. I recently came across a promo poster for a game called Prototype 2, and fell in love with the design. I was curious to see if I could create something similar with a touch of my own style and design. Below is a walk through on how I created my own Prototype 2 promo art.
Here is a look at my finished piece.

Here is the promo artwork that inspired the tutorial.

Gathering Photos
First up, ...]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m not very good at video games, therefore I don&#8217;t play a lot. But I do pay close attention to video game art and design. I take a lot of inspiration from these dynamic illustrations and incredible graphics. I recently came across a promo poster for a game called Prototype 2, and fell in love with the design. I was curious to see if I could create something similar with a touch of my own style and design. Below is a walk through on how I created my own Prototype 2 promo art.<span id="more-14876"></span></p>
<p>Here is a look at my finished piece.</p>
<p><a href="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-lrg.jpg"><img class="alignnone size-full wp-image-14877" title="proto-img-preview" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-preview.jpg" alt="" width="558" height="558" /></a></p>
<p>Here is the promo artwork that inspired the tutorial.</p>
<p><img title="proto-img-ins" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-ins.jpg" alt="" width="520" height="547" /></p>
<h2>Gathering Photos</h2>
<p>First up, I new I needed some pretty specific photos to complete this illustration. After searching far and wide, I came up with the following:</p>
<p id="title_div3407057279"><a href="http://www.flickr.com/photos/stevenfernandez/2299676864/in/photostream/" target="_blank">Untitled</a> by John Steven Fernandez<br />
<a href="http://www.flickr.com/photos/72056635@N00/2633537690/" target="_blank">imgp3750</a> by *ljon<br />
<a href="http://www.flickr.com/photos/8865243@N02/3407057279/" target="_blank">São Paulo</a> by Rodrigo_Soldon<br />
<a href="http://www.flickr.com/photos/12567713@N00/437942853/" target="_blank">Confusion</a> by born1945<br />
<a href="http://www.flickr.com/photos/59653726@N00/190712451/" target="_blank">Tree trunk texture</a> by OntologicalDoubt<br />
<a href="http://www.flickr.com/photos/50826080@N00/2174672203/" target="_blank">Roots</a> by SFB579</p>
<h2>Creating the Blade</h2>
<p>The most prominent item in the composition is the blade. I knew that I couldn&#8217;t find blade photo because the overall shape of the blade is too ornate and unlike any knife that you typically see. To create the shape of the blade I went over to Adobe Illustrator and drew the shape with the pen tool. There&#8217;s no real way to teach you how to create this shape, but if you&#8217;re familiar with the pen tool and how it works then it should be a snap. If not, I suggest taking some time to learn the basics of using the pen tool to draw basic shapes in Illustrator. It&#8217;s well worth it, and you&#8217;ll never look back.</p>
<p><img class="alignnone size-full wp-image-14878" title="proto-img-1" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-1.jpg" alt="" width="452" height="813" /></p>
<p>Once you&#8217;ve created the blade you can copy and paste it over to a new PS document sized 865&#215;865 at 72 dpi. You&#8217;ll need to tilt it to the left slightly, and keep it large enough to allow some of the blade to extend beyond the frame edge.</p>
<p><img class="alignnone size-full wp-image-14879" title="proto-img-2" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-2.jpg" alt="" width="558" height="560" /></p>
<p>Lets add a very slight drop shadow to the blade shape.</p>
<p><img class="alignnone size-full wp-image-14881" title="proto-img-4" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-4.jpg" alt="" width="332" height="350" /></p>
<p>Next, lets add a bit of texture to the blade. I used the blue image from the <a href="http://wegraphics.net/downloads/textures/scratched-metallic-textures/" target="_blank">Scratched Metallic Textures</a> here at WeGraphics, but you can use any good metal texture. Lay the texture in a layer above the blade shape, then make a selection of the blade shape by Cmd+Clicking on the layer&#8217;s thumbnail. Invert the selection (Cmd+Shift+i) and delete the texture that extends beyond the blade&#8217;s edge. Now desaturate the blade texture (Cmd+Shift+u), then use the Burn Tool (O) to darken some of the middle.</p>
<p><img class="alignnone size-full wp-image-14880" title="proto-img-3" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-3.jpg" alt="" width="558" height="560" /></p>
<p>Now make a selection from the blade shape layer again, and on a new layer, use a soft white brush to trace the edges of the blade. This is to make it look like it has a sharpened edge. Note that I used a slightly darker gray brush on the opposite sides of points on the blade.</p>
<p><img class="alignnone size-full wp-image-14882" title="proto-img-5" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-5.jpg" alt="" width="558" height="560" /></p>
<p>Grab these layers and drop them into a new layer group. We&#8217;re done with the blade for now.</p>
<h2>Adding the Figure Behind the Blade</h2>
<p>Next up, we need to extract the guy from the background, using whatever selection method you prefer, and drop him on a layer behind the blade layer group.</p>
<p><img class="alignnone size-full wp-image-14883" title="proto-img-6" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-6.jpg" alt="" width="558" height="561" /></p>
<p>I used a couple of methods to sharpen him up with a bit of contrast. I duplicated the layer, and set the blend mode to opacity, then blurred it a little with a Gaussian blur. I made another duplicate layer and used the old high pass trick. Click (Filter | Other | High Pass), and then set that layer&#8217;s blend mode to Opacity.</p>
<p><img class="alignnone size-full wp-image-14884" title="proto-img-7" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-7.jpg" alt="" width="558" height="561" /></p>
<p>On a new layer above the guy, I drew some dark gray clothes on him and set that layer&#8217;s blend mode to Multiply. With the brush I enlarged his collar.</p>
<p><img class="alignnone size-full wp-image-14885" title="proto-img-8" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-8.jpg" alt="" width="558" height="561" /></p>
<h2>Adding The Fibers Attached to the Blade</h2>
<p>Now it&#8217;s time to start adding some of the fibers that attach the blade to the guy&#8217;s arm. I used images of tree roots to accomplish this. Open up the tree roots image and make a crude selection in Quick Mask Mode (Q). It doesn&#8217;t have to be perfect.</p>
<p><img class="alignnone size-full wp-image-14886" title="proto-img-9" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-9.jpg" alt="" width="558" height="373" /></p>
<p>Copy and paste the selected roots to a layer above the blade. Convert the roots to black and white (Cmd+Shift+u), then darken them using a levels adjustment (Cmd+l), and finally use a soft edge eraser tool (E) to remove the hard edges.</p>
<p><img class="alignnone size-full wp-image-14887" title="proto-img-10" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-10.jpg" alt="" width="558" height="561" /></p>
<p>Next duplicate the roots layer 3 times and move them around similar to the example below.</p>
<p><img class="alignnone size-full wp-image-14888" title="proto-img-11" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-11.jpg" alt="" width="558" height="561" /></p>
<p>With the second roots image titled &#8220;Confusion&#8221;&#8230; do the same thing. Crude selection, copy and paste, and bump the contrast with levels. Place these roots on a layer above the first group of roots.</p>
<p><img class="alignnone size-full wp-image-14890" title="proto-img-12" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-12.jpg" alt="" width="558" height="561" /></p>
<p>That&#8217;s starting to look pretty interesting, but I want to add some larger more prominent roots above these. To do this, I used a selection from the tree bark texture. I copied it and pasted it on a layer above all others, then used the Puppet Warp Tool (Edit | Puppet Warp) to bend and shape them. If you&#8217;re not familiar with the Puppet Warp Tool, <a href="http://wegraphics.net/blog/tutorials/vintage-circus-poster-with-the-photoshop-puppet-warp-tool/" target="_blank">check out our tutorial</a>.</p>
<p><img class="alignnone size-full wp-image-14892" title="proto-img-13" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-13.jpg" alt="" width="558" height="561" /></p>
<p>You&#8217;ll also need to use a levels adjustment to darken the tree bark selections. Once you&#8217;ve bent them into the right positions, you can use the dodge and burn tools to create highlights and shadows. Also, I used the eraser t soften the ends a bit</p>
<p><img class="alignnone size-full wp-image-14893" title="proto-img-14" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-14.jpg" alt="" width="558" height="561" /></p>
<p>Once you&#8217;ve duplicated this process 5 or 6 times you should have something that looks like the following. Note: I erased portions of the fibers to make it look like they are overlapping.</p>
<p><img class="alignnone size-full wp-image-14894" title="proto-img-15" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-15.jpg" alt="" width="558" height="561" /></p>
<h2>Adding Light to the Composition</h2>
<p>If you refer back to the inspiration piece you&#8217;ll see that there are several spots on the blade where light is peaking through cracks and openings. To create these lighted cracks will use a soft red brush (#e5431c). We&#8217;ll start from the largest light portion down to the smallest cracks.</p>
<p>First up, on a layer underneath the blade, we want to use a large soft brush and paint some light as follows.</p>
<p><img class="alignnone size-full wp-image-14895" title="proto-img-16" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-16.jpg" alt="" width="558" height="561" /></p>
<p>Basically we&#8217;re just lighting the area behind the blade. We also need to add some light reflecting from the guy&#8217;s face.</p>
<p><img class="alignnone size-full wp-image-14896" title="proto-img-17" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-17.jpg" alt="" width="361" height="305" /></p>
<p>Now, a large spot of light on a layer below the tree branch fibers.<br />
<img class="alignnone size-full wp-image-14897" title="proto-img-18" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-18.jpg" alt="" width="558" height="561" /></p>
<p>With a small 2pt brush with an outer glow layer style, I painted small cracks near shadows in the blade.</p>
<p><img class="alignnone size-full wp-image-14898" title="proto-img-19" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-19.jpg" alt="" width="558" height="561" /></p>
<p>Here are the settings for the layer style.</p>
<p><img class="alignnone size-full wp-image-14899" title="proto-img-20" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-20.jpg" alt="" width="329" height="385" /></p>
<h2>Creating a Background Scene</h2>
<p>For the background, I used a radial gradient from white to light gray (#a7a5a6) starting over the guy&#8217;s left shoulder. This gradient is on a new layer at the bottom of the stack.</p>
<p><img class="alignnone size-full wp-image-14900" title="proto-img-21" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-21.jpg" alt="" width="558" height="561" /></p>
<p>On a new layer above this one, I added one of the <a href="http://wegraphics.net/downloads/seamless-grunge-canvas-patterns/">Seamless Grunge Canvas Patterns</a> released earlier this week on WeGraphics. This step is subtle and not required if you want to skip the texture.</p>
<p><img class="alignnone size-full wp-image-14901" title="proto-img-22" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-22.jpg" alt="" width="558" height="561" /></p>
<p>Next, we need to copy and paste the cityscape image above the texture layer. Set the cityscape layer&#8217;s blend mode to Soft Light. Copy it 2 times and set the top most layer&#8217;s blend mode to Vivid Light.</p>
<p><img class="alignnone size-full wp-image-14902" title="proto-img-23" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-23.jpg" alt="" width="558" height="561" /></p>
<p>Lastly, I added some helicopters from our stock image. These were simply copied and pasted and then set to Multiply. You may have to lighten them a bit with a levels adjustment. Also, the further helicopters should have a lower opacity than ones that are closer to view.</p>
<h2><img class="alignnone size-full wp-image-14903" title="proto-img-24" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-24.jpg" alt="" width="558" height="561" /></h2>
<h2>Adding the Type Treatment</h2>
<p>For the title font, I chose a font face called <a href="http://wegraphics.net/downloads/codec-font-kit/" target="_blank">Codec</a>, available here at WeGraphics. If you&#8217;re not a WG member, any good grungy type face will work. I suggest <a href="http://www.dafont.com/capture-it.font" target="_blank">Capture It</a> as an alternative. I placed the font on a layer between some of the tree bark fibers, so that it looks like some of them are overlapping the type.</p>
<p><img class="alignnone size-full wp-image-14904" title="proto-img-25" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-25.jpg" alt="" width="558" height="561" /></p>
<p>The type has a couple of layer effects applied.</p>
<p><img class="alignnone size-full wp-image-14905" title="proto-img-28" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-28.jpg" alt="" width="330" height="344" /></p>
<p><img class="alignnone size-full wp-image-14906" title="proto-img-27" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-27.jpg" alt="" width="328" height="249" /></p>
<p><img class="alignnone size-full wp-image-14907" title="proto-img-26" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-26.jpg" alt="" width="332" height="225" /></p>
<p>Also, I used a free brush set called <a href="http://wegraphics.net/downloads/free-dust-particle-photoshop-brush-set/" target="_blank">Dust Particles</a> to add a bit more grunge to the type face.</p>
<p><img class="alignnone size-full wp-image-14908" title="proto-img-29" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-29.jpg" alt="" width="558" height="561" /></p>
<h2>Final Tweaks and Adjustments</h2>
<p>If you&#8217;re still with me, congrats! We&#8217;re almost there. Next up, I want to add two Gradient Map adjustment layers to the very top of the stack.</p>
<p>Here are the settings for those two gradients.</p>
<p><img class="alignnone size-full wp-image-14909" title="proto-img-30" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-30.jpg" alt="" width="212" height="300" /></p>
<p><img class="alignnone size-full wp-image-14910" title="proto-img-31" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-31.jpg" alt="" width="558" height="560" /></p>
<p>Lastly, I want to take a soft white brush and add a highlight just above the guy&#8217;s head. This needs to be on a new layer above the guy.</p>
<p><img class="alignnone size-full wp-image-14911" title="proto-img-32" src="http://wegraphics.net/wp-content/uploads/2012/04/proto-img-32.jpg" alt="" width="558" height="561" /></p>
<p>That&#8217;s it! There was a lot of steps to this one, but I&#8217;m pretty happy with the final result. I hope you were able to pick up some new ideas and techniques from this one. If anyone follows along, I&#8217;d love to see your results in the comments below.</p>
<p>&nbsp;</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=nydTJJ6o4vs:BA9tXA8EhhU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=nydTJJ6o4vs:BA9tXA8EhhU:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=nydTJJ6o4vs:BA9tXA8EhhU:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=nydTJJ6o4vs:BA9tXA8EhhU:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=nydTJJ6o4vs:BA9tXA8EhhU:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=nydTJJ6o4vs:BA9tXA8EhhU:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=nydTJJ6o4vs:BA9tXA8EhhU:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=nydTJJ6o4vs:BA9tXA8EhhU:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=nydTJJ6o4vs:BA9tXA8EhhU:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=nydTJJ6o4vs:BA9tXA8EhhU:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=nydTJJ6o4vs:BA9tXA8EhhU:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://wegraphics.net/blog/tutorials/how-to-create-dynamic-prototype-style-video-game-art/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Turn a Photo into an Engraved Illustration Using Photoshop</title>
		<link>http://wegraphics.net/blog/tutorials/turn-a-photo-into-an-engraved-illustration-using-photoshop/</link>
		<comments>http://wegraphics.net/blog/tutorials/turn-a-photo-into-an-engraved-illustration-using-photoshop/#comments</comments>
		<pubDate>Thu, 12 Apr 2012 19:57:55 +0000</pubDate>
		<dc:creator>Nathan Brown</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://wegraphics.net/?p=14825</guid>
		<description><![CDATA[I have a collection of old books that I&#8217;ve never read. I have them because I love the look of the engraved style illustrations found within the pages. There&#8217;s something about that look that is incredible. The cross hatched lines that go from thick to thin to make up the shadows and highlights. It&#8217;s a very distinctive style that has a vintage appeal.

I recently set out to see if I could mimic this look in Photoshop using a photograph. What I found was that with the help of Adobe Illustrator, the look can be achieved very easily. Lets take a look.
Here is what we&#8217;ll be creating.

And here is the original ...]]></description>
			<content:encoded><![CDATA[<p>I have a collection of old books that I&#8217;ve never read. I have them because I love the look of the engraved style illustrations found within the pages. There&#8217;s something about that look that is incredible. The cross hatched lines that go from thick to thin to make up the shadows and highlights. It&#8217;s a very distinctive style that has a vintage appeal.<span id="more-14825"></span><br />
<br style="clear:both;" /></p>
<p>I recently set out to see if I could mimic this look in Photoshop using a photograph. What I found was that with the help of Adobe Illustrator, the look can be achieved very easily. Lets take a look.</p>
<p>Here is what we&#8217;ll be creating.</p>
<p><img class="alignnone size-full wp-image-14833" title="eng-img1b" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img1b.jpg" alt="" width="558" height="747" /></p>
<p>And here is the original photo that I used. I love this photo! It&#8217;s titled <a href="http://www.flickr.com/photos/41109263@N00/3804697464/" target="_blank">&#8220;baavla, the charmer&#8221;</a> and is by <a href="http://www.flickr.com/photos/agnihot/" target="_blank">nandadevieast</a>.</p>
<p><img class="alignnone size-full wp-image-14827" title="eng-img2" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img2.jpg" alt="" width="501" height="640" /></p>
<h2>Step 1 Creating the Engraved Lines</h2>
<p>First up, we need to do some file prep before we add our photo. We&#8217;ll use Adobe Illustrator to create the wavy engraved lines. If you&#8217;re more comfortable drawing with the pen tool in Photoshop you can stay within the program. But I prefer Illustrator because it&#8217;s the vector tool that I&#8217;m used to.</p>
<p>In Illustrator create a new file 1000&#215;1000 pixels. You&#8217;ll then use the Pen Tool (P) to create a wavy line with a 1 pixel stroke. My line has four evenly spaced points that I moved and edited to create this line.</p>
<p><img class="alignnone size-full wp-image-14828" title="eng-img3" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img3.jpg" alt="" width="558" height="109" /></p>
<p>Next we&#8217;ll need to duplicate this line (Copy and Paste) and move it down below the canvas. Select both lines and angle them so that they are over the canvas like I have below.</p>
<p><img class="alignnone size-full wp-image-14829" title="eng-img4" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img4.jpg" alt="" width="558" height="521" /></p>
<p>Now select (Object | Blend | Blend Options). Choose &#8220;Specified Steps&#8221; and enter 150.</p>
<p><img class="alignnone size-full wp-image-14830" title="eng-img5" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img5.jpg" alt="" width="534" height="205" /></p>
<p>Select (Object | Blend | Make). Now we have a set of evenly spaced lines that will work as in our engraving.</p>
<h2>Step 2 Add Engraved Lines to the Document</h2>
<p>Back over in Photoshop, lets create a new document at 1000&#215;1000 pixels. From Illustrator, we need to copy and paste our set of lines. When you copy them over Photoshop will ask how you want to paste them. Select &#8220;Pixels&#8221; from the available options. Move the newly pasted lines to the center of the document and press enter.</p>
<p><img class="alignnone size-full wp-image-14831" title="eng-img7" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img7.jpg" alt="" width="534" height="548" /></p>
<p>We&#8217;ll need to repeat this process six times, and each time we&#8217;ll need to increase the stroke of our set of lines back in Illustrator. I used stoke widths of (1, 3, 6, 7, 8) for my lines.</p>
<p>When you&#8217;re done your layers panel should look like this, with each set of lines gradually getting thicker.</p>
<p><em>NOTE: On the 4th layer turn your lines 90 degrees clockwise to create some vertical line variation.</em></p>
<p><img class="alignnone size-full wp-image-14834" title="eng-img8" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img8.jpg" alt="" width="215" height="362" /></p>
<h2>Step 3 Adding the Photo</h2>
<p>Turn off all of your lines layers. On the bottom most layer, paste the photo the man. I used a Levels adjustment to bring out the contrast a bit.</p>
<p><img class="alignnone size-full wp-image-14835" title="eng-img9" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img9.jpg" alt="" width="558" height="749" /></p>
<p>Make a copy of the layer (Cmd+J) and click (Image | Adjust | Threshold) and enter 200 for the level.</p>
<p><img class="alignnone size-full wp-image-14836" title="eng-img10" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img10.jpg" alt="" width="558" height="749" /></p>
<p>Next, we&#8217;ll be making a selection of all of the black areas. To do this click (Select | Color Range), and choose &#8220;Shadows&#8221; from the drop down.</p>
<p><img class="alignnone size-full wp-image-14838" title="eng-img11" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img11.jpg" alt="" width="558" height="749" /></p>
<p>Once you click &#8220;Okay&#8221; a selection of all of the black areas will be made. Back over on the layers panel, click to turn the visibility on for layer 1 (the layer containing the thinnest stroke lines), and click the &#8220;Add layer mask&#8221; icon at the bottom of the panel.</p>
<p><img class="alignnone size-full wp-image-14839" title="eng-img12" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img12.jpg" alt="" width="214" height="89" /></p>
<p>This will create a mask of the engraved lines for layer 1.</p>
<p><img class="alignnone size-full wp-image-14840" title="eng-img13" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img13.jpg" alt="" width="558" height="744" /></p>
<p>We&#8217;ll need to repeat this step for each of our engraved lines layers. Make a copy of the original photo each time, and reduce the threshold amount. I used 200, 160, 120, 100, 80, 60 for each of my threshold settings.</p>
<p>When you&#8217;re done you should have a file that looks similar to this:</p>
<p><img class="alignnone size-full wp-image-14842" title="eng-img14a" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img14a.jpg" alt="" width="558" height="746" /></p>
<h2>Step 4 Final Adjustments</h2>
<p>You could call this complete at this point, but I like to to tweak things a bit. For my final image I duplicated layer 4 (middle stroke weight, vertical lines), removed the mask and inverted it to white. This broke up the lines a little further. Then I moved it down a couple of layers.</p>
<p><img class="alignnone size-full wp-image-14844" title="eng-img15a" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img15a.jpg" alt="" width="558" height="747" /></p>
<p>For the final adjustment, I had to add a texture. You know how I roll? I chose a texture from the <a href="http://wegraphics.net/downloads/textures/old-paper-textures-vol1/" target="_blank">Old Papers Texture Set</a> here at WeGraphics. I used a color adjustment layer to tint the black lines to a brown.</p>
<p><img class="alignnone size-full wp-image-14833" title="eng-img1b" src="http://wegraphics.net/wp-content/uploads/2012/04/eng-img1b.jpg" alt="" width="558" height="747" /></p>
<p>That&#8217;s it! I love this effect. Try it out on some different photos, adjust the line weights and threshold amounts for different looks. Experiment and have fun!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=jaPhb5NhM24:IQHO2kX0Dhs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=jaPhb5NhM24:IQHO2kX0Dhs:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=jaPhb5NhM24:IQHO2kX0Dhs:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=jaPhb5NhM24:IQHO2kX0Dhs:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=jaPhb5NhM24:IQHO2kX0Dhs:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=jaPhb5NhM24:IQHO2kX0Dhs:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=jaPhb5NhM24:IQHO2kX0Dhs:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=jaPhb5NhM24:IQHO2kX0Dhs:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=jaPhb5NhM24:IQHO2kX0Dhs:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=jaPhb5NhM24:IQHO2kX0Dhs:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=jaPhb5NhM24:IQHO2kX0Dhs:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://wegraphics.net/blog/tutorials/turn-a-photo-into-an-engraved-illustration-using-photoshop/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>How to Design a Modern Style Ski Poster in Photoshop</title>
		<link>http://wegraphics.net/blog/tutorials/how-to-design-a-vintage-style-ski-poster-in-photoshop/</link>
		<comments>http://wegraphics.net/blog/tutorials/how-to-design-a-vintage-style-ski-poster-in-photoshop/#comments</comments>
		<pubDate>Wed, 04 Apr 2012 13:30:38 +0000</pubDate>
		<dc:creator>Nikola Lazarevic</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://wegraphics.net/?p=14707</guid>
		<description><![CDATA[Chamonix-Mont-Blanc or, more commonly, Chamonix is a commune in the Haute-Savoie departement in the Rhone-Alpes region in south-eastern France. It was the site of the 1924 Winter Olympics, the first Winter Olympics. In this step-by-step Photoshop tutorial, I will show you how to create a vintage style ski poster design. We will combine stock photos, textures and brushes with blend mode techniques and filters on our way to achive the final design.
Preview
First, take a look at the image we&#8217;ll be creating.

Step 1
Open up Adobe Photoshop and create a document with your desired poster dimensions. Fill background with white color. Remember to use a high DPI (between 150-300 dpi) and CMYK ...]]></description>
			<content:encoded><![CDATA[<p>Chamonix-Mont-Blanc or, more commonly, <a href="http://en.wikipedia.org/wiki/Chamonix">Chamonix</a> is a commune in the Haute-Savoie departement in the Rhone-Alpes region in south-eastern France. It was the site of the 1924 Winter Olympics, the first Winter Olympics. In this step-by-step Photoshop tutorial, I will show you how to create a vintage style ski poster design. We will combine stock photos, textures and brushes with blend mode techniques and filters on our way to achive the final design.<span id="more-14707"></span></p>
<h2>Preview</h2>
<p>First, take a look at the image we&#8217;ll be creating.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix-preview.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<h2>Step 1</h2>
<p>Open up Adobe Photoshop and create a document with your desired poster dimensions. Fill background with white color. Remember to use a high DPI (between 150-300 dpi) and CMYK Color Mode if you are planning on sending your work to the press. For this tutorial, I created a document sized at 842x1190px, RGB Color at 72dpi for web use.</p>
<h2>Step 2</h2>
<p>Download and import onto our canvas <a href="http://www.sxc.hu/photo/703052">Mont Blanc mountain and ski</a> photo. Use image below as reference.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix01.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Add Layer Mask (Layer &gt; Layer Mask &gt; Reveal All), pick up Gradient Tool (G), make sure that Foreground color is black (#000000), choose Foreground to Transparent gradient, and draw few gradients, starting from the bottom of the picture, to soften edges and blend image to the white background.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix02.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix03.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<h2>Step 3</h2>
<p>Sky is just too plain so we will add some clouds to our composition. Download and insert onto our canvas <a href="http://www.sxc.hu/browse.phtml?f=view&amp;id=432730">Swept Sky</a> stock photo. Scale it down a bit and position like on the image below.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix04.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Desaturate Swept Sky photo (Cmd/Ctrl + Shift + U),</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix05.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>change Blend mode to Overlay,</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix06.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>and like in the previous step, use Layer Mask and Foreground to Transparent gradient to soften edge of the sky and blend perfectly with background.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix07.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<h2>Step 4</h2>
<p>Grab <a href="http://www.sxc.hu/photo/887675">Snowboard Jump Series 1</a> stock photo from <a href="http://www.sxc.hu/">sxc.hu</a>, open it in Photoshop and isolate snowboarder using Pen Tool (P).</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix08.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="370" /></p>
<p>Copy and paste snowboarder in our canvas, scale it down and position using the image below as reference.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix09.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<h2>Step 5</h2>
<p>Install <a href="http://www.bittbox.com/freebies/free-hi-res-splatter-photoshop-brushes">Free Hi-Res Splatter Photoshop Brushes</a>, set Foreground color to white (#ffffff), create new layer on top, and using splatter brushes you just downloaded create snow around and below snowboarder.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix10.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Apply Layer Mask, and with Soft Round Brush, using black color, mask out some parts of the snow, to blend this layer perfectly into our composition.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix11.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<h2>Step 6</h2>
<p>Slect all layers in group them (Cmd/Ctrl + G). Duplicate this group and then Merge Group (right mouse click on group and choose Merge Group). Finally hide Group 1 (turn off eye icon).</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix12.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="645" /></p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix13.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="570" /></p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix14.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="565" /></p>
<p>Duplicate merged image twice, hide topmost layer, select layer just below topmost layer, and apply Gaussian Blur with Radius set to 5px.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix15.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Set Blend Mode to Multiply.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix16.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Unhide and select the layer on top, desaturate it (Cmd/Ctrl + Shift + U),</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix17.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>go to Filter &gt; Other &gt; High Pass and set Radius to 10px.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix18.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="698" /></p>
<p>Change Blend Mode to Soft Light.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix19.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<h2>Step 7</h2>
<p>Again select those 3 layers, duplicate them and merge them in one layer. Give this layer Gaussian Blur with Radius set to 5px.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix20.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Apply Layer Mask to this layer, pick up Brush Tool (B), and using Large Soft Brush with Opacity set to 40% dub few spots over the snowboarder.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix21.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Lower the Opacity of this layer to around 70%.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix22.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<h2>Step 8</h2>
<p>It&#8217;s time to add some text to our composition. You will need <a href="http://www.derekweathersbee.com/franchise/#download">Franchise Bold</a> font, so in case you don&#8217;t have it already go ahead download it and install. Let&#8217;s start with first line of text &#8220;CHAMONIX-MONT BLANC&#8221;. Change the Blend Mode to Linear Burn.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix23.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="360" /></p>
<p>Next grab <a href="http://wegraphics.net/downloads/brushes/grunge-brush-set-vol1/">Grunge Brush Set Vol1</a>, apply Layer Mask to text, pick up any brush from just downloaded set of brushes, make sure that Foreground color is set to Black, set Opacity to around 40%, and paint over the Layer Mask.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix24.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Add another block of text.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix25.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="216" /></p>
<p>Set Blend Mode to Linear Burn, Opacity to 70%, add Layer Mask, and again using brushes from Grunge Brush Set Vol1 paint over the mask.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix26.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="123" /></p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix27.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Pick up <a href="http://en.wikipedia.org/wiki/File:Olympic_Rings.svg">Olympic Games logo</a> and place like on the image below. Set Blend Mode to Screen for both: logo and text.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix28.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="447" /></p>
<p>Add air carrier branding as well. I used Air France logo.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix29.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="272" /></p>
<h2>Step 9</h2>
<p>Download and import into our design <a href="http://www.cgtextures.com/texview.php?id=24707">Paper0048_2</a> texture. Scale it down to fit our canvas and change Blend Mode to Multiply.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix30.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Use Ellipse Tool (U) to draw red (#810000) circle.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix31.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Change Blend Mode to Overlay and lower the Opacity to 40%.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix32.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Import into our canvas <a href="http://wojtar-stock.deviantart.com/art/metal-texture-7-78669443">metal texture 7 by ~wojtar-stock</a>, scale down a bit, set Blend Mode to Soft Light and Opacity to 40%.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix33.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<h2>Step 10</h2>
<p>Grab a free sample from <a href="http://wegraphics.net/downloads/textures/folded-and-scratched-paper-textures-part-ii/">Folded and Scratched Paper Textures Part II</a>, import into our design, scale it down so it fits our canvas.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix34.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Change Blend Mode to Screen and lower the Opacity to 50%.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix35.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Let&#8217;s make a fold more intensive. Create new layer, with Polygnal Lasso Tool (L) create selection like on the image below,</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix36.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="498" /></p>
<p>make sure that Foreground color is set to white (#ffffff), and draw small Foreground to Transparent gradient using Gradient Tool (G).</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix37.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="378" /></p>
<p>Create new layer on top, inverse selection (Cmd/Ctrl + Shift + I), change Foreground color to black and draw small Foreground to Transparent gradient using Gradient Tool (G).</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix38.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="407" /></p>
<p>Let&#8217;s take a quick look at what we did now.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix39.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>Next we will add vertical fold using the same method explained above.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix40.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="341" height="836" /></p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix41.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="330" height="836" /></p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix42.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<p>At the end lower the Opacity of all fold layers to 60%.</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix43.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<h2>Step 11</h2>
<p>This is the final step of tutorial. Add an adjustment layer to give our entire composition the color theme we are going for. Go to Layer -&gt; New Adjustment Layer -&gt; Brightness/Contarast to add an adjustment layer above all the other layers.</p>
<p>Set Brightness to +10 and Contrast to +80 and we are done!</p>
<p><img src="http://wegraphics.net/wp-content/uploads/2012/04/chamonix-preview.jpg" alt="Design a Vintage Style Ski Poster in Photoshop" width="550" height="778" /></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=1tFgS9DB-Ic:pWsVtEXzXmg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=1tFgS9DB-Ic:pWsVtEXzXmg:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=1tFgS9DB-Ic:pWsVtEXzXmg:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=1tFgS9DB-Ic:pWsVtEXzXmg:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=1tFgS9DB-Ic:pWsVtEXzXmg:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=1tFgS9DB-Ic:pWsVtEXzXmg:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=1tFgS9DB-Ic:pWsVtEXzXmg:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=1tFgS9DB-Ic:pWsVtEXzXmg:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=1tFgS9DB-Ic:pWsVtEXzXmg:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=1tFgS9DB-Ic:pWsVtEXzXmg:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=1tFgS9DB-Ic:pWsVtEXzXmg:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://wegraphics.net/blog/tutorials/how-to-design-a-vintage-style-ski-poster-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Photoshop Quick Tip: Adding and Enhancing Light Rays in Your Photos</title>
		<link>http://wegraphics.net/blog/tutorials/photoshop-quick-tip-adding-and-enhancing-light-rays-in-your-photos/</link>
		<comments>http://wegraphics.net/blog/tutorials/photoshop-quick-tip-adding-and-enhancing-light-rays-in-your-photos/#comments</comments>
		<pubDate>Tue, 03 Apr 2012 17:30:56 +0000</pubDate>
		<dc:creator>Nathan Brown</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://wegraphics.net/?p=14682</guid>
		<description><![CDATA[I love photographing light. You can get some really random and cool effects from aiming your lens at the sun. You can also create some really fun effects using filters in Photoshop. And sometimes these effects are so simple to achieve it almost feels like cheating. Lets take a look at one such effect&#8230; adding light rays to a photo.

To achieve this effect you need a good photo with a light source coming from behind a subject. I found this great photoof a girl jumping by Heather Aitken.

I chose this photo because the sun is setting in the background, and we have a good foreground subject for the light rays ...]]></description>
			<content:encoded><![CDATA[<p>I love photographing light. You can get some really random and cool effects from aiming your lens at the sun. You can also create some really fun effects using filters in Photoshop. And sometimes these effects are so simple to achieve it almost feels like cheating. Lets take a look at one such effect&#8230; adding light rays to a photo.<span id="more-14682"></span><br />
<br style="clear:both;" /><br />
To achieve this effect you need a good photo with a light source coming from behind a subject. I found <a href="http://www.flickr.com/photos/feathy123/3951273047/sizes/z/in/photostream/" target="_blank">this great photo</a>of a girl jumping by <a href="http://www.flickr.com/photos/feathy123/" target="_blank">Heather Aitken</a>.</p>
<p><img class="alignnone size-full wp-image-14683" title="lightrays-img1" src="http://wegraphics.net/wp-content/uploads/2012/04/lightrays-img1.jpg" alt="" width="558" height="398" /></p>
<p>I chose this photo because the sun is setting in the background, and we have a good foreground subject for the light rays to wrap around. To start the process, lets switch over to the channels palette, and choose the channel with the most contrast.</p>
<p>In this case I felt the Red Channel contained the best contrast. So I duplicated that channel by dragging red layer to the &#8220;Create New Channel&#8221; icon.</p>
<p><img class="alignnone size-full wp-image-14684" title="lightrays-img2" src="http://wegraphics.net/wp-content/uploads/2012/04/lightrays-img2.jpg" alt="" width="555" height="396" /></p>
<p>Now we need to bump the contrast even more using Levels adjustment on the Red copy layer.</p>
<p><img class="alignnone size-full wp-image-14685" title="lightrays-img3" src="http://wegraphics.net/wp-content/uploads/2012/04/lightrays-img3.jpg" alt="" width="555" height="396" /></p>
<p>Now make a selection from this layer by (Cmd+Clicking) the Red copy layer&#8217;s thumbnail on the Channels palette.</p>
<p><img class="alignnone size-full wp-image-14686" title="lightrays-img4" src="http://wegraphics.net/wp-content/uploads/2012/04/lightrays-img4.jpg" alt="" width="555" height="396" /></p>
<p>Now, with the selection still active, switch back over to the Layers panel and create a new layer. Then choose (Edit | Fill) and make sure &#8220;White&#8221; is selected for use.</p>
<p><img class="alignnone size-full wp-image-14687" title="lightrays-img5" src="http://wegraphics.net/wp-content/uploads/2012/04/lightrays-img5.jpg" alt="" width="555" height="396" /></p>
<p>You can deselect the white area now, and choose (Filter | Blur | Radial Blur) using the settings below.</p>
<p><img class="alignnone size-full wp-image-14688" title="lightrays-img6" src="http://wegraphics.net/wp-content/uploads/2012/04/lightrays-img6.jpg" alt="" width="555" height="396" /></p>
<p>This looks good, but lets take it a step further.</p>
<p><img class="alignnone size-full wp-image-14689" title="lightrays-img7" src="http://wegraphics.net/wp-content/uploads/2012/04/lightrays-img7.jpg" alt="" width="555" height="392" /></p>
<p>On the white light rays layer, add an Outer Glow layer style with the following settings.</p>
<p><img class="alignnone size-full wp-image-14690" title="lightrays-img8" src="http://wegraphics.net/wp-content/uploads/2012/04/lightrays-img8.jpg" alt="" width="328" height="380" /></p>
<p>That&#8217;s it&#8230; We added some warmth to the light rays to match the original sunlight in the photo.</p>
<p><img class="alignnone size-full wp-image-14691" title="lightrays-img9" src="http://wegraphics.net/wp-content/uploads/2012/04/lightrays-img9.jpg" alt="" width="558" height="398" /></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=WMnRYDIVphs:VcGeIe-q6iw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=WMnRYDIVphs:VcGeIe-q6iw:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=WMnRYDIVphs:VcGeIe-q6iw:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=WMnRYDIVphs:VcGeIe-q6iw:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=WMnRYDIVphs:VcGeIe-q6iw:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=WMnRYDIVphs:VcGeIe-q6iw:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=WMnRYDIVphs:VcGeIe-q6iw:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=WMnRYDIVphs:VcGeIe-q6iw:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?i=WMnRYDIVphs:VcGeIe-q6iw:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=WMnRYDIVphs:VcGeIe-q6iw:l6gmwiTKsz0"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=l6gmwiTKsz0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/WeGraphicsBlog?a=WMnRYDIVphs:VcGeIe-q6iw:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/WeGraphicsBlog?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://wegraphics.net/blog/tutorials/photoshop-quick-tip-adding-and-enhancing-light-rays-in-your-photos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using eaccelerator
Database Caching using eaccelerator
Object Caching 736/1334 objects using eaccelerator

Served from: wegraphics.net @ 2012-05-25 10:47:35 -->

