<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.0.2" -->
<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/"
	>

<channel>
	<title>Digital Street - Photoshop tutorials</title>
	<link>http://www.digital-street.com</link>
	<description>Photoshop tutorials</description>
	<pubDate>Tue, 29 Jan 2008 10:56:57 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.0.2</generator>
	<language>en</language>
			<item>
		<title>Cat Funny Eyes</title>
		<link>http://www.digital-street.com/cat-funny-eyes</link>
		<comments>http://www.digital-street.com/cat-funny-eyes#comments</comments>
		<pubDate>Mon, 15 Oct 2007 11:33:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<category>Photo effects</category>
		<guid isPermaLink="false">http://www.digital-street.com/cat-funny-eyes</guid>
		<description><![CDATA[Add a couple of funny eyes to the picture of a cat or any other animal.]]></description>
			<content:encoded><![CDATA[<p><!--adsense--></p>
<p>This tutorial is a second version of this one: <a href="http://www.digital-street.com/funny-eyes">Funny eyes</a><br />
Now the eyes fits better in the animal face and are blended in a better way.</p>
<p>1) Open a picture of any animal, I have used a cat picture this time</p>
<p><img src="http://www.digital-street.com/img/tutorials/cat-funny-eyes/cat-funny-eyes-01.png" alt="cat-funny-eyes-01.png" /></p>
<p>2) Create a new layer and rename the layer as &#8220;left eye&#8221;.</p>
<p>3) Draw a circle with the Eliptical Marquee Tool in the left eye of the cat while holding SHIFT key to get a perfect circle. </p>
<p><img src="http://www.digital-street.com/img/tutorials/cat-funny-eyes/cat-funny-eyes-02.png" alt="cat-funny-eyes-02.png" /></p>
<p>4) Fill the background with white color #ffffff.</p>
<p>5) Double click the &#8220;left eye&#8221; layer to choose Blending Options and use these settings:</p>
<p>Drop Shadow:</p>
<p><img src="http://www.digital-street.com/img/tutorials/cat-funny-eyes/cat-funny-eyes-03.png" alt="cat-funny-eyes-03.png" /></p>
<p>Inner Shadow:<br />
<img src="http://www.digital-street.com/img/tutorials/cat-funny-eyes/cat-funny-eyes-04.png" alt="cat-funny-eyes-04.png" /></p>
<p>Bevel and Emboss:</p>
<p><img src="http://www.digital-street.com/img/tutorials/cat-funny-eyes/cat-funny-eyes-05.png" alt="cat-funny-eyes-05.png" /></p>
<p>6) Create another layer and rename it as &#8220;left eye circle&#8221;.</p>
<p>7) Select the Eliptical Marquee Tool and draw a circle over the last circle a litle smaller while holding SHIFT key.</p>
<p>8) Fill the background with any color you choose, in this case I have used color #564b3c.</p>
<p><img src="http://www.digital-street.com/img/tutorials/cat-funny-eyes/cat-funny-eyes-06.png" alt="cat-funny-eyes-06.png" /></p>
<p>9) Now you have the left eye almost finished.<br />
Duplicate both layers to make the right eye in the same way, just assure to change the direction of the eyelid with the Inner Shadow option, in this case I used 100º angle.</p>
<p><img src="http://www.digital-street.com/img/tutorials/cat-funny-eyes/cat-funny-eyes-07.png" alt="cat-funny-eyes-07.png" /></p>
<p>10) Move the layers to get the effect you like and you have finished.</p>
<p>11) This is the final effect:</p>
<p><img src="http://www.digital-street.com/img/tutorials/cat-funny-eyes/cat-funny-eyes-08.png" alt="cat-funny-eyes-08.png" /></p>
<p>You can use this effect with almost any animal picture.</p>
<div style="height:10px"></div>
<p>Want more tutorials?<br />
See more recent tutorials <a href="http://www.digital-street.com">HERE</a> !</p>
<div style="height:10px"></div>
<p><!--adsense#bottom--></p>
]]></content:encoded>
			<wfw:commentRSS>http://www.digital-street.com/cat-funny-eyes/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Cracked Text</title>
		<link>http://www.digital-street.com/cracked-text</link>
		<comments>http://www.digital-street.com/cracked-text#comments</comments>
		<pubDate>Tue, 20 Feb 2007 13:40:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<category>Text effects</category>
		<guid isPermaLink="false">http://www.digital-street.com/cracked-text</guid>
		<description><![CDATA[Learn a simple way to create a cracked text effect.]]></description>
			<content:encoded><![CDATA[<p><!--adsense--></p>
<p>1) Open a new document of any size, I’m using one that is 620&#215;200 with #ece9de background.</p>
<p>2) Select the Rounded Rectangle Tool, draw a rectangle, then rasterize the layer and fill with this color #5a4c3f:</p>
<p><img src="http://www.digital-street.com/img/tutorials/cracked-text/01.png" alt="01.png" /></p>
<p>3) Download and install this <a href="http://www.digital-street.com/img/tutorials/cracked-text/Cracks.abr">brush</a>.</p>
<p>4) Select the rectangle, create a new layer and fill it with the brush with our background color #ece9de.</p>
<p>5) Turn the new layer opacity to 25%.<br />
<img src="http://www.digital-street.com/img/tutorials/cracked-text/02.png" alt="02.png" /></p>
<p>6) Write your text, I am using Arial Black.<br />
<img src="http://www.digital-street.com/img/tutorials/cracked-text/03.png" alt="03.png" /></p>
<p>7) Right click on your text layer and choose Blending Options, use these settings:<br />
Color Overlay: use this color: #ece9de<br />
<img src="http://www.digital-street.com/img/tutorials/cracked-text/04.png" alt="04.png" /></p>
<p>Stroke: use this color: #5a4c3f<br />
<img src="http://www.digital-street.com/img/tutorials/cracked-text/05.png" alt="05.png" /></p>
<p>8) Select the shape of the text, create a new layer and fill it with the brush using this color #615446<br />
<img src="http://www.digital-street.com/img/tutorials/cracked-text/06.png" alt="06.png" /></p>
<p><img src="http://www.digital-street.com/img/tutorials/cracked-text/07.png" alt="07.png" /></p>
<p>I want to thank deviantart.com for the nice Cracks Brush.</p>
<div style="height:10px"></div>
<p>Want more tutorials?<br />
See more recent tutorials <a href="http://www.digital-street.com">HERE</a> !</p>
<div style="height:10px"></div>
<p><!--adsense#bottom-->
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.digital-street.com/cracked-text/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Quick Golden Text</title>
		<link>http://www.digital-street.com/quick-golden-text</link>
		<comments>http://www.digital-street.com/quick-golden-text#comments</comments>
		<pubDate>Sun, 25 Jun 2006 10:31:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<category>Text effects</category>
		<guid isPermaLink="false">http://www.digital-street.com/quick-golden-text</guid>
		<description><![CDATA[Make golden text in minutes only using Blending Options.]]></description>
			<content:encoded><![CDATA[<p><!--adsense--></p>
<p>I have seen many tutorials that make gold effects on text using channels, flatten image or rasterize. Here you will learn to make golden text only using Blending Options.</p>
<p>1) Create a new image 400&#215;150 pixels with white background. </p>
<p>2) Fill the background with black color #000000</p>
<p><img src="http://www.digital-street.com/img/tutorials/quick-golden-text/01.png" alt="01.png" /></p>
<p>3) Add some text. I have used CType AOE 48 px:</p>
<p><img src="http://www.digital-street.com/img/tutorials/quick-golden-text/02.png" alt="02.png" /></p>
<p>4) Right click the text layer and choose Blending Options, use these settings:</p>
<p>Outer Glow: use this color: #ffcc00</p>
<p><img src="http://www.digital-street.com/img/tutorials/quick-golden-text/03.png" alt="03.png" /></p>
<p>Bevel and Emboss:</p>
<p><img src="http://www.digital-street.com/img/tutorials/quick-golden-text/04.png" alt="04.png" /></p>
<p>Inside this option go to the Shading section and click on Gloss Contour. Then make some curves similar to these: </p>
<p><img src="http://www.digital-street.com/img/tutorials/quick-golden-text/05.png" alt="05.png" /></p>
<p>Gradient overlay: use these colors #ffcc00 —> #ebcc50 —> #ffcc00</p>
<p><img src="http://www.digital-street.com/img/tutorials/quick-golden-text/06.png" alt="06.png" /></p>
<p><img src="http://www.digital-street.com/img/tutorials/quick-golden-text/07.png" alt="07.png" /></p>
<p>5) The final result is:</p>
<p><img src="http://www.digital-street.com/img/tutorials/quick-golden-text/08.png" alt="08.png" /></p>
<p>6) The nice thing about this tutorial is that you can use the same effect on any font including symbol fonts. Just duplicate the layer and change the font. </p>
<p>I have tested some different fonts and this is what I got:</p>
<p><img src="http://www.digital-street.com/img/tutorials/quick-golden-text/09.png" alt="09.png" /></p>
<div style="height:10px"></div>
<p>Want more tutorials?<br />
See more recent tutorials <a href="http://www.digital-street.com">HERE</a> !</p>
<div style="height:10px"></div>
<p><!--adsense#bottom-->
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.digital-street.com/quick-golden-text/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Glowing menu</title>
		<link>http://www.digital-street.com/glowing-menu</link>
		<comments>http://www.digital-street.com/glowing-menu#comments</comments>
		<pubDate>Tue, 13 Jun 2006 06:45:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<category>Web interfaces</category>
		<guid isPermaLink="false">http://www.digital-street.com/glowing-menu</guid>
		<description><![CDATA[Make a glowing menu in few steps.]]></description>
			<content:encoded><![CDATA[<p><!--adsense--></p>
<p>1) Create a new image 200&#215;240 pixels with white background. </p>
<p>2) Fill the background with dark grey color #666666</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/01.png" alt="01.png" /></p>
<p>3) Create a new layer, rename this layer as &#8220;element&#8221;, make a rectangle selection and fill it with any color. I have done a selection 140&#215;20 pixels.</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/02.png" alt="02.png" /></p>
<p>4) Right click the “element” layer and choose Blending Options, use these settings:</p>
<p>Drop Shadow:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/03.png" alt="03.png" /></p>
<p>Outer Glow:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/04.png" alt="04.png" /></p>
<p>Gradient overlay: use these colors #ffba00 —> #f3d481</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/05.png" alt="05.png" /></p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/06.png" alt="06.png" /></p>
<p>Stroke: use this color: #f4f4f4</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/07.png" alt="07.png" /></p>
<p>The result is:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/08.png" alt="08.png" /></p>
<p>5) Now add some text to the menu element. I have used Trebuchet MS bold 18 px:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/09.png" alt="09.png" /></p>
<p>6) Right click the text layer and choose Blending Options, use these settings:</p>
<p>Drop Shadow:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/10.png" alt="10.png" /></p>
<p>The result is:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/11.png" alt="11.png" /></p>
<p>7) Duplicate the element layer and text layer to make more menu elements.<br />
The final result is:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/12.png" alt="12.png" /></p>
<p>8) I like the obtained result, but if you still want more glow, just change the Outer Glow to the element layers.<br />
Just test with the Size property, I have changed the original 8px to 12px and this is the result:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-menu/13.png" alt="13.png" /></p>
<p>Now you can start to design your website with this nice glowing menu.</p>
<div style="height:10px"></div>
<p>Want more tutorials?<br />
See more recent tutorials <a href="http://www.digital-street.com">HERE</a> !</p>
<div style="height:10px"></div>
<p><!--adsense#bottom-->
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.digital-street.com/glowing-menu/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Glowing map effect</title>
		<link>http://www.digital-street.com/glowing-map-effect</link>
		<comments>http://www.digital-street.com/glowing-map-effect#comments</comments>
		<pubDate>Sun, 11 Jun 2006 11:17:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<category>Special effects</category>
		<guid isPermaLink="false">http://www.digital-street.com/glowing-map-effect</guid>
		<description><![CDATA[With this tutorial you will learn to make a nice glowing map effect.]]></description>
			<content:encoded><![CDATA[<p><!--adsense--></p>
<p>1) Create a new image 400&#215;300 with white background. </p>
<p>2) Fill the background with black color #000000</p>
<p>3) Select Layer > New > Background from Layer to convert the background to a normal layer. Rename that layer to “Effect”</p>
<p>4) Make sure you have white color as foreground color and black color as background color. To get this just press key “D” and then key “X” to inverse colors. This is because some effects like Neon Glow depend of these settings.</p>
<p>5) While you have selected “Effect” layer go to Filter > Render > Clouds</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-map-effect/01.png" alt="01.png" /></p>
<p>6) Then go to Filter > Brush Strokes > Ink outlines. I have used these settings:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-map-effect/02.png" alt="02.png" /></p>
<p>You can try different setting to achieve an effect similar to this:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-map-effect/03.png" alt="03.png" /></p>
<p>7) Go to Filter > Artistic > Neon Glow. I have used a blue color # 0500ff  and these settings:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-map-effect/04.png" alt="04.png" /></p>
<p>The result is:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-map-effect/05.png" alt="05.png" /></p>
<p>8) Repeat again the step 7) :</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-map-effect/06.png" alt="06.png" /></p>
<p>9) Now go to Image > Adjustments > Color Balance and change the Shadows settings to:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-map-effect/07.png" alt="07.png" /></p>
<p>The final result is:</p>
<p><img src="http://www.digital-street.com/img/tutorials/glowing-map-effect/08.png" alt="08.png" /></p>
<div style="height:10px"></div>
<p>Want more tutorials?<br />
See more recent tutorials <a href="http://www.digital-street.com">HERE</a> !</p>
<div style="height:10px"></div>
<p><!--adsense#bottom-->
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.digital-street.com/glowing-map-effect/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Dark Red Header</title>
		<link>http://www.digital-street.com/dark-red-header</link>
		<comments>http://www.digital-street.com/dark-red-header#comments</comments>
		<pubDate>Wed, 24 May 2006 18:59:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<category>Web interfaces</category>
		<guid isPermaLink="false">http://www.digital-street.com/dark-red-header</guid>
		<description><![CDATA[Learn to make a red dark header for your site.]]></description>
			<content:encoded><![CDATA[<p><!--adsense--></p>
<p>Here you will learn to make a custom header for your website or blog.</p>
<p>1) Create a new image 800&#215;110 with white background. </p>
<p>2) Fill the background with dark red color #4b0d0d</p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/01.png" alt="01.png" /></p>
<p>3) Create a new layer, rename this layer as &#8220;header&#8221;, make a rectangle selection and fill it with any color.<br />
I used #ac1415</p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/02.png" alt="02.png" /></p>
<p>4) Right click the header layer and choose Blending Options, use these settings:</p>
<p>Outer glow:<br />
<img src="http://www.digital-street.com/img/tutorials/dark-red-header/03.png" alt="03.png" /></p>
<p>Gradient overlay: use these colors  # ac1415 &#8212;> # 800d0d</p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/04.png" alt="04.png" /></p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/05.png" alt="05.png" /></p>
<p>Stroke with this color #6d1415:<br />
<img src="http://www.digital-street.com/img/tutorials/dark-red-header/06.png" alt="06.png" /></p>
<p>The result is:<br />
<img src="http://www.digital-street.com/img/tutorials/dark-red-header/07.png" alt="07.png" /></p>
<p>5) Create a new layer, rename this layer as &#8220;light&#8221;.</p>
<p>6) Select the Rectangular Marquee Tool and draw a rectangle inside the “header” layer and fill the selection with any color, similar to this:</p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/08.png" alt="08.png" /></p>
<p>8) Right click the “light” layer and choose Blending Options, use these settings:</p>
<p>Gradient overlay: use these colors  # a31416&#8212;> # ab292a</p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/09.png" alt="09.png" /></p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/10.png" alt="10.png" /></p>
<p>The result is:<br />
<img src="http://www.digital-street.com/img/tutorials/dark-red-header/11.png" alt="11.png" /></p>
<p>9) Select the “header” layer and select the Rectangular Marquee Tool and make a selection 2 pixels wide:</p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/12.png" alt="12.png" /></p>
<p>10) Press DEL to delete that part of the header and get a hole. </p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/13.png" alt="13.png" /></p>
<p>11) Make more holes that will be used to separate the menu elements. Add the menu elements with simple white text. I have used KaratMedium font 24 px.<br />
The result is:</p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/14.png" alt="14.png" /></p>
<p>12) Add a title with white text. I have used RedFive font 30 px:</p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/15.png" alt="15.png" /></p>
<p>13) Right click the title layer and choose Blending Options, use these settings:</p>
<p>Drop Shadow:<br />
<img src="http://www.digital-street.com/img/tutorials/dark-red-header/16.png" alt="16.png" /></p>
<p>Gradient overlay: use these colors  # ffffff&#8212;> # a7a8aa&#8212;>#ffffff</p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/17.png" alt="17.png" /></p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/18.png" alt="18.png" /></p>
<p>The result is:<br />
<img src="http://www.digital-street.com/img/tutorials/dark-red-header/19.png" alt="19.png" /></p>
<p>14) Finally add a picture or logo.<br />
AlsoI have added a yellow color font for the rollover #ffd909 </p>
<p>The final result is:</p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/20.png" alt="20.png" /></p>
<p><img src="http://www.digital-street.com/img/tutorials/dark-red-header/21.png" alt="21.png" /></p>
<div style="height:10px"></div>
<p>Want more tutorials?<br />
See more recent tutorials <a href="http://www.digital-street.com">HERE</a> !</p>
<div style="height:10px"></div>
<p> <!--adsense#bottom-->
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.digital-street.com/dark-red-header/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Windows Vista Icon: Error</title>
		<link>http://www.digital-street.com/windows-vista-icon-error</link>
		<comments>http://www.digital-street.com/windows-vista-icon-error#comments</comments>
		<pubDate>Wed, 24 May 2006 12:29:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<category>Web graphics</category>
		<guid isPermaLink="false">http://www.digital-street.com/windows-vista-icon-error</guid>
		<description><![CDATA[Learn how to make a Windows Vista Icon: Error.]]></description>
			<content:encoded><![CDATA[<p><!--adsense--></p>
<p>1) Create a new image 256&#215;256 pixels with transparent background. Rename the first layer as “background”</p>
<p>2) Fill the background with white color #ffffff.</p>
<p>3) Create a new layer, rename this layer as &#8220;circle&#8221;.</p>
<p>4) Select the Eliptical Marquee Tool and draw a circle 222&#215;222 pixels while holding SHIFT to get a perfect circle.<br />
Save this selection as &#8220;circle selection&#8221;.</p>
<p>5) Fill the selection with any color. I used #880303</p>
<p><img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/01.png" alt="01.png" /></p>
<p>6) Select a dark red color as foreground color and a lighter red color as background. I used #880303 and #b51919.</p>
<p>Select the gradient tool with radial gradient style and drag from top left of the selection to the the bottom right.</p>
<p><img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/02.png" alt="02.png" /></p>
<p>7) Create a new layer and rename this layer as &#8220;reflection&#8221;. </p>
<p>8) Load the “circle selection” and choose the  Eliptical Marquee Tool and draw a curve from bottom right to the middle while pressing &#8220;ALT&#8221;. Release mouse button and you will get a selection like this:</p>
<p><img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/03.png" alt="03.png" /></p>
<p>9) Select &#8220;reflection&#8221; layer and fill the selection with white color #ffffff. Set the layer opacity to 15%</p>
<p><img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/04.png" alt="04.png" /></p>
<p>10) Create a new layer and rename this layer as &#8220;border&#8221;. </p>
<p>11) Select the Eliptical Marquee Tool and draw a circle 242&#215;242 pixels while holding SHIFT to get a perfect circle. Position this circle around the first circle.</p>
<p><img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/05.png" alt="05.png" /></p>
<p>12) Fill the selection with grey color #b6b6bc</p>
<p>13) Load the &#8220;circle selection&#8221;.</p>
<p><img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/06.png" alt="06.png" /></p>
<p>14) Press DEL and you will get a border around the circle:</p>
<p><img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/07.png" alt="07.png" /></p>
<p>15) Right click the &#8220;border&#8221; layer and choose Blending Options, use these settings:</p>
<p>Drop Shadow:<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/08.png" alt="08.png" /></p>
<p>Inner Glow:<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/09.png" alt="09.png" /></p>
<p>Bevel and Emboss:<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/10.png" alt="10.png" /></p>
<p>Gradient Overlay:<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/11.png" alt="11.png" /></p>
<p>Gradient Overlay uses 3 colors: #b3b3b9 #ffffff #b3b3b9<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/12.png" alt="12.png" /></p>
<p>Stroke:<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/13.png" alt="13.png" /></p>
<p>16) When finished you will get this: </p>
<p><img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/14.png" alt="14.png" /></p>
<p>17) To make the &#8220;x&#8221; sign I have typed a plus sign &#8220;<strong>+</strong>&#8221;  with a font called &#8220;Army&#8221; to 300 size. Then I have rotated 45°. Be sure to move the &#8220;<strong>+</strong>&#8221; layer below &#8220;reflection&#8221; layer.<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/15.png" alt="15.png" /></p>
<p>18) Right click the &#8220;<strong>+</strong>&#8221; layer and choose Blending Options, use these settings:</p>
<p>Drop Shadow:<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/16.png" alt="16.png" /></p>
<p>Bevel and Emboss:<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/17.png" alt="17.png" /></p>
<p>Gradient Overlay:<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/18.png" alt="18.png" /></p>
<p>Gradiente Overlay uses 3 colors: #ffffff #bbbbbb #ffffff<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/19.png" alt="19.png" /></p>
<p>Stroke:<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/20.png" alt="20.png" /></p>
<p>19) The final result is:<br />
<img src="http://www.digital-street.com/img/tutorials/windows-vista-icon-error/21.png" alt="21.png" /></p>
<p>Now you have a nice looking Microsoft Windows Vista Icon !</p>
<div style="height:10px"></div>
<p>Want more tutorials?<br />
See more recent tutorials <a href="http://www.digital-street.com">HERE</a> !</p>
<div style="height:10px"></div>
<p><!--adsense#bottom-->
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.digital-street.com/windows-vista-icon-error/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Easy Brilliant Button</title>
		<link>http://www.digital-street.com/simple-brilliant-button</link>
		<comments>http://www.digital-street.com/simple-brilliant-button#comments</comments>
		<pubDate>Thu, 18 May 2006 18:51:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<category>Web graphics</category>
		<guid isPermaLink="false">http://www.digital-street.com/simple-brilliant-button</guid>
		<description><![CDATA[Here you will make a simple brilliant button.]]></description>
			<content:encoded><![CDATA[<p><!--adsense--></p>
<p>1) Create a new image 300×150 pixels with transparent background. Rename this layer as “background”</p>
<p>2) Fill the background with black #000000.</p>
<p>3) Create a new layer, rename this layer as “base”, make a rectangular selection and fill it with any color. I have made selection 180&#215;50 pixels and used white color #ffffff<br />
Save this selection as “base selection”.</p>
<p><img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/01.png" alt="01.png" /></p>
<p>4) Right click the “base” layer and choose Blending Options, use these settings:</p>
<p>Bevel and Emboss:<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/02.png" alt="02.png" /></p>
<p>Gradient overlay:<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/03.png" alt="03.png" /></p>
<p>Gradient overlay: use these colors # 0a521d —> # 2ac553<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/04.png" alt="04.png" /></p>
<p>The result is:<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/05.png" alt="05.png" /></p>
<p>5) Create a new layer, rename this layer as “border”. </p>
<p>6) Select the Rectangular Marquee Tool and draw a rectangle that will be used as a border. I used 192&#215;62 pixels. Position the rectangle around the “base” layer.</p>
<p>7) Fill the selection with any color. I used white color #ffffff</p>
<p>8) Load the “base selection”.</p>
<p>9) Press DEL to delete selection and you will get a border around the “base” layer:</p>
<p><img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/06.png" alt="06.png" /></p>
<p>10) Right click the menu layer and choose Blending Options, use these settings:</p>
<p>Outer Glow:<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/07.png" alt="07.png" /></p>
<p>Bevel and Emboss:<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/08.png" alt="08.png" /></p>
<p>Gradient overlay:<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/09.png" alt="09.png" /></p>
<p>Gradient overlay: use these colors #598e67—> #ffffff<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/10.png" alt="10.png" /></p>
<p>Stroke with grey color # 5e6270<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/11.png" alt="11.png" /></p>
<p>The result is:<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/12.png" alt="12.png" /></p>
<p>11) Create a new layer, rename this layer as “light”. These layer will add a nice light effect to the button.</p>
<p>12) Select the Rounded Rectangle Tool and draw a shape similar to this:<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/13.png" alt="13.png" /></p>
<p>13) Right click the “light” layer and choose Rasterize Layer.</p>
<p>14) Select Filter > Blur > Gaussian Blur. Select a radius you like, I have used 3,0 pixels.<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/14.png" alt="14.png" /></p>
<p>The result is:<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/15.png" alt="15.png" /></p>
<p>15) Finally add some text for the button and you are done. I have used a font called RedFive 36 px<br />
The final result is:<br />
<img src="http://www.digital-street.com/img/tutorials/simple-brilliant-button/16.png" alt="16.png" /></p>
<p>An easy custom web button than can be used for your own website.</p>
<div style="height:10px"></div>
<p>Want more tutorials?<br />
See more recent tutorials <a href="http://www.digital-street.com">HERE</a> !</p>
<div style="height:10px"></div>
<p><!--adsense#bottom-->
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.digital-street.com/simple-brilliant-button/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Old Wooden Shield</title>
		<link>http://www.digital-street.com/old-wooden-shield</link>
		<comments>http://www.digital-street.com/old-wooden-shield#comments</comments>
		<pubDate>Mon, 15 May 2006 12:02:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<category>Designing</category>
		<guid isPermaLink="false">http://www.digital-street.com/old-wooden-shield</guid>
		<description><![CDATA[Learn to create an old wooden shield.]]></description>
			<content:encoded><![CDATA[<p><!--adsense--></p>
<p>1) Create a new image 300&#215;300 pixels with white background</p>
<p>2) Create a new layer, rename this layer as &#8220;wood&#8221;.</p>
<p>3) Press D to have a black and white foreground and background.</p>
<p>4) Select the  Eliptical Marquee Tool and draw a circle 240&#215;240 pixels while holding SHIFT to get a perfect circle.<br />
Save this selection as &#8220;wood selection&#8221;.</p>
<p>5) Fill the circle with any color. I used black #000000</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/01.png" alt="01.png" /></p>
<p>6) Select Filter > Render > Fiber and use the default options. Randomize until you get something like this:</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/02.png" alt="02.png" /></p>
<p>7) Create a new layer and call it &#8220;brown&#8221;</p>
<p>8) Load selection &#8220;wood selection&#8221; and fill it with this brown color #7f6537. Set the Blending Mode of &#8220;brown&#8221; layer to Multiply.</p>
<p>9) Set the opacity of &#8220;wood&#8221; layer to 80%</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/03.png" alt="03.png" /></p>
<p>10) Create a new layer, rename this layer as &#8220;lines&#8221;</p>
<p>11) Draw some lines of 3px width with brown color. I used #64502b</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/04.png" alt="04.png" /></p>
<p>12) Load &#8220;wood selection&#8221;, go to Select > Inverse and click DEL to delete the lines outside the circle.</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/05.png" alt="05.png" /></p>
<p>13) Right click the &#8220;lines&#8221; layer and choose Blending Options, use these settings:</p>
<p>Inner Shadow:<br />
<img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/06.png" alt="06.png" /></p>
<p>Bevel and Emboss:<br />
<img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/07.png" alt="07.png" /></p>
<p>14) You get this:</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/08.png" alt="08.png" /></p>
<p>15) Create a new layer and rename this layer as “border”. </p>
<p>16) Select the Eliptical Marquee Tool and draw a circle 280×280 pixels while holding SHIFT to get a perfect circle. Position this circle around the first circle.</p>
<p>17) Fill the selection with grey color #b6b6bc</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/09.png" alt="09.png" /></p>
<p>18) Load the “circle selection”.</p>
<p>19) Press DEL to delete selection and you will get a border around the &#8220;wood&#8221; layer:</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/10.png" alt="10.png" /></p>
<p>20) Select the &#8220;border&#8221; layer</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/11.png" alt="11.png" /></p>
<p>21) Create a new layer and rename this layer as “old effects 1”. </p>
<p>22) Use some rugged brushes to make old effects to the border of the shield. </p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/12.png" alt="12.png" /></p>
<p>23) Create some more layers: “old effects 2”, “old effects 3”, etc. with different opacity and different brushes with some grey colors to get an old metal effect.</p>
<p>24) Merge the old effects layers with &#8220;border&#8221; layer:</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/13.png" alt="13.png" /></p>
<p>25) Right click the &#8220;border&#8221; layer and choose Blending Options, use these settings:</p>
<p>Drop Shadow:<br />
<img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/14.png" alt="14.png" /></p>
<p>Bevel and Emboss:<br />
<img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/15.png" alt="15.png" /></p>
<p>Texture:<br />
<img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/16.png" alt="16.png" /></p>
<p>26) When finished you will get something like this:<br />
<img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/17.png" alt="17.png" /></p>
<p>27) Create a new layer and rename this layer as “circles”.</p>
<p>28) Draw a litle circle and fill with a grey color #7f7e7a:</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/18.png" alt="18.png" /></p>
<p>29) Right click the &#8220;circles&#8221; layer and choose Blending Options, use these settings:</p>
<p>Drop Shadow:<br />
<img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/19.png" alt="19.png" /></p>
<p>Bevel and Emboss:<br />
<img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/20.png" alt="20.png" /></p>
<p>30) Duplicate the circle until you get something like this:</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/21.png" alt="21.png" /></p>
<p>31) Create a new layer and rename this layer as “metal circle”.</p>
<p>32) Select the Eliptical Marquee Tool and draw a circle in the middle of the shield while holding SHIFT to get a perfect circle.</p>
<p>33) Fill selection with grey color #3a3936</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/22.png" alt="22.png" /></p>
<p>34) Right click the &#8220;border&#8221; layer and choose Copy Layer Style.</p>
<p>35) Right click the &#8220;metal circle&#8221; layer and choose Paste Layer Style to take the same style of the metal border.</p>
<p>36) The final result is:</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/23.png" alt="23.png" /></p>
<p>37) An alternate result is the wooden circle a litle more curved.<br />
To do this you have to merge these layers: &#8220;wood&#8221;, &#8220;brown&#8221; and &#8220;lines&#8221;</p>
<p>38) Right click the merged layer and choose Blending Options, use these settings:</p>
<p>Bevel and Emboss:<br />
<img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/24.png" alt="24.png" /></p>
<p>39) This is the alternate result of a wooden polished shield:</p>
<p><img src="http://www.digital-street.com/img/tutorials/old-wooden-shield/25.png" alt="25.png" /></p>
<div style="height:10px"></div>
<p>Want more tutorials?<br />
See more recent tutorials <a href="http://www.digital-street.com">HERE</a> !</p>
<div style="height:10px"></div>
<p><!--adsense#bottom-->
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.digital-street.com/old-wooden-shield/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Funny Eyes</title>
		<link>http://www.digital-street.com/funny-eyes</link>
		<comments>http://www.digital-street.com/funny-eyes#comments</comments>
		<pubDate>Wed, 10 May 2006 12:27:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<category>Photo effects</category>
		<guid isPermaLink="false">http://www.digital-street.com/funny-eyes</guid>
		<description><![CDATA[A pair of funny eyes that can be used on an animal picture.]]></description>
			<content:encoded><![CDATA[<p><!--adsense--></p>
<p>1) Open in Photoshop a picture of an isolated animal, this can be a cat picture, a cow picture, etc. I use a dog picture in this example.</p>
<p><img src="http://www.digital-street.com/img/tutorials/funny-eyes/01.png" alt="01.png" /></p>
<p>2) Create a new layer, rename this layer as &#8220;eye1 base&#8221;.</p>
<p>3) Select the  Eliptical Marquee Tool and draw a circle in the left eye of the dog while holding SHIFT to get a perfect circle. </p>
<p><img src="http://www.digital-street.com/img/tutorials/funny-eyes/02.png" alt="02.png" /></p>
<p>4) Fill the background with any color.</p>
<p>5) Right click the &#8220;eye1 base&#8221; layer and choose Blending Options, use these settings:</p>
<p>Bevel and Emboss:</p>
<p><img src="http://www.digital-street.com/img/tutorials/funny-eyes/03.png" alt="03.png" /></p>
<p>Color Overlay: #ffffff<br />
<img src="http://www.digital-street.com/img/tutorials/funny-eyes/04.png" alt="04.png" /><br />
<img src="http://www.digital-street.com/img/tutorials/funny-eyes/05.png" alt="05.png" /></p>
<p>6) Create a new layer, rename this layer as &#8220;eye1 color&#8221;.</p>
<p>7) Select the  Eliptical Marquee Tool again and draw another circle over the last circle a litle smaller while holding SHIFT.</p>
<p><img src="http://www.digital-street.com/img/tutorials/funny-eyes/06.png" alt="06.png" /></p>
<p>8) Fill the background with any color.</p>
<p>9) Right click the &#8220;eye1 base&#8221; layer and choose Copy Layer Style.</p>
<p><img src="http://www.digital-street.com/img/tutorials/funny-eyes/07.png" alt="07.png" /></p>
<p>10) Right click the &#8220;eye1 color&#8221; layer and choose Paste Layer Style. We will use almost the same settings.</p>
<p>11) Right click the &#8220;eye1 color&#8221; layer and choose Blending Options to change the color to blue:</p>
<p>Color Overlay: #305fcc<br />
<img src="http://www.digital-street.com/img/tutorials/funny-eyes/08.png" alt="08.png" /><br />
<img src="http://www.digital-street.com/img/tutorials/funny-eyes/09.png" alt="09.png" /></p>
<p>12) Create a new layer, rename this layer as &#8220;eye1 black circle&#8221;.</p>
<p>13) As before select the  Eliptical Marquee Tool and draw a circle over the last circle a litle smaller.</p>
<p>14) Fill the background with black color #000000.</p>
<p><img src="http://www.digital-street.com/img/tutorials/funny-eyes/10.png" alt="10.png" /></p>
<p>15) Move the layers to get a funny eye effect.</p>
<p>16) Duplicate the 3 layers to make the right eye in the same way and you are finished!</p>
<p>17) This is the final effect:</p>
<p><img src="http://www.digital-street.com/img/tutorials/funny-eyes/11.png" alt="11.png" /></p>
<p>Now you have a funny animal picture!</p>
<div style="height:10px"></div>
<p>Want more tutorials?<br />
See more recent tutorials <a href="http://www.digital-street.com">HERE</a> !</p>
<div style="height:10px"></div>
<p><!--adsense#bottom-->
</p>
]]></content:encoded>
			<wfw:commentRSS>http://www.digital-street.com/funny-eyes/feed/</wfw:commentRSS>
		</item>
	</channel>
</rss>
