<?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>Signature Stop, Photoshop signature tutorials, renders, tag tutorials and signature backgrounds! &#187; ocean ripple</title>
	<atom:link href="http://www.signaturestop.com/tag/ocean-ripple/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.signaturestop.com</link>
	<description>Photoshop signature tutorials, photoshop resources and signature tag tips</description>
	<lastBuildDate>Mon, 09 May 2011 12:10:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Code Geass Signature tutorial 2</title>
		<link>http://www.signaturestop.com/full-signature-tutorials/code-geass-signature-tutorial-2/</link>
		<comments>http://www.signaturestop.com/full-signature-tutorials/code-geass-signature-tutorial-2/#comments</comments>
		<pubDate>Sun, 03 May 2009 12:44:57 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Full Signature Tutorials]]></category>
		<category><![CDATA[code geass]]></category>
		<category><![CDATA[ocean ripple]]></category>
		<category><![CDATA[signature render]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=555</guid>
		<description><![CDATA[Welcome to this CodeGeass Photoshop Signature tutorial. We will be using a code geass character, a large render, and special filter effects to achieve the final result. You can find plenty of renders in our temporary renders download section. You can download the specific signature render that we&#8217;ve used here. The signature was designed by [...]]]></description>
			<content:encoded><![CDATA[<p>Welcome to this CodeGeass Photoshop Signature tutorial. We will be using a code geass character, a large render, and special filter effects to achieve the final result. You can find plenty of renders in our temporary <a href="http://www.signaturestop.com/resources/renders/" target="_blank">renders download </a>section. You can download the specific signature render that we&#8217;ve used <a href="http://www.signaturestop.com/resourcespage/renders/render17.html" target="_blank">here</a>. The signature was designed by Roroni. You can download the PSD in the premium member section.<span id="more-555"></span></p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/result.jpg" alt="CodeGeass Signature" width="420" height="130" /></p>
<p><a href="http://www.signaturestop.com/join"><img style="border:0" src="http://www.signaturestop.com/advertisement/downloadpsd.gif" alt="Join SignatureStop Premium" width="389" height="66" /></a></p>
<p>Start by creating a new file in Photoshop (File &gt; New), our size was set to 420 pixels by 130 pixels. The first few steps will be used to create some detail in the signature, we will then continue changing colors and lighting.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/newfile.gif" alt="codegeass signature tutorial" width="420" height="130" /></p>
<p>Apply some sort of texture on the canvas to get some detail. Here, a cracked texture was used.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/cracks.gif" alt="Cracks stock" width="420" height="130" /></p>
<p>We&#8217;re going to use some <a rel="nofollow" href="http://www.google.com/search?q=splatter+brushes+deviantart" target="_blank">splatter brushes</a>, with a bright red color. It&#8217;s best to create new layers (CTRL + SHIFT + N) every time you brush, so you keep maximum control of the looks.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/redsplatter.gif" alt="Splatter Brush" width="420" height="130" /></p>
<p>Some more splatters on a new layer with the same red bright color.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/largesplatter.gif" alt="large splatter" width="420" height="130" /></p>
<p>Change the blending mode of the last splattering to Multiply:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/settomultiply.gif" alt="Change the blending mode" width="420" height="130" /></p>
<p>We&#8217;re going to add a cinema4d render on the signature. You can find some renders in our resources section. The render that was used can be found <a href="http://www.signaturestop.com/resourcespage/renders/render17.html" target="_blank">here</a>.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/render.gif" alt="Add a render" width="420" height="130" /></p>
<p>Change the blending mode of the render to Screen:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/settoscreen.gif" alt="Set the blending mode to screen" width="420" height="130" /></p>
<p>Add your render to the signature. The good thing about this render is that we can work with his hand to create some special effect. Try finding a render that has some activity in it that you can use.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/codegeasscharacter.gif" alt="Code Geass character" width="420" height="130" /></p>
<p>Add another render on top of character, and rotate it (CTRL + T) to follow the flow of the character (in this case, his arm):</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/cinema4drender.gif" alt="Add a cinema4d render" width="420" height="130" /></p>
<p>We&#8217;ve added <a href="http://www.signaturestop.com/resourcespage/renders/render17.html" target="_blank">the same render</a> that we&#8217;ve added a few steps back on top of the signature again, and used the eraser tool to remove some areas covering our Code Geass character.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/c4drender.gif" alt="another Cinema4d render" width="420" height="130" /></p>
<p>We&#8217;re going to create a glowing sphere in her hand. Select the brush tool, and pick a decent size soft brush:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/brush.gif" alt="Photoshop Brush" width="260" height="281" /></p>
<p>With a yellow color, tap once on top of his hand:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/handglowing.gif" alt="Hand Dot" width="420" height="130" /></p>
<p>Apply a bright outer glow to it, with the following settings:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/outerglowsettings.gif" alt="Outer Glow Settings" width="462" height="197" /></p>
<p>This is what the sphere looks like on a black background:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/dotonblack.gif" alt="CodeGeass Signature Tutorial" width="420" height="130" /></p>
<p>We will be erasing some of it to make it seem as if its inside of his hand. To make the erasing a little easier, CTRL + Click on the layer of the character. This will turn it into a selection.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/ctrlclick.gif" alt="Ctrl Click on the character" width="258" height="155" /></p>
<p>Zoom in and carefully erase with a small brush, parts of the yellow sphere:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/selecterase.gif" alt="Use the eraser Tool" width="420" height="130" /></p>
<p>Using the smudge tool, we will be creating some sort of light flow that comes out of his hand. First, tap again with a soft brush, then use the smudge tool to create some light flow coming out between his fingers:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/smudgetool.gif" alt="Photoshop Smudging" width="153" height="99" /></p>
<p>This is the light brushing shown on a black background:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/shownonblack.gif" alt="Photoshop brushing" width="420" height="130" /></p>
<p>Result shown on the signature:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/smudgingbrushed.gif" alt="brushing glow" width="420" height="130" /></p>
<p>Apply the same outer glow that we used earlier:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/outerglowsettings.gif" alt="Photoshop Outer Glow settings" width="462" height="197" /></p>
<p>Outcome of the glowing sphere in his hand:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/outerglow.jpg" alt="Outer glow" width="420" height="130" /></p>
<p>We&#8217;re going to make his eye color match the red background a little more. Pick a small brush, and tap on top of his eyes with a bright red color:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/eyesbrushing.gif" alt="Eye brushing" width="375" height="188" /></p>
<p>Set the blending mode to Color, and reduce the opacity to 80%:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/eyesmanipulated.gif" alt="Eye color manipulated" width="420" height="130" /></p>
<p>Apply the image on a new layer (Image &gt; Apply Image). Then, select Filter &gt; Distort &gt; Ocean Ripple:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/oceanripple.gif" alt="Photoshop Ocean ripple" width="329" height="394" /></p>
<p>Play around with the settings a little. This is our image with an Ocean Ripple applied:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/oceanrippleresult.gif" alt="Ocean Ripple result" width="420" height="130" /></p>
<p>Now erase most of it, keep some sections of the render surrounding our character, and the light sphere coming out of his hand:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/erasedripple.gif" alt="Erase the ocean Ripple" width="420" height="130" /></p>
<p>Change this layers blending mode to Lighten:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/settolighten.gif" alt="Change the blending mode to Lighten" width="420" height="130" /></p>
<p>We&#8217;re going to add a Color Balance adjustment layer. You should be using your own settings, as our settings probably won&#8217;t work for your signature. Here are our settings anyway to illustrate an example. To create a color balance layer, select Layer &gt; New Adjustment Layer &gt; Color Balance:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/colorbalanceanimation.gif" alt="Color Balance instructions" width="268" height="355" /></p>
<p>Outcome of the color balance adjustment layer:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/colorbalanceresult.gif" alt="Code Geass" width="420" height="130" /></p>
<p>We don&#8217;t want the Color Balance to cover the code geass character. Click on the adjustment layer, and start brushing with darkish grey over your character:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/layerpanel.gif" alt="Photoshop Layer Panel" width="268" height="326" /></p>
<p>This is our outcome:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/brushinglayerpanel.gif" alt="Layer Panel Brushing" width="420" height="130" /></p>
<p>Time to add another color to the signature. We will be using a Hue/Saturation adjustment layer for this. To create a Hue/Saturation layer, select Layer &gt; New Adjustment Layer &gt; Hue/Saturation&#8230;</p>
<p>In the adjustment layer, select Master from the dropdown menu, and move the Hue bar around.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/huesaturation.gif" alt="Hue Saturation edit" width="267" height="356" /></p>
<p>Our outcome:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/codegeasssaturation.gif" alt="Saturation" width="420" height="130" /></p>
<p>We&#8217;re going to use a splatter brush to hide some part of the Adjustment layer. Select the layer mask:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/photoshoplayerpanel.gif" alt="Photoshop layer Panel" width="266" height="220" /></p>
<p>And tap with a black color on the layer. This will hide the adjustment layer:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/settohardlight.gif" alt="CodeGeass Signature" width="420" height="130" /></p>
<p>We think the signature is a little too dark. Using another Hue/Saturation layer, we will lighten it up a little. Once again, select Master from the dropdown menu, then drag the Lightness Bar:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/adjustmentlayer.gif" alt="Adjustment Layer" width="268" height="355" /></p>
<p>You should also move the saturation if this makes the signature too greyish.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/lighter.gif" alt="Lighter signature" width="420" height="130" /></p>
<p>Add some text to your signature. Select the eyedropper tool to pick colors from your signature:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/addtext.gif" alt="Add signature text" width="420" height="130" /></p>
<p>To finnish it up, select the Dodge and Burn tool, and add some lighting.</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/burnanddodgetool.gif" alt="Photoshop burn and dodge tool" width="168" height="152" /></p>
<p>Go crazy, use some brushing or adjustment layers if you think that finishes it. Sharpen if needed. Our final outcome:</p>
<p><img src="http://www.signaturestop.com/tutorials/codegeass2/result.jpg" alt="Code Geass Signature" width="420" height="130" /></p>
<p>We hope you&#8217;ve enjoyed this tutorial. Premium Members can download the PSD file in the <a href="http://www.signaturestop.com/premium" target="_blank">premium section</a>. Good luck!</p>
<p><a href="http://www.signaturestop.com/join"><img style="border:0" src="http://www.signaturestop.com/advertisement/downloadpsd.gif" alt="Join SignatureStop Premium" width="389" height="66" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/full-signature-tutorials/code-geass-signature-tutorial-2/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

