<?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>Web Design Blog, Web Designer Resources &#187; photoshop</title>
	<atom:link href="http://www.2expertsdesign.com/category/photoshop/feed" rel="self" type="application/rss+xml" />
	<link>http://www.2expertsdesign.com</link>
	<description>2Experts Design</description>
	<lastBuildDate>Wed, 08 Sep 2010 16:10:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How to create an icon shield using Photoshop</title>
		<link>http://www.2expertsdesign.com/graphics/how-to-create-an-icon-shield-using-photoshop?source=rss</link>
		<comments>http://www.2expertsdesign.com/graphics/how-to-create-an-icon-shield-using-photoshop#comments</comments>
		<pubDate>Mon, 21 Jun 2010 19:22:00 +0000</pubDate>
		<dc:creator>wonkastudio</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Glossy]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[reflect]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.2expertsdesign.com/?p=1407</guid>
		<description><![CDATA[
You certainly already met on the web, this type of illustration; it is often regarding a security service or main time a global service, colour changing with the range. Today I suggest to you a Photoshop tutorial to duplicate this icon of shield, you can later use in you next graphic creations. 
Here is the [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2010/06/photoshop-tutorial-create-shield-logo.jpg" alt="How to create an icon shield using Photoshop" title="How to create an icon shield using Photoshop" width="500" height="250" class="alignleft size-full wp-image-1410" /></p>
<p>You certainly already met on the web, this type of illustration; it is often regarding a security service or main time a global service, colour changing with the range. Today I suggest to you a Photoshop tutorial to duplicate this icon of shield, you can later use in you next graphic creations. </p>
<p>Here is the representation of final result under different colours.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-final-full.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>You can there download a pack including icons with png and psd extended files attributes.<br />
If you do not want to follow this tutorial, you can still download this file to include these icons into your works, but in this case, please be nice to inform around you about this website <img src='http://www.2expertsdesign.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  </p>
<p>PHOTOSHOP TUTORIAL, Creating a shield icon.</p>
<h4>Step 1: Create a new document</h4>
<p>Open Photoshop and go to the menu File> New (or hit Ctrl/Cmd + N) et update the values : width 600 pixels and height 600 pixels.</p>
<p>Select the Paint bucket tool (G).</p>
<p>Edit the Set foreground colour by the blue #33c3f3 then fill in your picture.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-01.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 2 : Create the basement of shield </h4>
<p>Select the Pen tool (P) and update the foreground colour by the black.</p>
<p>With help of Pen tool create the basement of the shield, in case of, you can use this picture to make you work easier:</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/shield_shape.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>Or this Photoshop file, you can download clicking there:</p>
<p><a href="http://www.2expertsdesign.com/images/tutorial-photoshop-04/shield-photoshop-sources.zip?source=rss" target="_blank" class="photoshop-files">PHOTOSHOP FILES</a></p>
<p>Rename created layer « Shield ». </p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-02.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 3 :  Create a first border</h4>
<p>To simulate the stone shield border, add a gradient. To do it use the Layer styles (menu Layer> Layer styles> Gradient overlay).</p>
<p>A new window gets open, use the settings from the following picture for inner shadow.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-03.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /><br />
<img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-04.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 4: Create a second border</h4>
<p>To give more reality to the metallic borders, you need to create a second border to simulate a relief, to do it, you only use to duplicate the layer and to update the gradient. </p>
<p>To start this operation, right click on the layer « Shield » and select Duplicate Layer. A copy<br />
appears, rename it “Shield 2” then right click again on “Shield 2” and select Delete the Layer style. </p>
<p>Then hit Ctrl/Cmd + T to active the free transform and increase the size by 97% (height and width in the option tools on the top side). Type “Enter” to validate updates.</p>
<p>To close this step, apply a gradient, go to the menu and follow the hereby setting.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-05.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /><br />
<img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-06.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step5: Create the inner shield  </h4>
<p>To create the inner shield, it’s easy because it is similar to previous step. Duplicate the layer “Shield 2”, rename it “inside” then delete its layer style and apply it a colour overlay.</p>
<p>I do not explain it once again, please refer to previous step</p>
<p>Notice: instead to apply a Gradient, you have here to apply a colour, the nuance is located in the Layer style menu, in place of clicking on Gradient overlay, click on Colour overlay. </p>
<p>Here is the colour to use : #140074</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-07.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /><br />
<img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-08.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 6 : Create a Checkerbord</h4>
<p>This step is regarding the creation of a Checkerboard, to do it perfect, you need to define some guides on your picture.</p>
<p>Press on Ctrl/Cmd + R to display the rules, then put a mark on the top, the bottom, the left and the right of the shield. Then, with the tool Rectangular marquee tool (M) and the Info panel, define in pixels, the height and width of your shield, to know  where to put the marks of the middle place (vertical et horizontal).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-09.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>Duplicate the layer « Inside » (right click and select Duplicate the layer). Rename it “Checkerboard”. Update now the inset colour by: #0080c1.</p>
<p>Then use the Rectangular marquee tool (M) to delete the right and left low parts</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-10.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 7: Create the first reflect 1/2</h4>
<p>To increase the shine effect on the reflect, the first one has to be quiet and has to be put on the right bottom.</p>
<p>To create it, retrieve first the layer “Inside” selection, press on Ctrl/Cmd + click on the layer thumbnail.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-11.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>Now, create a new layer (Ctrl/Cmd + Upcase + N or menu Layer> New> Layer) and name it “Reflect 1”.</p>
<p>Then select the Gradient tool (G) and in the gradient selector choice the second Foreground to transparent</p>
<p>Update the foreground stage by the white.</p>
<p>Create a gradient on the layer, starting from the bottom to the top (Do not forget to keep Shift pressed while making the gradient).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-12.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 8: Create the first reflect 2/2</h4>
<p>The goal of this step is to decrease the reflect previously created. For this operation, use the tool Layer Mask/ </p>
<p>Start to select the layer « Reflect 1 » then go to the menu Layer > Layer mask> Reveal all</p>
<p>Then select the Brush tool (B) and select in the Brush Preset Picker the Soft round, size 150px then reduce the opaqueness of 10% (check the options tool bar on top of screen). Update now the foreground colour by the black.</p>
<p>On the layer mask, use the Brush tool (B) to be able to shadow the centre of the reflect. Do it at the instance of the picture below: </p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-13.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /><br />
<img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-14.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 9: Create another reflect</h4>
<p>The creation of this reflect is not really easy and needs a meticulous attention, take care you do not jump on of the next points of this step. </p>
<p>Start with the duplication of the layer « inside », put it over all other, rename it ‘Reflect base ». Press Ctrl/Cmd + T then reduce the size of 97%.</p>
<p>Retrieve the selection of this layer (Ctrl/Cmd + click on the thumbnail).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-15.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>Shadow the layer “Reflect base”.</p>
<p>Create a new layer and rename it « Reflect 2 ».</p>
<p>Edit the foreground colour by the white and go to the menu Edit> Fill.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-16.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>Then go to the menu Layer> Layer style> Blending options and decrease the Fill opacity to 50%</p>
<p>Then go to the Inner glow and take example on the hereby picture to setup it</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-17.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /><br />
<img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-18.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /><br />
<img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-19.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>Create a new layer under the layer « Reflect 2 ».<br />
Merge the both layers together (select both layers at the same time and right click and select Merge layers) Rename the new layer you get so, in “Reflect 2”. This operation allows you to crush the layers styles.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-20.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>Use the Selection tool (M) and then, delete the right part (use the marks for it)</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-21.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>And to finish, use a Layer mask and the Gradient tool to shadow the top part of this new reflect (the technique of Layer mask has been detailed in step 7). </p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-22.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 10: Create a new reflect</h4>
<p>Use the same method now, for the creation of a rounded “reflect”, on the right. </p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-23.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /><br />
<img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-24.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 11: The last reflect</h4>
<p>Use once again the same technique of Layer mask to create a reflect on the top left side of the Shield.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-25.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 12 : Create stripes</h4>
<p>For creation of stripes, nothing is easier than this operation. Select the Line Tool (U) then change the foreground colour by the white and the weight to 30px.</p>
<p>Create now a new group (menu Layer> New> Group). Rename this group “Stripes”.</p>
<p>Change the foreground colour and draw a stripe in the middle of your picture (think about to keep the Shift key pressed) </p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-26.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>Duplicate this stripe and move it to 50 pixels to the bottom (use the move tool (V) and use the keyboard arrows, the Uppercase key allow you to move an element from 10 to 10 pixels) </p>
<p>Repeat it to create 4 stripes.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-27.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>To finish with it, select the group “Stripes” and activate the free transformation (Ctrl/Cmd + T)<br />
In the bar tool options, on the top of the screen, enter 30 as rotation grade and press Enter. </p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-28.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<h4>Step 13: Coating</h4>
<p>Right click on the mouse on the group « Stripes » and select Merge group.</p>
<p>Retrieve the outline of the layer « Stripes ». Go then to the menu Selection> Invert.</p>
<p>Select the layer « Stripes » et press the Delete key.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-29.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>Use the Move tool (V) to check if some residues do not exist on the invisible parts of stripes, if it is the case, delete them using the Rubber (E).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-30.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>And now, to finish, go to the menu Layer> Layers style and add a Gradient overlay, an Inner glow and a darkness. </p>
<p>Keep example on these pictures for the setup </p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-31.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /><br />
<img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-32.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /><br />
<img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-33.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>All this get this result</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-04/photoshop-tutorial-create-shield-final.jpg" alt="Tutorial Photoshop - How to create an icon shield using Photoshop" /></p>
<p>To go ahead in the future regarding the icon creation, you can also change the colours or why not, you can add darkness on the bottom.</p>
<p>Well, the Photoshop tutorial in now finished! I hope you all made it with success, if it is the case, get my congratulations, in opposite, we can meet in the comments to try to solve the problems you got during this tutorial. All together, we will certainly find a solution or a trick to get out of this situation <img src='http://www.2expertsdesign.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  </p>
<p>Regardless of this, thank you very much to you all, you took part of your time to read this article, if you liked it, did you know you can help us? Please, share this link with your friends on Facebook or Twitter, each new reader will bring a part of your help. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.2expertsdesign.com/graphics/how-to-create-an-icon-shield-using-photoshop/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>How to create a clean and design portfolio layout using Photoshop</title>
		<link>http://www.2expertsdesign.com/graphics/how-to-create-a-clean-and-design-portfolio-layout-using-photoshop?source=rss</link>
		<comments>http://www.2expertsdesign.com/graphics/how-to-create-a-clean-and-design-portfolio-layout-using-photoshop#comments</comments>
		<pubDate>Mon, 31 May 2010 18:32:12 +0000</pubDate>
		<dc:creator>wonkastudio</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[CS3]]></category>
		<category><![CDATA[CS4]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Template]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[webagency]]></category>

		<guid isPermaLink="false">http://www.2expertsdesign.com/?p=1361</guid>
		<description><![CDATA[
In this Photoshop tutorial I will show you how to build a layout to create a website for a webdesigner or a little webagency. I don’t think this tutorial will be easy for beginners, so If you have some knowledge in webdesign… there you go!
So now, go ahead to start this tutorial, open Photoshop and [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2010/05/tutorial-photoshop-layout-logo.jpg" alt="How to create a clean and design portfolio layout using Photoshop" title="How to create a clean and design portfolio layout using Photoshop" width="500" height="250" class="alignleft size-full wp-image-1372" /></p>
<p>In this Photoshop tutorial I will show you how to build a layout to create a website for a webdesigner or a little webagency. I don’t think this tutorial will be easy for beginners, so If you have some knowledge in webdesign… there you go!</p>
<p>So now, go ahead to start this tutorial, open Photoshop and follow my explanations step by step, I see you by the final step <img src='http://www.2expertsdesign.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>But after look at the final result of this Photoshop tutorial (or <a href="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-layout-2expertsdesign.PSD?source=rss">click here to download the psd file</a>):</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-result.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Step 1 – Create a new document</h2>
<p>To start the creation you need of course to create a new document, go to File> New (Ctrl/Cmd + N) and edit the name (Template in my example), change the canvas width (980px) and height (1000px).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-01.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Step 2 – Create the background</h2>
<p>Change the foreground colour to dark brown (#38332f) and go to Edit> Fill or hit Shift + F5. The layer “Background” is insistently filled in brown. </p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-02.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Step 3 – Create the guides</h2>
<p>Go to View> Show> Guides (or use the shortcut Ctrl/Cmd + <img src='http://www.2expertsdesign.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> , and create a new horizontal guide on 80th pixels, to do it go to View> New guide> select horizontal, enter 80px and hit Ok. Do it again to create a horizontal guide on each pixel: 30, 40, 80, 310, 320, 330, 350, 570, 770 and 780. And now do it again with the vertical guides: 50, 330, 350, 630, 650, 660, 920, and to finish 930.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-03.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Step 4 – Create the header</h2>
<p>Create a new group and name it “header”. Select with the Rectangular marquee tool (M) the top of the canvas (height 80px). Create a new layer (go to Layer> New> Layer or hit Ctrl/Cmd + N) and name it “header bg”, now use the white colour to fill in the selection.</p>
<h2>Step 5 – Fill in the header</h2>
<p>Now you’re going to add a gradient into the header, go to Layer> Layer style> Gradient overlay and configure the colour: grey to light grey.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-04.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-05.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-06.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Step 6 – Add the logotype</h2>
<p>To create the logotype you have to start with the creation of a new group (name it “logotype”) then create a new layer (go to Layer> New> Layer or hit Ctrl/Cmd + N) and name it “cube” On this layer create a cube (use the Rectangular marquee tool (M) to do it, don’t forget to hit the Shift to keep a good proportion) fill it with a gradient (use the layer styles).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-08.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-07.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Use the Type tool to add a big 2 above the cube, drop it on the bottom right corner. Then, right-click on layer “2” and select Rasterize type. To finish, go to Layer> Layer style> Inner shadow and use the settings from the following image for Inner Shadow.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-09.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>And to finish the logotype, use once again the Type tool to add the title (for your information I used the Kabel font in this example).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-10.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Step 7 – Create the menu</h2>
<p>Begin the menu to create a new group (go to Layer> New> Group) and name it “Menu” then select the Rounded Rectangle Tool (U), set the radius to 50px and create a rounded rectangle on the top side on the right of the lofotype. Use the guides to help.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-11.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Rename the layer “menu bg” and design it with a gradient and a stroke (use the layer styles to add them). Go to Layer> Layer style> Gradient overlay and use the settings from the following images.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-12/tutorial-photoshop-layout-11.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Use the Type tool to add the links.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-13.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Right-click on the layer “menu bg” and select duplicate the layer. To create the hover effect on the menu you’re going to change the colour of the first link to red (just change the layer styles on the menu bg copy layer)!</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-14.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Now right-click on the layer “menu bg copy” and select Rasterize layer and cut the right side. Then change the colour of the first link to the white.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-15.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>And to finish add a drop shadow on the layer “menu bg”, use the settings from the following image.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-16.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>And to finish the menu you must create a separation between the links. To do it create a new layer (go to Layer> New> Layer or hit Ctrl/Cmd + N) and name it “separation”, use the Rectangular marquee tool (M) to create a selection from the top to the bottom. This separation is made with a first grey line (#c2c2c2) and a second white line (#fff). Take a look at the following image for reference.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-17 .jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>And duplicate the layer separation time to time.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-18.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Step 8 – Create the carousel</h2>
<p>Create a new group (go to Layer> New> Group) and name it “Carousel”. In this group create a new layer (go to Layer> New> Layer or hit Ctrl/Cmd + N) and name it “Carousel bg”. Then use the Rectangular marquee tool (M) to create a rectangular selection of 280&#215;300px on the right side of your document. Change the foreground colour to the white and go to Edit> Fill.</p>
<p>Create a new layer (go to Layer> New> Layer or hit Ctrl/Cmd + N) and name it “shadow”, now change the foreground colour by the black and hit Ctrl/Cmd + D. Go now to Filter> Blur> Gaussian blur (5px). To finish reduce the opacity to 20%.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-19.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-20.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Create a new layer (go to Layer> New> Layer or hit Ctrl/Cmd + N) and name it “picture”, go to Select> Modify> contract and enter 10 px and hit Ok. Then fill in the selection with a dark grey.</p>
<h2>Step 9 – New header</h2>
<p>Create a new group and name it “header 2”. Select the Rectangle Tool (U) and create a brown rectangle beneath the top header. Use the Type tool (T) to add a little description.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-21.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Add the button*</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-22.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Select the Rectangle Tool (U) and create a lighted brown rectangle beneath the header 2. Add an inner shadow (go to Layer> Layer Style> Inner shadow) into this rectangle, using the settings from the following image.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-23.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Add a little text with the type tool (T).</p>
<h2>Step 10 – The content</h2>
<p>Create a new main group and name it “Content”, create directly three new groups inside and name them “bloc1”, “bloc2” and “bloc3”.</p>
<p>Select the Rectangle Tool (U) and create a white rectangle.</p>
<p>Use the Type tool (T) to add the first title and a description. Drop it in “bloc1”.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-24.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Download this icons pack from here: http://www.tutorial9.net/resources/nixus-icon-pack-60-beautiful-premium-icons-free/ and import an icon in your bloc1.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-25.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>And do these last steps two more times to fill in the bloc 2 and 3.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-26.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Step 11 &#8211; Testimonial</h2>
<p>Create a new group and name it “Testimonial”, in this group create a new layer and name it “testimonial bg”.</p>
<p>Using the Rectangular marquee tool (M) select the bottom side of the white rectangle. Then fill it in with light grey #e5e5e5.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-27.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Create a new layer and name it “stroke”, move to the top the selection of 2px and fill in the selection with the same grey, now move it down to 1px and hit Delete.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-28.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Using the Type tool (T) add a title and a description.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-29.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>And duplicate the button* (already created in the header) and drop it to the right of the title.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-30.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>And to finish, add the picture** of the customer on the left of the message.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-31.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Step 12 – The footer</h2>
<p>The tutorial is soon finished : ) you have to  create the footer and it will be done!</p>
<p>So, create a new main group (go to Layer> New> Group) and name it “Footer”, in this group create a new layer (go to Layer> New> Layer or hit Ctrl/Cmd + N) and name it “dark stroke”. Using the Rectangular marquee tool (M) create a selection of 5px beneath the testimonial area. Change the foreground colour to the dark brown (#171513) and fill in the selection.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-32.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Select the three layers of the titles on the content area and right click and select duplicate the layers. Drag and drop them on the footer group and move these titles in the footer. Switch the colour to light grey (#e5e5e5).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-33.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Use the Type tool (T) to add a list beneath the first title on the footer.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-34.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Using the Custom shape tool (U) create a little arrow before the link in the list. Add a drop shadow, go to Layer> Layer style> Drop shadow, using the settings from the following image.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-35.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Duplicate the arrow and put one of them before each link.</p>
<p>Bring together all layers of the first bloc in the footer in a new group (bloc1). Create two news groups and name them “bloc2” and “bloc3”. Duplicate the list (text and arrow) and put one of them on the bloc2 and the other in the bloc3.</p>
<p>Facultative step, in the bloc1 you can delete the list to add a little form. To create the form use the Rounded rectangle tool (U) with a radius of 10px. I used the colour: light grey # e5e5e5 and red #e83116. Use the Type tool (T) to add the label and Send in the red button.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-36.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Step 13 &#8211; Copyright</h2>
<p>And to finish this tutorial create the last group on the group “footer” and name it “copyright”. Use the Rectangular marquee tool (M) to select the bottom of your document, create a new layer (Layer> New> Layer) and fill in this selection with this colour: # 47413c, move down the selection to 1px and fill in it again with this other colour: #171513.</p>
<p>Create a new layer and use the foreground > transparent gradient (Gradient tool) to create a gradient on the top of the copyright area (use the black #000000).</p>
<p>Use the type tool to add a little copyright (on the left) and duplicate the logo and drop the copy to the bottom right side.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-37.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<h2>Further information</h2>
<p>Watch the following images to know how to create the button:</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-further01.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>Watch the following images to know how to create the picture in the testimonial area:</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-further02.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>If you need some information regarding the process to create the button or the picture, please, let me know it in the comments.</p>
<h2>Final result</h2>
<p><a href="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-layout-2expertsdesign.PSD?source=rss">click here to download the psd file</a></p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-38.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-03/tutorial-photoshop-layout-result.jpg" title="Tutorial Photoshop - Layout Template and webdesign" alt="Tutorial Photoshop - Layout Template and webdesign" /></p>
<p>So, thank you very much to you for reading my Photoshop tutorial and if you enjoy this post, this template and this blog, please, follow us up on RSS or Twitter   I see you later by another 2expertsdesign.com tutorial!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.2expertsdesign.com/graphics/how-to-create-a-clean-and-design-portfolio-layout-using-photoshop/feed</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>How to create an energy ball effect as Dragon ball Z with Photoshop</title>
		<link>http://www.2expertsdesign.com/tutorials/how-to-create-an-energy-ball-effect-as-dragon-ball-z-with-photoshop?source=rss</link>
		<comments>http://www.2expertsdesign.com/tutorials/how-to-create-an-energy-ball-effect-as-dragon-ball-z-with-photoshop#comments</comments>
		<pubDate>Mon, 26 Apr 2010 16:03:40 +0000</pubDate>
		<dc:creator>wonkastudio</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Ball]]></category>
		<category><![CDATA[Dragon]]></category>
		<category><![CDATA[Dragon ball Z]]></category>
		<category><![CDATA[Effect]]></category>
		<category><![CDATA[Energy]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Trick]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.2expertsdesign.com/?p=1204</guid>
		<description><![CDATA[
This Photoshop tutorial is perfect for all Dragon ball Z fans, In fact with this Photoshop tutorial you’ll learn how to create a shining energy ball. It’s easy, you just use the transparent and lighting effects… But before to start with the details, I let you discover the final result:


To do this tutorial you have [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2010/04/photoshop-tutorial-dbz-logo.jpg" alt="How to create an energy ball effect as Dragon ball Z with Photoshop" title="How to create an energy ball effect as Dragon ball Z with Photoshop" width="500" height="250" class="aligncenter size-full wp-image-1216" /></p>
<p>This Photoshop tutorial is perfect for all Dragon ball Z fans, In fact with this Photoshop tutorial you’ll learn how to create a shining energy ball. It’s easy, you just use the transparent and lighting effects… But before to start with the details, I let you discover the final result:</p>
<p><span id="more-1204"></span></p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-00.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<p>To do this tutorial you have to use a specific picture, I downloaded it from the Fotolia website. I invite you to subscribe and to download this picture. Here are the link to go to the website, and the direct link to go to the direct page.</p>
<p>So, now you are ready to start this tutorial:</p>
<h2>STEP 1</h2>
<p>Open Photoshop then create a new document, it measures 600&#215;900 pixels. Now change the foreground colour by this colour #1a3e70 and go to the menu Edition> Fill. The background is now switched to the blue.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-01.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 2</h2>
<p>The first important part of this Photoshop tutorial will be to create the full background picture. To start it, create a new group and rename it “Background” (to create a group go to the menu Layer> New> Group). Then create a new layer on this group, and name this layer “Background” too. To finish this step hitting D to restore the default colours and go to the menu Filter> Render> Clouds.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-02.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 3</h2>
<p>Now go back to the menu Filter> Pixelate> Mezzotint, select in the type menu Short stroke and press Ok.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-03.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 4</h2>
<p>No it’s not finished with the filters <img src='http://www.2expertsdesign.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  Go once again to the menu Filter> Blur> Radial Blur and change the configuration as: Amount: 100px, Blue method: Zoom, and Quality : Best.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-04.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<p>And to finish this step hitting Ctrl/Cmd + F to do the same filter one more time.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-05.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 5</h2>
<p>Now duplicate the layer “Background“, to do it, select it and hitting Ctrl/Cmd + J to duplicate automatically the selected layer ! Select the copy and go to the menu Filter> Sketch> Chrome and configure the options as: Detail: 10 and Smoothness: 10, and press OK.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-06.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 6</h2>
<p>To add some colour to your background, you’re going to use a layer with Colour blending mode! nd here how to do? Then, create a new layer (go to the menu Layer> New> Layer or hitting Ctrl/Cmd + Shift + N), name it “Coulours”. Select the Brush tool (B) and select a very large Soft round brush preset.</p>
<p>Change the Foreground Color by #498ecc and use the Brush tool on the center of your picture. Little by little use the Brush tool to join the borders (sometimes change the Brush tool colour like that, center #498ecc, middle #30628e and near the borders #183248).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-07.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 7</h2>
<p>Set this layers blending mode to Color, the Blending mode menu is on the left top of the layers windows.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-08.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<p>And to finish this step, reduce the opacity of the Background copy layer to 50%.</p>
<h2>STEP 8</h2>
<p>The part regarding the background creation is finished, you must now start the character creation, and to do it you have to download this picture from the <a href="http://www.fotolia.com/" title="Fotolia" alt="Fotolia">Fotolia</a> website, here is the direct url : <a href="http://www.fotolia.com/id/9182962" title="Fotolia" alt="Fotolia">http://www.fotolia.com/id/9182962</a>. Go back to Photoshop and go to the menu Files> Place and select the picture file.</p>
<p>Then hitting Ctrl/Cmd + T to activate the Free transform and reduce the character size. Don’t forget to hit Shit to keep the picture proportion.</p>
<p>And to finish this step, delete the background to keep just the guy. To do it, create a shape around the guy with the Pen tool (P).</p>
<p>Create a selection around the guy (Ctrl/Cmd + click on the layer “Shape 1” thumbnail (in the layer panel)… Then select the layer “Fotolia” and go to the menu Select> Inverse and hitting Delete to remove the background (to finish, hide the Shape 1 layer).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-10.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 09</h2>
<p>Great, the twice important parts are now finished (background and character) you must now start the creation of the shining energy balls! Hitting several times Ctrl/Cmd + to zoom on the guy left hand and hitting Ctrl/Cmd + D to deselect and create a new group, name it First ball. Then select the Ellipse tool (U), switch the foreground color by the white and draw a perfect ellipse under the hand (don’t forget to hit Shift).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-11.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 10</h2>
<p>I have a really good trick to transform a simple white ellipse to a 3D transparent ball. To do it, right click on the layer “Shape 2” and select Rasterize layer. Then go to the menu Layer> Layer mask> Reveal all (you can see the layer mask added on the right of the Shape 2 thumbnail). Now select the Brush tool, select the soft round 35px brush preset (on the brush preset picker), lower the opacity to 20% and change the foreground color to the black.</p>
<p>On the Layer mask, use the Brush tool, doing rotation movements, start by outlines and finish by the centre, especially insist on the centre.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-12.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 11</h2>
<p>Duplicate the layer Shape 2 (right click on the layer and select duplicate this layer). Then select the layer copy and go to the menu Filter> Blur> Gaussian blur, enter 10 pixels and press Ok. To finish, use again the layer mask to hide the light under the ellipse.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-13.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 12</h2>
<p>Now, to add some colours on the ball, create a new layer and name it Colours. Select the Brush tool (B) (check the last configuration is available yet) and pick a blue foreground color, and use the Brush tool under the ball.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-14.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<p>Set this layer blending mode to Color, the Blending mode menu is on the left top of the layers windows.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-15.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 13</h2>
<p>The last part to finish the energy ball effect is the creation of the energyshine around the ball. To do it, begin to hide the background group, and the character layer.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-16.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<p>Then create a new layer into the First ball group, name it “Shines” and put it under the Colours layer. Then select the Brush Tool (B) and select Hard round 10px brush preset; change the foreground color to the white, extend the opacity to 100%. Use the brush to draw a doodle energy shines around the ball (don’t hesitate to use different brush sizes to do them).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-17.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 14</h2>
<p>Select the Rectangular marquee tool and create a cubic selection around the ball (behind, you have to create a large margin between the border ball and the border selection).</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-18.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<p>STEP 15<br />
And now, go to the menu Filter> Blur> Radial Blur use the same configuration like the one used by step 4. Hitting Ctrl/Cmd + F to use the same filter, again and again.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-19.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 16</h2>
<p>Display all layers to view the result.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-20.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 17</h2>
<p>Now, to create the second ball, you have two options, the first one is really long and consists to do again all steps to draw the ball (steps 10 to 17) and the second one is shorter, it consists  to duplicate the ball group and to drop it to the right border of the picture.</p>
<p>As I am a bit lazy, I’m going to choice the second solution. So, right click on the First ball group and select duplicate this group, rename this copy: Second ball. Then, select Move tool (V) and slide the group under the hand on the right border of the picture. Now go to the menu Edition> Transform> Flip horizontal.</p>
<p>To finish, select the layer Shines copy and hitting Ctrl/Cmd + T to activate the Free transform. Apply a rotation onto the shines on the right.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-21.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 18</h2>
<p>So we are still on the next to last step  : ) Everything is finished, the background, the character and the energy balls. But you’re going to hide a bit the background. Select the Background group and go to the menu Layer> Layer Mask> Hide all.</p>
<p>Change the foreground color to the white, and select the Brush tool (B) with a large soft round 300 pixels brush preset, lower the opacity to 20%. Use the brush tool on the centre of the layer mask to let appear the background.</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-22.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<h2>STEP 19</h2>
<p>And now the final step of this tutorial, download this picture, available on http://dbz-bt3.allmyblog.com/images/dbz-bt3/dbz-bt3_20070619_225528.jpg and import it into your canvas (name the layer “Logo”). Use the Pen tool trick to delete the background to keep only and only the logotype. To finish, select the layer “Logo” and go to Layer> Layer style and select Outer glow, change the blending mode to Soft light, the opacity to 50%, the color to white, the size to 20px, press OK to add your layer style.</p>
<p>Well the tutorial is finished, look at the result:</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-24.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-23.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<p>And the result :</p>
<p><img src="http://www.2expertsdesign.com/images/tutorial-photoshop-02/photoshop-tutorial-dbz-final.jpg" title="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" alt="Tutorial Photoshop 02 - How to create an energy ball effect as Dragon ball Z with Photoshop" /></p>
<p>So thank you very much to you to read my Photoshop tutorial and if you enjoyed this post, this template and this blog please follow us up on RSS or Twitter   See you later by another 2expertsdesign.com tutorial!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.2expertsdesign.com/tutorials/how-to-create-an-energy-ball-effect-as-dragon-ball-z-with-photoshop/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>34 Creative 2D Illustration and Concept Art Which You Probably Never Seen Before!</title>
		<link>http://www.2expertsdesign.com/graphics/34-creative-2d-illustration-and-concept-art-which-you-probably-never-seen-before?source=rss</link>
		<comments>http://www.2expertsdesign.com/graphics/34-creative-2d-illustration-and-concept-art-which-you-probably-never-seen-before#comments</comments>
		<pubDate>Tue, 17 Nov 2009 20:39:28 +0000</pubDate>
		<dc:creator>2E Editorial</dc:creator>
				<category><![CDATA[Best of the web]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Showcase]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[2d digital art]]></category>
		<category><![CDATA[concept art]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[digital art]]></category>
		<category><![CDATA[illustration]]></category>

		<guid isPermaLink="false">http://www.2expertsdesign.com/?p=656</guid>
		<description><![CDATA[
Our today’s post consists of some selected inspirational 2d  creative illustration and concept art from cgsociety, which you do not see usually. These  are the wonder creation of designers who use their creativity with a different  angle and approach to get the result that makes a difference.
We are always inviting and welcome [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.2expertsdesign.com/2009/11/17/34-creative-2d-illustration-and-concept-art-which-you-probably-never-seen-before/?source=rss"><img class="alignnone size-full wp-image-658" title="8-2d-illustration-concept-art" src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/8-2d-illustration-concept-art.jpg" border="0" alt="8-2d-illustration-concept-art" width="500" height="776" /></a></p>
<p>Our today’s post consists of some selected inspirational <a href="http://www.2expertsdesign.com/tag/illustration/?source=rss"><strong>2d  creative illustration and concept art</strong></a> from cgsociety, which you do not see usually. These  are the wonder <a href="http://www.2expertsdesign.com/tag/design-showcase/?source=rss">creation of designers</a> who use their creativity with a different  angle and approach to get the result that makes a difference.</p>
<p>We are always inviting and welcome creative designers to  share their work for Creative Inspiration that our readers may like.<span id="more-656"></span></p>
<p><strong>If you don&#8217;t want to miss out our next  posts, you can <a href="http://feeds.feedburner.com/2expertsdesigndotcom" target="_blank">Subscribe to the 2Experts Design Blog</a> or <a href="http://twitter.com/2experts" target="_blank">follow us on twitter</a></strong></p>
<p><strong>Arctic Express 2008 by Raphael Lacoste</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=578775" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/1-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="582" /></a></p>
<p><strong>Ladies Of London by Linda Bergkvist</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=216037" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/2-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="841" /></a></p>
<p><strong>The Saint by Sinad Jaruartjanapat</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=243290" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/3-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="1268" /></a></p>
<p><strong>Elena Formal Portrait by Lunatique</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=124550" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/4-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="495" height="680" /></a></p>
<p><strong>Gears Of War Concept Images by John Wallin Liberto</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=259096" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/5-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="428" /></a></p>
<p><strong>The Wax &#8211; Dragon by Natascha Roeoesli</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=338988" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/6-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="739" /></a></p>
<p><strong>Pepper Tundra by Skan  Srisuwan</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=234058" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/7-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="726" /></a></p>
<p><strong>Happiness Is A Blue Bird by Jose Manuel Oli</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=251198" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/8-2d-illustration-concept-art.jpg" border="0" alt="" width="500" height="776" /></a></p>
<p><strong>Brume by Melanie Delon</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=505629" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/9-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="706" /></a></p>
<p><strong>Chat by Tranchefeux</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=170114" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/10-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="528" /></a></p>
<p><strong>The Fallen by John Kearney</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=461314" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/11-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="763" /></a></p>
<p><strong>Ravene by Marta Dahlig</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=316935" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/13-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="727" /></a></p>
<p><strong>The Dark Spire by Daniel Kvasznicza</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=187796" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/14-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="403" /></a></p>
<p><strong>Invaders! by Alexandre Bonvalot</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=293870" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/15-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="663" /></a></p>
<p><strong>The Rock City by Sergey Skachkov</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=288407" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/16-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="732" /></a></p>
<p><strong>Leaf Messenger by Julia Castelo Branco</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=260927" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/17-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="429" /></a></p>
<p><strong>Queen Of The Eternity by Kuang Hong</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=278890" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/18-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="741" /></a></p>
<p><strong>The prayer by Xiao Bing</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=361303" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/19-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="930" /></a></p>
<p><strong>Portrait Of Erica by Christine Kotlark</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=280046" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/20-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="639" /></a></p>
<p><strong>Boundary by Song Jae Hwon</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=298390" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/21-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="937" /></a></p>
<p><strong>B</strong><strong>attle Angel by Tariq Raheem</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=203795" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/22-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="749" /></a></p>
<p><strong>RHYTHM, Hong, Ji hoon</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=407930" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/23-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="787" /></a></p>
<p><strong>Hokukage by Stacy Michalcewicz</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=133&amp;t=198670" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/24-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="415" /></a></p>
<p><strong>Environment: Post Apocalypse by Daniel Kvasznicza</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=255037" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/25-2d-illustration-concept-art.jpg" border="0" alt="2d illustration concept digital art" width="500" height="310" /></a></p>
<p><strong>Master &amp; Servant: Spoiled by Linda Bergkvist</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=242000" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/26-alessandra_by_cd_marcus.jpg" border="0" alt="2d illustration concept digital art" width="500" height="701" /></a></p>
<p><strong>The Wicked by Per Øyvind Haagensen</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=581674" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/27-alessandra_by_cd_marcus.jpg" border="0" alt="2d illustration concept digital art" width="500" height="756" /></a></p>
<p><strong>Becky IFX by Warren Louw</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=815831" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/28-alessandra_by_cd_marcus.jpg" border="0" alt="2d illustration concept digital art" width="500" height="768" /></a></p>
<p><strong>Knowledge And Wisdom by Wei Chen</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=280715" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/29-alessandra_by_cd_marcus.jpg" border="0" alt="2d illustration concept digital art" width="394" height="656" /></a></p>
<p><strong>Oiran by Srisuan Skan</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=502505" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/30-alessandra_by_cd_marcus.jpg" border="0" alt="2d illustration concept digital art" width="500" height="349" /></a></p>
<p><strong>Day Watch.Twilight by Pavel Lagutin</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=481325" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/31-alessandra_by_cd_marcus.jpg" border="0" alt="2d illustration concept digital art" width="500" height="702" /></a></p>
<p><strong>The Gate by Bruno Gentile</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=324938" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/32-alessandra_by_cd_marcus.jpg" border="0" alt="2d illustration concept digital art" width="500" height="304" /></a></p>
<p><strong>Pearl by Melanie Delon</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=340462" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/34-alessandra_by_cd_marcus.jpg" border="0" alt="2d illustration concept digital art" width="500" height="950" /></a></p>
<p><strong>Promise Promo Painting</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=47381" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/35-alessandra_by_cd_marcus.jpg" border="0" alt="2d illustration concept digital art" width="500" height="405" /></a></p>
<p><strong>Path To The Gothic Choir&#8230;by Raphael Lacoste</strong></p>
<p><a href="http://forums.cgsociety.org/showthread.php?f=137&amp;t=312197" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/2d-illustration-art/36-alessandra_by_cd_marcus.jpg" border="0" alt="2d illustration concept digital art" width="500" height="370" /></a></p>
<p><strong>Enjoy this Post? <a href="http://feeds.feedburner.com/2expertsdesigndotcom" target="_blank">Subscribe to the 2Experts Design Blog</a> or <a href="http://twitter.com/2experts" target="_blank">follow us on twitter</a></strong></p>
<p>Our blog is updated regularly with content related to web design, inspiration, tutorials, wordpress, freebies and much more. If you don&#8217;t want to miss out on future posts, you can subscribe by <strong><a href="http://feeds.feedburner.com/2expertsdesigndotcom" target="_blank">RSS</a></strong> or <strong><a href="http://feedburner.google.com/fb/a/mailverify?uri=2expertsdesigndotcom&amp;loc=en_US" target="_blank">Email</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.2expertsdesign.com/graphics/34-creative-2d-illustration-and-concept-art-which-you-probably-never-seen-before/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>24 New Beautiful Photoshop Brushes</title>
		<link>http://www.2expertsdesign.com/brushes/24-new-beautiful-photoshop-brushes?source=rss</link>
		<comments>http://www.2expertsdesign.com/brushes/24-new-beautiful-photoshop-brushes#comments</comments>
		<pubDate>Sat, 14 Nov 2009 14:30:45 +0000</pubDate>
		<dc:creator>2E Editorial</dc:creator>
				<category><![CDATA[Best of the web]]></category>
		<category><![CDATA[Brushes]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.2expertsdesign.com/?p=648</guid>
		<description><![CDATA[
Today,  we are listing bunch of really cool Photoshop brushes at the end of the week. These  brushes are ideal for creating backgrounds and you can use them in a website,  leaflet, poster, cards, etc. Here you will find a many different kinds so you  can get the ones you like. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-649" title="5-70-Spaxio_Brushes_by_Flow_Graphic_718" src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/5-70-Spaxio_Brushes_by_Flow_Graphic_718.jpg" alt="5-70-Spaxio_Brushes_by_Flow_Graphic_718" width="500" height="184" /></p>
<p>Today,  we are listing bunch of really cool <strong>Photoshop brushes</strong> at the end of the week. These  brushes are ideal for creating backgrounds and you can use them in a website,  leaflet, poster, cards, etc. Here you will find a many different kinds so you  can get the ones you like. Enjoy!<span id="more-648"></span></p>
<p><strong>If you don&#8217;t want to miss out our next  posts, you can <a href="http://feeds.feedburner.com/2expertsdesigndotcom" target="_blank">Subscribe to the 2Experts Design Blog</a> or <a href="http://twitter.com/2experts" target="_blank">follow us on twitter</a></strong></p>
<p><strong>Coffee Brush</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/1-coffeebrushpreview.jpg" alt="" width="500" height="192" /></p>
<p>11 high resolution coffee stain brushes brought to by Media Militia enjoy</p>
<p><a href="http://qbrushes.net/textures/coffee-stains-3/" target="_blank"><strong>Download</strong></a></p>
<p><strong>Abstract Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/2-Abstract_Brushes_Vol_8_by_rubina119.jpg" alt="" width="500" height="192" /></p>
<p>8 abstract brush set from rubina119. comes with six high resolution (1800 PX) brushs.</p>
<p><strong><a href="http://qbrushes.net/photoshop-abstract-brushes/abstract-brushes-vol-8/" target="_blank">Download</a></strong></p>
<p><strong>Splash Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/3-splash-brushes-by-flow-graphic.jpg" alt="" width="500" height="192" /></p>
<p>Photoshop Brush set containing 5 nice splatter Brushes</p>
<p><strong><a href="http://qbrushes.net/photoshop-splash-brushes/splatter-brushes-2/" target="_blank">Download</a></strong></p>
<p><strong>Footprint Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/4-Footprint_brushes_by_PeterPlastic.jpg" alt="" width="500" height="192" /></p>
<p>32 photoshop brushes of Little tapping feet, big flat feet, high heels and baby feet.</p>
<p><strong><a href="http://qbrushes.net/misc/footprint-brushes/" target="_blank">Download</a></strong></p>
<p><strong>Spaxio Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/5-70-Spaxio_Brushes_by_Flow_Graphic_718.jpg" alt="" width="500" height="184" /></p>
<p>70 Spaxio Brushes, 4 in the set and created with Photoshop CS4</p>
<p><a href="http://qbrushes.net/photoshop-abstract-brushes/spaxio-abstract-brush/" target="_blank"><strong>Download</strong></a></p>
<p><strong>Grunge Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/6-grunge_718.jpg" alt="" width="500" height="184" /></p>
<p>15 grunge brushes, large size, most over 1000px. Available both for personal and commercial use.</p>
<p><strong><a href="http://qbrushes.net/grunge/grunge-brushes-vol-1/" target="_blank">Download</a></strong></p>
<p><strong>Large Circles &amp; Drips Brush Set</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/7-largeCircles-And-Drips-Brush-Set.jpg" alt="" width="500" height="184" /></p>
<p>An abstract Photoshop brush set of circles and drips a small quality collection of Photoshop brushes.</p>
<p><strong><a href="http://qbrushes.net/objects/drips-brush-set/" target="_blank">Download</a></strong></p>
<p><strong>Doodle Arrow Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/8-doodle-set-preview.jpg" alt="" width="500" height="192" /></p>
<p>69 awesome high resolution hand drawn arrow brushes that can be put to great creative use, the brush set contains 96 all unique hand drawn arrows.</p>
<p><strong><a href="http://qbrushes.net/objects/69-doodle-arrows/" target="_blank">Download</a></strong></p>
<p><strong>Border Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/9-photoshop-border-brushes.jpg" alt="" width="500" height="184" /></p>
<p>Painted Borders pack contains 9 big 1200 pixels  brushes compatible with PS 7 and up!</p>
<p><strong><a href="http://qbrushes.net/photoshop-splash-brushes/paint-borders-photoshop-brushes/" target="_blank">Download</a></strong></p>
<p><strong>Distorted Lines (Spiral Brushes)</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/10-Distorted_Lines_by_Flow_Graphic.jpg" alt="" width="500" height="184" /></p>
<p>A high resolution spiral photoshop brush set.</p>
<p><strong><a href="http://qbrushes.net/photoshop-abstract-brushes/distorted-lines/" target="_blank">Download</a></strong></p>
<p><strong>Splatter &amp; Spraypaint Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/11-357.jpg" alt="" width="496" height="499" /></p>
<p>27 splatter and spraypaint brushes for a wide variety of art projects.</p>
<p><strong><a href="http://www.brushking.eu/357/splatter-mania-brushes.html" target="_blank">Download</a></strong></p>
<p><strong>Abstract Fractal Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/12-356.jpg" alt="" width="500" height="380" /></p>
<p>Abstract Fractal pack contains 12 BIG (up to 2500px) brushes compatible with PS 7 and up!</p>
<p><strong><a href="http://www.brushking.eu/356/abstract-fractal.html" target="_blank">Download</a></strong></p>
<p><strong>3D Fractals Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/13-3D_Fractals_by_env1ro.jpg" alt="" width="300" height="256" /></p>
<p>3D Fractals pack contains 12 BIG (up to 1950px) brushes compatible with PS 7 and up!</p>
<p><strong><a href="http://fbrushes.com/2009/10/28/3d-fractals/" target="_blank">Download</a></strong></p>
<p><strong>Aero Circles</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/14-Aero_Circles_by_Kemosirix.jpg" alt="" width="490" height="484" /></p>
<p>A set of 8 brushes, random generated circles, ovals, spirals.</p>
<p><strong><a href="http://kemosirix.deviantart.com/art/Aero-Circles-141324368" target="_blank">Download</a></strong></p>
<p><strong>Wings Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/15-wings_brush_by_anaRasha_stock.jpg" alt="" width="493" height="365" /></p>
<p><strong><a href="http://anarasha-stock.deviantart.com/art/wings-brush-141729176" target="_blank">Download</a></strong></p>
<p><strong>Glitzz &amp; Glamour</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/16-Glitzz_and_Glamour_by_h0ttiee.jpg" alt="" width="300" height="450" /></p>
<p><strong><a href="http://h0ttiee.deviantart.com/art/Glitzz-and-Glamour-140786990" target="_blank">Download</a></strong></p>
<p><strong>Ink Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/17-InkBrushes__by_Chrissi_Rockz.jpg" alt="" width="500" height="375" /></p>
<p><strong><a href="http://chrissi-rockz.deviantart.com/art/InkBrushes-140650282" target="_blank">Download</a></strong></p>
<p><strong>Broken Glass</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/18-Broken_Glass_by_eebvoom.jpg" alt="" width="500" height="375" /></p>
<p>Eight high quality broken-glass brushes.</p>
<p><strong><a href="http://eebvoom.deviantart.com/art/Broken-Glass-Brushes-Eight-142202161" target="_blank">Download</a></strong></p>
<p><strong>Vintage Brush Set</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/19-Vintage_brush_set_by_Man_Of_Inspiration.jpg" alt="" width="500" height="600" /></p>
<p>8 epic ornament brushes</p>
<p><strong><a href="http://man-of-inspiration.deviantart.com/art/Vintage-brush-set-142576579" target="_blank">Download</a></strong></p>
<p><strong>Space Light Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/20-Space_Light_Brushes_for_Photos_by_fiftyfivepixels.jpg" alt="" width="500" height="400" /></p>
<p>Photoshop brushes is composed of high-resolution light images that look like those light streams captured by telescope from outer space. These brushes are ideal to use as background or if you simply want to add some realistic sparks and light streams in your layout.</p>
<p><strong><a href="http://fiftyfivepixels.deviantart.com/art/Space-Light-Brushes-for-Photos-141079139" target="_blank">Download</a></strong></p>
<p><strong>Water Splashes Brush Set</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/21-Water_Splashes_PS_Brush_Set.jpg" alt="" width="500" height="352" /></p>
<p>This set is composed of different water effects such as water splashes and waves that you can use for free.</p>
<p><strong><a href="http://fiftyfivepixels.deviantart.com/art/Water-Splashes-PS-Brush-Set-140746604" target="_blank">Download</a></strong></p>
<p><strong>Hand Drawn Floral Brushes</strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/11/brushes-free-download/22-Hand_Drawn_Floral_Brush.jpg" alt="" width="500" height="500" /></p>
<p><strong><a href="http://stockgraphicdesigns.deviantart.com/art/Hand-Drawn-Floral-Brush-141180260" target="_blank">Download</a></strong></p>
<p><strong>Enjoy this Post? <a href="http://feeds.feedburner.com/2expertsdesigndotcom" target="_blank">Subscribe to the 2Experts Design Blog</a> or <a href="http://twitter.com/2experts" target="_blank">follow us on twitter</a></strong></p>
<p>Our blog is updated regularly with content related to web design, inspiration, tutorials, wordpress, freebies and much more. If you don&#8217;t want to miss out on future posts, you can subscribe by <strong><a href="http://feeds.feedburner.com/2expertsdesigndotcom" target="_blank">RSS</a></strong> or <strong><a href="http://feedburner.google.com/fb/a/mailverify?uri=2expertsdesigndotcom&amp;loc=en_US" target="_blank">Email</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.2expertsdesign.com/brushes/24-new-beautiful-photoshop-brushes/feed</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>500+ Free Download High Quality Photoshop PSD Files For Designers</title>
		<link>http://www.2expertsdesign.com/photoshop/500-free-download-high-quality-photoshop-psd-files-for-designers?source=rss</link>
		<comments>http://www.2expertsdesign.com/photoshop/500-free-download-high-quality-photoshop-psd-files-for-designers#comments</comments>
		<pubDate>Wed, 28 Oct 2009 11:06:33 +0000</pubDate>
		<dc:creator>2E Editorial</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[psd]]></category>
		<category><![CDATA[psd-files]]></category>

		<guid isPermaLink="false">http://www.2expertsdesign.com/?p=551</guid>
		<description><![CDATA[
Why redo what is from the web “free download” ?  Plenty of web designers create and share with the community, plenty graphic files. Most often, they are free download and can mostly  be used in business projects. 
But the plenty ways used for the distribution of these files is problematic (from own blogs, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-552" title="6-Grass_Number_PSD_File_by_PsEvi" src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/6-Grass_Number_PSD_File_by_PsEvi.jpg" alt="6-Grass_Number_PSD_File_by_PsEvi" width="500" height="457" /></p>
<p>Why redo what is from the web “free download” ?  Plenty of web designers create and share with the community, plenty graphic files. Most often, they are free download and can mostly  be used in business projects. </p>
<p>But the plenty ways used for the distribution of these files is problematic (from own blogs, social networks, sharing networks)…Lot of you have interest for these files, and regarding this point, 2experts decided to create selection lists of these files.   </p>
<p>These lists give to the web designers, the possibility to get a quick overview of some of the best free download files, grouped on an unique page. </p>
<p>Today is an exceptional day because  you are not restricted to one list but you can browse a selection of the best lists from all of them, and this final selection cumulate all together, around 500 Photoshop files, files you can download.</p>
<p>If you like this selection, you will certainly appreciate the posts below too:</p>
<p><a href="http://www.2expertsdesign.com/freebies/beautiful-free-vector-downloads-roundup?source=rss" title="Beautiful Free Vector Downloads Roundup">Beautiful Free Vector Downloads Roundup</a><br />
<a href="http://www.2expertsdesign.com/freebies/25-quality-psd-files-for-your-next-web-or-graphic-design-projects?source=rss" title="25 Quality PSD Files for your next Web or Graphic Design Projects">25 Quality PSD Files for your next Web or Graphic Design Projects</a><br />
<a href="http://www.2expertsdesign.com/fonts/300-high-quality-and-most-popular-fonts-for-designers-to-discover-in-2009?source=rss" title="300+ High Quality And Most Popular Fonts For Designers To Discover In 2009">300+ High Quality And Most Popular Fonts For Designers To Discover In 2009</a><br />
<a href="http://www.2expertsdesign.com/graphics/40-best-icons-packs-thats-webdesigners-should-have?source=rss" title="+40 best icons packs that webdesigners should have">+40 best icons packs that webdesigners should have</a></p>
<p>You can’t hardly wait ? Find here now, the full list :</p>
<p><strong><a href="http://feeds.feedburner.com/2expertsdesigndotcom" target="_blank">Do you want to be the first one to know the latest happenings</a> at 2ExpertsDesign.com just <a href="http://feeds.feedburner.com/2expertsdesigndotcom" target="_blank">subscribe to our rss feed</a> and <a href="http://twitter.com/2experts" target="_blank">you can follow us on twitter</a> as well.</strong></p>
<h2>26 Polariod and Paper Clips ( by atilazz )</h2>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/1-26_Polariod_and_peperclips_by_atilazz.jpg" alt="free psd file" width="350" height="500" /></p>
<p><a href="http://atilazz.deviantart.com/art/26-Polariod-and-peperclips-138832354" target="_blank"><strong>Download Source</strong></a></p>
<h2>Web User Interface Treasure Chest ( by LazyCrazy )</h2>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/2-WEB_UI_Treasure_Chest_v_1_0_by_LazyCrazy.jpg" alt="" width="500" height="440" /></p>
<p><a href="http://lazycrazy.deviantart.com/art/WEB-UI-Treasure-Chest-v-1-0-139165343" target="_blank"><strong>Download Source</strong></a></p>
<h2>Full Pin Stock ( by atilazz )</h2>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/3-full_pin_stock_by_atilazz.jpg" alt="" width="500" height="500" /></p>
<p><a href="http://atilazz.deviantart.com/art/full-pin-stock-138830948" target="_blank"><strong>Download Source</strong></a></p>
<h2>Calendars PSD ( by taytel )</h2>
<p><a href="http://taytel.deviantart.com/art/Calendars-PSD-139602306" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/4-Calendars_PSD_by_taytel.jpg" border="0" alt="free calendars psd files" width="500" height="293" /></a></p>
<p><a href="http://taytel.deviantart.com/art/Calendars-PSD-139602306" target="_blank"><strong>Download Source</strong></a></p>
<h2>Free iPod Touch PSD ( by djeric)</h2>
<p><a href="http://djeric.deviantart.com/art/free-psd-ipod-touch-139664482" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/5-free_psd_ipod_touch_by_djeric.jpg" border="0" alt="" width="500" height="500" /></a></p>
<p><a href="http://djeric.deviantart.com/art/free-psd-ipod-touch-139664482" target="_blank"><strong>Download Source</strong></a></p>
<h2>Grass Number PSD ( by PsEvi )</h2>
<p><a href="http://psevi.deviantart.com/art/Grass-Number-PSD-File-138201478" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/6-Grass_Number_PSD_File_by_PsEvi.jpg" border="0" alt="" width="500" height="457" /></a></p>
<p><a href="http://psevi.deviantart.com/art/Grass-Number-PSD-File-138201478" target="_blank"><strong>Download Source</strong></a></p>
<h2>Scratches PSD</h2>
<p><a href="http://www.officialpsds.com/Scratches-744x1024-PSD8969.html" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/7-Scratches-744x1024-psd8969.jpg" border="0" alt="" width="364" height="500" /></a></p>
<p><a href="http://www.officialpsds.com/Scratches-744x1024-PSD8969.html" target="_blank"><strong>Download Source</strong></a></p>
<h2>Barbwire Splater Paint PSD</h2>
<p><a href="http://www.officialpsds.com/Scratches-744x1024-PSD8969.html" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/8-barbwire-splater-paint-psd26825.jpg" border="0" alt="" width="500" height="446" /></a></p>
<p><a href="http://www.officialpsds.com/Scratches-744x1024-PSD8969.html" target="_blank">Download Source</a></p>
<h2>Twitter Bird Icons ( by sizer92 )</h2>
<p><a href="http://sizer92.deviantart.com/art/Twitter-Bird-Icons-01-141019873" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/9-Twitter_Bird_Icons_01_by_sizer92.jpg" border="0" alt="" width="500" height="278" /></a></p>
<p><a href="http://sizer92.deviantart.com/art/Twitter-Bird-Icons-01-141019873" target="_blank">Download Source</a></p>
<h2>Card Templates ( by san29 )</h2>
<p><a href="http://san29.deviantart.com/art/CARD-TEMPLATES-138827012" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/10-CARD_TEMPLATES__by_san29.jpg" border="0" alt="" width="311" height="400" /></a></p>
<p><a href="http://san29.deviantart.com/art/CARD-TEMPLATES-138827012" target="_blank">Download Source</a></p>
<h2>Breathe PSD</h2>
<p><a href="http://seizure.deviantart.com/art/Breathe-psd-1860936" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/11-Breathe_psd.jpg" border="0" alt="" width="500" height="667" /></a></p>
<p><a href="http://seizure.deviantart.com/art/Breathe-psd-1860936" target="_blank">Download Source</a></p>
<h2>PSD Pack Painted Tags ( by Tamilia )</h2>
<p><a href="http://tamilia.deviantart.com/art/PSD-Pack-Painted-Tags-99541818" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/12-PSD_Pack_Painted_Tags_by_Tamilia.jpg" border="0" alt="" width="500" height="463" /></a></p>
<p><a href="http://tamilia.deviantart.com/art/PSD-Pack-Painted-Tags-99541818" target="_blank"><strong>Download Source</strong></a></p>
<h2>Great PSD Files Related From Friends Blogs</h2>
<p><strong><a href="http://www.instantshift.com/2009/05/29/110-ultimate-round-up-of-free-photoshop-psd-files-and-resources/" target="_blank"><em>110 Ultimate Round-Up of Free Photoshop PSD Files and Resources</em></a></strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/13-OTHER-uruoppfar-003.jpg" alt="" width="500" height="200" /></p>
<p><strong><a href="http://www.1stwebdesigner.com/resources/45-free-design-template-and-psd-files/" target="_blank"><em>45+ Free Design Template And PSD Files</em></a></strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/14-OTHERwindows-7-icon.jpg" alt="" width="500" height="453" /></p>
<p><strong><a href="http://blogof.francescomugnai.com/2008/08/the-best-32-free-psds-you-can-find-on-deviantart/" target="_blank"><em>The best 32 Free PSDs you can find on DeviantArt</em></a></strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/15-OTHER-blackberry_psd.jpg" alt="" width="423" height="500" /></p>
<p><strong><a href="http://visionwidget.com/resources/vectors/97-free-psd-files.html" target="_blank"><em>70+ Excellent Free PSD Files ON DeviantArt, Update September 2009 </em></a></strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/16-OTHER-tshirt-vector-template.jpg" alt="" width="500" height="266" /></p>
<p><strong><a href="http://www.dezignmusings.com/2009/08/45-useful-free-photoshop-psd-files.html" target="_blank"><em>45 Useful Collection of Free Photoshop PSD Files</em></a></strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/17-OTHER-Apple__PSD_by_Flahorn.jpg" alt="" width="346" height="500" /></p>
<p><strong><a href="http://visionwidget.com/resources/vectors/432-free-psd-logos.html" target="_blank"><em>80+ Identity Logo Design With PSD Files</em></a></strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/18-OTHER-audioblog.jpg" alt="" width="500" height="250" /></p>
<p><strong><a href="http://www.graphicmania.net/45-free-high-quality-psd-files-to-download/" target="_blank"><em>45+ Free High Quality PSD Files to Download</em></a></strong></p>
<p><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/19-OTHER-Paper_Design_PSD_by_MRblanka.jpg" alt="" width="500" height="364" /></p>
<p><strong><a href="http://www.hongkiat.com/blog/60-high-quality-photoshop-psd-files-for-designers/" target="_blank"><em>60 High Quality Photoshop PSD Files For Designers </em></a></strong></p>
<p><a href="http://www.hongkiat.com/blog/60-high-quality-photoshop-psd-files-for-designers/" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/20-OTHER-post-it-note.jpg" border="0" alt="" width="500" height="274" /></a></p>
<p><strong><a href="http://dzineblog.com/2009/02/30-free-quality-psd-files.html" target="_blank"><em>30+ Free Quality PSD Files to Download</em></a></strong></p>
<p><a href="http://dzineblog.com/2009/02/30-free-quality-psd-files.html" target="_blank"><img src="http://www.2expertsdesign.com/wp-content/uploads/2009/10/free-download-psd-files/21-OTHER-3.jpg" border="0" alt="" width="462" height="407" /></a></p>
<p><strong>If you enjoyed this post, please consider to <a href="http://feeds.feedburner.com/2expertsdesigndotcom" target="_blank">subscribe to the feed</a> and <a href="http://twitter.com/2experts" target="_blank">you can follow us on twitter</a> to get future articles delivered to your feed reader.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.2expertsdesign.com/photoshop/500-free-download-high-quality-photoshop-psd-files-for-designers/feed</wfw:commentRss>
		<slash:comments>87</slash:comments>
		</item>
		<item>
		<title>150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques</title>
		<link>http://www.2expertsdesign.com/tutorials/150-adobe-photoshp-web-design-layout-tutorials?source=rss</link>
		<comments>http://www.2expertsdesign.com/tutorials/150-adobe-photoshp-web-design-layout-tutorials#comments</comments>
		<pubDate>Sat, 14 Mar 2009 05:35:15 +0000</pubDate>
		<dc:creator>2E Editorial</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Icons]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.2expertsdesign.com/?p=321</guid>
		<description><![CDATA[
Adobe  Photoshop is a powerful and versatile application for  creating high-quality designs, many professional designers have been using in  their practices for years, be aware of its importance as the uncontested  standard in digital imagery.
Here we’ve compiled 150 high quality Adobe Photoshop tutorials that guides you, gradually, building up a web [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-323" title="web-design-tutorials" src="http://www.2expertsdesign.com/wp-content/uploads/2009/03/web-design-tutorials.jpg" alt="" width="500" height="350" /></p>
<p><strong>Adobe  Photoshop</strong> is a powerful and versatile application for  creating <strong>high-quality designs</strong>, many professional designers have been using in  their practices for years, be aware of its importance as the uncontested  standard in digital imagery.</p>
<p>Here we’ve compiled 150 <strong>high quality Adobe Photoshop tutorials</strong> that guides you, gradually, <strong>building up a web  design layout</strong><strong> from scratch</strong>.<span id="more-321"></span></p>
<h2>Web Interface Design Tutorials</h2>
<p><strong><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-magic-night-themed-web-design-from-scratch-in-photoshop/" target="_blank">Create a Magic Night Themed Web Design from Scratch in Photoshop</a></strong></p>
<p><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-magic-night-themed-web-design-from-scratch-in-photoshop/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/8-picture.jpg" border="0" alt="Web Design from Scratch in Photoshop" width="500" height="300" /></a></p>
<p><strong><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-a-simple-layout-can-be-mixed-n-matched-with-patterns-photos-and-backgrounds/" target="_blank">How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds</a></strong></p>
<p><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-a-simple-layout-can-be-mixed-n-matched-with-patterns-photos-and-backgrounds/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/7-picture.jpg" border="0" alt="Simple Layout Can Be Mixed ‘n’ Matched with Patterns" width="500" height="300" /></a></p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-vibrant-modern-blog-design-in-adobe-photoshop" target="_blank"><strong>Create a Vibrant Modern Blog Design in Photoshop</strong></a></p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-vibrant-modern-blog-design-in-adobe-photoshop" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/9-picture.jpg" border="0" alt="Create a Vibrant Modern Blog Design in Photoshop" width="500" height="300" /></a></p>
<p><a href="http://psdvibe.com/2009/02/11/tutorial-site-blog-design/" target="_blank"><strong>Tutorial Site Blog Design</strong></a></p>
<p><a href="http://psdvibe.com/2009/02/11/tutorial-site-blog-design/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/1-picture.jpg" border="0" alt="Tutorial Site Blog Design" width="500" height="300" /></a></p>
<p><a href="http://psdvibe.com/2009/02/16/website-gallery-layout-design/" target="_blank"><strong>Website Gallery Layout Design</strong></a></p>
<p><a href="http://psdvibe.com/2009/02/16/website-gallery-layout-design/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/2-Picture.jpg" border="0" alt="Website Gallery Layout Design" width="500" height="300" /></a></p>
<p><a href="http://psdvibe.com/2009/02/22/design-studio-layout/" target="_blank"><strong>Design Studio Layout</strong></a></p>
<p><a href="http://psdvibe.com/2009/02/22/design-studio-layout/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/3-Picture.jpg" border="0" alt="Design Studio Layout" width="500" height="300" /></a></p>
<p><a href="http://psdvibe.com/2009/03/04/design-lab-tv-styled-layout/" target="_blank"><strong>Design Lab TV Styled Layout</strong></a></p>
<p><a href="http://psdvibe.com/2009/03/04/design-lab-tv-styled-layout/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/4-Picture.jpg" border="0" alt="Design Studio Layout" width="500" height="300" /></a></p>
<p><a href="http://psdvibe.com/2009/02/08/chocolate-pro-wordpress-style-layout/" target="_blank"><strong>Chocolate Pro WordPress Style Layout</strong></a></p>
<p><a href="http://psdvibe.com/2009/02/08/chocolate-pro-wordpress-style-layout/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/5-Picture.jpg" border="0" alt="Chocolate Pro WordPress Style Layout" width="500" height="300" /></a></p>
<p><a href="http://photoshoptutorials.ws/photoshop-tutorials/layouts/design-a-web-template-using-the-960-grid-system.html" target="_blank"><strong>Design a Web Template using the 960 Grid System</strong></a></p>
<p><a href="http://photoshoptutorials.ws/photoshop-tutorials/layouts/design-a-web-template-using-the-960-grid-system.html" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/6-picture.jpg" border="0" alt="Design a Web Template using the 960 Grid System" width="500" height="300" /></a></p>
<h2>List of 100s of other resources to Website Interface Design Tutorials</h2>
<p><strong><a href="http://www.hongkiat.com/blog/40-greatest-web-interface-design-tutorials-photoshop-tutorial/" target="_blank">40+ Greatest Web Interface Design Photoshop Tutorials</a></strong></p>
<p><a href="http://www.hongkiat.com/blog/40-greatest-web-interface-design-tutorials-photoshop-tutorial/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/10-picture.jpg" border="0" alt="40+ Greatest Web Interface Design Photoshop Tutorials" width="500" height="350" /></a></p>
<p><strong><a href="http://www.photoshoptalent.com/blog/2008/08/11/the-60-best-photoshop-tutorials-to-design-your-own-amazing-site/" target="_blank">The 60 Best Photoshop Tutorials to Design Your Own Amazing Site</a></strong></p>
<p><a href="http://www.photoshoptalent.com/blog/2008/08/11/the-60-best-photoshop-tutorials-to-design-your-own-amazing-site/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/11-picture.jpg" border="0" alt="The 60 Best Photoshop Tutorials" width="500" height="350" /></a></p>
<p><a href="http://dzineblog.com/2008/07/best-photoshop-layout-design-tutorials.html" target="_blank"><strong>27  Web Layout Design in Photoshop Tutorials</strong></a></p>
<p><a href="http://dzineblog.com/2008/07/best-photoshop-layout-design-tutorials.html" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/12-picture.jpg" border="0" alt="27 Best Photoshop Web Layout Design Tutorials" width="500" height="350" /></a></p>
<h2>Convert Photoshop Layout from PSD 2 XHTML Tutorials</h2>
<p><strong><a href="http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css" target="_blank">Encoding a Photoshop Mockup into XHTML &amp; CSS</a></strong></p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/13-picture.jpg" border="0" alt="Encoding a Photoshop Mockup into XHTML &amp; CSS" width="500" height="300" /></a></p>
<h2>List of 13  More Photoshop Layout from PSD 2 XHTML Tutorials</h2>
<p><strong><a href="http://psdvibe.com/2009/03/03/13-tutorials-for-turning-your-psd-into-xhtml-and-css/" target="_blank">13 Tutorials for PSD to XHTML Conversion</a></strong></p>
<p><a href="http://psdvibe.com/2009/03/03/13-tutorials-for-turning-your-psd-into-xhtml-and-css/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/14-picture.jpg" border="0" alt="PSD to XHTML Conversion" width="500" height="222" /></a></p>
<h2>Tool For: CSS Development With FireBug Tutorial</h2>
<p><a href="http://www.tutorial9.net/web-tutorials/quick-easy-css-development-with-firebug/" target="_blank"><strong>Quick &amp; Easy CSS Development with Firebug</strong></a></p>
<p><a href="http://www.tutorial9.net/web-tutorials/quick-easy-css-development-with-firebug/" target="_blank"><img src="http://2expertsdesign.com/images/tutorials-web-interface-design/15-picture.jpg" border="0" alt="Quick &amp; Easy CSS Development with Firebug" width="500" height="216" /></a></p>
<p><strong>Don&#8217;t forget to subscribe to our <a href="http://www.2expertsdesign.com/feed/?source=rss" target="_blank">RSS-Feed</a> and visit my twitter page : <a href="http://twitter.com/2experts">2experts</a> if you want to follow to keep track on our next post.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.2expertsdesign.com/tutorials/150-adobe-photoshp-web-design-layout-tutorials/feed</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
	</channel>
</rss>
