<?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>Saffron Stroke - Your Web Design Resource &#187; tutorials</title>
	<atom:link href="http://www.saffronstroke.com/tag/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.saffronstroke.com</link>
	<description>Design Blog</description>
	<lastBuildDate>Wed, 11 Jan 2012 06:36:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Creating Abstract Shapes in Adobe Illustrator CS4</title>
		<link>http://www.saffronstroke.com/2010/04/05/creating-abstract-shapes-in-adobe-illustrator-cs4/</link>
		<comments>http://www.saffronstroke.com/2010/04/05/creating-abstract-shapes-in-adobe-illustrator-cs4/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 07:32:00 +0000</pubDate>
		<dc:creator>Minal</dc:creator>
				<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[abstract shapes]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Illustrator CS4]]></category>
		<category><![CDATA[logo shapes]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://saffronstroke.wordpress.com/2010/04/05/creating-abstract-shapes-in-adobe-illustrator-cs4/</guid>
		<description><![CDATA[Abstract shapes could be used in logos, artwork, wallpapers, etc. All it takes to create such abstract shapes is your creativity and knowledge about the different tools Illustrator has, using which you can achieve certain effects. Rest is absolutely easy. Let us create this abstract shape following these steps: 1. Launch Adobe Illustrator. NOTE: I [...]]]></description>
			<content:encoded><![CDATA[<div align="left" style="float: none; clear:right; padding: 0px 5px 5px 0px;"><a name="fb_share" type="button_count" share_url="http://www.saffronstroke.com/2010/04/05/creating-abstract-shapes-in-adobe-illustrator-cs4/"></a></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;; margin-top:-2px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.saffronstroke.com%2F2010%2F04%2F05%2Fcreating-abstract-shapes-in-adobe-illustrator-cs4%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.saffronstroke.com%2F2010%2F04%2F05%2Fcreating-abstract-shapes-in-adobe-illustrator-cs4%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Abstract shapes could be used in logos, artwork, wallpapers, etc. All it takes to create such abstract shapes is your creativity and knowledge about the different tools Illustrator has, using which you can achieve certain effects. Rest is absolutely easy.</p>
<p><img style="display: inline; border: 0;" title="clip_image002" src="http://www.saffronstroke.com/wp-content/uploads/2010/04/clip_image002.jpg" border="0" alt="clip_image002" width="415" height="239" /></p>
<p>Let us create this abstract shape following these steps:</p>
<p>1. Launch Adobe Illustrator.</p>
<p>NOTE: I am using Adobe Illustrator CS4. If you are not using the same version, some options may be different.</p>
<p>2. Create a new Print Document. (Since this is just an example, use the document default size)</p>
<p>3. Select the Ellipse tool from the Toolbox. If you can’t find it, it is right below the Rectangle Tool, just click on in and wait for second for the menu to open. Choose Ellipse Tool. Or just hit ‘L’ on the keyboard.</p>
<p>4. Make sure your fill color is black. To go to the default colors, hit ‘D’. The Default fill color will be white and stroke color would be black. Then click on the double-headed curved arrow (shown below) to swap the fill and stroke colors.</p>
<p><img style="display: inline; border: 0;" title="clip_image004" src="http://www.saffronstroke.com/wp-content/uploads/2010/04/clip_image004.jpg" border="0" alt="clip_image004" width="203" height="81" /></p>
<p>5. Now hold down Shift key and start drawing an Ellipse on your art board. This will help you draw a perfect round shape.</p>
<p>6. To make your Layers Palette visible, hit F7.</p>
<p>7. Select the layer and double click on it. Rename the layer as ‘Black Shape’ and hit OK.</p>
<p>8. To duplicate this layer, keep the layer selected and drag it to the bottom of the Layers panel on to the ‘Create New Layer’ icon and drop. Double click on this duplicate layer and rename it as ‘Blue Shape’.</p>
<p>9. Well we renamed the shape as Blue shape, yet it is black in color. So go to the Swatches panel. On the rightmost collapsed panels find an icon with grid of colors. Else go to Window menu &gt; Swatches.</p>
<p>10. Choose a color and collapse the panel by clicking on the small double arrows on the top of the panel.</p>
<p>11. Now using the Selection Tool (black arrow tool) or click V and drag the blue shape and place it little apart from the black shape.</p>
<p><img style="display: inline; border: 0;" title="clip_image006" src="http://www.saffronstroke.com/wp-content/uploads/2010/04/clip_image006.jpg" border="0" alt="clip_image006" width="459" height="198" /></p>
<p>12. Having the black shape selected, go to Effect menu &gt; Distort and Transform &gt; Pucker &amp; Bloat…</p>
<p><img style="display: inline; border: 0;" title="clip_image008" src="http://www.saffronstroke.com/wp-content/uploads/2010/04/clip_image008.jpg" border="0" alt="clip_image008" width="411" height="212" /></p>
<p>To get the above effect, move the slider to 100%. Make sure the preview option is selected.</p>
<p><img style="display: inline; border: 0;" title="clip_image010" src="http://www.saffronstroke.com/wp-content/uploads/2010/04/clip_image010.jpg" border="0" alt="clip_image010" width="354" height="396" /></p>
<p>You can use the handle and drag it up and down to get new cool shapes. Experiment with it.</p>
<p>Click OK.</p>
<p>13. Now select the blue shape, and again go to the Pucker &amp; Bloat… tool. Now drag the handle on the left side to -100% to get the following shape.</p>
<p><img style="display: inline; border: 0;" title="clip_image012" src="http://www.saffronstroke.com/wp-content/uploads/2010/04/clip_image012.jpg" border="0" alt="clip_image012" width="214" height="218" /></p>
<p>14. Now with this shape selected, drag it onto the center of the black shape.</p>
<p>TIP: To place the shape at the exact center of the shape, drop it where the Smart Guide shows intersect (in green text). To turn the Smart Guides on/off &#8211; View menu &gt; Smart Guides (Ctrl + U)</p>
<p>15. Now select the ‘Direct Selection Tool’ (white arrow tool) and click on the right most point of the blue shape. Then click and drag it little towards right to get the same effect I have got in the abstract shape.</p>
<p>Wasn’t that simple? You can create your own abstract shapes using the same method. So get creative.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.saffronstroke.com/2010/04/05/creating-abstract-shapes-in-adobe-illustrator-cs4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful Resources for Microsoft Expression Web</title>
		<link>http://www.saffronstroke.com/2009/10/27/useful-resources-for-microsoft-expression-web/</link>
		<comments>http://www.saffronstroke.com/2009/10/27/useful-resources-for-microsoft-expression-web/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 10:47:20 +0000</pubDate>
		<dc:creator>Minal</dc:creator>
				<category><![CDATA[Expression Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Expression]]></category>
		<category><![CDATA[Expression Suite]]></category>
		<category><![CDATA[Expression Web 2]]></category>
		<category><![CDATA[Expression Web 3]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://saffronstroke.com/?p=746</guid>
		<description><![CDATA[Here are some websites and blogs that offer very informative tutorials, articles, tips, tricks, trainings, ebooks and other resources for Microsoft Expression Web. http://expression.microsoft.com/en-us/cc197140.aspx for tutorials, videos, free Expression Web templates. http://any-expression.com - is owned by Tina Clarke, who is a fellow Expression Web MVP. The site features plenty of tutorials, tips, ebooks on Expression Web and FrontPage. [...]]]></description>
			<content:encoded><![CDATA[<div align="left" style="float: none; clear:right; padding: 0px 5px 5px 0px;"><a name="fb_share" type="button_count" share_url="http://www.saffronstroke.com/2009/10/27/useful-resources-for-microsoft-expression-web/"></a></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;; margin-top:-2px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.saffronstroke.com%2F2009%2F10%2F27%2Fuseful-resources-for-microsoft-expression-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.saffronstroke.com%2F2009%2F10%2F27%2Fuseful-resources-for-microsoft-expression-web%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Here are some websites and blogs that offer very informative tutorials, articles, tips, tricks, trainings, ebooks and other resources for Microsoft Expression Web.</p>
<ol>
<li><a href="http://expression.microsoft.com/en-us/cc197140.aspx">http://expression.microsoft.com/en-us/cc197140.aspx</a> for tutorials, videos, free Expression Web templates.</li>
<li><a href="http://any-expression.com">http://any-expression.com</a> - is owned by Tina Clarke, who is a fellow Expression Web MVP. The site features plenty of tutorials, tips, ebooks on Expression Web and FrontPage.<br />
Her blog <a href="http://www.expression-web.net/">http://www.expression-web.net/</a> also offers useful Expression Web resources.</li>
<li><a href="http://by-expression.com">http://by-expression.com</a> features excellent Tutorials and Sample Sites by Expression Web MVP, Cheryl D. Wise. She also conducts trainings for EW.</li>
<li><a href="http://www.expression-web-designer-help.com/">http://www.expression-web-designer-help.com/</a> is a great site to seek help in MS Expression Web, run by Jim Davidson, MVP Expression Web.</li>
<li><a href="http://www.expression-web-tutorials.com/">http://www.expression-web-tutorials.com/</a> and <a href="http://www.expression-web-tips.com/">http://www.expression-web-tips.com/</a><br />
Owned by Expression Web MVP, Patricia Ann Geary, these sites include EW tutorials, templates, tips and news on EW as well as FrontPage tutorials.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.saffronstroke.com/2009/10/27/useful-resources-for-microsoft-expression-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

