<?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>Tutorials-Photoshop.com &#187; Circular Container</title>
	<atom:link href="http://tutorials-photoshop.com/tag/circular-container/feed/" rel="self" type="application/rss+xml" />
	<link>http://tutorials-photoshop.com</link>
	<description>Learn - Play - Create</description>
	<lastBuildDate>Tue, 29 Nov 2011 17:51:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Circular Container 002</title>
		<link>http://tutorials-photoshop.com/graphic-interface-tutorials/circular-container-002/</link>
		<comments>http://tutorials-photoshop.com/graphic-interface-tutorials/circular-container-002/#comments</comments>
		<pubDate>Sat, 12 Sep 2009 20:14:30 +0000</pubDate>
		<dc:creator>Kpmedia</dc:creator>
				<category><![CDATA[GUI Interface]]></category>
		<category><![CDATA[Circular Container]]></category>
		<category><![CDATA[interface tutorials]]></category>

		<guid isPermaLink="false">http://interfacemojo.cashfiles.net/?p=40</guid>
		<description><![CDATA[<a href="http://tutorials-photoshop.com/graphic-interface-tutorials/circular-container-002/"><img align="left" hspace="5" width="150" src="http://tutorials-photoshop.com/wp-content/uploads/2009/08/ciccontO2007-150x150.gif" class="alignleft wp-post-image tfe" alt="ciccontO2007" title="ciccontO2007" /></a>Step-By-Step Instructions: 1. Open a new document in Photoshop. 600&#215;600 pixel width/height allows a good workable canvas area. 2. Create a new layer. Name it &#8220;Circle&#8221;. 3. Select the Eliptical Marquee tool. Hold down the SHIFT key and drag to make a perfect circular selection. 4. Select the Paint Bucket tool. Fill in the selection with a color of your choice. 5. Click Ctrl+D to deselect. 6. Create a new layer. Name it &#8220;Rectangle&#8221;. 7. Select the Rounded Rectangle tool. Make sure that &#8220;Fill Pixels&#8221; is active in the options bar. 8. Choose black as your foreground color. 9. Draw a rectangular box in the upper left corner of the circle. 10. Right click the &#8220;Circle&#8221; layer. Choose &#8220;Blending Options&#8221; from the pop-up list. 11. Set the properties for &#8220;Stroke&#8221; to the following: 12. Click OK to close out and return to image. 13. Choose white as your foreground color. 14. Make sure top layer is active. 15. Select Type tool. Type out what you want to say over the black rectangle. 16. Then proceed to type out what you want inside the container. As you type out your content, remember that each time you do a carriage return, you [...]]]></description>
			<content:encoded><![CDATA[<p><strong><span style="text-decoration: underline;"><img class="alignnone size-thumbnail wp-image-304" title="ciccontO2007" src="http://tutorials-photoshop.com/wp-content/uploads/2009/08/ciccontO2007-150x150.gif" alt="ciccontO2007" width="100" height="100" /><br />
</span></strong></p>
<p><strong><span style="text-decoration: underline;">Step-By-Step Instructions:</span></strong></p>
<p>1. Open a new document in Photoshop. 600&#215;600 pixel w<span id="more-40"></span>idth/height allows a good workable canvas area.<br />
2. Create a new layer. Name it &#8220;Circle&#8221;.<br />
3. Select the Eliptical Marquee tool. Hold down the SHIFT key and drag to make a perfect circular selection.</p>
<p><img src="http://interfacemojo.com/containers/circular-container-002/image001.gif" alt="" /></p>
<p>4. Select the Paint Bucket tool. Fill in the selection with a color of your choice.</p>
<p><img src="http://interfacemojo.com/containers/circular-container-002/image002.gif" alt="" /></p>
<p>5. Click Ctrl+D to deselect.<br />
6. Create a new layer. Name it &#8220;Rectangle&#8221;.<br />
7. Select the Rounded Rectangle tool. Make sure that &#8220;Fill Pixels&#8221; is active in the options bar.<br />
8. Choose black as your foreground color.<br />
9. Draw a rectangular box in the upper left corner of the circle.</p>
<p><img src="http://interfacemojo.com/containers/circular-container-002/image003.gif" alt="" /></p>
<p>10. Right click the &#8220;Circle&#8221; layer. Choose &#8220;Blending Options&#8221; from the pop-up list.<br />
11. Set the properties for &#8220;Stroke&#8221; to the following:</p>
<p><img src="http://interfacemojo.com/containers/circular-container-002/image004.gif" alt="" /></p>
<p>12. Click OK to close out and return to image.</p>
<p><img src="http://interfacemojo.com/containers/circular-container-002/image005.gif" alt="" /></p>
<p>13. Choose white as your foreground color.<br />
14. Make sure top layer is active.<br />
15. Select Type tool. Type out what you want to say over the black rectangle.</p>
<p><img src="http://interfacemojo.com/containers/circular-container-002/image006.gif" alt="" /></p>
<p>16. Then proceed to type out what you want inside the container. As you type out your content, remember that each time you do a carriage return, you need to use your space bar so that your text fits nicely in the circle.<br />
<img src="http://interfacemojo.com/containers/circular-container-002/image007.gif" alt="" /></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tutorials-photoshop.com/graphic-interface-tutorials/circular-container-001/" rel="bookmark" class="crp_title">Circular Container 001</a></li><li><a href="http://tutorials-photoshop.com/graphic-interface-tutorials/rectangular-container-001/" rel="bookmark" class="crp_title">Rectangular Container 001</a></li><li><a href="http://tutorials-photoshop.com/graphic-interface-tutorials/hydraulic-content-box/" rel="bookmark" class="crp_title">Hydraulic Content Box</a></li><li><a href="http://tutorials-photoshop.com/graphic-interface-tutorials/banner-place-holder/" rel="bookmark" class="crp_title">Banner Place Holder</a></li><li><a href="http://tutorials-photoshop.com/graphic-interface-tutorials/stylish-metal-frame/" rel="bookmark" class="crp_title">Stylish Metal Frame</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tutorials-photoshop.com/graphic-interface-tutorials/circular-container-002/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Circular Container 001</title>
		<link>http://tutorials-photoshop.com/graphic-interface-tutorials/circular-container-001/</link>
		<comments>http://tutorials-photoshop.com/graphic-interface-tutorials/circular-container-001/#comments</comments>
		<pubDate>Sat, 12 Sep 2009 20:12:52 +0000</pubDate>
		<dc:creator>Kpmedia</dc:creator>
				<category><![CDATA[GUI Interface]]></category>
		<category><![CDATA[Circular Container]]></category>
		<category><![CDATA[create interface]]></category>

		<guid isPermaLink="false">http://interfacemojo.cashfiles.net/?p=37</guid>
		<description><![CDATA[<a href="http://tutorials-photoshop.com/graphic-interface-tutorials/circular-container-001/"><img align="left" hspace="5" width="150" src="http://tutorials-photoshop.com/wp-content/uploads/2009/08/circcontainer008.gif" class="alignleft wp-post-image tfe" alt="circcontainer008" title="circcontainer008" /></a>Step-By-Step Instructions: 1. Open a new document in Photoshop. 300&#215;300 width/height allows a good workable canvas space. 2. Create a new layer. Name it &#8220;Circle&#8221;. 3. Select the Eliptical Marquee tool. Hold down the SHIFT key and drag to make a perfect circular selection. 4. Select the Paint Bucket tool. Fill in the circular selection with white. (Hex Color: #ffffff). 5. Goto Select &#62; Modify &#62; Contract. Contract by &#8220;5&#8243; pixels. 6. With Paint Bucket tool still selected, fill in the circular selection with color of choice. (This tutorial Hex Color: #00adef). 7. Goto Select &#62; Modify &#62; Contract. Contract by &#8220;5&#8243; pixels. 8. Select the Gradient tool. 9. Set the gradient white to the color you used in Step 6. (Hex Color: #ffffff &#8211; #00adef). 10. In the options bar, make sure that the gradient is set to &#8220;Radial Gradient&#8221;. 10. Using the Gradient tool, drag from the top right area to the bottom left area of the circular selection. 10. Click Ctrl+D to deselect. 11. Right click the &#8220;Circle&#8221; layer in the layers palette. Choose &#8220;Blending Options&#8221;. 12. Select &#8220;Stroke&#8221;. Adjust the properties to the following: (For best effects, make sure the color for the stroke is a [...]]]></description>
			<content:encoded><![CDATA[<p><strong><span style="text-decoration: underline;"><img class="alignnone size-full wp-image-303" title="circcontainer008" src="http://tutorials-photoshop.com/wp-content/uploads/2009/08/circcontainer008.gif" alt="circcontainer008" width="100" height="98" /><br />
</span></strong></p>
<p><strong><span style="text-decoration: underline;">Step-By-Step Instructions:</span></strong></p>
<p>1. Open a new document in Photoshop. 300&#215;300 width/height allows a good work<span id="more-37"></span>able canvas space.<br />
2. Create a new layer. Name it &#8220;Circle&#8221;.<br />
3. Select the Eliptical Marquee tool. Hold down the SHIFT key and drag to make a perfect circular selection.</p>
<p><img src="http://interfacemojo.com/containers/circular-container-001/image001.gif" alt="" /></p>
<p>4. Select the Paint Bucket tool. Fill in the circular selection with white. (Hex Color: #ffffff).<br />
5. Goto Select &gt; Modify &gt; Contract. Contract by &#8220;5&#8243; pixels.<br />
6. With Paint Bucket tool still selected, fill in the circular selection with color of choice. (This tutorial Hex Color: #00adef).</p>
<p><img src="http://interfacemojo.com/containers/circular-container-001/image002.gif" alt="" /></p>
<p>7. Goto Select &gt; Modify &gt; Contract. Contract by &#8220;5&#8243; pixels.<br />
8. Select the Gradient tool.</p>
<p><img src="http://interfacemojo.com/images/gradienttool.gif" alt="" /></p>
<p>9. Set the gradient white to the color you used in Step 6. (Hex Color: #ffffff &#8211; #00adef).</p>
<p><img src="http://interfacemojo.com/containers/circular-container-001/image003.gif" alt="" /></p>
<p>10. In the options bar, make sure that the gradient is set to &#8220;Radial Gradient&#8221;.</p>
<p><img src="http://interfacemojo.com/containers/circular-container-001/image004.gif" alt="" /></p>
<p>10. Using the Gradient tool, drag from the top right area to the bottom left area of the circular selection.</p>
<p><img src="http://interfacemojo.com/containers/circular-container-001/image005.gif" alt="" /></p>
<p>10. Click Ctrl+D to deselect.<br />
11. Right click the &#8220;Circle&#8221; layer in the layers palette. Choose &#8220;Blending Options&#8221;.<br />
12. Select &#8220;Stroke&#8221;. Adjust the properties to the following:<br />
(For best effects, make sure the color for the stroke is a grey color. In this tutorial, Hex Color: #898989).</p>
<p><img src="http://interfacemojo.com/containers/circular-container-001/image006.gif" alt="" /></p>
<p>13. Click OK to close out and return to your image.</p>
<p><img src="http://interfacemojo.com/containers/circular-container-001/image007.gif" alt="" /></p>
<p>14. Select the Type tool. Add any text or images that you want in the content circle.</p>
<p><img src="http://interfacemojo.com/containers/circular-container-001/image008.gif" alt="" /></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://tutorials-photoshop.com/graphic-interface-tutorials/circular-container-002/" rel="bookmark" class="crp_title">Circular Container 002</a></li><li><a href="http://tutorials-photoshop.com/graphic-interface-tutorials/rectangular-container-001/" rel="bookmark" class="crp_title">Rectangular Container 001</a></li><li><a href="http://tutorials-photoshop.com/graphic-interface-tutorials/button-with-arrow/" rel="bookmark" class="crp_title">Button with Arrow</a></li><li><a href="http://tutorials-photoshop.com/graphic-interface-tutorials/button-in-a-hole/" rel="bookmark" class="crp_title">Button in a Hole</a></li><li><a href="http://tutorials-photoshop.com/graphic-interface-tutorials/hydraulic-content-box/" rel="bookmark" class="crp_title">Hydraulic Content Box</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://tutorials-photoshop.com/graphic-interface-tutorials/circular-container-001/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  tutorials-photoshop.com/tag/circular-container/feed/ ) in 5.79902 seconds, on Feb 4th, 2012 at 9:33 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 4th, 2012 at 10:33 am UTC -->
