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

<channel>
	<title>PSDCORE - Photoshop Tutorials &#187; Effects</title>
	<atom:link href="http://www.psdcore.com/category/tutorials/effects/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.psdcore.com</link>
	<description>Just another Photoshop Tutorials Blog</description>
	<lastBuildDate>Tue, 22 Jun 2010 00:53:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Shine Effects with Gradients</title>
		<link>http://www.psdcore.com/tutorials/effects/shine-effects-with-gradients/</link>
		<comments>http://www.psdcore.com/tutorials/effects/shine-effects-with-gradients/#comments</comments>
		<pubDate>Tue, 07 Jul 2009 08:00:22 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Effects]]></category>

		<guid isPermaLink="false">http://www.psdcore.com/?p=320</guid>
		<description><![CDATA[In this tutorial I'll be teaching you the common shine effect using gradients and also some alternatives to the clean cut style.


Related posts:<ol><li><a href='http://www.psdcore.com/tutorials/designing/christmas-ball-decoration/' rel='bookmark' title='Permanent Link: Christmas Ball Decoration'>Christmas Ball Decoration</a></li>
<li><a href='http://www.psdcore.com/tutorials/web-graphics/classic-shiny-button/' rel='bookmark' title='Permanent Link: Classic Shiny Button'>Classic Shiny Button</a></li>
<li><a href='http://www.psdcore.com/tutorials/designing/badge-buttons/' rel='bookmark' title='Permanent Link: Badge Buttons'>Badge Buttons</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Firstly, what I mean by a shine effect is that glossy look, ie:</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/021_step1.jpg" alt="" /></div>
<p>There are a couple of methods for achieving this: you can either select the area where you would like to apply the shine and fill with a white and then lower the opacity and/or adjust the blend mode or you could use the gradient overlay layer style which is a lot more easier to adjust and duplicate to other layers however it is difficult to have shapes so we&#8217;ll be exploring both methods.</p>
<h3>Method 1</h3>
<p>Start with the thing you want to add a shine effect to:</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/021_step2.jpg" alt="" /></div>
<p>Select the area of where you would like to apply the shine to:</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/021_step3.jpg" alt="" /></div>
<p>Fill the selection with white (Edit > Fill with the colour #ffffff).</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/021_step4.jpg" alt="" /></div>
<p>Set the blend mode to Soft Light and Opacity to 50%. Depending on how harsher shine you&#8217;d like a different opacity and blend mode is appropriate so test out a few different combinations until something fits your needs.</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/021_step5.jpg" alt="" /></div>
<p>Using this method, you can make whatever selection you&#8217;d like to apply a shine to &#8211; ie in the example at the start of this tutorial.</p>
<h3>Method 2</h3>
<p>This time we&#8217;ll be using a layer style, so with the layer you want to add a shine to selected, go Layer > Layer Style > Gradient Overlay and apply the settings below (the 50% refers to the posititon &#8211; one is on top of the other: ie the gradient changes immediately).</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/021_step6.jpg" alt="" /></div>
<p>Result:</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/021_step7.jpg" alt="" /></div>
<p>So this yields the same result, but you can also copy the layer style and then paste it to another which makes it easily duplicatable.</p>
<h3>Gradual Shine Style</h3>
<p>This effect will use a gradient from white to transparent rather than filling in the selection with white (this is only applicable to the first method).</p>
<p>Start with a box and select the area you want to apply the gradual shine to:</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/021_step8.jpg" alt="" /></div>
<p>Using the gradient tool apply a linear gradient from white to transparent but start a bit below the top of the selection and drag down past the bottom of the selection slightly &#8211; this will make the gradient end a bit further than the selection: ie have a gradual shine.</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/021_step9.jpg" alt="" /></div>
<p>Now you can set the layer&#8217;s blend mode to Soft Light and Voila, check out some of the related posts listed below for some applications of this effect :)</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/021_step10.jpg" alt="" /></div>


<p>Related posts:<ol><li><a href='http://www.psdcore.com/tutorials/designing/christmas-ball-decoration/' rel='bookmark' title='Permanent Link: Christmas Ball Decoration'>Christmas Ball Decoration</a></li>
<li><a href='http://www.psdcore.com/tutorials/web-graphics/classic-shiny-button/' rel='bookmark' title='Permanent Link: Classic Shiny Button'>Classic Shiny Button</a></li>
<li><a href='http://www.psdcore.com/tutorials/designing/badge-buttons/' rel='bookmark' title='Permanent Link: Badge Buttons'>Badge Buttons</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.psdcore.com/tutorials/effects/shine-effects-with-gradients/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Page Fold Effect</title>
		<link>http://www.psdcore.com/tutorials/effects/page-fold-effect/</link>
		<comments>http://www.psdcore.com/tutorials/effects/page-fold-effect/#comments</comments>
		<pubDate>Sat, 20 Dec 2008 10:09:07 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[beginner]]></category>
		<category><![CDATA[fold]]></category>
		<category><![CDATA[page]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.psdcore.com/?p=91</guid>
		<description><![CDATA[It seems to be increasingly common to find page folds in icons and sites on the web so in this tutorial I'm going to be teaching you how to make one yourself.


Related posts:<ol><li><a href='http://www.psdcore.com/tutorials/text-effects/ice-cold-text-effect/' rel='bookmark' title='Permanent Link: Ice Cold Text Effect'>Ice Cold Text Effect</a></li>
<li><a href='http://www.psdcore.com/tutorials/web-graphics/classic-shiny-button/' rel='bookmark' title='Permanent Link: Classic Shiny Button'>Classic Shiny Button</a></li>
<li><a href='http://www.psdcore.com/tutorials/web-graphics/simple-professional-logo/' rel='bookmark' title='Permanent Link: Simple Professional Logo'>Simple Professional Logo</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Step 1</h3>
<p>Create a new document (mine is 600 by 420 pixels) and fill with a dark gradient or solid colour. I&#8217;ve filled mine with a radial gradient from #242424 to #0e0e0e.</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/011_step1.jpg" alt="" /></div>
<h3>Step 2</h3>
<p>On a new layer select the rounded rectangle tool and make a rectangle 250 pixels wide and 300 pixels high with a colour of white and a radius of 5 pixels. This is our page ;)</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/011_step2.jpg" alt="" /></div>
<h3>Step 3</h3>
<p>Using the polygonal lasso tool make this selection. Hold down the shift key to make it line up at a 45 degree angle.</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/011_step3.jpg" alt="" /></div>
<h3>Step 4</h3>
<p>Rasterize the layer (right click &gt; rasterize layer) and remove selection (hit delete).</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/011_step4.jpg" alt="" /></div>
<h3>Step 5</h3>
<p>On a new layer use the rounded rectangle tool to make a 100 by 100 pixel white box.</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/011_step5.jpg" alt="" /></div>
<h3>Step 6</h3>
<p>This is our fold part, and we want to get rid of the part outside of the page so firstly rasterize the layer like we did before. Now select the area of the page (Ctrl + click the layer&#8217;s thumbnail) and invert selection (Select &gt; Inverse) and hit delete.</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/011_step6.jpg" alt="" /></div>
<h3>Step 7</h3>
<p>Duplicate this fold layer and fill with a linear gradient from the top right to the bottom left using the colours #c8c8c8 and #eeeeee. This is the fold shadow layer.</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/011_step7.jpg" alt="" /></div>
<h3>Step 8</h3>
<p>Go Edit &gt; Transform &gt; Warp and stretch out the bottom left corner. Hit enter to set the transformation.</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/011_step8.jpg" alt="" /></div>
<h3>Step 9</h3>
<p>Move the shadow layer below the fold layer (in the layers window by dragging).</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/011_step9.jpg" alt="" /></div>
<h3>Step 10</h3>
<p>And there you have it, your page fold effect! You may also want to warp the fold layer to the left at the bottom too.</p>
<div class="tutorialimage"><img src="http://www.psdcore.com/tutorial-images/011_step10.jpg" alt="" /></div>


<p>Related posts:<ol><li><a href='http://www.psdcore.com/tutorials/text-effects/ice-cold-text-effect/' rel='bookmark' title='Permanent Link: Ice Cold Text Effect'>Ice Cold Text Effect</a></li>
<li><a href='http://www.psdcore.com/tutorials/web-graphics/classic-shiny-button/' rel='bookmark' title='Permanent Link: Classic Shiny Button'>Classic Shiny Button</a></li>
<li><a href='http://www.psdcore.com/tutorials/web-graphics/simple-professional-logo/' rel='bookmark' title='Permanent Link: Simple Professional Logo'>Simple Professional Logo</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.psdcore.com/tutorials/effects/page-fold-effect/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
	</channel>
</rss>
