<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Photoshop Star</title>
	
	<link>http://www.photoshopstar.com</link>
	<description>Step by step free Photoshop tutorials for any skill level. Learn Photoshop with Adobe Photoshop Tutorials, Tips and Articles.</description>
	<lastBuildDate>Tue, 14 May 2013 14:13:38 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/photoshopstarcom" /><feedburner:info uri="photoshopstarcom" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>photoshopstarcom</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>How to Create a Pale Golden Switch Button</title>
		<link>http://feedproxy.google.com/~r/photoshopstarcom/~3/9G3r1PrUPR4/</link>
		<comments>http://www.photoshopstar.com/drawing/golden-switch-button/#comments</comments>
		<pubDate>Tue, 14 May 2013 14:10:43 +0000</pubDate>
		<dc:creator>Andrei Marius</dc:creator>
				<category><![CDATA[Drawing]]></category>

		<guid isPermaLink="false">http://www.photoshopstar.com/?p=10028</guid>
		<description><![CDATA[In the following tutorial your will learn how to create a simple switch button in Adobe Photoshop. Final Image As always, this is the final image that we&#8217;ll be creating: Step 1 Open Photoshop and hit Control + N to create a new document. Enter all the data shown in the following image and click [...]]]></description>
			<content:encoded><![CDATA[<p>In the following tutorial your will learn how to create a simple switch button in Adobe Photoshop.<span id="more-10028"></span></p>
<hr />
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<figure class="post-final-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton0.jpg" alt="How to Create a Pale Golden Switch Button" /></figure>
<hr />
<h2>Step 1</h2>
<p>Open Photoshop and hit Control + N to create a new document. Enter all the data shown in the following image and click OK.</p>
<p>Enable the Grid (View &gt; Show &gt; Grid) and the Snap to Grid (View &gt; Snap To &gt; Grid). For starters you will need a grid every 5px. Go to Edit &gt; Preferences &gt; Guides, Grid &amp; Slices and focus on the Grid section. Enter 5 in the Gridline Every box and 1 in the Subdivision box. Also, set the color of the grid at #a7a7a7. Once you set all these properties click OK. Don&#8217;t get discouraged by all that grid. It will ease your work later.</p>
<p>You should also open the Info panel (Window &gt; Info) for a live preview with the size and position of your shapes.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton1.jpg" alt="How to Create a Pale Golden Switch Button 1" /></figure>
<hr />
<h2>Step 2</h2>
<p>Set the foreground color at #e8d8a7, pick the Rounded Rectangle Tool and focus on the top bar. Set the radius at 30px, create a 190 by 60px vector shape and make sure that it stays selected.</p>
<p>Continue with the Rounded Rectangle Tool, focus on the top bar and check the Add button. Add a 20 by 10px vector shape and place it as shown in the second image. The Snap to Grid should ease your work.</p>
<p>Make sure that your vector shape is still selected, continue with the Rounded Rectangle Tool, add a second 20 by 10px vector shape and place it as shown in the third image.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton2.jpg" alt="How to Create a Pale Golden Switch Button 2" /></figure>
<hr />
<h2>Step 3</h2>
<p>Focus on the Layers panel (Window &gt; Layers) and double click on the vector shape made in the previous step to open the Layer Style window. Activate the Drop Shadow, the Inner Shadow, the Outer Glow, the Bevel and Emboss and the Gradient Overlay then enter the properties shown in the following images.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton3.jpg" alt="How to Create a Pale Golden Switch Button 3" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton3a.jpg" alt="How to Create a Pale Golden Switch Button 4" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton3b.jpg" alt="How to Create a Pale Golden Switch Button 5" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton3c.jpg" alt="How to Create a Pale Golden Switch Button 6" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton3d.jpg" alt="How to Create a Pale Golden Switch Button 7" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton3e.jpg" alt="How to Create a Pale Golden Switch Button 8" /></figure>
<hr />
<h2>Step 4</h2>
<p>Set the foreground color at #a29261 and pick the Rounded Rectangle Tool. Create a 180 by 50px vector shape, place it as shown in the first image and make sure that it stays selected. Continue with the Rounded Rectangle Tool, focus on the top bar and check the Subtract button.</p>
<p>Create a 170 by 40px vector shape and place it as shown in the second image. Open the Layers Style window for this new vector shape and enter the properties shown in the following image. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton4.jpg" alt="How to Create a Pale Golden Switch Button 9" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton4a.jpg" alt="How to Create a Pale Golden Switch Button 10" /></figure>
<hr />
<h2>Step 5</h2>
<p>Set the foreground color at #d4c493 and pick the Rounded Rectangle Tool. Create a 170 by 40px vector shape and place it as shown in the first image. Open the Layers Style window for this new vector shape and enter the properties shown in the following images.</p>
<p>Return to the Layers panel, double click on this rounded rectangle and simply name it &quot;interior&quot;.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton5.jpg" alt="How to Create a Pale Golden Switch Button 11" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton5a.jpg" alt="How to Create a Pale Golden Switch Button 12" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton5b.jpg" alt="How to Create a Pale Golden Switch Button 13" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton5c.jpg" alt="How to Create a Pale Golden Switch Button 14" /></figure>
<hr />
<h2>Step 6</h2>
<p>For the following step you will need a grid every 1px. Simply go to Edit &gt; Preferences &gt; Guides, Grid &amp; Slices and enter 1 in the Gridline Every box. Set the foreground color at #ac9c6b, pick the Ellipse Tool, create a 4px circle and place it as shown in the first image.</p>
<p>Open the Layers Style window for this new vector shape and enter the properties shown in the following images. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton6.jpg" alt="How to Create a Pale Golden Switch Button 15" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton6a.jpg" alt="How to Create a Pale Golden Switch Button 16" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton6b.jpg" alt="How to Create a Pale Golden Switch Button 17" /></figure>
<hr />
<h2>Step 7</h2>
<p>Duplicate the vector shape made in the previous step (CTRL + J). Select this copy, drag it to the right and place it as shown in the second image. Again, the Snap to Grid should ease your work. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton7.jpg" alt="How to Create a Pale Golden Switch Button 18" /></figure>
<hr />
<h2>Step 8</h2>
<p>Set the foreground color at #a29261 and pick the Rounded Rectangle Tool. Create a 100 by 44px vector shape and place it as shown in the first image.</p>
<p>Open the Layers Style window for this new vector shape and enter the properties shown in the following images. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton8.jpg" alt="How to Create a Pale Golden Switch Button 19" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton8a.jpg" alt="How to Create a Pale Golden Switch Button 20" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton8b.jpg" alt="How to Create a Pale Golden Switch Button 21" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton8c.jpg" alt="How to Create a Pale Golden Switch Button 22" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton8d.jpg" alt="How to Create a Pale Golden Switch Button 23" /></figure>
<hr />
<h2>Step 9</h2>
<p>Duplicate the vector shape made in the previous step (CTRL + J). Focus on the Layers panel, right click on this copy and go to Clear Layer Style.</p>
<p>Select this copy, lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following images. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton9.jpg" alt="How to Create a Pale Golden Switch Button 24" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton9a.jpg" alt="How to Create a Pale Golden Switch Button 25" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton9b.jpg" alt="How to Create a Pale Golden Switch Button 26" /></figure>
<hr />
<h2>Step 10</h2>
<p>Duplicate the vector shape made in the previous step (CTRL + J). Focus on the Layers panel, select this copy and clear the current Layer Style attributes. Keep focusing on the Layers panel, hold CTRL and simply click on  &quot;interior&quot;. This should load a simple selection around that vector shape. Make sure that it stays active, select the copy made in the beginning of the step and hit the &quot;Add layer mask&quot; button.</p>
<p>In the end your masked vector shape should look like in the third image. Hit Control + D to get rid of that selection. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton10.jpg" alt="How to Create a Pale Golden Switch Button 27" /></figure>
<hr />
<h2>Step 11</h2>
<p>Reselect the masked vector shape made in the previous step, lower its Fill to 0% then open the Layer Style window. Check the &quot;Layer Mask Hides Effects&quot; box then  activate the Drop Shadow and enter the properties shown in the following image. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton11.jpg" alt="How to Create a Pale Golden Switch Button 28" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton11a.jpg" alt="How to Create a Pale Golden Switch Button 29" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton11b.jpg" alt="How to Create a Pale Golden Switch Button 30" /></figure>
<hr />
<h2>Step 12</h2>
<p>Set the foreground color at #85bc46, pick the Rounded Rectangle Tool, create a 5 by 14px vector shape and make sure that its stays selected. Continue with the Rounded Rectangle Tool, check the Add button from the top bar then add two, 5 by 14px rounded rectangles as shown in the second image. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton12.jpg" alt="How to Create a Pale Golden Switch Button 31" /></figure>
<hr />
<h2>Step 13</h2>
<p>Select the vector shape made in the previous step and place it as shown below. Open the Layer Style window for this green path and enter the properties shown in the following images. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton13.jpg" alt="How to Create a Pale Golden Switch Button 32" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton13a.jpg" alt="How to Create a Pale Golden Switch Button 33" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton13b.jpg" alt="How to Create a Pale Golden Switch Button 34" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton13c.jpg" alt="How to Create a Pale Golden Switch Button 35" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton13d.jpg" alt="How to Create a Pale Golden Switch Button 36" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton13e.jpg" alt="How to Create a Pale Golden Switch Button 37" /></figure>
<hr />
<h2>Step 14</h2>
<p>Pick the Type Tool (T) and add a simple &quot;ON&quot; as shown in the first image. You can use the Latha font, set the style at Bold, the size at 15pt and the color at #b6a675. Open the Layers Style window for this little piece of text and enter the properties shown in the following images. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton14.jpg" alt="How to Create a Pale Golden Switch Button 38" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton14a.jpg" alt="How to Create a Pale Golden Switch Button 39" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton14b.jpg" alt="How to Create a Pale Golden Switch Button 40" /></figure>
<hr />
<h2>Step 15</h2>
<p>Focus on the Layers panel, select that piece of text along with all the vector shapes created so far, right click on one of these pieces and go to Duplicate Layers. Select all the copies and drag them a few pixels down as shown in the first image. Return to the Layers panel and focus on the copies.</p>
<p>Select the four vector shapes that make up the rounded button, hold Shift and drag them 74px to the right. In the end things should look like in the second image. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton15.jpg" alt="How to Create a Pale Golden Switch Button 41" /></figure>
<hr />
<h2>Step 16</h2>
<p>Select that piece of text, replace the &quot;ON&quot; with &quot;OFF&quot; and place it as shown in the first image. Select the masked vector shape, go to Edit &gt; Transform &gt; Flip Horizontal then open the Layer Style window and simply inverse the angle used for the Drop Shadow. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton16.jpg" alt="How to Create a Pale Golden Switch Button 42" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton16a.jpg" alt="How to Create a Pale Golden Switch Button 43" /></figure>
<hr />
<h2>Step 17</h2>
<p>Finally, focus on the green vector shape and replace the existing Layer Style attributes with the ones shown in the following images. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton17.jpg" alt="How to Create a Pale Golden Switch Button 44" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton17a.jpg" alt="How to Create a Pale Golden Switch Button 45" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton17b.jpg" alt="How to Create a Pale Golden Switch Button 46" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton17c.jpg" alt="How to Create a Pale Golden Switch Button 47" /></figure>
<hr />
<h2>And We&#8217;re Done!</h2>
<p>Here is how your final result should look. </p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/10028/switchButton0.jpg" alt="How to Create a Pale Golden Switch Button" /></figure>
<img src="http://feeds.feedburner.com/~r/photoshopstarcom/~4/9G3r1PrUPR4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.photoshopstar.com/drawing/golden-switch-button/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.photoshopstar.com/drawing/golden-switch-button/</feedburner:origLink></item>
		<item>
		<title>Creating an Edgy, Colorful Fashion Photo-manipulated Artwork</title>
		<link>http://feedproxy.google.com/~r/photoshopstarcom/~3/_-OZLQ07br4/</link>
		<comments>http://www.photoshopstar.com/effects/fashion-photo-manipulation/#comments</comments>
		<pubDate>Wed, 08 May 2013 10:47:51 +0000</pubDate>
		<dc:creator>Vik Aadi</dc:creator>
				<category><![CDATA[Effects]]></category>

		<guid isPermaLink="false">http://www.photoshopstar.com/?p=9995</guid>
		<description><![CDATA[In this Adobe Photoshop tutorial, we will learn how to create a beautiful abstract photo manipulation applying some advance techniques of masking, lightning and the use of adjustment layers. Final Image Resources fairy32 &#8211; faestock Texture &#8211; angeltouch1 Abstract &#8211; angeltouch1 15 Grunge PS Brushes &#8211; sarytah Step 1 Create a new file with a [...]]]></description>
			<content:encoded><![CDATA[<p>In this Adobe Photoshop tutorial, we will learn how to create a beautiful abstract photo manipulation applying some advance techniques of masking, lightning and the use of adjustment layers.<br />
<span id="more-9995"></span></p>
<hr />
<h2>Final Image</h2>
<figure class="post-final-image"><img src="http://media.photoshopstar.com/2013/9995/finalimage.jpg" alt="111" /></figure>
<hr />
<h2>Resources</h2>
<ul>
<li><a href="http://faestock.deviantart.com/art/fairy32-327717294">fairy32 &#8211; faestock</a></li>
<li><a href="http://angeltouch1.deviantart.com/art/Texture-370060561">Texture &#8211; angeltouch1</a></li>
<li><a href="http://angeltouch1.deviantart.com/art/abstract-370061769">Abstract &#8211; angeltouch1</a></li>
<li><a href="http://sarytah.deviantart.com/art/15-grunge-ps-brushes-109543242">15 Grunge PS Brushes &#8211; sarytah</a></li>
</ul>
<hr />
<h2>Step 1</h2>
<p>Create a new file with a width of 1200 px and a height of 1500 px at 72 dpi (Dots per Inch). Background Contents should be White.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/1.jpg" alt="111" /></figure>
<p>&nbsp;</p>
<hr />
<h2>Step 2</h2>
<p>First off, let’s activate the Gradient tool (G).</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/2.jpg" alt="111" /></figure>
<p>Then open the Gradient editor box and input the following:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/3.jpg" alt="111" /></figure>
<p>Now drag the mouse in the direction of the red arrow.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/4.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/5.jpg" alt="111" /></figure>
<hr />
<h2>Step 3</h2>
<p>Now activate the Single Row Marquee Tool.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/6.jpg" alt="111" /></figure>
<p>Let&#8217;s make a new layer and name it &#8220;Line&#8221;. Now click on the canvas you can see that you have a selected part so fill it with #409cf9.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/7.jpg" alt="111" /></figure>
<p>Repeat the same process and you will get something like this :</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/8.jpg" alt="111" /></figure>
<hr />
<h2>Step 4</h2>
<p>Now add a layer mask to our lines layer .</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/9.jpg" alt="111" /></figure>
<p>Now activate the Brush tool (B) using these settings :</p>
<p>Brush size: 400px</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>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/10.jpg" alt="111" /></figure>
<p>Reduce the layer opacity to 25% :</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/11.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/12.jpg" alt="111" /></figure>
<p>Now create a new Hue/Saturation adjustment layer from the icon at the bottom of the layers palette .</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/13.jpg" alt="111" /></figure>
<p>When the Hue/Saturation box opens, input the following:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/14.jpg" alt="111" /></figure>
<p>Press Alt+left click in between 2 layer&#8217;s (lines layer and Hue/Saturation) to make a clipping mask.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/15.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/16.jpg" alt="111" /></figure>
<hr />
<h2>Step 5</h2>
<p>Now activate the Elliptical marquee tool, hold down the Shift key to restrain proportions and drag out a circle as shown below, use the Paint Bucket Tool to fill it with black .</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/17.jpg" alt="111" /></figure>
<p>Now add a Layer style by clicking on the <em>fx</em>icon at the bottom of layers palette .</p>
<p>When the Layer style box opens, input the following Gradient Overlay settings:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/18.jpg" alt="111" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/19.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/20.jpg" alt="111" /></figure>
<hr />
<h2>Step 6</h2>
<p>Now activate the Brush tool (B) using these settings :</p>
<p>Brush size: 3px</p>
<p>Hardness: 100%</p>
<p>Opacity: 100%</p>
<p>Flow: 100%</p>
<p>Color: #000000</p>
<p>Then activate the Pen tool (P) and draw a line then right click on the line and choose Stroke Path.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/21.jpg" alt="111" /></figure>
<p>When the Stroke path box opens, input the following:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/22.jpg" alt="111" /></figure>
<p>Now again make a right click and this time choose Delete Path .</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/23.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/24.jpg" alt="111" /></figure>
<p>Now add a Layer style by clicking the <em>fx</em>icon at the bottom of layers palette.</p>
<p>When the Layer style box opens, input the following Gradient Overlay settings:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/25.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/26.jpg" alt="111" /></figure>
<p>Add more lines:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/27.jpg" alt="111" /></figure>
<hr />
<h2>Step 7</h2>
<p>First off, let’s open fairy32 stock in Photoshop. We will be using the Girl from this stock image so we will need to transfer it to our main canvas.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/28.jpg" alt="111" /></figure>
<p>Now go to Select &gt; Color range :</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/29.jpg" alt="111" /></figure>
<p>When the Color Range box opens, input the following and click on the highlighted area :</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/30.jpg" alt="111" /></figure>
<p>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;Girl&#8221;.</p>
<p>Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Girl” layer is selected, resize it as shown below:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/31.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/32.jpg" alt="111" /></figure>
<hr />
<h2>Step 8</h2>
<p>Now, activate the Brush tool (B) and open the brush set “15 grunge ps brushes” by Sarytah. To load them, simply, right click on your canvas through any layer and then click on the drop-down button as shown below:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/33.jpg" alt="111" /></figure>
<p>This will prompt the contextual menu to pop up and once you see that, just click on Load Brushes.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/34.jpg" alt="111" /></figure>
<p>You will now be prompted to this directory: Adobe Photoshop &gt; Presets &gt; Brushes so make sure that you have put the brushes within this folder, or navigate to the folder that contains the brushes. Now locate the brush set and click OK. Right click on the canvas again using your Brush tool (B) and now you’ll notice that you have 15 grunge ps brushes.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/35.jpg" alt="111" /></figure>
<p>Now create a vector mask by clicking on the<em> Add Layer Mask</em>icon at the bottom of layers palette.</p>
<p>Now this time choose any grunge ps brushes and use these settings:</p>
<p>Brush size: 400px</p>
<p>Hardness: 0%</p>
<p>Opacity: 40%</p>
<p>Flow: 100%</p>
<p>Foreground Color: #000000</p>
<p>Background Color: #000000</p>
<p>Now paint over the highlighted area.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/36.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/37.jpg" alt="111" /></figure>
<hr />
<h2>Step 9</h2>
<p>Now,let’s open &#8220;abstract&#8221; file in Photoshop. We will be using the sky from this stock image so we will need to transfer it to our main canvas.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/38.jpg" alt="111" /></figure>
<p>Click the &#8220;abstract&#8221; 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;Abstract 1&#8243;.</p>
<p>Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Abstract” layer is selected, resize it as shown below:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/39.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/40.jpg" alt="111" /></figure>
<p>Now create a new Color Balance adjustment layer by clicking the icon at the bottom of layers palett . Press Alt+left click in between 2 layer&#8217;s (Abstract 1 layer and Color Balance) to make a clipping mask.</p>
<p>When the Color Balance box opens, input the following:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/40a.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/41.jpg" alt="111" /></figure>
<p>Make a duplicate of abstract 1 layer (Ctrl+j):</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/42.jpg" alt="111" /></figure>
<hr />
<h2>Step 10</h2>
<p>Now,let’s open the High Resolution Bokeh Texture in Photoshop. We will be using the Texture from this stock image so we will need to transfer it to our main canvas.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/43.jpg" alt="111" /></figure>
<p>Click the High Resolution Bokeh Texture 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;Light&#8221;.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/44.jpg" alt="111" /></figure>
<p>Change it&#8217;s layer mode to &#8220;Screen&#8221;.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/45.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/46.jpg" alt="111" /></figure>
<hr />
<h2>Step 11</h2>
<p>Now create a Color Balance adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window:</p>
<p>When the Color Balance box opens, input the following:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/47.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/48.jpg" alt="111" /></figure>
<p>Create a Gradient map adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer icon at the bottom of the layers palette.</p>
<p>When the Gradient map box opens, input the following:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/49.jpg" alt="111" /></figure>
<p>Change it&#8217;s layer mode to &#8220;Luminosity&#8221;.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/50.jpg" alt="111" /></figure>
<p>The result should be similar to this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/51.jpg" alt="111" /></figure>
<p>Create a Gradient map adjustment layer which can be found by pressing on the Create New Fill/Adjustment layer button shown on the layer window.</p>
<p>When the Gradient map box opens, input the following:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/52.jpg" alt="111" /></figure>
<p>Change it&#8217;s layer mode to &#8220;Overlay&#8221;.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/53.jpg" alt="111" /></figure>
<hr />
<h2>And We&#8217;re Done!</h2>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9995/finalimage.jpg" alt="111" /></figure>
<img src="http://feeds.feedburner.com/~r/photoshopstarcom/~4/_-OZLQ07br4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.photoshopstar.com/effects/fashion-photo-manipulation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.photoshopstar.com/effects/fashion-photo-manipulation/</feedburner:origLink></item>
		<item>
		<title>How to Create a Futuristic Jumping Whale in Photoshop</title>
		<link>http://feedproxy.google.com/~r/photoshopstarcom/~3/N3Fh9qXfhkk/</link>
		<comments>http://www.photoshopstar.com/effects/futuristic-jumping-whale/#comments</comments>
		<pubDate>Tue, 23 Apr 2013 14:43:21 +0000</pubDate>
		<dc:creator>Adrian Scheff</dc:creator>
				<category><![CDATA[Effects]]></category>

		<guid isPermaLink="false">http://www.photoshopstar.com/?p=9987</guid>
		<description><![CDATA[In this tutorial you will learn how to create a futuristic, metal jumping whale. We are not actually creating the metal whale, but we are using 5 stock images and a brush set, along with Photoshop&#8217;s built in tools and filters to create this stunning photo manipulation. Final Image Resources Lake Brienz Whale Glitter + [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial you will learn how to create a futuristic, metal jumping whale. We are not actually creating the metal whale, but we are using 5 stock images and a brush set, along with Photoshop&#8217;s built in tools and filters to create this stunning photo manipulation.<span id="more-9987"></span></p>
<hr />
<h2>Final Image</h2>
<figure class="post-final-image"><img src="http://media.photoshopstar.com/2013/9987/step-026b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop" /></figure>
<hr />
<h2>Resources</h2>
<ul>
<li><a href="http://artmatrix-stock.deviantart.com/art/AM-Stock-238-96372463">Lake Brienz</a></li>
<li><a href="http://fantmayo.deviantart.com/art/Whale-364306903">Whale</a></li>
<li><a href="http://redheadstock.deviantart.com/art/Glitter-Sparkles-Brushes-48646588">Glitter + Sparkles Brushes</a></li>
<li><a href="http://redheadstock.deviantart.com/art/Lightning-Photoshop-Brushes-37337848">Lightning Photoshop Brushes</a></li>
<li><a href="http://seductive-stock.deviantart.com/art/Water-splash-4-130772031">Water splash &#8211; 4</a></li>
<li><a href="http://stock-by-crystal.deviantart.com/art/Splash-Pack-60393075">Splash Pack</a></li>
</ul>
<hr />
<h2>Step 1</h2>
<p>Let&#8217;s start our tutorial by opening the image “Landscape” and making a duplicate (Ctrl + J).</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-001.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 1" /></figure>
<p>Apply a 5 px Gaussian Blur to the duplicated layer.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-002.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 2" /></figure>
<p>Add a layer mask to the duplicated layer by choosing Layer &gt; Layer Mask &gt; Reveal All.</p>
<p>In the layer mask paint with black over the surface of the water to mask the blurring effect and put more focus on the foreground.</p>
<p>Here’s how my mask looks:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-003.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 3" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-003b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 4" /></figure>
<hr />
<h2>Step 2</h2>
<p>We will be using a lot of adjustment layers in this tutorial. To create an adjustment layer simply click Layer &gt; New Adjustment Layer and choose the appropriate one.</p>
<p>In this case I am going to use a Hue/Saturation so go to Layer &gt; New Adjustment Layer &gt; Hue/Saturation. If we were to use a Curves Adjustment layer you would simply go to Layer &gt; New Adjustment Layer &gt; Curves. Got it?</p>
<p>Add a Hue/Saturation Adjustment layer to change the color of the overall scene.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-004.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 5" /></figure>
<p>Here’s how the image should look now:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-004b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 6" /></figure>
<hr />
<h2>Step 3</h2>
<p>It looks a bit too saturated for me so let’s add another Hue/Saturation Adjustment layer and drag the slider to the left to lower the saturation.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-005.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 7" /></figure>
<p>The image should look like this now:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-005b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 8" /></figure>
<hr />
<h2>Step 4</h2>
<p>Now let’s darken the mood a little bit. Add a Curves Adjustment Layer and drag the curve downwards like so:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-006.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 9" /></figure>
<p>The image should look darker:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-006b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 10" /></figure>
<hr />
<h2>Step 5</h2>
<p>Open file “Whale”. Ctrl-click on the Whale layer to select it and press Ctrl + C to copy it.</p>
<p>Go back to our tutorial file and press Ctrl + V to paste it.</p>
<p>Choose the Move tool (V) and position the whale as shown below:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-007.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 11" /></figure>
<hr />
<h2>Step 6</h2>
<p>Now let’s create the reflection on the water.</p>
<p>Create a new layer (Ctrl + Shift + N) and using a Chalk brush at 10% Opacity paint a reflection underneath the whale and on the surface of the water.</p>
<p>Here’s how my painted reflection looks:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-008.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 12" /></figure>
<hr />
<h2>Step 7</h2>
<p>The whale emerges from the water so we should have some splashing water illustrating this.</p>
<p>Open the file “Water1”. Before we start doing anything we have to change some settings.</p>
<p>Choose the Eyedropper Tool (I) and in the Option bar (in the upper area) set the Sample Size to 5 by 5 Average.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-009.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 13" /></figure>
<p>What we want to do now is to extract the water and the some of the rippling effect from this photo. The tool that will allow us to do that in an easy way is Color Range.</p>
<p>Choose Select &gt; Color Range and with the eyedropper click in the region shown below:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-009b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 14" /></figure>
<p>The Color Range window should look like this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-009c.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 15" /></figure>
<p>Click OK to finish the selection.</p>
<hr />
<h2>Step 8</h2>
<p>Now that we have a selection press Ctrl + J to create a new layer from selection.</p>
<p>Ctrl-click on the newly created layer to select it and Ctrl + C to copy it.</p>
<p>Go to our tutorial window and press Ctrl + V to paste it.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-010.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 16" /></figure>
<hr />
<h2>Step 9</h2>
<p>Use the Free Transform Tool (Ctrl + T) to resize and position the water as in the image below:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-011.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 17" /></figure>
<hr />
<h2>Step 10</h2>
<p>Add a layer mask to the water layer by choosing Layer &gt; Layer Mask &gt; Reveal all. Choose a soft round brush and paint with black to remove the obvious edges and to integrate the water with the environment.</p>
<p>Here’s how my layer mask looks:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-012.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 18" /></figure>
<p>And here’s how the image looks:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-012b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 19" /></figure>
<p>The water looks a bit grayish so let’s make a bit brighter and whiter. In order to do this simply duplicate the water layer by pressing Ctrl + J.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-013.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 20" /></figure>
<hr />
<h2>Step 11</h2>
<p>Let’s add some additional water drops around the whale to make it look more realistic.</p>
<p>Open the file “Water2”.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-014.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 21" /></figure>
<p>Use Select &gt; Color Range selection window to select the water as we did on the previous water image and press OK.<br />
Your Color Range window should look like this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-014b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 22" /></figure>
<hr />
<h2>Step 12</h2>
<p>Duplicate the selection by pressing Ctrl + J.</p>
<p>Ctrl-click the newly created layer to select it and press Ctrl + C to copy it.</p>
<p>Go to our tutorial window and press Ctrl + V to paste. Use the Free Transform tool (T) to resize and position the pasted layer as shown below:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-015.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 23" /></figure>
<hr />
<h2>Step 13</h2>
<p>Add a layer mask to this layer by choosing Layer &gt; Adjustment Layer &gt; Reveal All. Use a soft round brush to paint with black and mask the obvious edges and unwanted areas. You basically want to leave some water drops below the whale’s belly so paint with black everything but the area you want to be visible.</p>
<p>Here’s how it should look:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-016.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 24" /></figure>
<hr />
<h2>Step 14</h2>
<p>In order to add more drops of water around the whale simply duplicate the water layer you just masked and use the Free Transform Tool to position it where you want more water drops. Then in the layer mask paint with black or white to hide or reveal water. In my case it took 7 more duplicates of the water layer, each of them positioned at different locations around the whale and masked as I saw fit.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-017.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 25" /></figure>
<p>And here’s how my image looks like:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-017b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 26" /></figure>
<hr />
<h2>Step 15</h2>
<p>Group all those water layers you created in the previous step by selecting them (Ctrl-click each or click the first one and Shift-click the last one) and press Ctrl + G.</p>
<p>Add a layer mask to the group by choosing Layer &gt; Layer Mask &gt; Reveal all and paint with black to hide unwanted water.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-018.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 27" /></figure>
<p>And here’s how my image looks:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-018b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 28" /></figure>
<p>This technique of using layer masks on groups is a very useful one when you want additional control and you work with lots of layers.</p>
<hr />
<h2>Step 16</h2>
<p>Let’s add some additional glitter and some lightning.</p>
<p>Import the sparkles brush using the Preset Manager (Edit &gt; Presets &gt; Preset manager) or simply double click the .abr file (it might not work on older versions of Photoshop).</p>
<p>Select a sparkle and set the foreground color to white. Create a new layer (Ctrl + Shift + N) and place some sparkles on the whale.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-019.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 29" /></figure>
<hr />
<h2>Step 17</h2>
<p>Import the lightning brush and create a new layer. Click once on the layer with a lightning brush of your choosing and use the Free Transform tool to position and resize the lightning layer as in the image below.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-020.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 30" /></figure>
<hr />
<h2>Step 18</h2>
<p>Now let’s add some volume and highlights to the whale.</p>
<p>Create a new layer (Ctrl + Shift + N) and with a round soft brush at 20-30% Opacity paint with white and black. White areas will look closer to the eye than the black ones and that’s how we will create a certain volumetric effect and add some white highlights in the process.</p>
<p>You should have something like in the image below:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-021.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 31" /></figure>
<hr />
<h2>Step 19</h2>
<p>We are almost done. Now it’s time to add some post-processing effects that will make the image look nicer.</p>
<p>Make a new layer from all visible layers by pressing Ctrl + Shift + Alt + E. Apply a 5px Gaussian Blur to the newly created layer.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-022.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 32" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-022b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 33" /></figure>
<p>Change the blending mode of this layer to Soft Light and lower the opacity to 30%.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-023.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 34" /></figure>
<hr />
<h2>Step 20</h2>
<p>In order to improve the contrast and lighten the image a bit add a Curves Adjustment Layer. Modify the curve like this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-024.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 35" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-024b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 36" /></figure>
<hr />
<h2>Step 21</h2>
<p>In order to unify all the elements in our scene let’s add a Hue/Saturation Adjustment layer and change the hue to a nice blue color. Lower the opacity of this layer to 22%.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-025.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 37" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-025b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 38" /></figure>
<hr />
<h2>Step 22</h2>
<p>Finally we are going to bump up the contrast, so add a Brightness/Contrast adjustment layer and increase the contrast setting to around 82.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-026.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop 39" /></figure>
<hr />
<h2>Conclusion</h2>
<p>And that’s the end of our tutorial. Hope you like final result.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9987/step-026b.jpg" alt="How to Create a Futuristic Jumping Whale in Photoshop" /></figure>
<img src="http://feeds.feedburner.com/~r/photoshopstarcom/~4/N3Fh9qXfhkk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.photoshopstar.com/effects/futuristic-jumping-whale/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.photoshopstar.com/effects/futuristic-jumping-whale/</feedburner:origLink></item>
		<item>
		<title>Learn How to Use the Blur Tool in Photoshop to Create Selective Focus</title>
		<link>http://feedproxy.google.com/~r/photoshopstarcom/~3/Ir_oGCD-6ic/</link>
		<comments>http://www.photoshopstar.com/basics/selective-focus-photoshop/#comments</comments>
		<pubDate>Tue, 16 Apr 2013 17:17:51 +0000</pubDate>
		<dc:creator>Adrian Scheff</dc:creator>
				<category><![CDATA[Basics / Tools Tutorials]]></category>

		<guid isPermaLink="false">http://www.photoshopstar.com/?p=9686</guid>
		<description><![CDATA[In this tutorial we will use all kinds of blur effects to create an illusion of motion and to add focus to a picture in Adobe Photoshop. Final Image Resources Classic Car stock 2 Brig Running 1 Teen talk Step 1 Let’s start by adding motion to a static vehicle. Open image “Car” in Photoshop [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial we will use all kinds of blur effects to create an illusion of motion and to add focus to a picture in Adobe Photoshop. <span id="more-9686"></span></p>
<hr />
<h2>Final Image</h2>
<figure class="post-final-image"><img src="http://media.photoshopstar.com/2013/9686/9.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus" /></figure>
<hr />
<h2>Resources</h2>
<ul>
<li><a href="http://chamberstock.deviantart.com/art/Classic-Car-stock-2-209266650">Classic Car stock 2</a></li>
<li><a href="http://jagged-eye.deviantart.com/art/Brig-Running-1-122194926">Brig Running 1</a></li>
<li><a href="http://www.sxc.hu/photo/468734">Teen talk</a></li>
</ul>
<hr />
<h2>Step 1</h2>
<p>Let’s start by adding motion to a static vehicle.</p>
<p>Open image “Car” in Photoshop and duplicate the background layer by pressing Ctrl + J.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/1.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 1" /></figure>
<hr />
<h2>Step 2</h2>
<p>Apply a Motion Blur by choosing Filter &gt; Blur &gt; Motion Blur.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/2.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 2" /></figure>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/2b.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 3" /></figure>
<hr />
<h2>Step 3</h2>
<p>Add a layer mask to the blurred layer by choosing Layer &gt; Layer Mask &gt; Reveal All.</p>
<p>In the layer mask paint with a soft black brush over the car in order to have a motion blur effect on the background only.</p>
<p>I painted with red in the image below the areas which should be painted with black in the layer mask so you can have a reference.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/3b.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 3" /></figure>
<p>And this is how it should look after you’re done:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/3.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 3" /></figure>
<hr />
<h2>Step 4</h2>
<p>Press Ctrl + Shift + Alt + E to merge all visible layers into a new layer and use the Elliptical Marquee Tool to create a selection of the front wheel.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/4.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 4" /></figure>
<hr />
<h2>Step 5</h2>
<p>Apply a Radial Blur by choosing Filter &gt; Blur &gt; Radial Blur. Select Spin and drag the slider all the way to the left. This step will apply a Spin Blur to our wheel, making it look as if it is spinning fast.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/5.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 5" /></figure>
<p>The wheel should look like in the image shown below:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/5b.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 6" /></figure>
<hr />
<h2>Step 6</h2>
<p>Repeat the step above on the back wheel. You should have something like the image below.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/6.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 7" /></figure>
<hr />
<h2>Step 7</h2>
<p>Add a layer mask to the layer with spin blur (Layer &gt; Layer Mask &gt; Reveal All) and use a soft black brush at 50% Opacity around the edges of the spinning wheels to remove any obvious/hard lines.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/7.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 8" /></figure>
<hr />
<h2>Step 8</h2>
<p>Create another layer from all the visible layers by pressing Ctrl + Shift + Alt + E and apply a 700px Motion blur.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/8.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 9" /></figure>
<p>Here’s the results of Motion Blur:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/8b.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 10" /></figure>
<hr />
<h2>Step 9</h2>
<p>Change the blending mode of this layer to Screen and add a layer mask by choosing Layer &gt; Layer Mask &gt; Hide All.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/9.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 11" /></figure>
<p>Paint in the layer mask over the back of the car to create an illusion of motion.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/9b.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 12" /></figure>
<p>Duplicate this layer by pressing Ctrl + J. Press Alt + Backspace to fill the layer mask with black and move it a bit upwards (press Ctrl + Shift + Up arrow once):</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/9c.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 13" /></figure>
<p>Paint in the layer mask with white as shown below:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/9d.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 14" /></figure>
<hr />
<h2>Conclusion</h2>
<p>Here’s the final result:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/9e.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 15" /></figure>
<hr />
<h2>Other Photoshop Blur Options</h2>
<p>Another cool effect you could add to make an object or a person look like it’s moving very fast is the Zoom Blur.</p>
<p>Open the file “Man” and make a duplicate of the background.</p>
<p>Choose Filter &gt; Blur &gt; Radial Blur and select Zoom option.</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/10.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 10" /></figure>
<p>Add a layer mask (Layer &gt; Layer Mask &gt; Hide All) and paint carefully with a soft white brush to reveal only the running man and some of the ground in front of him. You should have something like this:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/11.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 11" /></figure>
<hr />
<p>Another technique for applying focus to an object or a person is to apply a Gaussian Blur to everything but the object/person you want to keep focus on. Let’s try it now.</p>
<p>Open image “Girls” and make a duplicate of the background layer.</p>
<p>Apply a 3.5px Gaussian Blur (Filter &gt; Blur &gt; Gaussian Blur).</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/12.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 12" /></figure>
<p>Now let’s say that we want to put focus on the girl in the middle.</p>
<p>Add a layer mask (Layer &gt; Layer Mask &gt; Reveal All) and with a soft black brush paint over the face and the upper body of the girl sitting in the middle. Try to be careful and not to paint over the background. As you can see the effect is subtle but noticeable:</p>
<figure class="post-tutorial-image"><img src="http://media.photoshopstar.com/2013/9686/13.jpg" alt="Learn How to Use the Blur Tool in Photoshop to Create Selective Focus 13" /></figure>
<p>You can use this kind of selective Blur to increase focus of an object, a part of the body (like the face, the eyes) or an area. The only thing to remember is that subtle effects work best.</p>
<img src="http://feeds.feedburner.com/~r/photoshopstarcom/~4/Ir_oGCD-6ic" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.photoshopstar.com/basics/selective-focus-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.photoshopstar.com/basics/selective-focus-photoshop/</feedburner:origLink></item>
		<item>
		<title>How to Make Drawing from a Photo in Photoshop</title>
		<link>http://feedproxy.google.com/~r/photoshopstarcom/~3/s-uNRApw7iA/</link>
		<comments>http://www.photoshopstar.com/photo-effects/drawing-from-a-photo/#comments</comments>
		<pubDate>Mon, 08 Apr 2013 13:31:29 +0000</pubDate>
		<dc:creator>Photoshop Star</dc:creator>
				<category><![CDATA[Photo Effects]]></category>

		<guid isPermaLink="false">http://www.photoshopstar.com/?p=9702</guid>
		<description><![CDATA[There are a lot of techniques on the Internet on how to make a drawing from a photo. But I would like to invite your attention to another one unique simple Photoshop tutorial on how to achieve the desired effect in an easier way. Final Image Resources Young woman sitting with an encyclopedia Step 1 [...]]]></description>
			<content:encoded><![CDATA[<p>There are a lot of techniques on the Internet on how to make a drawing from a photo. But I would like to invite your attention to another one unique simple Photoshop tutorial on how to achieve the desired effect in an easier way.</p>
<p><span id="more-9702"></span></p>
<hr />
<h2>Final Image</h2>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/photo-drawing.jpg" alt="How to Make Drawing from a Photo" /></div>
<hr />
<h2>Resources</h2>
<ul>
<li><a href="http://www.sxc.hu/photo/1288795">Young woman sitting with an encyclopedia</a></li>
</ul>
<hr />
<h2>Step 1</h2>
<p>Open the photo in Photoshop.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/01.jpg" alt="How to Make Drawing from a Photo 1" /></div>
<p>With the Crop Tool selected crop the photo as shown on my screenshot below. After that, select the Polygonal Lasso Tool to cut the lady’s silhouette from the background.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/02.jpg" alt="How to Make Drawing from a Photo 2" /></div>
<hr />
<h2>Step 2</h2>
<p>Select some appropriate colors, for example black color (#6d0000) and orange (#69360e), then create a new layer under the layer with the lady and apply Filter &gt; Render &gt; Clouds.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/03.jpg" alt="How to Make Drawing from a Photo 3" /></div>
<p>Then go back to the layer with the lady, use the Eraser Tool with a soft round brush of small diameter and make the border between her and the background softer by erasing some parts of the hair.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/04.jpg" alt="How to Make Drawing from a Photo 4" /></div>
<p>Now we have to reduce the red hue on the photo. Duplicate the current layer with Ctrl+J and use Image &gt; Adjustments &gt; Color Balance on the copied layer to edit the color balance.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/05.jpg" alt="How to Make Drawing from a Photo 5" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/06.jpg" alt="How to Make Drawing from a Photo 6" /></div>
<p>Use the Eraser Tool to do some cleaning up work to reduce the blue color presence on the photo.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/07.jpg" alt="How to Make Drawing from a Photo 7" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/08.jpg" alt="How to Make Drawing from a Photo 8" /></div>
<hr />
<h2>Step 3</h2>
<p>Merge all layers into one except the background layer. Duplicate the background layer and move it above the layer with the photo.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/09.jpg" alt="How to Make Drawing from a Photo 9" /></div>
<p>Apply Edit &gt; Transform &gt; Flip Vertical to flip this layer vertically.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/10.jpg" alt="How to Make Drawing from a Photo 10" /></div>
<p>Desaturate it with Image &gt; Adjustments &gt; Desaturate.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/11.jpg" alt="How to Make Drawing from a Photo 11" /></div>
<p>Then use the Eraser Tool and  soft round brush to erase part of background as on my screenshot below.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/12.jpg" alt="How to Make Drawing from a Photo 12" /></div>
<p>Change the blending mode to Hard Light for this layer.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/13.jpg" alt="How to Make Drawing from a Photo 13" /></div>
<hr />
<h2>Step 4</h2>
<p>Create a new layer and set the blending mode to Overlay for it. Select the Brush Tool (Opacity: 20-30%) with a soft round brush and increase the contrast between dark and light parts by making strokes with black and white colors.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/14.jpg" alt="How to Make Drawing from a Photo 14" /></div>
<p>If we turn the blending mode back to Normal for this layer, then we will see the following picture:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/15.jpg" alt="How to Make Drawing from a Photo 15" /></div>
<p>It clearly shows that in the shaded areas we used black color, and for the lighter areas used white, that have increased the glare and shadow. Again turn back to Overlay mode and make one more copy of this layer. Change the mode to Soft Light for the copied layer.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/16.jpg" alt="How to Make Drawing from a Photo 16" /></div>
<p>After that change the opacity to 30%.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/17.jpg" alt="How to Make Drawing from a Photo 17" /></div>
<hr />
<h2>Step 5</h2>
<p>Create a new layer, press ‘D’ to set the foreground and background colors as black and white and apply Filter &gt; Render &gt; Clouds again.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/18.jpg" alt="How to Make Drawing from a Photo 18" /></div>
<p>Add some noise with Filter &gt; Noise &gt; Add Noise:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/19.jpg" alt="How to Make Drawing from a Photo 19" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/20.jpg" alt="How to Make Drawing from a Photo 20" /></div>
<p>After that use Filter &gt; Blur &gt; Motion Blur with similar settings to these:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/21.jpg" alt="How to Make Drawing from a Photo 21" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/22.jpg" alt="How to Make Drawing from a Photo 22" /></div>
<p>Apply Filter &gt; Blur &gt; Smart Blur:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/23.jpg" alt="How to Make Drawing from a Photo 23" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/24.jpg" alt="How to Make Drawing from a Photo 24" /></div>
<p>Increase the size of the canvas with Edit &gt; Transform &gt; Scale to avoid showing sharp edges.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/25.jpg" alt="How to Make Drawing from a Photo 25" /></div>
<p>Now, change the layer mode to Overlay for this layer.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/26.jpg" alt="How to Make Drawing from a Photo 26" /></div>
<hr />
<h2>Step 6</h2>
<p>Create an adjustment layer with Layer &gt; New Adjustment Layer &gt; Hue/Saturation to reduce the strong contrast.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/27.jpg" alt="How to Make Drawing from a Photo 27" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/28.jpg" alt="How to Make Drawing from a Photo 28" /></div>
<p>Create another adjustment layer with Layer &gt; New Adjustment Layer &gt; Channel Mixer to achieve the desired effect:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/29.jpg" alt="How to Make Drawing from a Photo 29" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/30.jpg" alt="How to Make Drawing from a Photo 30" /></div>
<p>Add one final adjustment layer by using Layer &gt; New Adjustment Layer &gt; Exposure with following settings:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/31.jpg" alt="How to Make Drawing from a Photo 31" /></div>
<hr />
<h2>Final Image</h2>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9702/photo-drawing.jpg" alt="How to Make Drawing from a Photo" /></div>
<img src="http://feeds.feedburner.com/~r/photoshopstarcom/~4/s-uNRApw7iA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.photoshopstar.com/photo-effects/drawing-from-a-photo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.photoshopstar.com/photo-effects/drawing-from-a-photo/</feedburner:origLink></item>
		<item>
		<title>Create a Paper Receipt in Adobe Photoshop</title>
		<link>http://feedproxy.google.com/~r/photoshopstarcom/~3/2jcwlBd7GVM/</link>
		<comments>http://www.photoshopstar.com/drawing/paper-receipt-adobe-photoshop/#comments</comments>
		<pubDate>Mon, 01 Apr 2013 14:55:00 +0000</pubDate>
		<dc:creator>Andrei Marius</dc:creator>
				<category><![CDATA[Drawing]]></category>

		<guid isPermaLink="false">http://www.photoshopstar.com/?p=9973</guid>
		<description><![CDATA[In the following tutorial you will learn how to create a simple paper receipt illustration in Adobe Photoshop. Final Image As always, this is the final image that we&#8217;ll be creating: Resources Paper Texture Corbel Font Ignis et Glacies Font Calibri Font Step 1 Open Photoshop and hit Control + N to create a new [...]]]></description>
			<content:encoded><![CDATA[<p>In the following tutorial you will learn how to create a simple paper receipt illustration in Adobe Photoshop.<span id="more-9973"></span></p>
<hr />
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt0.jpg" alt="Create a Paper Receipt in Adobe Photoshop" /></div>
<hr />
<h2>Resources</h2>
<ul>
<li><a href="http://melemel.deviantart.com/art/Crumpled-white-paper-texture-85259388?q=boost%3Apopular%20paper%20texture&amp;qo=42">Paper Texture</a></li>
<li><a href="http://www.cufonfonts.com/en/font/12051/corbel">Corbel Font</a></li>
<li><a href="http://www.dafont.com/ignis-et-glacies-extra-sharp.font">Ignis et Glacies Font</a></li>
<li><a href="http://www.cufonfonts.com/en/font/12048/calibri"> Calibri Font</a></li>
</ul>
<hr />
<h2>Step 1</h2>
<p>Open Photoshop and hit Control + N to create a new document. Enter all the data shown in the following image and click OK.</p>
<p>Enable the Grid (View &gt; Show &gt; Grid) and the Snap to Grid (View &gt; Snap To &gt; Grid). For starters you will need a grid every 5px. Go to Edit &gt; Preferences &gt; Guides, Grid &amp; Slices and focus on the Grid section. Enter 5 in the Gridline Every box and 1 in the Subdivision box. Also, set the grid color to #a7a7a7. Once you set all these properties click OK. Don&#8217;t get discouraged by all that grid. It will ease your. You should also open the Info panel (Window &gt; Info) for a live preview with the size and position of your shapes.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt1.jpg" alt="Create a Paper Receipt in Adobe Photoshop 1" /></div>
<hr />
<h2>Step 2</h2>
<p>Set the foreground color to #73c5ff, pick the Rectangle Tool and create a 200 by 300px vector shape. The Snap to Grid should ease your work.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt2.jpg" alt="Create a Paper Receipt in Adobe Photoshop 2" /></div>
<hr />
<h2>Step 3</h2>
<p>Select the vector shape made in the previous step and focus on the bottom, right corners. Pick the Ellipse Tool, check the Add button from the top bar and add a 4px circle as shown in the first image.</p>
<p>Switch to the Direct Selection Tool and select the four anchor points that make up this little circle. Hold the Shift and Alt buttons from your keyboard, click (and hold) inside your circle and simply drag 6px to the left. This should add a copy of the circle as shown in the third image.</p>
<p>Repeat this technique until you have six perfectly aligned circles as shown in the fourth image.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt3.jpg" alt="Create a Paper Receipt in Adobe Photoshop 3" /></div>
<hr />
<h2>Step 4</h2>
<p>Make sure that your blue vector shape is selected and focus on the bottom, left corner.</p>
<p>Pick the Ellipse Tool, check the Subtract button from the top bar and draw a 4px circle as shown in the first image. Switch to the Direct Selection Tool, select the four anchor points that make up this little circle and drag a copy 6px to the right. Repeat this technique until you have twenty-seven perfectly aligned circles as shown in the fourth image. You can duplicate two or more circles at a time. Just make sure that you select all the anchor points that make up those circles and that you&#8217;re keeping a 2px gap between each shape.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt4.jpg" alt="Create a Paper Receipt in Adobe Photoshop 4" /></div>
<hr />
<h2>Step 5</h2>
<p>Make sure that your blue vector shape is selected and focus on the top, left corner.</p>
<p>Pick the Ellipse Tool, check the Add button from the top bar and add five, 4px circles as shown in the first image.</p>
<p>Continue with the Ellipse Tool, check the Subtract button from the top bar and draw twenty-eight, 4px circle as shown in the second image. In the end your blue vector shape should look like in the third image.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt5.jpg" alt="Create a Paper Receipt in Adobe Photoshop 5" /></div>
<hr />
<h2>Step 6</h2>
<p>Next, you need to create a simple paper pattern. Open <a href="http://melemel.deviantart.com/art/Crumpled-white-paper-texture-85259388?q=boost%3Apopular%20paper%20texture&amp;qo=42">this paper image</a> in Photoshop, go to Image &gt; Adjustments &gt; Desaturate then go to Edit &gt; Define Pattern. Enter &#8220;paper&#8221; in the Name box then click OK. Close this file and get back to the main one.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt6.jpg" alt="Create a Paper Receipt in Adobe Photoshop 6" /></div>
<hr />
<h2>Step 7</h2>
<p>Open the Layers panel and focus on your blue vector shape. Replace the blue with #fafafa then double click on this shape to open the Layer Style window. Enter the properties shown in the following images and click OK.</p>
<p>The yellow numbers from the Gradient Overlay image stand for Opacity percentage while the white numbers stand for Blending Mode. For the Pattern Overlay section you will need the paper pattern made in the previous step. Simply open the Pattern picker and you will find there.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt7.jpg" alt="Create a Paper Receipt in Adobe Photoshop 7" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt7a.jpg" alt="Create a Paper Receipt in Adobe Photoshop 8" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt7b.jpg" alt="Create a Paper Receipt in Adobe Photoshop 9" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt7c.jpg" alt="Create a Paper Receipt in Adobe Photoshop 10" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt7d.jpg" alt="Create a Paper Receipt in Adobe Photoshop 11" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt7e.jpg" alt="Create a Paper Receipt in Adobe Photoshop 12" /></div>
<hr />
<h2>Step 8</h2>
<p>For this step you will need a grid every 1px. So simply go to Edit &gt; Preferences &gt; Guides, Grid &amp; Slices and enter 1 in the Gridline Every box. Set the foreground color to black.</p>
<p>Pick the Rounded Rectangle Tool, focus on the top bar and set the radius to 2px. Create a 5 by 3px vector shape and lower its opacity to 15%.</p>
<p>Duplicate this little rounded rectangle (Control + J), select the copy and drag it 27px to the right.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt8.jpg" alt="Create a Paper Receipt in Adobe Photoshop 13" /></div>
<hr />
<h2>Step 9</h2>
<p>Set the foreground color to #78787b and make sure that the Rounded Rectangle Tool is still active. Create a 35 by 2px vector shape and place it as shown in the first image. Open the Layer Style window for this new shape and enter the properties shown in the following images.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt9.jpg" alt="Create a Paper Receipt in Adobe Photoshop 14" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt9a.jpg" alt="Create a Paper Receipt in Adobe Photoshop 15" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt9b.jpg" alt="Create a Paper Receipt in Adobe Photoshop 16" /></div>
<hr />
<h2>Step 10</h2>
<p>Set the foreground color to white, pick the Rectangle Tool, create a 24 by 1px vector shape and place it as shown in the first image. Make sure that this thin rectangle is selected, lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following image.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt10.jpg" alt="Create a Paper Receipt in Adobe Photoshop 17" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt10a.jpg" alt="Create a Paper Receipt in Adobe Photoshop 18" /></div>
<hr />
<h2>Step 11</h2>
<p>Select the four vector shapes made in the last three steps and group them (Control + G). Select this new group and place it as shown in the following image.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt11.jpg" alt="Create a Paper Receipt in Adobe Photoshop 19" /></div>
<hr />
<h2>Step 12</h2>
<p>Set the foreground color to black, pick the Rectangle Tool, focus on the top bar and click on that little arrow icon to open the Rectangle Options panel. Check the Fixed Size button then enter 160 in the width (W:) box and 1 in the height (H:) box.</p>
<p>Now, simply click inside your document and you will get a black, 160 by 1px vector shape. Select it and place it as shown in the following image.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt12.jpg" alt="Create a Paper Receipt in Adobe Photoshop 20" /></div>
<hr />
<h2>Step 13</h2>
<p>Duplicate the vector shape made in the previous step (Control + J). Select this copy and drag it 29px down.</p>
<p>Add three more copies and place them as shown in the first image. Make sure that you always have a 29px gap between these thin shapes. Focus on the Layers panel, select all five vector shapes and change the blending mode to Soft Light.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt13.jpg" alt="Create a Paper Receipt in Adobe Photoshop 21" /></div>
<hr />
<h2>Step 14</h2>
<p>Disable the Grid (View &gt; Show &gt; Grid) and add the text using the Type Tool. Have a look at the following image and you will find all the text properties that you will need.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt14.jpg" alt="Create a Paper Receipt in Adobe Photoshop 22" /></div>
<hr />
<h2>Step 15</h2>
<p>Hit Shift + Control + Alt + N to create a new layer. Focus on the Layers panel, select it and send it to back (Shift + Control + [ ).</p>
<p>Set the foreground color to #36f0f5, pick the Paint Bucket Tool, make sure that your new layer is still selected and simply click inside your document.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt15.jpg" alt="Create a Paper Receipt in Adobe Photoshop 23" /></div>
<hr />
<h2>Step 16</h2>
<p>Next, you need to create a second pattern. First, hit Control + N to create a new document. Enter 4 in the width and height boxes and click OK. Enable the Grid (View &gt; Show &gt; Grid) then move to the Layers panel and delete the &#8220;Background&#8221; layer. Set the foreground color at black and grab the Rectangle Tool.</p>
<p>Create two 2 by 2px vector paths and place them as shown in the following image. Now, simply go to Edit &gt; Define Pattern. Pick a name for your new pattern and click OK. Close this document and return to the main one.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt16.jpg" alt="Create a Paper Receipt in Adobe Photoshop 24" /></div>
<hr />
<h2>Step 17</h2>
<p>Focus on the Layers panel, open the Layer Style panel for the layer made in the fifteenth step and enter the properties shown in the following images. For the Pattern Overlay section use the pattern made in the previous step.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt17.jpg" alt="Create a Paper Receipt in Adobe Photoshop 25" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt17a.jpg" alt="Create a Paper Receipt in Adobe Photoshop 26" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt17b.jpg" alt="Create a Paper Receipt in Adobe Photoshop 27" /></div>
<hr />
<h2>And We&#8217;re Done!</h2>
<p>Here is how your final result should look.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9973/receipt0.jpg" alt="Create a Paper Receipt in Adobe Photoshop" /></div>
<img src="http://feeds.feedburner.com/~r/photoshopstarcom/~4/2jcwlBd7GVM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.photoshopstar.com/drawing/paper-receipt-adobe-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.photoshopstar.com/drawing/paper-receipt-adobe-photoshop/</feedburner:origLink></item>
		<item>
		<title>Learn How to Create a Super Creative Collage Effect</title>
		<link>http://feedproxy.google.com/~r/photoshopstarcom/~3/lMUs7Z6SElk/</link>
		<comments>http://www.photoshopstar.com/effects/creative-collage-effect/#comments</comments>
		<pubDate>Mon, 25 Mar 2013 16:07:19 +0000</pubDate>
		<dc:creator>Vik Aadi</dc:creator>
				<category><![CDATA[Effects]]></category>

		<guid isPermaLink="false">http://www.photoshopstar.com/?p=9976</guid>
		<description><![CDATA[Learn how to create a super creative collage effect, using a range of photo manipulation, blending and compositional techniques in this Adobe Photoshop tutorial. You’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. Final [...]]]></description>
			<content:encoded><![CDATA[<p>Learn how to create a super creative collage effect, using a range of photo manipulation, blending and compositional techniques in this Adobe Photoshop tutorial.</p>
<p>You’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.<span id="more-9976"></span></p>
<hr />
<h2>Final Image</h2>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/finalimage.jpg" alt="Learn How to Create a Super Creative Collage Effect" /></div>
<hr />
<h2>Resources</h2>
<ul>
<li><a href="http://browse.deviantart.com/art/Red-3-305141432">Red 3-Mihaela-VStock</a></li>
<li><a href="http://sadmonkeydesign-res.deviantart.com/art/watercolor-2-120314525">watercolor.2</a></li>
<li><a href="http://lostandtaken.com/blog/2010/9/5/8-colorful-grunge-textures-lt-news.html">Colored Grunge Textures</a></li>
<li><a href="http://waktattoos.com/id5825/flowers-and-mandala-mehndi-henna-tattoo-paisley-doodle-illustration-1200x1200-pixel.html">Flowers</a></li>
</ul>
<hr />
<h2>Step 1</h2>
<p>Create a new file with a width of 650px and a height of 1040 px at 72 dpi (Dots per Inch). Background Contents should be White.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/1.jpg" alt="Learn How to Create a Super Creative Collage Effect 1" /></div>
<hr />
<h2>Step 2</h2>
<p>To start off we’ll use various textures to create a subtle distressed 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>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/2.jpg" alt="Learn How to Create a Super Creative Collage Effect 2" /></div>
<p>The result should be similar to this:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/3.jpg" alt="Learn How to Create a Super Creative Collage Effect 3" /></div>
<p>Reduce opacity to &#8220;30%&#8221;</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/4.jpg" alt="Learn How to Create a Super Creative Collage Effect 4" /></div>
<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>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/5.jpg" alt="Learn How to Create a Super Creative Collage Effect 5" /></div>
<p>Change the Blend Mode to Overlay and lower its Opacity to 50%.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/6.jpg" alt="Learn How to Create a Super Creative Collage Effect 6" /></div>
<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>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/7.jpg" alt="Learn How to Create a Super Creative Collage Effect 7" /></div>
<hr />
<h2>Step 3</h2>
<p>Change the layer mode to &#8220;soft light&#8221; and reduce opacity to &#8220;45%&#8221;:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/8.jpg" alt="Learn How to Create a Super Creative Collage Effect 8" /></div>
<p>Now Create a new Color balance adjustment layer from the bottom of the layers palette .</p>
<p>When the Color balance box opens, input the following:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/9.jpg" alt="Learn How to Create a Super Creative Collage Effect 9" /></div>
<p>Now create a new Levels adjustment layer from the bottom of the layers palette .</p>
<p>When the Levels box opens, input the following: :</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/10.jpg" alt="Learn How to Create a Super Creative Collage Effect 10" /></div>
<p>The result should be similar to this:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/11.jpg" alt="Learn How to Create a Super Creative Collage Effect 11" /></div>
<p>First off, let’s open the girl stock Red 3-Mihaela-VStock in Photoshop. We will be using the girl from this stock image so we will need to transfer it to our main canvas.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/12.jpg" alt="Learn How to Create a Super Creative Collage Effect 12" /></div>
<p>press p to activate pen tool and then make a selection around the girl and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/13.jpg" alt="Learn How to Create a Super Creative Collage Effect 13" /></div>
<p>The result should be similar to this: .</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/14.jpg" alt="Learn How to Create a Super Creative Collage Effect 14" /></div>
<p>Now create a new Curves adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer&#8217;s (girl layer and Curves) to make a mask.</p>
<p>When the Curves box opens, input the following:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/15.jpg" alt="Learn How to Create a Super Creative Collage Effect 15" /></div>
<p>Now create a new Curves adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer&#8217;s (sky layer and Curves) to make a mask.</p>
<p>When the Curves box opens, input the following:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/17.jpg" alt="Learn How to Create a Super Creative Collage Effect 16" /></div>
<hr />
<h2>Step 4</h2>
<p>Press Alt+left click in between 2 layer&#8217;s (Girl layer and Curves) to make a mask.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/18.jpg" alt="Learn How to Create a Super Creative Collage Effect 17" /></div>
<p>Now create a new Hue/Saturation adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer&#8217;s (girl layer and Hue/Saturation) to make a mask.</p>
<p>When the Hue/Saturation box opens, input the following:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/19.jpg" alt="Learn How to Create a Super Creative Collage Effect 18" /></div>
<p>Now create a new Curves adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer&#8217;s (girl layer and Curves) to make a mask.</p>
<p>When the Curves box opens, input the following:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/20.jpg" alt="Learn How to Create a Super Creative Collage Effect 19" /></div>
<p>Now create a new Levels adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer&#8217;s (girl and Levels) to make a mask.</p>
<p>When the Levels box opens, input the following: :</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/21.jpg" alt="Learn How to Create a Super Creative Collage Effect 20" /></div>
<p>The result should be similar to this:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/22.jpg" alt="Learn How to Create a Super Creative Collage Effect 21" /></div>
<p>s</p>
<p>Now,let’s open the WaterColor2 in Photoshop. We will be using the texture from this stock image so we will need to transfer it to our main canvas.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/23.jpg" alt="Learn How to Create a Super Creative Collage Effect 22" /></div>
<p>The result should be similar to this:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/24.jpg" alt="Learn How to Create a Super Creative Collage Effect 23" /></div>
<hr />
<h2>Step 5</h2>
<p>Change the layer mode to overlay and reduce opecity to 79%.</p>
<p>Now add vector mask from the bottom of the layers palette .</p>
<p>Now activate the Brush tool (B) with these settings :</p>
<p>Brush size: 400px</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>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/25.jpg" alt="Learn How to Create a Super Creative Collage Effect 24" /></div>
<p>The result should be similar to this:.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/26.jpg" alt="Learn How to Create a Super Creative Collage Effect 25" /></div>
<p>Now activate the Brush tool (B) with these settings :</p>
<p>Brush size: 400px</p>
<p>Hardness: 0%</p>
<p>Opacity: 40%</p>
<p>Flow: 100%</p>
<p>Color: #3057e4</p>
<p>Now paint over the highlighted area.:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/27.jpg" alt="Learn How to Create a Super Creative Collage Effect 26" /></div>
<p>Now, change the layer mode to soft light</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/28.jpg" alt="Learn How to Create a Super Creative Collage Effect 27" /></div>
<p>Repeat the same process using #dc2d30 as foreground color :</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/29.jpg" alt="Learn How to Create a Super Creative Collage Effect 28" /></div>
<p>Now, let’s open the 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>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/30.jpg" alt="Learn How to Create a Super Creative Collage Effect 29" /></div>
<p>change the layer mode to multiply and reduce opacity to 65%.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/31.jpg" alt="Learn How to Create a Super Creative Collage Effect 30" /></div>
<hr />
<h2>Step 6</h2>
<p>Now,let’s make a new layer and name it &#8220;Shape 1&#8243; activate Pen tool and draw a shape. See as below :</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/32.jpg" alt="Learn How to Create a Super Creative Collage Effect 31" /></div>
<p>Now fill it with #1a29a0 color .</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/33.jpg" alt="Learn How to Create a Super Creative Collage Effect 32" /></div>
<p>Repeat the same process and add more shapes .</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/34.jpg" alt="Learn How to Create a Super Creative Collage Effect 33" /></div>
<p>The result should be similar to this:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/35.jpg" alt="Learn How to Create a Super Creative Collage Effect 34" /></div>
<p>Now, let’s open the Flower 1 in Photoshop. We will be using the vectors from this stock image so we will need to transfer it to our main canvas and name it &#8220;Flower 1&#8243;.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/36.jpg" alt="Learn How to Create a Super Creative Collage Effect 35" /></div>
<p>The result should be similar to this:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/37.jpg" alt="Learn How to Create a Super Creative Collage Effect 36" /></div>
<hr />
<h2>Step 7</h2>
<p>Now create a new Levels adjustment layer from the bottom of the layers palette. Press Alt+left click in between 2 layer&#8217;s (flower1 and Levels) to make a mask.</p>
<p>When the Levels box opens, input the following:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/39.jpg" alt="Learn How to Create a Super Creative Collage Effect 37" /></div>
<p>The result should be similar to this:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/40.jpg" alt="Learn How to Create a Super Creative Collage Effect 38" /></div>
<p>Now add more flowers to our canvas.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/41.jpg" alt="Learn How to Create a Super Creative Collage Effect 39" /></div>
<p>Now, let’s open the Flower 7 in Photoshop. We will be using the vectors from this stock image so we will need to transfer it to our main canvas and name it &#8220;Tattoo&#8221;.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/42.jpg" alt="Learn How to Create a Super Creative Collage Effect 40" /></div>
<p>Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Tattoo” layer is selected resize it as shown below:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/43.jpg" alt="Learn How to Create a Super Creative Collage Effect 41" /></div>
<hr />
<h2>Step 8</h2>
<p>now change the layer mode to multiply</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/44.jpg" alt="Learn How to Create a Super Creative Collage Effect 42" /></div>
<p>Now add a vector mask from the bottom of layers palette .</p>
<p>Now activate the Brush tool (B) with these settings :</p>
<p>Brush size: 400px</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>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/45.jpg" alt="Learn How to Create a Super Creative Collage Effect 43" /></div>
<p>The result should be similar to this:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/46.jpg" alt="Learn How to Create a Super Creative Collage Effect 44" /></div>
<p>Now, let’s open the Blue blotch in Photoshop. We will be using the texture from this stock image so we will need to transfer it to our main canvas.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/47.jpg" alt="Learn How to Create a Super Creative Collage Effect 45" /></div>
<p>Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Snail” layer is selected resize it as shown below:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/48.jpg" alt="Learn How to Create a Super Creative Collage Effect 46" /></div>
<p>now change the layer mode to multiply and reduce opacity to 60%</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/49.jpg" alt="Learn How to Create a Super Creative Collage Effect 47" /></div>
<p>Repeat the same process and add the same effect to the second eye .</p>
<hr />
<h2>And We&#8217;re Done!</h2>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9976/finalimage.jpg" alt="Learn How to Create a Super Creative Collage Effect" /></div>
<img src="http://feeds.feedburner.com/~r/photoshopstarcom/~4/lMUs7Z6SElk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.photoshopstar.com/effects/creative-collage-effect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.photoshopstar.com/effects/creative-collage-effect/</feedburner:origLink></item>
		<item>
		<title>Imitation Evening Eye Make Up in Photoshop</title>
		<link>http://feedproxy.google.com/~r/photoshopstarcom/~3/6TSmP5QUgyI/</link>
		<comments>http://www.photoshopstar.com/photo-effects/imitation-evening-eye-make-up/#comments</comments>
		<pubDate>Tue, 19 Mar 2013 14:17:21 +0000</pubDate>
		<dc:creator>Photoshop Star</dc:creator>
				<category><![CDATA[Photo Effects]]></category>

		<guid isPermaLink="false">http://www.photoshopstar.com/?p=9706</guid>
		<description><![CDATA[Today I will show you how to imitate evening eye make-up in Photoshop. This lesson will be very useful to those who process photos for fashion magazines. Final Image Note: Original tutorial published on Photoshopstar.com some years ago. Tutorial was updated and now republished. Resources woman Step 1 Open up the photo, press Ctrl+A to [...]]]></description>
			<content:encoded><![CDATA[<p>Today I will show you how to imitate evening eye make-up in Photoshop. This lesson will be very useful to those who process photos for fashion magazines.</p>
<p><span id="more-9706"></span></p>
<hr />
<h2>Final Image</h2>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/evening-eye-make-up.jpg" alt="Imitation Evening Eye Make Up in Photoshop" /></div>
<hr />
<p>Note: Original tutorial published on Photoshopstar.com some years ago. Tutorial was updated and now republished.</p>
<hr />
<h2>Resources</h2>
<ul>
<li><a href="http://www.sxc.hu/photo/744218">woman</a></li>
</ul>
<hr />
<h2>Step 1</h2>
<p>Open up the photo, press Ctrl+A to select canvas and copy selected area with Ctrl+C.</p>
<p>Create a new document and paste the copied fragment on it with Ctrl+V.</p>
<p>Then use Edit &gt; Free Transform to reduce the size of the fragment.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/01.jpg" alt="Imitation Evening Eye Make Up in Photoshop 1" /></div>
<p>I think it will be better to start by adding eye shadow to the eyelids. Select the Polygonal Lasso Tool and create a selection similar to mine on the picture below:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/02.jpg" alt="Imitation Evening Eye Make Up in Photoshop 2" /></div>
<p>Hold down the Shift button and when the plus sign near the cursor appears, just add the second eye area selection.</p>
<p>After that fill the selected area with color #556141 on a new layer.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/03.jpg" alt="Imitation Evening Eye Make Up in Photoshop 3" /></div>
<p>Remove selection with Ctrl+D and apply Filter &gt; Blur &gt; Gaussian Blur with these presets:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/04.jpg" alt="Imitation Evening Eye Make Up in Photoshop 4" /></div>
<p>Change layer mode to Overlay.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/05.jpg" alt="Imitation Evening Eye Make Up in Photoshop 5" /></div>
<hr />
<h2>Step 2</h2>
<p>To correct the eye shadow borders we can apply the Smudge Tool (Brush: 50px; Mode: Normal; Strength: 70%).</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/06.jpg" alt="Imitation Evening Eye Make Up in Photoshop 6" /></div>
<p>Create a new layer and start creating the eyeliner effect.</p>
<p>Use the Polygonal Lasso Tool again and create a selection as on my picture below, then fill it with color #282a37 on the new layer.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/07.jpg" alt="Imitation Evening Eye Make Up in Photoshop 7" /></div>
<p>Deselect the chosen area with Select &gt; Deselect and apply Filter &gt; Blur &gt; Gaussian Blur with similar settings to these:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/08.jpg" alt="Imitation Evening Eye Make Up in Photoshop 8" /></div>
<p>Change layer mode to Color Burn and set the opacity to 70%.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/09.jpg" alt="Imitation Evening Eye Make Up in Photoshop 9" /></div>
<p>Apply the Smudge Tool (Brush: 15px) for this layer again.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/10.jpg" alt="Imitation Evening Eye Make Up in Photoshop 10" /></div>
<hr />
<h2>Step 3</h2>
<p>Time to add the white glow under the eyebrows. Create new layer, then select the Brush Tool and a soft round brush about 35px to color the area under the eyebrows with white.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/11.jpg" alt="Imitation Evening Eye Make Up in Photoshop 11" /></div>
<p>Apply Filter &gt; Noise &gt; Add Noise with similar settings to these:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/12.jpg" alt="Imitation Evening Eye Make Up in Photoshop 12" /></div>
<p>Change layer mode to Soft Light.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/13.jpg" alt="Imitation Evening Eye Make Up in Photoshop 13" /></div>
<p>Apply the Blur Tool a little bit.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/14.jpg" alt="Imitation Evening Eye Make Up in Photoshop 14" /></div>
<p>Select the Eraser Tool and apply it to make the white highlight realistic-looking.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/15.jpg" alt="Imitation Evening Eye Make Up in Photoshop 15" /></div>
<hr />
<h2>Step 4</h2>
<p>Create new layer, then select the Polygonal Lasso Tool again and create selections similar to mine and fill with black.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/16.jpg" alt="Imitation Evening Eye Make Up in Photoshop 16" /></div>
<p>Remove the selection with Ctrl+D and apply Filter &gt; Blur &gt; Gaussian Blur to blur the current layer content about 1,5px and then reduce the opacity to 24% for this layer.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/17.jpg" alt="Imitation Evening Eye Make Up in Photoshop 17" /></div>
<hr />
<h2>Step 5</h2>
<p>Now I would like to add eyelashes. I’m going to show you an interesting method by using the Pen Tool. Before we start making them, just select the Brush Tool and set up with the following settings:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/18.jpg" alt="Imitation Evening Eye Make Up in Photoshop 18" /></div>
<p>Then set foreground color to black. After that select the Pen Tool (you need to make sure that you’re working with Paths instead of Shape Layers). Draw out the line using paths:</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/19.jpg" alt="Imitation Evening Eye Make Up in Photoshop 19" /></div>
<p>Then right-click and select Stroke Path.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/20.jpg" alt="Imitation Evening Eye Make Up in Photoshop 20" /></div>
<p>A little dialog box will appear as in the screenshot. Choose Brush and make sure there is a tick next to Simulate Pressure. This is important as it will give your curve tapered ends which will make it rock!</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/21.jpg" alt="Imitation Evening Eye Make Up in Photoshop 21" /></div>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/22.jpg" alt="Imitation Evening Eye Make Up in Photoshop 22" /></div>
<p>Next right click again and select Delete Path. Create more eyelashes in the same way.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/23.jpg" alt="Imitation Evening Eye Make Up in Photoshop 23" /></div>
<hr />
<h2>Final Image</h2>
<p>Hope you enjoyed the tutorial and found it helpful.</p>
<div class="post_image"><img src="http://media.photoshopstar.com/2013/9706/evening-eye-make-up.jpg" alt="Imitation Evening Eye Make Up in Photoshop" /></div>
<img src="http://feeds.feedburner.com/~r/photoshopstarcom/~4/6TSmP5QUgyI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.photoshopstar.com/photo-effects/imitation-evening-eye-make-up/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.photoshopstar.com/photo-effects/imitation-evening-eye-make-up/</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic page generated in 0.374 seconds. --><!-- Cached page generated by WP-Super-Cache on 2013-05-18 18:30:12 -->
