<?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>TutorialsBucket</title>
	<atom:link href="http://www.tutorialsbucket.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tutorialsbucket.com</link>
	<description>endless support of learning</description>
	<lastBuildDate>Fri, 03 Sep 2010 22:25:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Peel Effect in Adobe Illustrator CS5</title>
		<link>http://www.tutorialsbucket.com/peel-effect-in-adobe-illustrator-cs5/</link>
		<comments>http://www.tutorialsbucket.com/peel-effect-in-adobe-illustrator-cs5/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 13:28:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.tutorialsbucket.com/?p=33</guid>
		<description><![CDATA[Today finally I am going to write down my first tutorial and in this tutorial I will cover the details of Peel Effect. It is very simple although very attractive. Don&#8217;t worry its not very difficult, you just need to follow the following steps and little bit practice on your own. That&#8217;s it. Let me [...]]]></description>
			<content:encoded><![CDATA[<p>Today finally I am going to write down my first tutorial and in this tutorial I will cover the details of Peel Effect. It is very simple although very attractive. Don&#8217;t worry its not very difficult, you just need to follow the following steps and little bit practice on your own. That&#8217;s it.</p>
<p><strong>Let me show you the final result before we gonna start!</strong></p>
<p><span id="more-33"></span></p>
<p><img class="alignnone" style="padding-top: 10px;" title="Peel-Effect-Adobe-Illustrator-CS5-Final" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-Final.jpg" alt="Adobe Illustrator CS5 - Peel Effect Tutorial" width="450" height="424" /></p>
<h3>Now lets start step by step:</h3>
<h1>Step 1:</h1>
<p>We start from the very beginning with creating new file. Just click on file and then New (Ctrl+N).</p>
<div style="background-color: #e8e9eb; border: 1px solid #d3d3d3; width: 570px; padding: 10px 0pt 10px 10px;"><img class="padding: 10px; border: 1px solid #c6c6c6; alignnone" title="Peel-Effect-Adobe-Illustrator-CS5-1a" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-1a.jpg" alt="Peel effect tutorial - step 1" width="372" height="122" /></div>
<p>A popup box appear and ask for the Artboard size</p>
<div style="background-color: #e8e9eb; border: 1px solid #d3d3d3; width: 570px; padding: 10px 0pt 10px 10px;"><img class="padding: 10px; border: 1px solid #c6c6c6; alignnone" title="Peel-Effect-Adobe-Illustrator-CS5-2" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-2.jpg" alt="" width="545" height="382" /></div>
<h1>Step 2:</h1>
<p>Now you have to create a rectangle box about (<strong>300px</strong> x <strong>20px</strong>) using <strong>Rectangle tool </strong>(<strong>M</strong>).</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img title="Peel-Effect-Adobe-Illustrator-CS5-3" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-32.jpg" alt="" width="580" height="217" /></div>
<h1>Step 3:</h1>
<p>After creating rectangle your next turn is to click on <strong>Effect</strong> &gt; <strong>Distort &amp; Transform</strong> &gt; <strong>Transform</strong></p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="border:1px solid #d3d3d3;" title="Peel-Effect-Adobe-Illustrator-CS5-4" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-41.jpg" alt="" width="580" height="323" /></div>
<p>Then a Transform Effect popup box appear, please make these highlighted changes.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="border:1px solid #d3d3d3;" title="Peel-Effect-Adobe-Illustrator-CS5-5" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-5.jpg" alt="" width="580" height="561" /></div>
<h1>Step 4:</h1>
<p>Click on <strong>Object &gt; Expand Appearance.</strong></p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="border:1px solid #d3d3d3;" title="Peel-Effect-Adobe-Illustrator-CS5-6" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-6.jpg" alt="" width="580" height="317" /></div>
<h1>Step 5:</h1>
<p>Your next step to make these boxes parallel. Now <strong>double click</strong> on <strong>Shear Tool</strong> and then a popup box will appear and make these following changes and you will see the result as I have below;</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="border:1px solid #d3d3d3;" title="Peel-Effect-Adobe-Illustrator-CS5-7" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-7.jpg" alt="" width="580" height="523" /></div>
<h1>Step 6:</h1>
<p>Now <strong>switch off</strong> the <strong>color</strong> and <strong>outline color</strong> as you can see in the following image, your next turn is to select again <strong>Rectangle Tool</strong> (<strong>M</strong>) and draw a box same as the following image.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="border:1px solid #d3d3d3;" title="Peel-Effect-Adobe-Illustrator-CS5-8" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-8.jpg" alt="" width="580" height="470" /></div>
<h1>Step 7:</h1>
<p>Select <strong>all layers</strong> and <strong>Crop</strong> them using <strong>Pathfinder Tool</strong>.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="alignnone size-full wp-image-68" title="Peel-Effect-Adobe-Illustrator-CS5-9" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-9.jpg" alt="" width="580" height="451" /></div>
<p>And delete the unnecessary crop area. You will see the refine area as you are watching in the following image.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="alignnone size-full wp-image-69" title="Peel-Effect-Adobe-Illustrator-CS5-10" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-10.jpg" alt="" width="580" height="287" /></div>
<h1>Step 8:</h1>
<p>Your next step is to drag the upper image into the Symbol and suddenly Symbol Options box will appear, be relax and make the following changes.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="alignnone size-full wp-image-70" title="Peel-Effect-Adobe-Illustrator-CS5-11" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-11.jpg" alt="" width="580" height="265" /></div>
<h1>Step 9:</h1>
<p>Our next step is to create a sphere and cut it in half. Simply double click on <strong>Ellipse Tool</strong> (<strong>L</strong>) and <strong>Ellipse</strong> popup box will appear just insert (<strong>300px x 300px</strong>) and click <strong>OK</strong>.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="alignnone size-full wp-image-71" title="Peel-Effect-Adobe-Illustrator-CS5-12" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-12.jpg" alt="" width="580" height="547" /></div>
<p>Now select <strong>Direct Selection Tool</strong> (<strong>A</strong>) and <span style="text-decoration: underline;">select the left point</span> of the sphere and press <strong>Delete</strong> from your keyboard.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="alignnone size-full wp-image-72" title="Peel-Effect-Adobe-Illustrator-CS5-13" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-13.jpg" alt="" width="580" height="360" /></div>
<p>and the sphere look like that.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="alignnone size-full wp-image-73" title="Peel-Effect-Adobe-Illustrator-CS5-14" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-14.jpg" alt="" width="580" height="360" /></div>
<h1>Step 10:</h1>
<p>Our next and very important step is to create 3d effect. Select the <span style="text-decoration: underline;">upper half sphere</span> and click on <strong>Effect</strong> &gt; <strong>3D</strong> &gt; <strong>Revolve</strong></p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="alignnone size-full wp-image-75" title="Peel-Effect-Adobe-Illustrator-CS5-15" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-15.jpg" alt="" width="580" height="253" /></div>
<p>A following popup box will appear, Change the <strong>Angle</strong> to 360ͦͦ, check <strong>Preview box</strong> and then click on <strong>Map Art</strong> button for further implementations.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="alignnone size-full wp-image-76" title="Peel-Effect-Adobe-Illustrator-CS5-16" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-16.jpg" alt="" width="580" height="462" /></div>
<p>another popup box (<strong>Map Art</strong>) appear, now <span style="text-decoration: underline;">drag down</span> the <strong>Symbol</strong> and <span style="text-decoration: underline;">select peel effect symbol</span> then click <strong>Scale to Fit</strong> button, <strong>check</strong> the <strong>Shade Artwork (slower)</strong> and<strong> Invisible Geometry</strong> boxes and then finally click on <strong>OK</strong> button.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="alignnone size-full wp-image-77" title="Peel-Effect-Adobe-Illustrator-CS5-17" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-17.jpg" alt="" width="580" height="494" /></div>
<h1>Finally:</h1>
<p>Finally we have the peel effect in front of our eyes. Now you need to practice and play with this effect as much as you want.</p>
<div style="border: 1px solid #d3d3d3; width: 580px;"><img class="alignnone size-full wp-image-79" title="Peel-Effect-Adobe-Illustrator-CS5-18" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-18.jpg" alt="" width="580" height="494" /></div>
<div style="border: 1px solid #d3d3d3; width: 580px;"><a href="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-final-play.jpg"><img class="alignnone size-full wp-image-118" title="Peel-Effect-Adobe-Illustrator-CS5-final-play" src="http://www.tutorialsbucket.com/wp-content/2010/09/Peel-Effect-Adobe-Illustrator-CS5-final-play.jpg" alt="" width="580" height="320" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.tutorialsbucket.com/peel-effect-in-adobe-illustrator-cs5/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
