<?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>Creative-Le Studios &#187; custom shapes</title>
	<atom:link href="http://creative-le.com/tag/custom-shapes/feed/" rel="self" type="application/rss+xml" />
	<link>http://creative-le.com</link>
	<description>Inspiration, Resources, and Experience of a Web Designer</description>
	<lastBuildDate>Fri, 06 May 2011 19:02:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	

<meta name="Framework" content="Creative-Le Designs" />
<meta name="Theme Version" content="inStyle Version 1.0" />
<meta name="Framework Version" content="Creative-Le Version 1.0" />


		<item>
		<title>Creating Custom Photoshop Shapes</title>
		<link>http://creative-le.com/tutorials/creating-custom-photoshop-shapes/</link>
		<comments>http://creative-le.com/tutorials/creating-custom-photoshop-shapes/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 03:01:46 +0000</pubDate>
		<dc:creator>Dan Le</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[custom shapes]]></category>
		<category><![CDATA[graphics]]></category>

		<guid isPermaLink="false">http://creative-le.com/?p=741</guid>
		<description><![CDATA[<script>test</script>Custom shapes has always been a popular trend in graphic design, especially when it comes to using them in Photoshop. I&#8217;m going to show you today how to make some abstract custom shapes and save them so that you can [...]]]></description>
			<content:encoded><![CDATA[<script>test</script><p>Custom shapes has always been a popular trend in graphic design, especially when it comes to using them in Photoshop.  I&#8217;m going to show you today how to make some <a href="http://creative-le.com/resources/131-photoshop-custom-shapes/">abstract custom shapes</a> and save them so that you can use in your future designs.</p>
<p><span id="more-741"></span></p>
<h1>Final Result</h1>
<p>Here&#8217;s what you will be making at the end of this tutorial (maybe not exactly, but the shape in there will be made):</p>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/finalresult1.jpg" alt="How to make abstract shapes" title="Final Result - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-747" /></p>
<p>You&#8217;ve probably seen these shapes quite often, whether it be <a href="http://creative-le.com/site">my portfolio</a> or in general designs out there.  They are pretty trendy and add a lot of decoration to a design.  When used right, the colors can be a great addition to a design and add that sense of abstractness.</p>
<p>Let&#8217;s set up our canvas.  You should be able to do this with <strong>Photoshop CS and up</strong>. (maybe even Photoshop 7, it&#8217;s been a long time since I used that so I forgot whether it had custom shapes or not)</p>
<h1>Step 1 &#8211; Setting Up Your Canvas</h1>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/step11.jpg" alt="How to make abstract shapes" title="Step 1 - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-757" /></p>
<p>I always like to make a new <strong>canvas that&#8217;s 500px by 500px</strong> for all of my testings and experimentation when making shapes or brushes.  It&#8217;s enough space to mess around with, and it&#8217;s not too small.</p>
<h1>Step 2 &#8211; Setting Up Your Tools</h1>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/step2.jpg" alt="How to make abstract photoshop shapes" title="Step 2 - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-749" /></p>
<p>The next step is to set up the custom shape tools so that you&#8217;ll be able to make your new custom shape.  The settings I have are pictured above.</p>
<p>I turned <strong>Shape Layers</strong> on so that I can see the shape with color.  And since this is our first shape it&#8217;s automatically defaulted to <strong>Creating a New Shape Layer</strong>.  So pick the circle shape and let&#8217;s make our first circle.</p>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/step2b.jpg" alt="How to make abstract photoshop shapes" title="Step 2b - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-750" /></p>
<p>Don&#8217;t make too big of a circle since you&#8217;ll need the space to add additional shapes.</p>
<h1>Step 3 &#8211; Adding Multiple Shapes</h1>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/step3.jpg" alt="How to make abstract photoshop shapes" title="Step 3 - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-751" /></p>
<p>While your circle is still selected (you&#8217;ll see a little ring around it), change the option of the custom shape tool to <strong>Add to Shape Area (+)</strong>.  From here, you can just have a free for all in making circles just like the picture below.</p>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/step3b.jpg" alt="How to make abstract photoshop shapes" title="Step 3b - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-752" /></p>
<p><strong>HINT</strong>:  You don&#8217;t have to necessarily switch to that custom shape option.  <strong>Rather you can hold shift</strong>, and your cursor will have a <strong>little plus sign</strong> similar to the cursor when you choose that option.</p>
<h1>Step 4 &#8211; Subtracting From Your Custom Shape</h1>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/step4.jpg" alt="How to make abstract photoshop shapes" title="Step 4 - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-753" /></p>
<p>Sometimes you may have added too many shapes, or you want to give your shape some interesting cuts in it.  By choosing the <strong>Subtract Area (-)</strong> option, you can make shapes that <strong>will cut/erase</strong> your current shape like below.</p>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/step4b.jpg" alt="How to make abstract photoshop shapes" title="Step 4b - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-754" /></p>
<p>It may look a bit busy, but if you wanted to see how your shape looks like without the pen lines, you can just <strong>hide them</strong> by <strong>pressing Crtl/Cmd+H</strong>.</p>
<h1>Step 5 &#8211; Defining Your Custom Shape</h1>
<p>After you finishing make your shape, <u>select the pen tool from your tool bar</u> or press the Photoshop <strong>shortcut key &#8220;P&#8221;</strong> and <strong>right click on the shape</strong>.  You will see the option to &#8220;<strong>Define Custom Shape…</strong>&#8221;</p>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/step5.jpg" alt="How to make abstract photoshop shapes" title="Step 5 - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-755" /></p>
<p>After you click on that, name your custom shape and press &#8220;<strong>Ok</strong>&#8220;.  <strong>You now have a custom shape</strong>.  To access this custom shape, go to your <strong>custom shapes menu</strong> and look for it.  Usually, newly created ones will show up last on the list.</p>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/step5b.jpg" alt="How to make abstract photoshop shapes" title="Step 5b - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-756" /></p>
<p>And now you can use your shape as many times as you want, and even resize it without losing any pixels because <strong>it&#8217;s not rasterized yet</strong>.</p>
<p>Here&#8217;s my result after messing around with the same shape.  <strong>I flipped it, I duplicated it, I rotated and changed it&#8217;s colors.</strong></p>
<p><img src="http://creative-le.com/admin/wp-content/uploads/2010/02/finalresult1.jpg" alt="How to make abstract shapes" title="Final Result - Abstract Shapes" width="660" height="300" class="aligncenter size-full wp-image-747" /></p>
<p>You can do a lot by making your own shapes.  You&#8217;re not even limited to circles.  Use other shapes, or even use custom shapes you&#8217;ve already made.  The sky&#8217;s your limit on this one.</p>
<h2>Conclusion</h2>
<p>Thanks for looking at my tutorial about creating abstract custom shapes for Photoshop.  If you have any questions or confusion, comment below and I&#8217;ll get to them.  Show off your results as well here, or share a link.</p>
]]></content:encoded>
			<wfw:commentRss>http://creative-le.com/tutorials/creating-custom-photoshop-shapes/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>131+ Photoshop Custom Shapes</title>
		<link>http://creative-le.com/resources/131-photoshop-custom-shapes/</link>
		<comments>http://creative-le.com/resources/131-photoshop-custom-shapes/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 23:22:33 +0000</pubDate>
		<dc:creator>Dan Le</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[custom shapes]]></category>

		<guid isPermaLink="false">http://creative-le.com/?p=168</guid>
		<description><![CDATA[<script>test</script>It&#8217;s a custom shapes pack for Adobe Photoshop. I&#8217;ve been using these shapes for at least a good year or two, and I would like to share them to you guys. So just look inside this post for the download [...]]]></description>
			<content:encoded><![CDATA[<script>test</script><p>It&#8217;s a <strong>custom shapes pack for Adobe Photoshop</strong>.  I&#8217;ve been using these shapes for at least a good year or two, and I would like to share them to you guys.  So just look inside this post for the download link and preview and check it out if you think it&#8217;s useful.<br />
<span id="more-168"></span></p>
<p><a href="http://creative-le.com/download/CLE_Originals.rar"><img class="aligncenter size-full wp-image-171" title="Creative-Le Custom Shapes for Photoshop" src="http://creative-le.com/admin/wp-content/uploads/2009/06/cshapes.jpg" alt="Creative-Le Custom Shapes for Photoshop" width="665" height="591" /></a></p>
<p><strong>Download Link: <a href="http://creative-le.com/download/CLE_Originals.rar">Download Now &#8211; 131+ Photoshop Custom Shapes</a></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://creative-le.com/resources/131-photoshop-custom-shapes/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

