<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>PSDFan &#187; Designing</title>
	<atom:link href="http://psd.fanextra.com/category/tutorials/designing/feed/" rel="self" type="application/rss+xml" />
	<link>https://psd.fanextra.com</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Thu, 05 May 2016 13:19:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>Create a Geometric Maze Design in Photoshop</title>
		<link>https://psd.fanextra.com/tutorials/designing/create-a-geometric-maze-design-in-photoshop/</link>
		<comments>https://psd.fanextra.com/tutorials/designing/create-a-geometric-maze-design-in-photoshop/#comments</comments>
		<pubDate>Thu, 13 Feb 2014 12:15:22 +0000</pubDate>
		<dc:creator>Dek Wid</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=49186</guid>
		<description><![CDATA[If you love creating abstract, visually awesome work in Photoshop, then this tutorial is for you. Learn how to create a surreal scene featuring a giant maze, constructed by 3D blocks. You'll learn all kinds of techniques, such as working with perspective, applying texture and lighting and much more.]]></description>
			<content:encoded><![CDATA[<p>If you love creating abstract, visually awesome work in Photoshop, then this tutorial is for you. Learn how to create a surreal scene featuring a giant maze, constructed by 3D blocks.</p>
<p>You&#8217;ll learn all kinds of techniques, such as working with perspective, applying texture and lighting and much more.</p>
<p>Let&#8217;s get started shall we?</p>
<h2>What You&#8217;ll Be Creating:</h2>
<p>Here&#8217;s a look at the outcome you&#8217;ll be able to produce by the end of this lesson:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/racefinal.jpg"></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://darkrose42-stock.deviantart.com/art/Grunge-texture-II-51505478" target="_blank">Texture</a></li>
<li><a href="http://pixabay.com/en/sunset-landscape-clouds-summer-sky-176603/" target="_blank">Sunset (Cloud) </a></li>
</ul>
</div>
<h2>Step 1</h2>
<p>Start by creating a new document (Ctrl+N) for scene we are going to create. Let the document be 2500 pixels wide and 1681 pixels high. Firstly, fill (Shift+F5) the document with black.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race1a.jpg"></p>
<h2></h2>
<p>Go to view in the menu bar and make sure to check ‘extra’ in the option box given. Then, click ‘show’ to come another option box up. Make sure to check ‘guide’ in the box.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race1b.jpg"></p>
<h2></h2>
<p>Now create crossing guide lines as shown in the screenshot below:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race1c.jpg"></p>
<h2>Step 2</h2>
<p>Proceed to create some other lines which will be used as guide lines to draw maze like shape. To do this purpose, activate the line tool in the tool panel. Set its weight to 3 pixels.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race2a.jpg"></p>
<h2></h2>
<p>Start to create the guide lines as shown below. I used red for the color of the lines.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race2b.jpg"></p>
<h2></h2>
<p>After creating the lines on the left part, merge the lines into a single layer. Duplicate (Ctrl+J) the layer and flip the duplicate horizontally. Move it to the right part of the document to have the guide line as shown in the screenshot. Merge the two line layers into a single layer. I named this layer lines.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race2c.jpg"></p>
<h2></h2>
<p>Reduce the opacity of this lines layer to about 40%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race2d.jpg"></p>
<h2>Step 3</h2>
<p>Now we are ready to create the shape. Create a new layer (Shift+Ctrl+N). I named this layer block shape 1. Take the pen tool and with the tool, create rectangular path on this shape 1 layer. Make sure to follow the guide lines to have right perspective of the shape. Right click on the path to show the path option box. Choose fill path.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race3a.jpg"></p>
<h2></h2>
<p>Fill the path with color of #9a9a9b</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race3b.jpg"></p>
<h2></h2>
<p>Here is what we have now:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race3c.jpg"></p>
<h2>Step 4</h2>
<p>Next we will create another rectangular shape on the left side. Create the other two guide lines crossing the leftmost corners (line 1 and 2) and another guide line (line 3) crossing the two lines.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race4a.jpg"></p>
<h2></h2>
<p>Create a new layer below the shape 1 layer. I named this layer shape 2. By following the lines previously made, create rectangular shape with the pen tool as we did in previous step 3. I fill the shape with lighter color as shown in the screenshot:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race4b.jpg"></p>
<h2>Step 5</h2>
<p>Finish the shape by creating the two other rectangular shapes. Remember to always follow the guide lines to keep the perspective of the shape. I created these two layers on different layers. I named these layers shape 3 and shape 4.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race5a.jpg"></p>
<h2></h2>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race5b.jpg"></p>
<h2></h2>
<p>Here is the result I created:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race5c.jpg"></p>
<h2>Step 6</h2>
<p>Proceed to give the shape some shading. Create a new layer above the shape 3 layer. Make sure to give this new layer a clipping mask.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race6a.jpg"></p>
<h2></h2>
<p>Take gradient tool in the tool panel and choose linier gradient with opacity of about 15%. Make sure to set the foreground color to black. Open the gradient editor and choose foreground to transparent gradient.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race6b.jpg"></p>
<h2></h2>
<p>Start giving some shading on the shape 3 layer by hold- clicking the gradient on the top of the image and drag downward a bit.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race6c.jpg"></p>
<h2></h2>
<p>Give some shading to the shape 4 where needed as well.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race6d.jpg"></p>
<h2>Step 7</h2>
<p>Now we will add some line on the shape 1. Go and select the shape 1 layer again. When we are still active on the shape 1 layer, go to layer > layer style > stroke:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race7a.jpg"></p>
<h2></h2>
<p>Here is the result. Select all the shape layers and merge them (Ctrl+E) into a single layer. I named this layer front right block.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race7b.jpg"></p>
<h2>Step 8</h2>
<p>Create another front block on the left with the same techniques as we did the previous front right block.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race8a.jpg"></p>
<h2></h2>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race8b.jpg"></p>
<h2>Step 9</h2>
<p>Then, again create the middle front block. Select all the front block layers and hit Ctrl+G to group them into a folder. I named this folder front block.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race9a.jpg"></p>
<h2>Step 10</h2>
<p>With the same way as we did in previous steps, create some rear blocks on the left side. Here are the first three blocks I created and named them as block 1,2 and 3.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race10a.jpg"></p>
<h2></h2>
<p>I finished the rear left side by creating some other blocks:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race10b.jpg"></p>
<h2>Step 11</h2>
<p>Proceed to create some blocks on the rear right side. I Created 7 blocks for this side.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race11a.jpg"></p>
<h2>Step 12</h2>
<p>Next we will add some white light between the aisles of the blocks. Let’s start giving the light on the aisles behind the right front block. To achieve this, create a new layer behind the right front block layer. Take a very soft round brush set to 20-30% opacity. On the new layer, paint the soft white light as indicated by the blue arrows.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race12a.jpg"></p>
<h2></h2>
<p>Give some white light behind the aisles behind the left front block as well.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race12b.jpg"></p>
<h2></h2>
<p>Here is the result I created after I gave some light on the aisles of the rear left blocks.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race12c.jpg"></p>
<h2>Step 13</h2>
<p>Do the same way to give some light on the aisles of the right rear block. After finishing the maze, select all the block layers and merge them into a single layer. I named this layer maze.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race13a.jpg"></p>
<h2>Step 14</h2>
<p>Now we are going to create background for the scene. Take the linier gradient again. Make sure to set the foreground color to black and the background to white. Choose the foreground to background gradient in the gradient editor.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race14a.jpg"></p>
<h2></h2>
<p>Next, change the black background by filling it linier gradient color of black and white. Here is the result I did:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race14b.jpg"></p>
<h2></h2>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race14c.jpg"></p>
<h2>Step 15</h2>
<p>Open the texture image on the document. Position this texture image above the background layer. Take free transform tool and scale its size to cover the background.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race15a.jpg"></p>
<h2></h2>
<p>Move the texture downwards so it is supposed to be the ground of the maze.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race15b.jpg"></p>
<h2></h2>
<p>Reduce the opacity of the texture layer to about 65%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race15c.jpg"></p>
<h2>Step 16</h2>
<p>Give this texture a layer mask by clicking the mask icon located at the bottom of the layer panel.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race16a.jpg"></p>
<h2></h2>
<p>Take a very soft round brush set to about 15-20% opacity. With black color, stroke the brush on areas around the texture to give it some masking. Here is the mask I created on the texture.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race16b.jpg"></p>
<h2></h2>
<p>And here is the masked texture now:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race16c.jpg"></p>
<h2></h2>
<p>Duplicate the texture layer and set the duplicate to soft light blending at 50% opacity.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race16d.jpg"></p>
<h2>Step 17</h2>
<p>Open the sky image on the document. Scale its size and position it above the texture layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race17a.jpg"></p>
<h2></h2>
<p>Give this sky layer a layer mask and mask some part of this sky image.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race17b.jpg"></p>
<h2>Step 18</h2>
<p>With the sky layer still selected, go to layer > new adjustment layers > hue/saturation. Make sure to give this hue/saturation layer a clipping mask.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race18a.jpg"></p>
<h2></h2>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race18b.jpg"></p>
<h2></h2>
<p>Here is the result:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race18c.jpg"></p>
<h2>Step 19</h2>
<p>Create a new layer above the sky layer. Take again a very soft round brush at size of about 800-900 pixels. With color, paint some white light behind the maze. I named this layer light. We can duplicate this layer and set the duplicate to soft light to get more vivid light.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race19a.jpg"></p>
<h2>step 20</h2>
<p>Proceed to work on the maze. Select the maze layer and mask some part of this layer as indicated in selection in the screenshot.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race20a.jpg"></p>
<h2></h2>
<p>Here is maze will look after being masked.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race20b.jpg"></p>
<h2>step 21</h2>
<p>Duplicate the maze layer and position the duplicate above the original layer with a clipping mask. Mask some part of the duplicate and set it to multiply at 75% opacity.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race21a.jpg"></p>
<h2></h2>
<p>Then, duplicate again the texture used in the background. Place the duplicate above the maze copy layer with a clipping mask. Scale its size.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race21b.jpg"></p>
<h2></h2>
<p>With the texture layer still selected, go to filter > other > high pass. Then set this texture layer to soft light at 70% opacity.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race21c.jpg"></p>
<h2></h2>
<p>Here is the result. Select all the maze layers and group them into a folder. I named this folder maze.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race21d.jpg"></p>
<h2></h2>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race21e.jpg"></p>
<h2>Step 22</h2>
<p>Create another new layer above the maze folder. On this new layer, paint soft white light in front of the middle front block as indicated in selection in the screenshot.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race22a.jpg"></p>
<h2></h2>
<p>Here is what I created:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race22b.jpg"></p>
<h2>Step 23</h2>
<p>Finally, we will alter the overall color of the scene. We do this by just simply giving new adjustment layers: color balance and photo filter on the topmost position in the layer panel.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race23a.jpg"></p>
<p>Set the color balance layer to normal at 100% opacity and photo filter to normal at 50% opacity:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/race23b.jpg"></p>
<h2>Congratulations, You&#8217;re All Done!</h2>
<p>Awesome job making it this far! You should be proud of what you&#8217;ve created. Show it off to your friends and colleagues and get some feedback.</p>
<p>You can also comment here with your version, or any questions you had about the techniques used. We love to see what you guys create and we&#8217;re always here to give helpful feedback and tips to help you to improve.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2014/01/racefinal.jpg" /></p>
<div class="serial-box">
<strong>Get deeper insight into the workflow and techniques used in this tutorial. Access the source files for this tutorial:</strong></p>
<p>The source files for this tutorial are available to our FanExtra members community. If you want to access the source files for this tutorial (and all of our tutorials + thousands of other resources) then <a href="http://fanextra.com/amember/signup.php"><strong>sign up here</strong></a>.</p>
<p>If you&#8217;re already a FanExtra member then you can <a href="http://fanextra.com/amember/login.php">login here</a> to access the source files.
</div>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrasourcefileaccess.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>https://psd.fanextra.com/tutorials/designing/create-a-geometric-maze-design-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Members Area Tutorial: Create a Music Event Poster by Following a Professional&#8217;s Workflow</title>
		<link>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-create-a-music-event-poster-by-following-a-professionals-workflow/</link>
		<comments>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-create-a-music-event-poster-by-following-a-professionals-workflow/#comments</comments>
		<pubDate>Wed, 17 Jul 2013 13:52:33 +0000</pubDate>
		<dc:creator>Eric Vasquez</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Members Content]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=45767</guid>
		<description><![CDATA[Today's design lesson let's you follow along with the professional workflow of digital artist Eric Vasquez and learn some really practical print design and photo manipulation techniques. <strong><a href="http://fanextra.com/amember/signup.php">Join FanExtra today</a> to access the full tutorial and download it's accompanying source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Create a Music Event Poster by Following a Professional&#8217;s Workflow</h2>
<p>Hey design students!</p>
<p>Today&#8217;s design lesson is a great opportunity to follow along with the workflow of a respected design professional. Eric Vasquez is one of our most popular teachers, and has worked with some huge companies throughout his illustrious design career.</p>
<p>Over to Eric&#8230;</p>
<p><em>&#8220;In this tutorial I will be walking you through the steps to create your own print ready poster. In this particular case it will feature a singer but the same techniques and rules apply to just about any type of poster that you would like to create. </p>
<p>I will be explaining some print terminology as well as showing you how to get the most out of your photos even if they&#8217;re under exposed to start with. We&#8217;ll also use seemingly ordinary typefaces combined with some cool typography tips to create something unique and different. If you are all ready to get started then fire up Photoshop and let’s get down to business.&#8221;</em></p>
<p><em>- Eric Vasquez</em></p>
<h2>Final Image</h2>
<p>Let’s take a look at a preview of the image that we are going to be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singerfinal.jpg " /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://www.sxc.hu/browse.phtml?f=view&#038;id=893284">Central Park B&#038;W 1 from Stock Xchng</a></li>
<li><a href="http://www.dreamstime.com/royalty-free-stock-images-singer-image15264589">Singer from Dreamstock</a></li>
<li><a href="http://www.sxc.hu/pic/l/b/ba/ba1969/1369961_53558976.jpg">Paper Texture from Stock Xchng</a></li>
<li><a href="http://www.sxc.hu/browse.phtml?f=view&#038;id=1226003">Old Book Cover from Stock Xchng</a></li>
<li><a href="http://sanami276.deviantart.com/art/textures-86-75395741">Textures 86 by ~Sanami276 on deviantART</a></li>
<li><a href="http://sanami276.deviantart.com/art/textures-99-93785185">Textures 99 by ~Sanami276 on deviantART</a></li>
</ul>
</div>
<h2>Step 1</h2>
<p>The first thing we are going to do is open up the image of our singer from Dreamstime.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_01_a.jpg" /></p>
<p>Press Command/Ctrl + Alt/Option + I on your keyboard to bring up the Image Size Dialog Box. Once the window appears, make sure that you Document Size is set to inches as shown here:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_01_b.jpg" /></p>
<p>Change the width of your image to 11 inches and press OK.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_01_c.jpg" /></p>
<p>Once your image is scaled up, select the ‘Background’ layer in your Layers Palette and press Command/Ctrl + J to duplicate the layer. After doing that you can turn the visibility of your original layer off. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_01_d.jpg" /></p>
<p>Depending on the size and resolution of the original image that you decided to use, you may not want to scale it up too much, especially if it has a lot of detail in it. In this particular case it works out because the image is mostly a silhouette with a few areas of detail.</p>
<h2>Step 2</h2>
<p>The original color mode of this image is set to grayscale, so go to the Image Menu and choose Mode>RGB to change it. Normally if you were working on something for print you would generally want to use CMYK instead, but if you are going to be printing your file out at the end you can always flatten your image and convert it at the end. Just make sure not to save over your layered RGB file in case you need to go back and make any changes or tweaks. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_02_a.jpg" /></p>
<p>You will then be prompted with a pop-up box asking if you would like to merge the document, we want to say ‘Don’t Merge’ for this part. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_02_b.jpg" /></p>
<h2>Step 3</h2>
<p>From here, make sure that you have your newly duplicated layer selected in your Layers Palette and then go to the Image Menu once again. This time we are going to select an option called Calculations. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_03_a.jpg" /></p>
<p>When the dialog box appears, go to the Channels option and choose the color has the most contrast – generally this will be the red channel. After that hit OK your press the Enter Key on your keyboard. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_03_b.jpg" /></p>
<p>Next, go to the Channels Palette over where your layers are and you will notice a new Alpha 1 Channel has been created. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_03_c.jpg" /></p>
<h2>Step 4</h2>
<p>Press the ‘O’ key on your keyboard, which is the shortcut for the Dodge and Burn Tools. Make sure that you have your Burn Tool selected and target the Midtones with an Exposure setting of around 50%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_04_a.jpg" /></p>
<p>Use the Burn Tool to fill in the singer so that you eventually have a solid black silhouette on a white background. You may have to make a couple of passes over the figure but keep at it until it’s completely black. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_04_b.jpg" /></p>
<p>When you are happy with your silhouette, hold down the Command/Ctrl Key and click on the layer thumbnail icon indicated below by the red bounding box.<br />
This will activate your selection and you should now see marching ants around your image.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_04_c.jpg" /></p>
<p>Return to your Layers Palette while your selection is still active and press Command/Ctrl + Shift + I to invert your selection. Alternatively you could just go to the Image Menu and choose Adjustments>Invert. </p>
<p>Once you have done that, click on the Layer Mask Icon at the bottom of your Layers Palette to mask out the background.</p>
<p>This method of silhouetting an image works particularly well for hair, most often when you have an image with a good amount of contrast between the figure and the background. If you are lacking contrast however, you could apply a Levels Adjustment to your Alpha Channel in order to bump up the darks or lights. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_04_d.jpg" /></p>
<p>Hold down the Control Key and click on your masked layer. When the dropdown menu appears choose ‘Convert to Smart Object’ as shown below:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_04_e.jpg" /></p>
<p>There are many benefits of using Smart Objects as opposed to normal Raster Layers and one of those benefits is that when you resize an image a couple of times with Raster Layers it will result in a noticeable loss in quality. If you use a Smart Object instead, it will retain the quality of the image so you can scale it up or down as many times as needed. </p>
<h2>Step 5</h2>
<p>Next we are going to create a New Document. Make your file 18.5” x 24.5” and set the Resolution to 300dpi. This is going to serve as our main poster file. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_05_a.jpg" /></p>
<p>Create another New Document and make this one 18” x 24” with the same Resolution Setting.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_05_b.jpg" /></p>
<p>Fill your 18” x 24” document with solid black using your Paint Bucket Tool (G). From here, hold down the Shift and Command/Ctrl Keys simultaneously and drag the layer over to your main poster file. </p>
<p>By holding down these keys while dragging your layer over, it should drop it right in the middle of your poster file. Just in case it lands off to one side or the other, select the black fill layer and your background at the same time and then use the Align Tools at the top of the screen to ensure that everything is centered nicely.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_05_c.jpg" /></p>
<p>Press Command/Ctrl + R to show your Rulers in case they aren’t yet visible. Drag a couple of guides around the edges of the black box. This will let us know where our bleed area is. Once your guides are in place you can turn off or throw away the black layer all together.</p>
<p>For those who are not familiar with the term ‘Bleed’ this is something you generally do in print to leave a bit of extra room for whoever is trimming your pages so you don’t end up with a white border around your poster. Some files will also require that you stay within a certain area, which would be commonly referred to as Safety or Live Area. This is only usually if you have important logos or copy that you want to make sure you don’t lose when your file is trimmed.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_05_d.jpg" /></p>
<p>Now that we have set up our main poster file with guides to indicate our Bleed Area, we can bring over our silhouetted singer Smart Object that we created earlier on. If you need to, scale him up a bit further using a Free Transform (Command/Ctrl + T) and dragging any of the four corners outwards while holding down the Shift Key. Use the image below as a rough guide for sizing and placement.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_05_e.jpg" /></p>
<h2>Step 6</h2>
<p>Create a new layer below your Smart Object and use your Paint Bucket Tool (G) to fill the layer with #EA00FF.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_06_a.jpg" /></p>
<p>Your layers should look like this:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_06_b.jpg" /></p>
<p>Hold down your Command/Ctrl Key and click on the layer thumbnail icon indicated below by the black bounding box around the small picture.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_06_c.jpg" /></p>
<p>Once you have an active selection around the guy, switch to your Brush Tool (B) and use a soft round brush at about 20% opacity.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_06_d.jpg" /></p>
<p>Create a new layer just above the layer with the singer and using a dark color that was sampled from the darker parts of the image, paint over the area shown here:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_06_e.jpg" /></p>
<p>This will darken the back of the head so we have better separation from the background color. </p>
<h2>Step 7</h2>
<p>Select your Singer Layer and press Command/Ctrl + J to make a copy of it on the layer above. After you have done that, go to the Image Menu and choose Adjustments>Shadows/Highlights as shown here:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_07_a.jpg" /></p>
<p>Use the following settings when prompted with the dialog box.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/singer_07_b.jpg" /></p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-create-a-music-event-poster-by-following-a-professionals-workflow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Members Area Tutorial: Design an Action Packed Movie Poster</title>
		<link>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-design-an-action-packed-movie-poster/</link>
		<comments>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-design-an-action-packed-movie-poster/#comments</comments>
		<pubDate>Wed, 19 Jun 2013 12:52:33 +0000</pubDate>
		<dc:creator>Santhosh Rao</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Members Content]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=44618</guid>
		<description><![CDATA[In today's Photoshop design lesson you'll be learning how to create an action packed movie poster design. This is a great way to take your Photoshop skills and apply them to a real, actionable project spec that you can then transfer to your client projects. <strong><a href="http://fanextra.com/amember/signup.php">Join FanExtra today</a> to access the full tutorial and download it's accompanying source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Design an Action Packed Movie Poster</h2>
<p>In today&#8217;s Photoshop design lesson you&#8217;ll be learning how to create an action packed movie poster design.</p>
<p>This is a great way to take your Photoshop skills and apply them to a real, actionable project spec that you can then transfer to your client projects.</p>
<p>This lesson will teach you a variety of actionable techniques such as:</p>
<ul>
<li>Using advanced lighting techniques to create a dramatic scene.</li>
<li>Creating 3D text and effects in PS CS6 using just Blending Modes and layer properties.</li>
<li>Working with lighting and shading.</li>
<li>Creating a war scene through multiple image blending</li>
<li>Cinematic style color correction.</li>
<li>and many more interesting techniques to make your design work easier and more fun!</li>
</ul>
<h2>Creating a Movie Poster</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-final.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://tyrapollo.deviantart.com/art/Rainbow-Operator-Gamma-346513716">Soldier 1</a> &#8211; tyrapollo</li>
<li><a href="http://tyrapollo.deviantart.com/art/Rainbow-Operator-Delta-346300679">Soldier 2</a> &#8211; tyrapollo</li>
<li><a href="http://tyrapollo.deviantart.com/art/Rainbow-Operator-Alpha-342931866">Sildier 3</a> &#8211; tyrapollo</li>
<li><a href="http://www.sxc.hu/photo/1115709">Buildings</a> &#8211; sxc.hu</li>
<li><a href="http://catstock.deviantart.com/art/Dark-Blue-Sky-2-71869325">Night Sky</a> &#8211; Catstock</li>
<li><a href="http://www.brusheezy.com/brushes/21907-krist-s-smoke-brushes">Fog Brushes</a> &#8211; brusheezy</li>
<li><a href="http://andrei-oprinca.deviantart.com/art/Transparent-PNG-Fire-Smoke-182445825">Explosion</a> &#8211; andrei-oprinca</li>
<li><a href="http://hq-hq.deviantart.com/art/muzzle-flash-stock-pack-2-189572285">Muzzle Flash</a> &#8211; hq-hq</li>
<li><a href="http://maxpowersxx.deviantart.com/art/BULLET-HOLE-GIMP-BRUSHES-198891520">Bullet Holes</a> &#8211; maxpowersxx</li>
<li><a href="http://www.sxc.hu/photo/1235847">Destroyed Van</a> &#8211; sxc.hu</li>
<li><a href="http://www.sxc.hu/photo/237588">Demolished House 1</a> &#8211; sxc.hu</li>
<li><a href="http://www.sxc.hu/photo/237584">Demolished House 2</a> &#8211; sxc.hu</li>
<li><a href="http://wegraphics.net/downloads/free-falling-sparks-brush-set/">Sparks</a> &#8211; webgraphics.net</li>
<li><a href="http://www.textureking.com/content/img/stock/big/DSC_3527.JPG">Concrete Texture</a> &#8211; Texture King</li>
<li><a href="http://www.fontsquirrel.com/fonts/Major-Snafu">Free Font: Major Snafu</a></li>
</ul>
</div>
<h2>Step 1</h2>
<p>In this step we are going to arrange the soldiers in order. </p>
<p>1)	Create a new canvas in Photoshop with the dimensions Width=3000px and Height=4147px. Then import the image of the Soldier on to the canvas and it in the center as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-1a.jpg" /></p>
<p>2)	Now import two more soldiers on to the canvas and place them as shown, illustrating as if they got each other&#8217;s back.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-1b.jpg" /></p>
<h2>Step 2</h2>
<p>In this step we are going to create the Buildings BG.</p>
<p>1)	Erase the sky in the Buildings image using Magic Wand Tool (W) and import the buildings on to the canvas and place them in the background.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-2a.jpg" /></p>
<p>2)	Create a Hue/Saturation adjustment layer to the buildings layer and set the Saturation level to -59.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-2b.jpg" /></p>
<p>3)	Now create an Exposure adjustment layer to the buildings layer and set the Exposure level to -0.46 and Gamma Correction to -0.50.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-2c.jpg" /></p>
<p>4)	Create a new layer above the buildings layer and paint the shadows as shown using the Soft Round Brush (B).</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-2d.jpg" /></p>
<h2>Step 3</h2>
<p>In this step we will be creating the night sky in the scene.</p>
<p>1)	Import the image of the sky on to the working canvas and place it behind the buildings layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-3a.jpg" /></p>
<p>2)	Now de-saturate the sky layer to -62 using the Hue/Saturation adjustment layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-3b.jpg" /></p>
<p>3)	Using the Exposure adjustment layer increase the Offset value to -0.0174 to enhance the dark values of the sky image.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-3c.jpg" /></p>
<p>4)	Now create a Curves adjustment layer to the sky layer and set the RGB curves as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-3d.jpg" /></p>
<h2>Step 4</h2>
<p>In this step we are going to create fire sparks flying around in the scene.</p>
<p>1)	Create a new layer under the soldier&#8217;s layer and paint the sparks as shown using the fire sparks brush using the color #f7c30f.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-4a.jpg" /></p>
<p>2)	With the sparks layer selected go to Filters>Blur>Motion Blur and set the Angle to 14 and Distance=23px. This creates a natural depth to the sparks.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/06/navyseals-4b.jpg" /></p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-design-an-action-packed-movie-poster/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Members Area Tutorial: Design a Super Creative Box Packaging Template</title>
		<link>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-design-a-super-creative-box-packaging-template/</link>
		<comments>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-design-a-super-creative-box-packaging-template/#comments</comments>
		<pubDate>Wed, 01 May 2013 17:45:59 +0000</pubDate>
		<dc:creator>Nacho Riesco</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Members Content]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=43068</guid>
		<description><![CDATA[Learn how to create a unique box packaging design for a DJ promotion. You'll work with advanced texturing and lighting techniques, and use patterns, masking, filters and blending options. <strong><a href="http://fanextra.com/amember/signup.php">Sign up today</a> to access the full tutorial and download it's source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Design a Super Creative Box Packaging Template</h2>
<p>Today you can learn about professional packaging design techniques from a true expert in the field &#8211; Nacho Riesco.</p>
<p>This tutorial uses the example of a real-life project for a popular DJ&#8217;s promotional packaging.</p>
<p>You&#8217;ll learn how to layer up multiple textures and surfaces in a non-destructive way. You&#8217;ll also apply complex masks, patterns and create custom lighting.</p>
<p>Let&#8217;s get started!</p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-boxfinal.jpg"></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://www.brusheezy.com/patterns/28244-argyle-pattern-set">Arlequin Pattern</a></li>
<li><a href="http://www.cgtextures.com/login.php?&#038;texid=12841&#038;destination=texview.php?id=12841&#038;PHPSESSID=hr4s5h2jq0df1t4hjvjh1mah14">Metal Bare Image</a></li>
<li><a href="http://www.cgtextures.com/texview.php?id=12493&#038;PHPSESSID=9t4609lmqh0h9222v4s9d2dqb3">Aged Paper Image</a></li>
<li><a href="http://www.cgtextures.com/texview.php?id=42893&#038;PHPSESSID=9t4609lmqh0h9222v4s9d2dqb3">Crumpled Plastic Image</a></li>
<li><a href="http://www.cgtextures.com/texview.php?id=19800&#038;PHPSESSID=9t4609lmqh0h9222v4s9d2dqb3">Wood Table Image</a></li>
<li><a href="http://www.cgsociety.org/index.php/CGSFeatures/CGSFeatureSpecial/tower_of_evil">Blur Brush Set</a> (Click &#8216;next page&#8217; at bottom of linked page, then look for text link to brush download at the bottom of this second page).</li>
<li>Assets Folder (Available to FanExtra Members Only)</li>
</ul>
</div>
<h2>Step 1</h2>
<p>
This Tutorial will teach you how to render a retro toy box of a robo-mascot for a DJ producer.</p>
<p>Start by creating a 722 width x 984 high pixels (100dpi) document. </p>
<p>Download the &#8216;assets&#8217; folder in the resources section for this tutorial. This will contain necessary elements you&#8217;ll need to create this piece.</p>
<p>Open the &#8220;Cardboard&#8221; image you will find on the assets, using the Rectangular Marquee Tool make a selection of the image, then Copy and Paste it on the new document, rename the layer &#8220;Box Front&#8221;. Go to Edit > Transform > Perspective and transform it as shown.<br />
Next, using the Rectangular Marquee Tool again, make a selection of the lower part, Copy and Paste it on a new Layer &#8220;Box Profile&#8221; and transform it as shown, as we did before.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-box1.jpg"></p>
<h2>Step 2</h2>
<p>Create a new layer &#8220;Lower Box Shadow&#8221;, set its Blending Mode to Multiply and 40% Opacity, make Ctrl + left Click on the &#8220;Box Profile&#8221; layer, to select its content, next, select black color and fill it on the new Layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-box2.jpg"></p>
<h2>Step 3</h2>
<p>Now, open the &#8220;Robot&#8221; image from the asstes, and import it on a new Layer &#8220;Robot&#8221;, use the Guides to place it on the middle of the box.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-box3.jpg"></p>
<h2>Step 4</h2>
<p>Using the Pen Tool, draw a Work Path for the window as shown, once finished create its selection.</p>
<p>With the selection active, Copy and Paste the piece of window from the &#8220;Box Front&#8221; Layer, to a new Layer, &#8220;Front Cover&#8221;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-box4a.jpg"></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-box4b.jpg"></p>
<h2>Step 5</h2>
<p>Now, make Ctrl + Left Click on the &#8220;Front Cover&#8221; Layer to select its content, then go to Selection > Transform Selection > Contract, and apply a 13 pixels transformation.</p>
<p>Create a new layer &#8220;Sticker 1&#8243;, select the #f5f3db code color on the Color Picker, and with the Paint Bucket Tool, fill the active selection.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-box5a.jpg"></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-box5b.jpg"></p>
<h2>Step 6</h2>
<p>Apply the Bevel and Emboss Layer Style settings as shown, to get the following result.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-box6a.jpg"></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-box6b.jpg"></p>
<h2>Step 7</h2>
<p>Grab the Erase Tool, and with a Hard Round Brush, erase some parts of the sticker to get an irregular contour as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/05/toy-box7.jpg"></p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-design-a-super-creative-box-packaging-template/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Members Area Tutorial: Create a Beautiful Mixed Media Portrait in Photoshop</title>
		<link>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-create-a-beautiful-mixed-media-portrait-in-photoshop/</link>
		<comments>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-create-a-beautiful-mixed-media-portrait-in-photoshop/#comments</comments>
		<pubDate>Wed, 13 Mar 2013 15:41:39 +0000</pubDate>
		<dc:creator>Jenny Le</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Members Content]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=41421</guid>
		<description><![CDATA[Learn how to create a beautiful mixed media portrait in this advanced tutorial. You'll work with creative filter application, blending multiple elements and layering up a complex composition. <strong><a href="http://fanextra.com/amember/signup.php">Sign up today</a> to access the full tutorial and download it's source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Create a Beautiful Mixed Media Portrait in Photoshop</h2>
<p>Digital art is great, but it can begin to look a little generic after a while. Sleek photo manipulations become a little dull if that&#8217;s all you ever create.</p>
<p>Luckily, it&#8217;s possible to design some more creative looking designs using Photoshop. This includes mixed media style work, that emulates the work of non-digital compositions.</p>
<p>Today&#8217;s advanced tutorial will teach you how to create a beautiful mixed media portrait effect. </p>
<p>You can use this effect for high-end client work, but it could equally be an amazing way to impress your friends and colleagues by converting your personal photos across social media. Why not bring your portfolio site&#8217;s about page to life with a super creative mixed media self portrait?</p>
<p>In today&#8217;s tutorial you&#8217;ll work with:</p>
<ul>
<li>Professional blending techniques</li>
<li>Applying textures and stocks correctly</li>
<li>Creatively using filters for drawing purposes</li>
<li>And much more!</li>
</ul>
<p>Let&#8217;s dive right in!</p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmediafinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href=" http://depositphotos.com/2416185/stock-photo-Beautiful-bride-with-modern-hairstyle.html ">Model</a></li>
<li><a href=" http://lostandtaken.com/gallery/2watercolor1.html ">Paper 1</a></li>
<li><a href=" http://lostandtaken.com/gallery/vpaper2.html ">Paper 2</a></li>
<li><a href=" http://mediamilitia.com/watercolors-pack-volume-2-30-free-textures/ ">Watercolor texture 1 (pack)</a></li>
<li><a href=" http://sadmonkeydesign-res.deviantart.com/art/WaterColor-28-128675020 ">Watercolor texture 2</a></li>
<li><a href=" http://sadmonkeydesign-res.deviantart.com/art/WaterColor-44-128996363 ">Watercolor texture 3</a></li>
<li><a href=" http://pureromance88.ucoz.com/news/free_abstract_shapes_and_light_streaks/2013-03-05-128 ">Abstract shapes</a></li>
<li><a href=" http://mediamilitia.com/halftones-pack-55-free-vectors-brushes-and-images/ ">Halftone images</a></li>
<li><a href=" http://sonic-gal007.deviantart.com/art/Splatter-and-Strokes-Brush-Set-131650164 ">Splatter brushes</a></li>
<li><a href=" http://www.stockfreeimages.com/5082376/Ornament.html ">Ornament</a></li>
</ul>
</div>
<h2>Step 1</h2>
<p>Create a new document and fill it with white. I use the size of 1000&#215;1100 but feel free to make your own. Open paper 1 stock. Use Move Tool (V) to drag it into our document and lower opacity to 30%:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia1.jpg" /></p>
<h2>Step 2</h2>
<p>Drag paper 2 into our canvas and continue lowering opacity to 30%:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia2.jpg" /> </p>
<h2>Step 3</h2>
<p>I use an adjustment layer to change color of the picture. Go to Layer-New Adjustment Layer-Hue/Saturation:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia3.jpg" /> </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia3a.jpg" /> </p>
<h2>Step 4</h2>
<p>Open the model stock. You can use your own photo, but I advise that you choose a high quality one, as this will give you a much better end result.</p>
<p>Extract the model and place her at the middle of our picture. Then click the second button of Layer Pallete to add layer mask to model one. </p>
<p>Use a soft black brush to remove the hair part then change brush to splatter ones. Choose some from these brush and blend the bottom of model with background:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia4.jpg" /> </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia4a.jpg" /> </p>
<h2>Step 5</h2>
<p>Create a new layer with Clipping Mask options for model layer. Use Clone Tool (S) to remove model necklace:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia5.jpg" /> </p>
<p>Don&#8217;t worry if the result doesn&#8217;t look perfect, we&#8217;ll add more element there later.</p>
<h2>Step 6</h2>
<p>I make an adjustment layer with Clipping Mask to reduce model saturation:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia6.jpg" /> </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia6a.jpg" /> </p>
<h2>Step 7</h2>
<p>Open watercolor 1 stock. I choose one from this pack and place it onto model shoulder, also set this layer under model one. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia7.jpg" /> </p>
<p>Change the mode to Multipy 100% and use layer mask with opacity about 50-55% to blur the left side:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia7a.jpg" /> </p>
<h2>Step 8</h2>
<p>Create a Hue/Saturation layer (Clipping Mask) for this watercolor layer (I name it &#8220;watercolor 1&#8243;):</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia8.jpg" /> </p>
<h2>Step 9</h2>
<p>Open watercolor 2 stock. I rotate it using Cmd/Ctrl+T and place it at the shoulder area, put the mode as Multipy 100% (set this layer above model one). Then I use layer mask to erase remained dark edge after changing the mode:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia9.jpg" /> </p>
<p>Apply a Hue/Saturation layer (Clipping Mask) to create a subtle effect:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia9a.jpg" /> </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/03/mixmedia9b.jpg" /> </p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-create-a-beautiful-mixed-media-portrait-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Members Area Tutorial: Create a Complete Video Game Experience Photo Manipulation Scene</title>
		<link>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-create-a-complete-video-game-experience-photo-manipulation-scene/</link>
		<comments>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-create-a-complete-video-game-experience-photo-manipulation-scene/#comments</comments>
		<pubDate>Wed, 27 Feb 2013 22:16:46 +0000</pubDate>
		<dc:creator>Santhosh Rao</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Members Content]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=41107</guid>
		<description><![CDATA[Learn how to create a video game experience by combining a complex photo manipulation piece with a video game interface layout. Two advanced tutorials in one, and a whole lot to learn! <strong><a href="http://fanextra.com/amember/signup.php">Sign up today</a> to access the full tutorial and download it's source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Create a Complete Game Experience Photo Manipulation Scene</h2>
<p>Today&#8217;s tutorial is something a little different, but is perfect if you&#8217;re interested in not just creating stunning artwork, but artwork that&#8217;s usable for real life projects.</p>
<p>We&#8217;re going to be learning how to create a dark photo manipulation scene, and then frame this scene within a video-game type screen.</p>
<p>In this sense the tutorial is really two tutorials in one, as you&#8217;re be working with photo manipulation techniques, but combining these with interface creation walkthroughs.</p>
<p>You&#8217;ll be mastering techniques such as:</p>
<ul>
<li>Digital painting realistic dead branches and hair.</li>
<li>Managing skin tone, makeup and how to make your character look dramatic</li>
<li>Creating artificial dramatic light effects.</li>
<li>Effective use of blending modes.</li>
<li>Creating a detailed videogame interface using a variety of professional techniques.</li>
<li>And much much more!</li>
</ul>
<p>Ok, let&#8217;s get started shall we?</p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogamefinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://faestock.deviantart.com/art/Memento2-352570888">Model</a> &#8211; faestock
<li><a href="http://umbradenoapte-stock.deviantart.com/art/Stock-5-78201898">Forest</a> &#8211; umbradenoapte-stock
<li><a href="http://maureenolder.deviantart.com/art/STOCK-PNG-wings-set-2-104934197">Wings</a> &#8211; maureenolder
<li><a href="http://para-vine.deviantart.com/art/Hair-brush-set-145384302">Hair</a> &#8211; para-vine
<li><a href="http://pathfinder-stock.deviantart.com/art/7-Frames-and-Mirrors-PSD-Pack-75843073">Frames 1</a> &#8211; pathfinder-stock
<li><a href="http://paperjunk.deviantart.com/art/Stock-Pack-01-Golden-Frames-99245300">Golden Frames</a> &#8211; paperjunk
<li><a href="http://all-free-download.com/free-vector/vector-clip-art/sword_clip_art_7186.html">Sword</a> &#8211; all-free-download.com
<li><a href="http://all-free-download.com/free-vector/vector-misc/fire_elements_48474.html">Fire</a> &#8211; all-free-download.com
<li><a href="http://www.freevector.com/blue-waves/">Water</a> &#8211; freevector
<li><a href="http://www.fontspace.com/windows-tips-club/wizards-magic">Wizard Font</a> &#8211; fontspace
<li><a href="http://fontzone.net/font-details/Exocet+Heavy/">Title Font</a> &#8211; fontzone
<li><a href="http://www.sxc.hu/photo/1410992">Wall Texture</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/16916">Gold Coins</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1328311">Frame</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1328513">Scroll</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1185177">Bubbles</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1345051">Gel</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1382212">Dead Tree</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1381250">Map</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1383111">Street Lamp</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1384077">Hearts</a> &#8211; sxc.hu
<li><a href="http://valantisdigitalart.deviantart.com/art/Crown-of-Thorns-345768355">Thorns</a> &#8211; valantisdigitalart
<li><a href="http://www.brusheezy.com/brushes/21907-krist-s-smoke-brushes">Smoke Brush</a> &#8211; brusheezy</li>
<li><a href="http://www.sxc.hu/photo/1410483">Wood Texture</a> &#8211; sxc.hu</li>
</ul>
</div>
<h2>Step 1</h2>
<p>Create a new canvas in Photoshop and import the image of the model onto the canvas.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame1.jpg" /></p>
<h2>Step 2</h2>
<p>In this step we are going to add a background in the scene.</p>
<p>1)	Import the image of the forest on to the canvas and place it beneath the model layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame2a.jpg" /></p>
<p>2)	Now create an Exposure adjustment layer to the forest layer and set the Exposure to -1.79, Offset=-0.0434 and Gamma Correction = 0.69.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame2b.jpg" /></p>
<p>3)	Now create a Curves adjustment layer to the model layer and set the RGB curves as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame2c.jpg" /></p>
<p>4)	Create a Hue/Saturation layer to the model layer and set the Saturation level to -42.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame2d.jpg" /></p>
<p>5)	Now create a new layer and paint shadow at the bottom edges of model&#8217;s dress as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame2e.jpg" /></p>
<h2>Step 3</h2>
<p>In this step we are going to create a gothic tribal tattoo effect on the skin of the model.</p>
<p>1)	Using the Brush Tool (B) draw a rough sketch of the tattoo design on model as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame3a.jpg" /></p>
<p>2)	Now select a mask in the shape of the tattoo using the Pen Tool (P), then separate the selection into a new layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame3b.jpg" /></p>
<p>3)	Create an Exposure adjustment layer to the separated skin layer and set the Exposure level to +0.28, Offset=-0.0522 and Gamma Correction to 0.46.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame3c.jpg" /></p>
<p>4)	Now create a Hue/Saturation adjustment layer and set the Saturation level to -57.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame3d.jpg" /></p>
<p>5)	Repeat the same procedure and create the tattoo on the other side of the model&#8217;s neck as shown. Then create an Exposure adjustment layer to it and set the Exposure level to -0.05, Offset=-0.0043 and Gamma Correction to 0.87.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame3e.jpg" /></p>
<p>6)	Now de-saturate the tattoo layer to -57 using the hue/Saturation layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame3f.jpg" /></p>
<p>7)	Select the color #804e66 and paint the hair strands as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame3g.jpg" /></p>
<h2>Step 4</h2>
<p>In this step we will be working on slight makeup re-touching on the model&#8217;s face.</p>
<p>1)	Create a new layer above the model layer and paint black color above the eyes as shown and reduce the Opacity of the layer to 56%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame4a.jpg" /></p>
<p>2)	Now paint Red shade under the eyes as show in a new layer and set the Blending model of the layer to Overlay.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame4b.jpg" /></p>
<h2>Step 5</h2>
<p>In this step we will be creating the feather prop to the model.</p>
<p>1)	Import the image of the wings onto the canvas and place them behind the model as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame5a.jpg" /></p>
<p>2)	Now duplicate the image of the feathers and flip it horizontally and place it adjacent to the previous feather layer as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame5b.jpg" /></p>
<p>3)	Now select a rough mask cover half the portion of left side feathers and add a feather of 35px, then create an Exposure adjustment layer to it and set the Exposure to -0.93 Gamma Correction=0.57.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame5c.jpg" /></p>
<p>4)	Using the Brush Tool (B) paint dark shadow as shown in a new layer placed in between the feathers and the model.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame5d.jpg" /></p>
<h2>Step 6</h2>
<p>In this step we are going to paint the fog in the scene.</p>
<p>1)	Create a new layer on the top of layers pallet and paint the white fog as shown using the fog brush.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame6a.jpg" /></p>
<p>2)	Import the image of the dead branch on to the canvas and place it on the right side of the scene as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame6b.jpg" /></p>
<p>3)	Again paint the fog in a new layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame6c.jpg" /></p>
<p>4)	Create a new layer and paint black fog at the bottom of the scene. Make sure to place this layer beneath the fog2 layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame6d.jpg" /></p>
<p>5)	Create a black bokeh around the edges of the scene as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/videogame6e.jpg" /></p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-create-a-complete-video-game-experience-photo-manipulation-scene/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Members Area Tutorial: Creating a Zombie Video Game Cover</title>
		<link>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-creating-a-zombie-video-game-cover/</link>
		<comments>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-creating-a-zombie-video-game-cover/#comments</comments>
		<pubDate>Wed, 23 Jan 2013 11:30:55 +0000</pubDate>
		<dc:creator>Santhosh Rao</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Members Content]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=39963</guid>
		<description><![CDATA[In this practical product design tutorial you'll learn how to create a zombie video game cover. You'll work with digital painting, advanced lighting, color correction and construction of a cover layout. <strong><a href="http://fanextra.com/amember/signup.php">Sign up today</a> to access the full tutorial and download it's source file.</strong>]]></description>
			<content:encoded><![CDATA[<h2>Members Area Tutorial: Creating a Zombie Video Game Cover</h2>
<p>You guys have been requesting tutorials that have more practical outcomes. In this tutorial we will be creating a zombie video game cover, which will teach you some of the basics of product packaging and advertising. With this tutorial we will be covering major topics like:</p>
<ul>
<li>Working with Custom Shapes</li>
<li>Advanced Lighting</li>
<li>Digital Painting</li>
<li>Working with the Ruler Tool</li>
<li>Advanced color correction</li>
<li>and many more interesting topics interesting topics on product cover design.</li>
</ul>
<h2>Zombie Hunter</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombiefinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://mjranum-stock.deviantart.com/art/Dark-Alleyways-343151080">Main Character</a> &#8211; mjranum-stock
<li><a href="http://mjranum-stock.deviantart.com/art/Zombie-Cheerleader-6-150458176">Zombie Woman</a> &#8211; mjranum-stock
<li><a href="http://tmwors.deviantart.com/art/Zombies-36211725">Zombie Shapes</a> &#8211; tmwors
<li><a href="http://markyfan.deviantart.com/art/ChristmasTreeBrushes-70534507">Tree Brushes</a> &#8211; markyfan
<li><a href="http://spacenewt.deviantart.com/art/Trees-Transparent-pngs-40036748">Tree png</a> &#8211; spacenewt
<li><a href="http://gd08.deviantart.com/art/tree-corner-1-png-179358160">Corner tree 1</a> &#8211; gd08
<li><a href="http://gd08.deviantart.com/art/tree-corner-png-179354874">Corner Tree 2</a> &#8211; gd08
<li><a href="http://amorphisss.deviantart.com/art/Rain-Brushes-159876877">Rain Brush</a> &#8211; amorphisss
<li><a href="http://www.brusheezy.com/brushes/1422-grunge-brushes">Grunge Brush</a> &#8211; brusheezy.com
<li><a href="http://fontzone.net/font-details/Exocet+Heavy/">Title Font</a> &#8211; fontzone
<li><a href="http://www.brusheezy.com/brushes/1714-beyond-the-mist">Beyond the Mist</a> &#8211; brusheezy.com
<li><a href="http://www.brusheezy.com/brushes/21907-krist-s-smoke-brushes">Smoke Brush</a> &#8211; brusheezy.com
<li><a href="http://www.free-photoshop.net/brushes/Three-Fog-Brushes">Window</a> &#8211; free-photoshop.net
<li><a href="http://www.sxc.hu/photo/1408370">Night Sky</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1382212">Dead Tree</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/971808">Axe</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/59940">Axe Blade</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/165644">Mud Road 1</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/933048">Mud Road 2</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1270800">Sign Board</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1150269">Concrete Texture</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1346685">Metal Texture</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/607227">Tie</a> &#8211; sxc.hu</li>
</ul>
</div>
<h2>Step 1</h2>
<p>In this step we will be creating the mud road for the BG.</p>
<p>1)	 Import the image of the mud road on to the canvas and place it as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie1a.jpg" /></p>
<p>2)	To expand the width of the road, import the image of another mud road image and place it on the right side of previously created road. Use a layer mask to blend the images together smoothly.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie1b.jpg" /></p>
<p>3)	Duplicate the previously created layer and place it on the left side of the road as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie1c.jpg" /></p>
<h2>Step 2</h2>
<p>In this step we will be creating a full moon sky.</p>
<p>1)	Create a new layer under the ground layer and fill in with Black color.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie2a.jpg" /></p>
<p>2)	Now import the image of the full moon sky on to the canvas and place it as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie2b.jpg" /></p>
<h2>Step 3</h2>
<p>In this step we will be introducing the main character in the scene.</p>
<p>1)	Import the image of the model on to the canvas and place it as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie3a.jpg" /></p>
<p>2)	Now create an Exposure adjustment layer and set the Exposure to +2.25.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie3b.jpg" /></p>
<p>3)	Using the Brightness/Contrast adjustment layer set the Brightness to 103 and Contrast level to 21.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie3c.jpg" /></p>
<p>4)	To blend the light shade on the model with the moon light paint a color gradient with the color #588892 on a new layer placed above the Model layer. Then set the Blending mode of the layer to Overlay.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie3d.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie3e.jpg" /></p>
<p>5)	Now by using the Hue/Saturation adjustment layer set the Hue level to 189 and Saturation level to 25. Make sure to check the Colorize box before adjusting the Hue and Saturation levels.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie3f.jpg" /></p>
<h2>Step 4</h2>
<p>In this step we will be color correcting the Sky and the ground.</p>
<p>1)	Create a Hue/Saturation adjustment layer to the sky layer and check the Colorize box, then set the Hue to 189 and Saturation level to 25.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie4a.jpg" /></p>
<p>2)	Create Curves adjustment layer to the ground folder and set the Blue and Red curves as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie4b.jpg" /></p>
<p>3)	Now create an Exposure adjustment layer to the ground folder and set the Exposure level to -0.63 and Gamma Correction to 0.56.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie4c.jpg" /></p>
<p>4)	Now de-saturate the ground layer by -51 using Hue/Saturation adjustment layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie-hunter-4d.jpg" /></p>
<p>5)	Create another Exposure Adjustment layer to the ground folder and set the Exposure level to -0.51 and Gamma Correction to 0.74.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/01/zombie4e.jpg" /></p>
<h2>That&#8217;s the end of the preview!</h2>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrajoinbanner.jpg" /></a></p>
<ul>
<li><a href="http://fanextra.com"><strong>Join our FanExtra members community</strong></a> to access this full tutorial.</li>
<li>Existing members can <a href="http://fanextra.com/amember/login.php"><strong>login here</strong></a> to access this tutorial.</li>
</ul>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>https://psd.fanextra.com/tutorials/designing/members-area-tutorial-creating-a-zombie-video-game-cover/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photo Manipulate an Ominous Poster Design</title>
		<link>https://psd.fanextra.com/tutorials/designing/photo-manipulate-an-ominous-poster-design/</link>
		<comments>https://psd.fanextra.com/tutorials/designing/photo-manipulate-an-ominous-poster-design/#comments</comments>
		<pubDate>Mon, 10 Sep 2012 13:51:20 +0000</pubDate>
		<dc:creator>Santhosh Rao</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=34847</guid>
		<description><![CDATA[Learn how to design an ominous poster using a range of professional techniques. You'll master complex extraction, texturing, blending, 3D font creation and much more in this expert tutorial! <strong>Download the source file for this and all our other tutorials in our <a href="http://www.fanextra.com">FanExtra Members Area</a></strong>]]></description>
			<content:encoded><![CDATA[<h2>Photo Manipulate an Ominous Poster Design</h2>
<p>In this tutorial we will be creating an old poster stuck to a street wall.</p>
<p>This tutorial covers topics like:</p>
<p>-Crisp extraction of hair from the original image, without loosing any details.<br />
-Creating an old destroyed building.<br />
-Effective use of Textures and Blending Modes.<br />
-Creating a 3D font using Blending Mode Properties.<br />
and more interesting methods to create fine details.</p>
<h2>Evil Poster</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposterfinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://jagged-eye.deviantart.com/art/Nigel-Wraith-1a-306558347">Magician</a> &#8211; jagged-eye</li>
<li><a href="http://www.sxc.hu/photo/965703">House</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1351802">Ground</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/75642">Grave</a> &#8211; sxc.hu
<li><a href="http://www.brusheezy.com/brushes/1422-grunge-brushes">Grunge Brush</a> &#8211; brusheezy
<li><a href="http://ravenarcana.deviantart.com/art/Witch-Hat-1-psd-139247532">Witch Hat</a> &#8211; ravenarcana
<li><a href="http://hatestock.deviantart.com/art/Sky-stock-199-187636526">Night Sky</a> &#8211; hatestock
<li><a href="http://www.sxc.hu/photo/1382212">Dead Branches</a> &#8211; sxc.hu
<li><a href="http://www.brusheezy.com/brushes/1028-dead-trees">Dead Tree Brush</a> &#8211; brusheezy
<li><a href="http://qbrushes.net/smoke-fire/particle-smoke/">Smoke Brush</a> &#8211; qbrushes
<li><a href="http://www.psdbox.com/stock/high-resolution-concrete-textures-pack/">Texture</a> &#8211; psdbox.com
<li><a href="http://www.psdbox.com/stock/hq-crack-textures-pack/">Cracks</a> &#8211; psdbox.com
<li><a href="http://www.sxc.hu/photo/839512">Iron Fence </a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1369961">Old Paper</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/665684">Nail 1</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/728278">Nail 2</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1397716">Wall Texture</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/992864">Old Paper Edges</a> &#8211; sxc.hu
<li><a href="http://www.brusheezy.com/brushes/1817-32-ultra-photoshop-quality-leaf-brushes">Leaves</a> &#8211; brusheezy
<li><a href="http://egg9700.deviantart.com/art/CS2-fog-32729983">Fog Brushes</a> &#8211; egg9700
<li><a href="http://www.brusheezy.com/brushes/1429-tags-brushes-6">Graffiti Brushes</a> &#8211; brusheezy
<li><a href="http://www.sxc.hu/photo/1207509">Wanted Poster</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/1121519">Barrel</a> &#8211; sxc.hu
<li><a href="http://www.sxc.hu/photo/395211">Paint Cans</a> &#8211; sxc.hu
</ul>
</div>
<h2>Step 1</h2>
<p>1) Create a new canvas in Photoshop with dimensions, width=2610px and Height=4000px. Then import the image of the House onto the canvas and place it as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter1a.jpg" /></p>
<p>2) Select the Lasso Tool (L) and cut the rooftop of the house as shown. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter1b.jpg" /></p>
<h2>Step 2</h2>
<p>Now by using the Stamp Tool (S) erase the people on the left side of the scene.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter2.jpg" /></p>
<h2>Step 3</h2>
<p>Since we are creating a night scene, we are going to color correct the House using few Adjustment layers to fit with the environment we are creating.</p>
<p>1)	Create an Adjustment layer of Curves to the House layer and set the RGB curves as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter3a.jpg" /></p>
<p>2)	Now create a Hue/Saturation Adjustment layer and set the Saturation level to -52.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter3b.jpg" /></p>
<p>3)	Now by using the Exposure Adjustment layer darken the house by setting the Gamma Correction level to 0.46.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter3c.jpg" /></p>
<h2>Step 4</h2>
<p>Import the image of the night sky with full moon on to the working canvas and place it under the house layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter4.jpg" /></p>
<h2>Step 5</h2>
<p>In this step we are going to digitally paint the supports of the broken roof.</p>
<p>1)	Using the Square brush paint the supports of the roof top as shown with black color.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter5a.jpg" /></p>
<p>2)	Now by using the color #bddcf1 paint the edges of the supports as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter5b.jpg" /></p>
<p>3)	To match the &#8216;support&#8217; with the house and make it look real, add a Gaussian Blur of Radius 0.9px.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter5c.jpg" /></p>
<p>4)	Since it is a broken roof we don&#8217;t expect the roof support to have sharp edges, hence by using the Lasso Tool (L) create broken edges to the supports as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter5d.jpg" /></p>
<h2>Step 6</h2>
<p>In this step we are going to add gravel ground in the scene.</p>
<p>1)	Cut the image of the Gravel Ground from the original image and place it on the working canvas as shown. Then by using the Hue/Saturation Adjustment layer set the Saturation level to -94.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter6a.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter6b.jpg" /></p>
<p>2)	Now create an Exposure Adjustment layer to the gravel ground and set the Exposure=-0.66, Offset=-0.0164 and Gamma Correction=0.43.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter6c.jpg" /></p>
<p>3)	By using the Curves Adjustment layer set the Blue Curve as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter6d.jpg" /></p>
<h2>Step 7</h2>
<p>In this step we are going to add a tomb stone in the scene.</p>
<p>1)	Cut the image of the tomb stone from the original image and import it into the scene and place it as shown. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter7a.jpg" /></p>
<p>2)	Now create a Hue/Saturation adjustment layer to the tombstone and set the Saturation level to -88.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter7b.jpg" /></p>
<p>3)	Now by using Exposure Adjustment layer set the Gamma Correction to 0.64.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter7c.jpg" /></p>
<p>4)	By using the Soft Round brush paint dark shadow on the tomb stone as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter7d.jpg" /></p>
<h2>Step 8</h2>
<p>In this step we are going to add the main character in the scene.</p>
<p>1)	Cut the image of the evil magician from its original image using the Magic Wand Tool (W). Before cutting the image into a new layer, make sure you select a rough mask around the hair.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter8a.jpg" /></p>
<p>2)	Now select a rough mask around the character and open the Refine Edge option. Then set Smooth level to 1 and contrast to 2. By using the Refine Radius Tool grace around the borders of the hair line to detect the fine details of the hair. Then press OK to get the finely cut image in a new layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter8b.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter8c.jpg" /></p>
<p>3)	Now import the character on to the canvas and place it as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter8d.jpg" /></p>
<h2>Step 9</h2>
<p>In this step we are going to color correct the character to blend with the environment we are creating in the scene.</p>
<p>1)	Create an Exposure adjustment layer to the character layer and set the Exposure level to -0.38 and Gamma Correction to 0.61.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter9a.jpg" /></p>
<p>2)	Now paint shadow of the character on the ground as shown using a soft round brush.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter9b.jpg" /></p>
<h2>Step 10</h2>
<p>Usually we find the evil magicians having creepy hands in cartoons and in fantasy movies. So lets create the same creepy hands to our character too.</p>
<p>1)	Using the Pen Tool (P) select a mask around the hands and separate the selection into two separate layers. One for right hand and other for left.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter10a.jpg" /></p>
<p>2)	With the left hand layer selected go to Filter>Liquefy and shrink the arrow pointed areas using the Pucker Tool and then by using the Bloat Tool (B) bulge the knuckle and finger joints to get the creepy look to the hand.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter10b.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter10c.jpg" /></p>
<p>3)	Now create a Hue/Saturation adjustment layer to the hands folder and set the Saturation level to -56.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter10d.jpg" /></p>
<p>4)	By using the Exposure adjustment layer to the hand folder set the Gamma correction level to 0.89.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter10e.jpg" /></p>
<h2>Step 11</h2>
<p>In this step we are going to place a hat on the head of our evil magician.</p>
<p>1)	Import the image of the hat on to the canvas and place it on the head of the character.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter11a.jpg" /></p>
<p>2)	Now paint the dark shadows on the left side of the hat and also under the hat as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter11b.jpg" /></p>
<p>3)	 Create an Exposure adjustment layer to the hat layer and set the Exposure level to -0.55.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter11c.jpg" /></p>
<h2>Step 12</h2>
<p>In this step we are going to create a dead tree and also add few dead branches in the scene.</p>
<p>1)	Create a new layer for the dead tree and place the layer under the ground layer and then by using the dead tree brush paint the tree on the canvas as shown behind the tomb stone.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter12a.jpg" /></p>
<p>2)	Import the image of the dead branches on to the canvas and place them on the left side of the scene as shown. Make sure to place this layer on the top of all the layers.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter12b.jpg" /></p>
<p>3)	Now create a Hue/Saturation adjustment layer to the dead branches layer and set the Saturation level to -55.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter12c.jpg" /></p>
<p>4)	Using the Exposure adjustment layer set the Exposure level to -1.49 and Gamma Correction to 0.75.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter12d.jpg" /></p>
<p>5)	Since the dead branches are assumed to be closer to the scene they should be blurred in-order to maintain the Depth Of Field (DOF) of the scene.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter12e.jpg" /></p>
<h2>Step 13</h2>
<p>In this step we are going to create a magical smoke ball in-between the hands of the magician.</p>
<p>1)	Using a Soft Round brush paint a small white ball in-between the hands of the magician as shown in a new layer and set the Opacity of the layer to 49%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter13a.jpg" /></p>
<p>2)	Now by using the smoke brush pain the smoke as shown in a new layer above the previously created white ball layer. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter13b.jpg" /></p>
<p>3)	Select another smoke brush and paint some fine detailed smoke around the smoke ball as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter13c.jpg" /></p>
<p>4)	Now create a new layer and paint some smoke joining the hands and the smoke ball as shown, just to get the illusion that the smoke is coming from the hands of the magician.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter13d.jpg" /></p>
<h2>Step 14</h2>
<p>In this step we are going to create fog in the scene.</p>
<p>1)	Create a new layer under the ground layer and paint the fog as shown using the fog brushes.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter14a.jpg" /></p>
<p>2)	Now create a new layer above all the layers and paint the fog as shown and reduce the Opacity of the layer to 75%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter14b.jpg" /></p>
<h2>Step 15</h2>
<p>In this step we are going to create a fence in the scene.</p>
<p>1)	Import the image of the fence on to the working canvas and place the fence layer beneath the fog layer. The by using the Puppet Warp option (Edit>Puppet Warp) and twist the fence zigzag as shown to make it look old and damaged.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter15a.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter15b.jpg" /></p>
<p>2)	Now move the fence to the right side of the scene as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter15c.jpg" /></p>
<p>3)	Create an Exposure adjustment layer to the fence layer and set the Gamma Correction level 0.47.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter15d.jpg" /></p>
<p>4)	Now add a Gaussian Blur of Radius 4.4px to the fence to maintain the DOF of the scene.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter15e.jpg" /></p>
<h2>Step 16</h2>
<p>In this step we are going to create a custom brush using other leaf brushes just to meet our requirements of the scene.</p>
<p>1)	Create a new canvas for the leaves and paint the leaves as shown using the leaf brushes.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter16a.jpg" /></p>
<p>2)	Now go to Edit>Define Brush Preset and give a name to the brush and save it. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter16b.jpg" /></p>
<h2>Step 17</h2>
<p>In this step we are going to work with the brush properties.</p>
<p>1)	With the Previously created brush selected go to brush properties and check the X &#038; Y Flip Options check in the &#8220;Brush Tip Shape&#8221; and also set the Scaling level to 157% and Size to 5000px.</p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter17a.jpg" /></p>
<p>2)	Now go to Shape Dynamics and set Minimum Diameter to 100%, Angle Jitter=7%, Roundness Jitter=3%, Minimum Roundness=99%. Also check X &#038;Y Flip boxes and Brush Projection.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter17b.jpg" /></p>
<p>3)	Now go to Scattering option and check &#8220;Both Axes&#8221; box set Scatter percentage to 43%, count=1 and Count Jitter=40%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter17c.jpg" /></p>
<p>4)	Now create a new layer and paint the leaves as shown with the black color.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter17d.jpg" /></p>
<p>5)	Since the leaves are supposed to be flying in the scene add Motion Blur with Distance=16px and with Angle 25 to the leaves to make them look natural.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter17e.jpg" /></p>
<h2>Step 18</h2>
<p>In this step we are going to create the main title font.</p>
<p>1)	Using a Gothic font type the letter E which stands for Evil. Then place the layer beneath the Dead Branches layer.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter18a.jpg" /></p>
<p>2)	Now import the image of the texture and cut it in the shape of the font.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter18b.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter18c.jpg" /></p>
<p>3)	Using Hue/Saturation set the Saturation level of the texture layer to -83.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter18d.jpg" /></p>
<p>4)	In the Blending Options of the texture layer go to Bevel &#038; Emboss and set the Size to 68, Angle 58 and Altitude=42 and leave the rest as default.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter18e.jpg" /></p>
<p>5)	Now go to Contour and set the Depth=1000%, Size=68px, Angle=58 and Altitude=42.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter18f.jpg" /></p>
<p>6)	Now got to Satin and set the Opacity=19%, Angle=67, Distance=11px, Size=14px.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter18g.jpg" /></p>
<h2>Step 19</h2>
<p>In this step we are going to create cracks on the title font.</p>
<p>1)	Import the image of the Crack on to the canvas and place it on the title font as shown, then set the Blending Mode of the Layer to Multiply.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter19a.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter19b.jpg" /></p>
<p>2)	Similarly add few more cracks on the title font</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter19c.jpg" /></p>
<p>3)	Now by using the Grunge Brushes paint some grunge on the title font as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter19d.jpg" /></p>
<h2>Step 20</h2>
<p>In this step we are going to color correct the whole scene.</p>
<p>1)	Create an Exposure Adjustment layer and set the Exposure level to -0.17 and Gamma Correction to 1.10.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter20a.jpg" /></p>
<p>2)	Now create a Hue/Saturation layer and set the saturation level to -40.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter20b.jpg" /></p>
<h2>Step 21</h2>
<p>In this step we are going to create a wall on which our poster will be stuck.</p>
<p>1)	Create a new canvas with dimensions width==2910px and Height=4000px. Then import the image of the Wall texture and place it in the scene.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter21a.jpg" /></p>
<p>2)	Now by using the Hue/Saturation adjustment layer set the Saturation level of the wall to -52.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter21b.jpg" /></p>
<p>3)	Now create an Exposure adjustment layer and set the Exposure level to -0.33 and Gamma Correction=0.50.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter21c.jpg" /></p>
<h2>Step 22</h2>
<p>In this step we are going to paint graffiti to make the wall look like a street wall.</p>
<p>1)	Create a new layer above the wall layer and paint graffiti as shown using graffiti brushes.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter22a.jpg" /></p>
<p>2)	Then set the Blending Mode of the graffiti layer to Soft Light.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter22b.jpg" /></p>
<h2>Step 23</h2>
<p>In this step we are going to create an old paper effect to the poster.</p>
<p>1)	Import the image of the old torn paper on to the canvas and cut the bottom of the paper as shown using the Lasso Tool (L).</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter23a.jpg" /></p>
<p>2)	Now import the poster we created and trim it in the shape of the old paper we previously created.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter23b.jpg" /></p>
<p>3)	Now place the poster under the paper layer and set the Blending mode of the paper layer to Multiply and reduce the Opacity to 65%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter23c.jpg" /></p>
<h2>Step 24</h2>
<p>In this step we are going to create shadow to the poster.</p>
<p>1)	Create a new layer and fill in with black color in the shape of the poster.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter24a.jpg" /></p>
<p>2)	Now place the shadow layer beneath the poster layer and move it slightly toward the left and add a Gaussian Blur of Radius 4.3px.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter24b.jpg" /></p>
<p>3)	Group all the layers related to the poster into a single folder then add a Curves adjustment layer to the poster folder and set to the curves as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter24c.jpg" /></p>
<h2>Step 25</h2>
<p>In this step we are going to create worn-out edges to the poster.</p>
<p>1)	Import the image of the paper with worn-out edges and place it on the poster and set the Blending Mode of the layer to Screen.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter25a.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter25b.jpg" /></p>
<p>2)	Similarly add the worn-out edges to the bottom of the poster as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter25c.jpg" /></p>
<h2>Step 26</h2>
<p>In this step we are going to place a Barrel in the scene to create a sense that the particular area is not been used for some time and the things are left un-cleaned.</p>
<p>1)	Import the image of the barrel on to the canvas and place it on the right side bottom corner as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter26a.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter26b.jpg" /></p>
<p>2)	Now paint some dark shadow on the left side of the barrel as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter26c.jpg" /></p>
<h2>Step 27</h2>
<p>In this step we will be color correcting the barrel to blend in perfectly with the scene.</p>
<p>1)	Create a Brightness/Contrast adjustment layer to the barrel layer and set the Contrast level to 51.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter27a.jpg" /></p>
<p>2)	Now create an Exposure adjustment layer and set the Exposure=+0.33 and Gamma Correction=0.91.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter27b.jpg" /></p>
<p>3)	By using the Hue/Saturation adjustment layer reduce the Saturation level of the barrel to -51.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter27c.jpg" /></p>
<p>4)	Now by using the Curves adjustment layer color correct the barrel as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter27d.jpg" /></p>
<h2>Step 28</h2>
<p>In this step we will be placing a couple of empty paint cans on the barrel.</p>
<p>1)	Cut the image of the paint cans and place them on the barrel as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter28a.jpg" /></p>
<p>2)	Using the Curves color correct the paint cans as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter28b.jpg" /></p>
<p>3)	Now by using the Exposure adjustment layer set the Exposure level to -0.72 and Gamma Correction to 0.86.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter28c.jpg" /></p>
<p>4)	Now reduce the Saturation level of the paint cans to -53 using the Hue/Saturation.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter28d.jpg" /></p>
<p>5)	Create a new layer above the cans layer and paint the dark shadow on the left side of the cans as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter28e.jpg" /></p>
<h2>Step 29</h2>
<p>In this step we are going to place the nails to the poster by which our poster is stuck to the wall.</p>
<p>1)	Import the image of the nail on to the canvas and place it on the left side top corner of the poster.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter29a.jpg" /></p>
<p>2)	Now reduce the Saturation level of the nail to &#8217;0&#8242;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter29b.jpg" /></p>
<p>3)	Similarly add another nail to the poster on the right side as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter29c.jpg" /></p>
<h2>Step 30</h2>
<p>In this step we will be creating another torn poster beside the main poster.</p>
<p>1)	Import the image of the WANTED poster on to the canvas and place it on the right side of the poster as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter30a.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter30b.jpg" /></p>
<p>2)	Now by using the Lasso Tool (L) select a mask around the corners of the WANTED poster and separate the selection into a new layer and erase the remaining part of the poster</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter30c.jpg" /></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter30d.jpg" /></p>
<p>3)	To make the torn edges look much older, tone the edges using the Burn Tool (O).</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter30e.jpg" /></p>
<p>4)	Add an Exposure adjustment layer to the second poster layer and set the Exposure=-0.33 and Gamma Correction=0.70.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter30f.jpg" /></p>
<p>5)	Create a new layer above the second poster layer and fill in with black color in the shape of the torn edges of the second poster.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter30g.jpg" /></p>
<p>6)	Now place the shadow layer beneath the second poster layer and add a Gaussian Blur of Radius 19.6px.    </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposter30h.jpg" /></p>
<h2>And We&#8217;re Done!</h2>
<p>You can view the final outcome below. I hope that you enjoyed this tutorial and would love to hear your feedback on the techniques and outcome.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/09/evilposterfinal.jpg" /></a></p>
<div class="serial-box">
<strong>Access the source files for this tutorial:</strong></p>
<p>The source files for this tutorial are available to our FanExtra members community. If you want to access the source files for this tutorial (and all of our tutorials + thousands of other resources) then <a href="http://fanextra.com/amember/signup.php"><strong>sign up here</strong></a>.</p>
<p>If you&#8217;re already a FanExtra member then you can <a href="http://fanextra.com/amember/login.php">login here</a> to access the source files.
</div>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrasourcefileaccess.jpg" /></a></p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>https://psd.fanextra.com/tutorials/designing/photo-manipulate-an-ominous-poster-design/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Design a Print Ready, Graph Inspired Brochure in Photoshop</title>
		<link>https://psd.fanextra.com/tutorials/designing/design-a-print-ready-graph-inspired-brochure-in-photoshop/</link>
		<comments>https://psd.fanextra.com/tutorials/designing/design-a-print-ready-graph-inspired-brochure-in-photoshop/#comments</comments>
		<pubDate>Mon, 30 Jul 2012 16:38:07 +0000</pubDate>
		<dc:creator>Irene Thompson</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=33358</guid>
		<description><![CDATA[Learn how to create a print ready brochure for a finance related company. You'll learn professional print specifications to work within, and well as how to create a cool graph inspired background design. <strong>Download the source file for this and all our other tutorials in our <a href="http://www.fanextra.com">FanExtra Members Area</a></strong>]]></description>
			<content:encoded><![CDATA[<h2>How to Design a Graph-Inspired Brochure in Photoshop</h2>
<p>If you&#8217;re thinking of creating a brochure for your finance-related business in Adobe Photoshop, this is the tutorial you need. In this tutorial, you will learn the key steps in Adobe Photoshop that will help you achieve the look appropriate for your business at the same time one that keeps with the times. Your final brochure will be print ready using professional print specifications. Let&#8217;s begin.</p>
<h2>Final Image</h2>
<p>As always, this is the final image we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochureFront.jpg"/></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochureBack.jpg"/></p>
<h2>STEP 1</h2>
<p>Before we design the brochure, you will first have to know how to create a grid pattern. To do this, we will create a working Photoshop document (shortcut CTRL+N). The size of this document depends on how big or small your grid squares should be. If you want grid lines that are 200 pixels by 200 pixels then when we create a new document in Photoshop we set it as such. Do not forget to also use a high resolution value of at least 300ppi, a printing standard.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure1.jpg"/></p>
<h2>STEP 2</h2>
<p>Once the new document is open, double click on the background layer in the layers panel. A window will appear telling you that you are creating a new layer. Simple click on OK. This will then unlock the background layer for us.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure2.jpg"/></p>
<h2>STEP 3</h2>
<p>Now, double click again on this layer. This time, the Layer styles window should appear. Click on the option for Stroke on the left hand styles checkboxes. Once you click on the name, you can adjust the stroke style attributes. Make sure you change the position to CENTER. Then, set the size of the stroke to the size you want for your grid lines. For this example, we are using a 2 pixel value. You can make it as thick or as thin as you want it to be.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure3.jpg"/></p>
<h2>STEP 4</h2>
<p>Now, we will define a pattern, based on our document here. Just go to Edit > Define Pattern</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure4.jpg"/></p>
<h2>STEP 5</h2>
<p>Then, on the small window that opens, name your new pattern appropriately. In this example, we are naming it &#8216;Grid Lines 200&#8242; to describe the lines as being approximately 200px apart. Note that you can of course define any sized grid pattern that you want. Just press ok once you are finished naming the grid pattern. This will then be available for us layer. (Save your document if you ever want to tweak your gird lines.)</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure5.jpg"/></p>
<h2>STEP 6</h2>
<p>Great! Now we move on to the real job of designing the brochure. The first step is to create a new document with <a href="http://www.printplace.com/printing/brochure-printing.aspx">specifications required when printing brochures</a>. This all depends on what kind of brochure you are creating. In this tutorial, our goal is to create a trifold brochure. So to start with, we will use these dimensions and document settings.</p>
<p>a. Width: 14 inches</p>
<p>b. Height: 8.5 inches</p>
<p>c. Resolution: 300ppi</p>
<p>d. Color Mode: CMYK</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure6.jpg"/></p>
<h2>STEP 7</h2>
<p>Before we start headlong into the design, first we need to setup the guidelines, margins and folds. Our first move here is divide the whole document into 3. To do this we shall create two guidelines. Go to View > New Guide In the window that opens set a vertical guideline that is 4.65 inches away from the left side of our document.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure7.jpg"/></p>
<h2>STEP 8</h2>
<p>Once done, we set the other fold guideline at 9.35 inches from the left. This divides our design into 3 distinct panels. This is the basic format of a trifold brochure. If this is the front, then the panels from left to right are, the flap, the back cover and the front cover. If this is the inner or back side of the brochure, then from left to right they are, the left panel, the center panel and of course the right panel. Just see the images below for reference.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure8.jpg"/></p>
<h2>STEP 9</h2>
<p>Great! Now just add the other necessary margins using the same procedure as the first one. Here are the other margin guidelines that you must set.</p>
<p>a. Left Margin: Vertical &#8211; 0.25 inches</p>
<p>b. Right Margin: Vertical &#8211; 13.75 inches</p>
<p>c. Top Margin: Horizontal &#8211; 0.25 inches</p>
<p>d. Bottom Margin: Horizontal &#8211; 8.25 inches</p>
<p>e. Left Fold 1: Vertical &#8211; 4.525 inches</p>
<p>f. Left Fold 2: Vertical &#8211; 4.775 inches</p>
<p>g. Right Fold 1: Vertical &#8211; 9.225 inches</p>
<p>h. Right Fold 2: Vertical &#8211; 9.475 inches</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure9.jpg"/></p>
<h2>STEP 10</h2>
<p>Great! That finishes our initial brochure setup procedure. Now it is time to start with the design. First we will work on our main background. Press CTRL+SHIFT+N to create a new layer. Fill this with a white color using the Paint Bucket tool. Then, go to Edit > Fill. In the window that opens, use &#8216;pattern&#8217; for the contents, and use the custom pattern that we created earlier.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure10.jpg"/></p>
<h2>STEP 11</h2>
<p>The grid should then be rendered. If it is too large or too small, you can either repeat the process of defining the pattern above in a smaller scale, or just resizing the new layer to how it needs to be (CTRL+T transform). Once set, go to Select > Color Range. In the color range window, reduce the fuzziness to 0 and then click on a WHITE area of your grid.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure11.jpg"/></p>
<h2>STEP 12</h2>
<p>Once the whites are selected, press CTRL+SHIFT+I to invert the selection into the grid. Then, press CTRL+J to cut and copy the grid into another new layer. Erase the original layer. Then we have only the grid lines only as our main brochure feature, with the white boxed turned transparent because of our cut and copy. We have turned off the visibility of the background here just for you to see what happened.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure12.jpg"/></p>
<h2>STEP 13</h2>
<p>Now, we start adding colors. The first move is to use the gradient color tool. We use it to add a seamless color transition for the background. Just set two theme colors, one as the foreground and one as the background and then use the gradient color tool to add the color background effect.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure13.jpg"/></p>
<h2>STEP 14</h2>
<p>Now, we will turn the grid white. To do this, hold the CTRL key and click on the thumbnail image of the grid layer. This will select the area of the grid. Now use the brush tool and just paint the whole grid white.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure14.jpg"/></p>
<h2>STEP 15</h2>
<p>Next, press CTRL+SHIFT+I to invert our selection. This now selects the square areas of the grid. Create a new layer by pressing CTRL+SHIFT+N. Name this grid colors.</p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure15.jpg"/></p>
<h2>STEP 16</h2>
<p>Then, we use the paint bucket tool to color the boxes in different shades of your theme color. IN our case it is green. Make sure you randomize the colors a bit, but keep the lighter hues on top, getting darker on the bottom. Once you are done with the color randomization, press CTRL+D to deselect the squares.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure16.jpg"/></p>
<h2>STEP 17</h2>
<p>Then, change the blend mode of our layer to &#8216;Overlay&#8217;. Also reduce the opacity to 40%. This will blend our color blocks to our original gradient color layer. Once done, it is a good idea to save this document as you can use this for both front and back designs with just a few adjustments.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure17.jpg"/></p>
<h2>STEP 18</h2>
<p>Now, create another new layer by pressing CTRL+SHIFT+N. Then, using the polygonal lasso tool, inscribe a graph shape across our design. Note that you should shape this polygon in a way that looks like a graph.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure18.jpg"/></p>
<h2>STEP 19</h2>
<p>Then, use the gradient tool to add a gradient color to our polygon shape. Just set your theme colors as the foreground and background</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure19.jpg"/></p>
<h2>STEP 20</h2>
<p>Then, we change the blend mode of our graph layer to &#8216;Hard Light&#8217;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure20.jpg"/></p>
<h2>STEP 21</h2>
<p>We will now add an extra line effect to our design. Start with the pen tool. Select it from the tools panel, and click on several points creating a trail line along the lines of the graph layer. Make sure as well that you clicked on the ìcreate pathsî option for your pen tool in the options bar above.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure21.jpg"/></p>
<h2>STEP 22</h2>
<p>Now, go for the brush tool. Right click on the canvass and then set a 5 pixel, 100% hardness round brush.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure22.jpg"/></p>
<h2>STEP 23</h2>
<p>Create a new layer again by pressing CTRL+SHIFT+N. Set a theme color as your background. Then, select the pen tool again and right click on the path we created. In the context menu that opens select the option to &#8216;Stroke Path&#8217;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure23.jpg"/></p>
<h2>STEP 24</h2>
<p>This gives us a nice line across our graph.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure24.jpg"/></p>
<h2>STEP 25</h2>
<p>Repeat the process several times with different line colors.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure25.jpg"/></p>
<h2>STEP 26</h2>
<p>Great! Now it is time to add our text. Just use the text tool of course to type in the content. We use contrasting font colors depending on the background.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochure26.jpg"/></p>
<h2>And We&#8217;re Done!</h2>
<h2>FRONT COVER</h2>
<p>Then we insert in images for the brochure. This finishes our front cover!</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochureFront.jpg"/></p>
<h2>BACK COVER</h2>
<p>Then, using the same tricks and effects, we create the back part of our brochure design. That finishes our guide for creating a finance graph inspired brochure. Congratulations!</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/GraphBrochureBack.jpg"/></p>
<div class="serial-box">
<strong>Access the source files for this tutorial:</strong></p>
<p>The source files for this tutorial are available to our FanExtra members community. If you want to access the source files for this tutorial (and all of our tutorials + thousands of other resources) then <a href="http://fanextra.com/amember/signup.php"><strong>sign up here</strong></a>.</p>
<p>If you&#8217;re already a FanExtra member then you can <a href="http://fanextra.com/amember/login.php">login here</a> to access the source files.
</div>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrasourcefileaccess.jpg" /></a></p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>https://psd.fanextra.com/tutorials/designing/design-a-print-ready-graph-inspired-brochure-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Learn How to Design a Charming Collage Composition</title>
		<link>https://psd.fanextra.com/tutorials/designing/learn-how-to-design-a-charming-collage-composition/</link>
		<comments>https://psd.fanextra.com/tutorials/designing/learn-how-to-design-a-charming-collage-composition/#comments</comments>
		<pubDate>Fri, 27 Jul 2012 14:52:47 +0000</pubDate>
		<dc:creator>Vik Aadi</dc:creator>
				<category><![CDATA[Designing]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=33245</guid>
		<description><![CDATA[Learn how to design a really creative collage using Photoshop. You'll work with a variety of photo manipulation techniques, as well as learning composition tips to create this type of collage effect. <strong>Download the source file for this and all our other tutorials in our <a href="http://www.fanextra.com">FanExtra Members Area</a></strong>]]></description>
			<content:encoded><![CDATA[<h2>Learn How to Design a Charming Collage Composition</h2>
<p>Today we&#8217;re going to learn how to create a super creative collage effect, using a range of photo manipulation, blending and compositional techniques. You&#8217;ll learn how to correctly extract your images, layer up various effects to create a sense of depth and detail, and create a cool sketchy hand-drawn effect for your photos.</p>
<h2>Final Image</h2>
<p>As always, this is the final image we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/redfinalimage.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://dxlogic.deviantart.com/art/girl-stock-iii-206766488">girl stock iii-Dxlogic</a></li>
<li><a href="http://lostandtaken.com/blog/2010/9/5/8-colorful-grunge-textures-lt-news.html">-lostandtaken.com</a></li>
<li><a href="http://browse.deviantart.com/?order=9&#038;q=Grunge+Brushes&#038;offset=168#/d1t7w3u">15 grunge ps brushes &#8211; Sarytah</a></li>
<li><a href="http://sadmonkeydesign-res.deviantart.com/art/WaterColor-33-128677097">WaterColor 33 &#8211; SadMonkeyDesign-res</a></li>
<li><a href="http://www.sxc.hu/photo/1218786">Blue diamond 2 &#8211; sxc.hu</a></li>
<li><a href="http://graphichive.net/Free/Graphics/Download/2573/">Vector Line Drawing Flower Pattern &#8211; graphichive.net</a></li>
<li><a href="http://mediamilitia.com/watercolors-pack-volume-2-30-free-textures/">Watercolors Pack | Volume 2 &#8211; mediamilitia.com</a></li>
</ul>
</div>
<h2>Step 1</h2>
<p>Create a new file with a width of 1500px and a height of 2000 px at 100 dpi (Dots per Inch). Background Contents should be White.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red1.jpg" /></p>
<h2>Step 2</h2>
<p>To start off we’ll use various textures to create a subtle distress background. First, add a group folder called &#8220;Texture&#8221;, then open &#8220;1.jpg&#8221; from these colored grunge textures . Place this within the folder, then hit Command/Ctrl + T and resize to cover the canvas. Name the layer &#8220;Texture 1&#8243;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red2a.jpg" /></p>
<p>Reduce opacity to &#8220;30%&#8221; </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red2b.jpg" /></p>
<p><P>Now add &#8220;8.jpg&#8221; as a new layer within the same folder, then hit Command/Ctrl + T and resize to cover the canvas and name it &#8220;Texture 2&#8243;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red2c.jpg" /></p>
<p> Change the Blend Mode to Overlay and lower its Opacity to 65%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red2d.jpg" /></p>
<p>Place &#8220;2.jpg&#8221; from the &#8220;source&#8221; folder as a new layer within the same folder. Resize and label it &#8220;Texture 3&#8243;. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red2e.jpg" /></p>
<p>Change the layer mode to &#8220;hard light&#8221; and reduce opacity to &#8220;45%&#8221;.: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red2f.jpg" /></p>
<h2>Step 3</h2>
<p><P>First off, let’s open the girl stock iii-Dxlogic in Photoshop. We will be using the girl from this stock image so we will need to transfer it to our main canvas.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red3a.jpg" /></p>
<p> Switch to your Channels tab and cycle through each channel in turn to determine which holds the most contrast – in this case it’s the Green. Drag its thumbnail over the Create new channel icon at the foot of the palette to duplicate it: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red3b.jpg" /></p>
<p>Now hit Command/Ctrl + L to access the Levels dialogue box and set the Input sliders as shown. Don’t sweat over the remaining background detail :</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red3c.jpg" /></p>
<p>Now again hit Command/Ctrl + L to access the Levels dialogue box and set the Input sliders as shown.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red3d.jpg" /></p>
<p>Now activate Brush tool (B) choose black as foreground color and paint oner the remaning area : </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red3e.jpg" /></p>
<p>Now load channel as selection: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red3f.jpg" /></p>
<p>Now first invert selection(shift+ctrl+i) now then activate vector mask .</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red3g.jpg" /></p>
<p>Activate any selection tool, then hit the Refine Edge button in the options bar.</p>
<p>In the next window choose On Layers (L) from the View drop-down menu, then check the Smart Radius button and set the Radius field to 2.5 px. Now activate the Decontaminate Colors option and set the Amount value to 68% and hit OK.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red3h.jpg" /></p>
<p>When the Refine Edge command has finished you’ll notice an additional masked layer has appeared and the visibility of the original layer switched off. You can now drag the mask into the trash icon at the foot of the palette and click the Apply button on the following dialogue box: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red3i.jpg" /></p>
<p>Drag the girl onto your working file and the result should be similar to this:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red3j.jpg" /> </p>
<h2>Step 4</h2>
<p>Now activate the rectungular marquee tool (m) and make a selction around the bottom of the girl. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red4a.jpg" /></p>
<p><P>Now hit Ctrl+t to activate transform tool and drag the encircled square in the red arrow&#8217;s direction.</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red4b.jpg" /></p>
<p>Add a vector mask to girl layer. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red4c.jpg" /></p>
<p>Now, activate the Brush tool (B) and open the brush set &#8220;15 grunge ps brushes&#8221; by Sarytah. To load them, simply, right click on our canvas through any layer and then click on the drop-down button as shown below:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red4d.jpg" /></p>
<p><P>This will prompt the contextual menu to pop up and once you see that, just click on Load Brushes.</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red4e.jpg" /></p>
<p>You will now be prompted to this directory: Adobe Photoshop > Presets > Brushes so make sure that you have put the brushes within this folder. Now locate the brush set and click OK. Right click on the canvas again using your Brush tool (B) and now you&#8217;ll notice that you have lightning brushes. Now, let&#8217;s choose a brush and start painting over the girl&#8217;s bottom part. See as below: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red4f.jpg" /></p>
<p>The result should be similar to this: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red4g.jpg" /></p>
<h2>Step 5</h2>
<p>Now,let’s open the WaterColor 33 in Photoshop. We will be using the texture from this stock image so we will need to transfer it to our main canvas.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red5a.jpg" /></p>
<p>Click the WaterColor 33 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to &#8220;Texture 1&#8243;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red5b.jpg" /></p>
<p>Now change the layer mode to &#8220;Multiply&#8221; : </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red5c.jpg" /></p>
<p>Now Again choose a brush and activate vector mask and start painting around the texture. See as below:  </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red5d.jpg" /></p>
<p><P>The result should be similar to this:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red5e.jpg" /></p>
<p>Now create new Color balance adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer&#8217;s (Texture 1 layer and Color balance) to make a mask.</p>
<p><P>When the Color Balance box opens, input the following:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red5f.jpg" /></p>
<p><P>The result should be similar to this:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red5g.jpg" /></p>
<h2>Step 6</h2>
<p>Now,let’s open the Blue diamond 2 in Photoshop. We will be using the Dimond from this stock image so we will need to transfer it to our main canvas.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red6a.jpg" /></p>
<p>Activate magic wend tool click on the white part of canvas then invert the selection (ctrl+shift+i) then move dimond to the main canvas. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red6b.jpg" /></p>
<p><P>Next, activate the Transform tool (Ctrl/Cmd +T), then while the &#8220;Dimond” layer is selected and then resize it as shown below:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red6c.jpg" /></p>
<p>Now let&#8217;s work on it&#8217;s shadow so activate a new layer and name it &#8220;Shadow&#8221;.Then make a selection below dimond and fill it with black color. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red6d.jpg" /></p>
<p>Then goto Filter > Blur > Gaussian blur.When the Gaussian blur box opens, input the following: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red6e.jpg" /></p>
<p>Reduce opacity to 85%. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red6f.jpg" /></p>
<p><P>The result should be similar to this:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red6g.jpg" /></p>
<h2>Step 7</h2>
<p><P>Now let&#8217;s Draw some abstract shapes so activate a new layer and name it &#8220;Blue shapes&#8221; then activate pen tool and draw some random shapes then activate gradient tool and fill gradient colors in our shapes. </P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red7a.jpg" /></p>
<p><P>activate a new layer and name it &#8220;Pink shapes&#8221; then activate pen tool and draw some random shapes then activate gradient tool and fill gradient colors in our shapes. </P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red7b.jpg" /></p>
<p><P>activate a new layer and name it &#8220;Yellow shapes&#8221; then activate pen tool and draw some random shapes then activate gradient tool and fill gradient colors in our shapes.Reduce the opacity to 65%. </P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red7c.jpg" /></p>
<p><P>activate a new layer and name it &#8220;Orange shapes&#8221; then activate pen tool and draw some random shapes then activate gradient tool and fill gradient colors in our shapes. </P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red7d.jpg" /></p>
<p><P>The result should be similar to this:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red7e.jpg" /></p>
<h2>Step 8</h2>
<p><P>Now get back to girl layer and create new Curves adjustment layer from the bottom of layers palette .</p>
<p><P>When the Curves box opens, input the following:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red8a.jpg" /></p>
<p><P>Press Alt+left click in between 2 layer&#8217;s (Girl layer and Curves) to make a mask.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red8b.jpg" /></p>
<p><P>The result should be similar to this:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red8c.jpg" /></p>
<p><P>Now again create new Curves adjustment layer from the bottom of layers palette.Press Alt+left click in between 2 layer&#8217;s (Girl layer and Curves) to make a mask.</p>
<p><P>When the Curves box opens, input the following:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red8d.jpg" /></p>
<p><P>The result should be similar to this:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red8e.jpg" /></p>
<p><P>Now create a new Hue/saturation adjustment layer from the bottom of layers palette.Press Alt+left click in between 2 layer&#8217;s (Girl layer and Hue/saturation) to make a mask.</p>
<p><P>When the Hue/saturation box opens, input the following:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red8f.jpg" /></p>
<p>The result should be similar to this: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red8g.jpg" /></p>
<h2>Step 9</h2>
<p>Now Let&#8217;s do some color adjustment with the Diamond. Now create new Curves adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer&#8217;s (Girl layer and Curves) to make a mask.</p>
<p><P>When the Curves box opens, input the following:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red9a.jpg" /></p>
<p><P>The result should be similar to this:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red9b.jpg" /></p>
<h2>Step 10</h2>
<p>Now,let’s open the Vector Line Drawing Flower Pattern in Photoshop. We will be using the vectors from this stock image so we will need to transfer it to our main canvas.</p>
<p>Click the Vector Line Drawing Flower Pattern then activate marquee tool and make a selection around a vector image then press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to &#8220;vector back 1&#8243;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red10a.jpg" /></p>
<p><P>Change the layer mode to &#8220;Darken&#8221; :</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red10b.jpg" /></p>
<p>Now create new Levels adjustment layer from the bottom of layers palette. Press Alt+left click in between 2 layer&#8217;s (Vector back 1 layer and Levels) to make a mask.</p>
<p><P>When the Levels adjustment box opens, input the following:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red10c.jpg" /></p>
<p>The result should be similar to this: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red10d.jpg" /></p>
<p>Follow the same steps and add some more vectors. See as below:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red10e.jpg" /></p>
<p><P>Select all vector back layers and make them a group (Ctrl+G) then reduce the opacity to 80% . </P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red10f.jpg" /></p>
<h2>Step 11</h2>
<p>Now, let’s open the Vector Line Drawing Flower Pattern in Photoshop. We will be using the vectors from this stock image so we will need to transfer it to our main canvas.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red11a.jpg" /></p>
<p><P>Now go to Select > color range.When the color range box opens, input the following:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red11b.jpg" /></p>
<p>Invert the selection (Ctrl+shift+i) and make a duplicate copy . </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red11c.jpg" /></p>
<p>The result should be similar to this: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red11d.jpg" /></p>
<p>Now add a new layer below duplicate layer and fill it with white color (#ffffff) then select both layers and merge them together : </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red11e.jpg" /></p>
<h2>Step 12</h2>
<p>Now activate marquee tool and make a selection around a vector and drag the image to the main canvas and change layer name to &#8220;White flower&#8221;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red12a.jpg" /></p>
<p><P>Add vector mask to the image. </P></p>
<p>Now activate Brush tool (B) with these settings Now let&#8217;s erase  : </p>
<p>Brush size: 200px</p>
<p>Hardness: 0%</p>
<p>Opacity: 40%</p>
<p>Flow: 100%</p>
<p>Color: #000000</p>
<p>Now paint over the highlighted area.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red12b.jpg" /></p>
<p><P>Next, activate the Transform tool (Ctrl/Cmd +T), then while the “White flower” layer is selected and then resize it as shown below:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red12c.jpg" /></p>
<h2>Step 13</h2>
<p>Again follow the previous steps which we have used to make &#8220;White flower&#8221; and drag a vector to our main canvas and name it &#8220;Color vector&#8221;. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red13a.jpg" /></p>
<p>Now activate Magic wend tool and select all white areas of flower see as below :</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red13b.jpg" /></p>
<p><P>Then Fill different colors in them see as below :</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red13c.jpg" /></p>
<p>Drag more vectors to the main canvas fill different colors in them .</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red13d.jpg" /></p>
<h2>Step 14</h2>
<p>Now,let’s open the Watercolors Pack | Volume 2 in Photoshop. We will be using the watercolor texture from this stock image so we will need to transfer it to our main canvas.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red14a.jpg" /></p>
<p>Click the Watercolors Pack | Volume 2 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to &#8220;water color Texture 1&#8243;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red14b.jpg" /></p>
<p>Change the layer mode to &#8220;Multiply&#8221; : </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red14c.jpg" /></p>
<h2>Step 15</h2>
<p>Now,let’s open the Watercolors Pack | Volume 2 in Photoshop. We will be using the watercolor texture from this stock image so we will need to transfer it to our main canvas.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red15a.jpg" /></p>
<p>Click the Watercolors Pack | Volume 2 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to &#8220;water color Texture 2&#8243;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red15b.jpg" /></p>
<p>Change the layer mode to &#8220;Multiply&#8221; : </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red15c.jpg" /></p>
<p>The result should be similar to this: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red15d.jpg" /></p>
<h2>Step 16</h2>
<p>I love vector drawings so i decided to do one for me so I&#8217;m going to draw a Humming bird. First we need a reference image so I&#8217;m using this one. Then activate pen tool and start drawing around the bird.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red16a.jpg" /></p>
<p>When you have done with your drawing select a hard brush of size 3 then reselect pen tool and make a right click and choose &#8220;Stroke path&#8221; .</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red16b.jpg" /> </p>
<p><P>When the Stroke path box opens, input the following:</P></p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red16c.jpg" /></p>
<p>Again make a right click with pen tool and choose &#8220;Delete path&#8221;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red16d.jpg" /></p>
<p>Now Add a new layer under that stroke layer and fill it with white color and merge both layer then drag the bird to main canvas. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red16e.jpg" /></p>
<h2>Step 17</h2>
<p>Now,let’s open the Watercolors Pack | Volume 2 in Photoshop. We will be using the watercolor texture from this stock image so we will need to transfer it to our main canvas.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red17a.jpg" /></p>
<p>Click the Watercolors Pack | Volume 2 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to &#8220;water color Texture 3&#8243;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red17b.jpg" /></p>
<p>Change the layer mode to &#8220;Multiply&#8221; and activate brush tool and add vector mask the erase the unwanted area. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red17c.jpg" /></p>
<p>Get back to bird layer and change it&#8217;s layer mode to &#8220;multiply&#8221; . </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red17d.jpg" /></p>
<p>The result should be similar to this: </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red17e.jpg" /></p>
<h2>Step 18</h2>
<p>Now activate Pen tool and make a right click near face and choose Stroke path : .</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red18a.jpg" /></p>
<p><P>When the Stroke path box opens, input the following:.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red18b.jpg" /></p>
<p><P>Now again make a right click and choose Delete path :.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red18c.jpg" /></p>
<p><P>The result should be similar to this..</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red18d.jpg" /></p>
<p>Add some more stroke to the body . </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red18e.jpg" /></p>
<h2>Step 19</h2>
<p>In this step, we will learn how to create a vignette which will help enhance the focus on our subject.</p>
<p>First make a new layer and name it “Vignette”.</p>
<p>Now goto Filter > Distrot > Lens Correction.</p>
<p>then set the following settings:</p>
<p>Amount: -100</p>
<p>Midpoint: 50%</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red19a.jpg" /></p>
<p>Now Just change the layer mode to &#8220;Multiply&#8221; and change opecity to 50%.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red19b.jpg" /></p>
<p>The result should be similar to this:.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red19c.jpg" /></p>
<h2>Step 20</h2>
<p><P>Now Create a new Solid color adjustment layer from the bottom of the layers palette .</p>
<p>When the Solid color adjustment layer box opens, input the following:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red20a.jpg" /></p>
<p>Change the layer mode to &#8220;exclusion&#8221; and reduce opacity to &#8220;25% : </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red20b.jpg" /></p>
<p><P>Now Create a new Color Balance adjustment layer from the bottom of the layers palette .</p>
<p>When the Color Balance adjustment layer box opens, input the following:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red20c.jpg" /></p>
<p>The result should be similar to this:.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red20d.jpg" /></p>
<p><P>Now Create a new Color Balance adjustment layer from the bottom of the layers palette .</p>
<p>When the Color Balance adjustment layer box opens, input the following:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red20e.jpg" /></p>
<p>The result should be similar to this:.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red20f.jpg" /></p>
<p><P>Now Create a new Color Balance adjustment layer from the bottom of the layers palette .</p>
<p>When the Color Balance adjustment layer box opens, input the following:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red20g.jpg" /></p>
<p>The result should be similar to this:.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red20h.jpg" /></p>
<p><P>Now Create a new Gradient map adjustment layer from the bottom of the layers palette .</p>
<p>When the Gradient map adjustment layer box opens, input the following:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red20i.jpg" /></p>
<p>The result should be similar to this:.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2012/07/red20j.jpg" /></p>
<div class="serial-box">
<strong>Access the source files for this tutorial:</strong></p>
<p>The source files for this tutorial are available to our FanExtra members community. If you want to access the source files for this tutorial (and all of our tutorials + thousands of other resources) then <a href="http://fanextra.com/amember/signup.php"><strong>sign up here</strong></a>.</p>
<p>If you&#8217;re already a FanExtra member then you can <a href="http://fanextra.com/amember/login.php">login here</a> to access the source files.
</div>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrasourcefileaccess.jpg" /></a></p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>https://psd.fanextra.com/tutorials/designing/learn-how-to-design-a-charming-collage-composition/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
	</channel>
</rss>
