<?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>Photoshop Bag Blog</title>
	<atom:link href="http://www.photoshopbag.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.photoshopbag.com/blog</link>
	<description>Photoshop Tutorials and more...</description>
	<lastBuildDate>Mon, 06 May 2013 23:57:23 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Two Methods to Make a Header or Banner</title>
		<link>http://www.photoshopbag.com/blog/two-methods-to-make-a-header-or-banner/</link>
		<comments>http://www.photoshopbag.com/blog/two-methods-to-make-a-header-or-banner/#comments</comments>
		<pubDate>Mon, 06 May 2013 23:57:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.photoshopbag.com/blog/?p=332</guid>
		<description><![CDATA[This tutorial covers how to incorporate a picture into a banner.  The picture was chosen because while it may be the desired photo to be used, it was less than ideal.  Two different methods are reviewed.  One that could incorporate elements of the picture into a header.  The second modifies the picture so that it [...]]]></description>
				<content:encoded><![CDATA[<p>This tutorial covers how to incorporate a picture into a banner.  The picture was chosen because while it may be the desired photo to be used, it was less than ideal.  Two different methods are reviewed.  One that could incorporate elements of the picture into a header.  The second modifies the picture so that it works better as a whole picture in the header.</p>
<p>Elements covered are magic wand use, mask operations, color fills, inverse selections, air brushing and more.</p>
<p>We hope you like it.</p>
<p><center><br />
<h2 style="color: red;">Please visit website to view premium content</h2><br />
<b>You can click in the lower right corner of the video to expand it to full screen.</b><br />
</center></p>
]]></content:encoded>
			<wfw:commentRss>http://www.photoshopbag.com/blog/two-methods-to-make-a-header-or-banner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Install Photoshop Brushes</title>
		<link>http://www.photoshopbag.com/blog/how-to-install-photoshop-brushes/</link>
		<comments>http://www.photoshopbag.com/blog/how-to-install-photoshop-brushes/#comments</comments>
		<pubDate>Tue, 22 Mar 2011 02:30:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photo shop Articles]]></category>
		<category><![CDATA[Photo shop Brushes]]></category>
		<category><![CDATA[Photo shop Tutorial]]></category>
		<category><![CDATA[photoshop brush installation]]></category>
		<category><![CDATA[photoshop brushes]]></category>

		<guid isPermaLink="false">http://www.photoshopbag.com/blog/?p=282</guid>
		<description><![CDATA[Lately, we&#8217;ve been teaching you with a bunch of super easy Adobe Photoshop effects in our photoshop tutorials so to reinforce your knowledge of the software, were gonna do a review or teach for those who are currently newbies in Adobe Photoshop, how to install or use the photoshop brush that you bought on our [...]]]></description>
				<content:encoded><![CDATA[<p>Lately, we&#8217;ve been teaching you with a bunch of super easy Adobe Photoshop effects in our photoshop tutorials so to reinforce your knowledge of the software, were gonna do a review or teach for those who are currently newbies in Adobe Photoshop, how to install or use the photoshop brush that you bought on our <a href="http://www.photoshopbag.com/">online photoshop resource store</a> or somewhere on the web.</p>
<p>Installing brushes is extremely easy to do, but keeping them all organized is another thing. In short were just gonna show you how to load up or install the brush you have. We&#8217;ll talk about organizing your stuff later. So on to installing our Photoshop Brushes.</p>
<p><strong>Note:</strong> We&#8217;re gonna start, assuming we have downloaded or bought our desired photoshop brushes on our favorite <a href="http://www.photoshopbag.com/">photoshop online store</a> where you can <a href="http://www.photoshopbag.com/brushes.html">download your mix of professional and artistic photoshop brushes</a>.</p>
<p>Now that we have our brushes, we need to move the <b>.ABR</b> files into the Presets>Brushes folder of<br />
the directory where you installed your Adobe Photoshop in but it&#8217;s usually in C:\Program Files\Adobe\Adobe Photoshop CS3\Presets\Brushes. </p>
<p><strong>Note:</strong> Just in case you have downloaded a huge mix of photoshop brushes on a zip file, you must first extract them with your preferred zip software. If you don&#8217;t have one you can download the <a href="http://www.kqzyfj.com/a4111r09608OSRTWYVSOQPUYPWYT?sid=PSB" target="_blank">Free Trial &#8211; WinZip 12 Standard</a> <img src="http://www.tqlkg.com/m3117kpthnl6A9BEGDA687CG7EGB" width="0" height="0" border="0" style="display:none;"/><br />
or get the<a href="http://www.7-zip.org/download.html" target="_blank">FREE 7ZIP</a> utility.</p>
<p>Now you have installed your photoshop brushes succesfully! You can now run your Adobe Photoshop and it will automatically load up your brushes. Pretty easy.</p>
<p>But what if you were in the middle of working on the project, and you always find it troublesome to move the brush files on the brushes folder and restarting your Adobe Photoshop just to load a silly brush?</p>
<p>This is a frequent case, where it&#8217;s not convenient to close and open again your photoshop application. Don&#8217;t know how? We can always use the Load Preset Button to open a specific brush preset anywhere on your hard drive. </p>
<p>So to do this:</p>
<p>First, select the brush tool from the tool bar. And this will activate the various brush tools.</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/12/photoshop-brush-installation/photoshop-brush-tool-icon.jpg" alt="photoshop-brush-tool-icon" width="300" height="400" class="aligncenter " /></p>
<p>On the Brush options select the drop down menu</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/12/photoshop-brush-installation/photoshop-brush-presets.jpg" alt="photoshop-brush-presets" width="400" height="300" class="aligncenter " /></p>
<p>From there select the Load Preset button (the arrow and circle) and then select <strong>&#8220;Load Brushes&#8230;&#8221;</strong></p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/12/photoshop-brush-installation/load-preset-brush-button.jpg" alt="load-preset-brush-button" width="300" height="400" class="aligncenter " /></p>
<p>Then target the location where your brush files <strong>.ABR</strong> have been downloaded. And then choose whether you append or replace the currently loaded brushes.</p>
<p>Pretty much basic. <img src='http://www.photoshopbag.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>So for more tips and advice on photoshop, just please stay tuned on our <a href="http://www.photoshopbag.com/blog/">photoshopbag.com blog</a> cause from time to time we will be giving awesome tips and techniques, even effects to further improve your skills on Adobe Photoshop. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.photoshopbag.com/blog/how-to-install-photoshop-brushes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Glowing Christmas Tree Greeting Card Photoshop Tutorial</title>
		<link>http://www.photoshopbag.com/blog/glowing-christmas-tree-greeting-card-photoshop-tutorial/</link>
		<comments>http://www.photoshopbag.com/blog/glowing-christmas-tree-greeting-card-photoshop-tutorial/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 19:36:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photo shop Tutorial]]></category>
		<category><![CDATA[christmas tree]]></category>
		<category><![CDATA[glow effect]]></category>
		<category><![CDATA[greeting card]]></category>
		<category><![CDATA[photoshop tutorial]]></category>

		<guid isPermaLink="false">http://www.photoshopbag.com/blog/?p=205</guid>
		<description><![CDATA[blah blah blah]]></description>
				<content:encoded><![CDATA[<p>Christmas season is nearly just around the bend. Have you ever thought to make your own christmas greeting card to give as a gift for your family and friends? If you do, your in luck! For we decided to make a christmas greeting card in our photoshop tutorial.</p>
<p style="text-align: center;">Today were going to make this glowing Christmas Tree Greeting Card</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/final-christmas-glowing-tree.jpg" alt="final-glowing-christmas-tree" width="400" height="300" /></p>
<p style="text-align: center;">So lets get this thing started..</p>
<p>1. First set your background to whatever color you like.. i choose red on mine..#a72218.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/redbg.jpg" alt="redbg" width="400" height="300" /></p>
<p>2. Then set the Gradient Tool(G) to White to Transparent and set the Gradient setting to Radial then apply the White Gradient on top of the Red Layer Background..  I did this mine like this to add highlights on later..</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/white-gradient.jpg" alt="white-gradient" width="400" height="300" /></p>
<p style="text-align: center;">and on the White Gradient Layer Blending options, change the settings to Overlay..</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/white-gradient-overlay.jpg" alt="white-gradient-overlay" width="400" height="300" /></p>
<p>3. So now we start on making the Christmas Tree. Make a triangular shape on our canvass by using the Shape Tool(U), choose the Polygon Shape setting&#8230; and set the sides to three(3) to make the triangle</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/triangle.jpg" alt="triangle" width="194" height="77" /></p>
<p>Also we wouldn&#8217;t want the bright shining star on top of our tree missing; So again using the Shape Tool(U) choose the Custom Shape icon and choose the black star shape.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/custom-shape-star.jpg" alt="custom-shape-star" width="358" height="207" /></p>
<p>Note: If by any chance that the star shape is not on the shape selection, you can easily load it up clicking on the load icon on shapes and the select SHAPE.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/star-shape.jpg" alt="star-shape" width="121" height="300" /></p>
<p style="text-align: center;">and place it on top of the triangle shape</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/tree-star-shape.jpg" alt="tree-star-shape" width="400" height="300" /></p>
<p>4. So now we have a tree shape. Next we will now draw a wave like line using our Pen Tool(P),  Just draw the line<br />
just like so.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/tree-line.jpg" alt="tree-line" width="400" height="300" /></p>
<p>5. Now the fun and easiest part.. we will now use our Brush(B) to make the star effect on our tree.  First we select our star shaped brush tip on the Brush Preset (F5) and then set the these following settings on the brush tip.</p>
<p>Note: If ever you can&#8217;t see the star brush tip for this effect, you can easily load it up by clicking on the side icon and choose the Assorted Brush to load up the star brush tip that we will need for our effect.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/brush-tip.jpg" alt="brush-tip" width="201" height="300" /></p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/brush-setting.jpg" alt="brush-setting" width="600" height="722" /></p>
<p>So we have our brush settings done, but before applying the brush on our canvass; we must hide the triangle shape we made earlier by clicking the hide layer on the Layers Panel and so we have this.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/triangle-line.jpg" alt="triangle-line" width="400" height="300" /></p>
<p>Then we create a new layer File&gt;Layer&gt;New&gt;Layer and name it whatever you like for example brush star, I just named my New Layer Stroke.  So choose again our Pen tool(P) to apply our effect, on the new layer,  Right Click and choose stroke path.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/stroke-path.jpg" alt="stroke-path" width="400" height="300" /></p>
<p style="text-align: center;">And so we now have this new brush effect</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/brush-stars.jpg" alt="brush-stars" width="400" height="300" /></p>
<p>6. Now that we have our starry Christmas Tree, we will now apply more effects to our tree to make it more stunning.  First select your layer in which you have applied the star brush and then apply this Outer Glow Settings.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/tree-outerglow.jpg" alt="tree-outerglow" width="400" height="300" /></p>
<p style="text-align: center;">With the same process, we now select the star on top of the tree and apply this new settings.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/top-star-outerglow.jpg" alt="top-star-outerglow" width="400" height="300" /></p>
<p style="text-align: center;">After applying those settings, we now have this:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/glowing-tree.jpg" alt="glowing-tree" width="400" height="300" /></p>
<p>7. Now that we have our tree I just placed a rectangular box using our shape tool (U) to act as a card to hold our grettings. Tilted it a little using the Free Transform command Ctrl+T:</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/glowing-christmas-tree-greeting-card-box-no-style.jpg" alt="glowing-christmas-tree-greeting-card-box-no-style" width="400" height="300" /></p>
<p style="text-align: center;">And then apply this setting on the rectangular shape.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/box-syles.jpg" alt="box-syles" width="447" height="768" /><br />
note: on this settings, you can play around as much as you want to achive your desired outcome</p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/glowing-christmas-tree-greeting-card-box.jpg" alt="glowing-christmas-tree-greeting-card-box" width="400" height="300" /></p>
<p>8. Then give it your message.. using your Text Tool.. (T) and type your most touching message for your love ones..</p>
<p style="text-align: center;"><strong>Here&#8217;s our final product..</strong></p>
<p style="text-align: center;"><img class="aligncenter" src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/final-christmas-glowing-tree.jpg" alt="final-christmas-glowing-tree" width="400" height="300" /></p>
<p>You can download the PSD File of the <a href="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/glowing-christmas-tree-greeting-card-tutorial/glowing-christmas-tree-greeting-card.psd">Glowing Christmas Tree Greeting Card Photoshop Tutorial</a> here so you can study it further.</p>
<p>To learn more photoshop effects visit our <a href="http://www.photoshopbag.com/tutorials.html">photoshop tutoria</a>l page. You can watch our own free photo shop video tutorials that consists the most basic way of using your photoshop.  Or avail our special offers of essential tutorial packages  and download our mixed bag of photoshop video tutorials.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.photoshopbag.com/blog/glowing-christmas-tree-greeting-card-photoshop-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web 2.0 Reflection Effect Tutorial</title>
		<link>http://www.photoshopbag.com/blog/web-2-0-reflection-effect-tutorial/</link>
		<comments>http://www.photoshopbag.com/blog/web-2-0-reflection-effect-tutorial/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 11:06:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photo shop Tutorial]]></category>
		<category><![CDATA[reflection effect tutorial]]></category>
		<category><![CDATA[text reflection technique]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web 2.0 technique]]></category>

		<guid isPermaLink="false">http://www.photoshopbag.com/blog/?p=262</guid>
		<description><![CDATA[Again since we started doing requests from our readers, here&#8217;s another one cause weve been bombarded by majority of our readers for this request. Its a simple technique usually used on a web 2.0 design concept. So what were doing today is the reflection technique photoshop tutorial. This technique is usually applied side by side [...]]]></description>
				<content:encoded><![CDATA[<p>Again since we started doing requests from our readers, here&#8217;s another one cause weve been bombarded by majority of our readers for this request. Its a simple technique usually used on a web 2.0 design concept. </p>
<p>So what were doing today is the reflection technique photoshop tutorial. </p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/photoshop-text-reflections/final-preview.jpg" alt="final-preview" width="400" height="300" class="aligncenter " /></p>
<p>This technique is usually applied side by side with the shining or glossy effect for web 2.0 designs, to enhance and make our graphic more realistic and stand out.</p>
<p>Lets now start learning how to make a nice reflection on our graphics.</p>
<p>1) First lets create a new blank white canvass for our tutorial. We can use any size of canvass for this one, but i have used the default web canvass (640&#215;480). File>New>Preset>Web.</p>
<p>2) Now on our blank white canvass, were gonna type our text. You can write whatever you like, but we have used the &#8220;TUTORIAL&#8221; for this one and were gonna give it a color of #0B7AAE.  By the way any color would do on the text, its just my favorite color is blue <img src='http://www.photoshopbag.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/photoshop-text-reflections/tutorial-text.jpg" alt="tutorial-text" width="400" height="300" class="aligncenter " /></p>
<p>3) Next on the layers panel, we select the text layer we previously made and then duplicate it. We go to Layer>Duplicate Layer.  And after that we flip that layer vertically just go to Edit>Transform>Flip Vertical, and then nudge it just below the original text layer. Just like so:</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/photoshop-text-reflections/duplicate-flip-text.jpg" alt="duplicate-flip-text" width="400" height="300" class="aligncenter " /></p>
<p>4) After we have flipped and nudged our duplicated layer, we add a layer mask on the text we previously flipped vertically. Like so:</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/photoshop-text-reflections/add-layer-mask.jpg" alt="add-layer-mask" width="400" height="300" class="aligncenter " /></p>
<p>5) Now to make the effect, we will now use and set the gradient tool. So on the tool bar select the Gradient Tool(G). And make sure select the gradient settings to foreground to transparent, and the foreground color is black. and the gradient orientation to a linear one.</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/photoshop-text-reflections/gradient.jpg" alt="gradient" width="400" height="300" class="aligncenter " /></p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/photoshop-text-reflections/foreground.jpg" alt="foreground" width="400" height="300" class="aligncenter " /></p>
<p>Now that were done on setting up our gradient, we now apply the gradient, on the flipped text layer with a layer mask. With our gradient tool, try to drag the cursor on an upward direction just like that:</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/photoshop-text-reflections/apply-gradient.jpg" alt="apply-gradient" width="400" height="300" class="aligncenter " /></p>
<p>Here&#8217;s what we got after we apply the gradient on the masked layer:</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/photoshop-text-reflections/gradient-flip-text.jpg" alt="gradient-flip-text" width="400" height="300" class="aligncenter " /></p>
<p>6)To finish off the effect, we just adjust the layer opacity of the text layer with the gradient mask, to make a more realistic reflection effect on our text.</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/photoshop-text-reflections/layer-opacity.jpg" alt="layer-opacity" width="400" height="300" class="aligncenter " /></p>
<p>After the opacity adjustment, this is what we got</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/photoshop-text-reflections/final.jpg" alt="final" width="400" height="300" class="aligncenter " /></p>
<p>For more cool tutorials, please keep in tune with our blog, or visit our <a href="http://www.photoshopbag.com/tutorials.html">photoshop tutorials </a>page for more cool and premium online photoshop video tutorials. </p>
<p>Also, if you have any photoshop tutorial requests, please do tell us and we&#8217;ll see what we can do. Later <img src='http://www.photoshopbag.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.photoshopbag.com/blog/web-2-0-reflection-effect-tutorial/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web 2.0 Standard Guidlines</title>
		<link>http://www.photoshopbag.com/blog/web-2-0-standard-guidlines/</link>
		<comments>http://www.photoshopbag.com/blog/web-2-0-standard-guidlines/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 18:20:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photo shop Articles]]></category>
		<category><![CDATA[design concept]]></category>
		<category><![CDATA[guide lines]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.photoshopbag.com/blog/?p=250</guid>
		<description><![CDATA[Web 2.0 design is the newest trend that goes into web site design. The world wide web is going to change their websites to become more attractive, simple, user friendly, scalable, bright and shiny by designing it with web 2.0 standards. web 2.0 design concept does not only change the web design trend, it is [...]]]></description>
				<content:encoded><![CDATA[<p>Web 2.0 design is the newest trend that goes into web site design. The world wide web is going to change their websites to become more attractive, simple, user friendly, scalable, bright and shiny by designing it with  web 2.0 standards. web 2.0 design concept does not only change the web design trend, it is also changing the web marketing concepts, programming concepts, and usability concepts.</p>
<p>So how do you identify a web 2.0 design? There are few design considerations that are the most common<br />
that we see on a web 2.0 design:</p>
<h2>1)Simplicity</h2>
<p>Web 2.0 design should be simple ,noise free, uncluttered, with little contents, more graphics and large fonts. Look at the screenshot below it will help you to imagine what is simplicity in design:</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/web2.0design-guidelines/simple-design.jpg" alt="simple-design" width="400" height="300" class="aligncenter " /></p>
<h2>2)Centralized Contents</h2>
<p>The contents of the page should be in the center of the page like the following samples, as you can see the contents are in the center of the page and the left and right space are filled with gradient background.</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/web2.0design-guidelines/center-content.jpg" alt="center-content" width="400" height="215" class="aligncenter " /></p>
<h2>3)Backgrounds</h2>
<p>The backgrounds in web 2.0 have several forms, either to be gradient colors or diagonal line pattern.</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/web2.0design-guidelines/gradient-background.jpg" alt="gradient-background" width="400" height="301" class="aligncenter " /></p>
<h2>4)Reflections</h2>
<p>One of the web 2.0 standards is to make some reflection on your images.</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/web2.0design-guidelines/reflections.jpg" alt="reflections" width="400" height="204" class="aligncenter " /></p>
<h2>5)Round Corners</h2>
<p>The new style in corners is to make the corners rounded, in contents boxes or in buttons.</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/web2.0design-guidelines/rounded-corners.jpg" alt="rounded-corners" width="400" height="300" class="aligncenter " /></p>
<h2>6)Large Fonts</h2>
<p>Use large and clear fonts in your web 2.0 design.</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/web2.0design-guidelines/large-fonts.jpg" alt="large-fonts" width="400" height="219" class="aligncenter " /></p>
<h2>7)Bright Colors</h2>
<p>Web 2.0 design usually have bright, strong, eye catching, and most of the time unnatural colors.  Just like the example color gradients below.</p>
<p><img src="http://www.photoshopbag.com/blog/wp-content/uploads/2009/11/web2.0design-guidelines/bright-colors.jpg" alt="bright-colors" width="400" height="300" class="aligncenter " /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.photoshopbag.com/blog/web-2-0-standard-guidlines/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
