<?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>Vector Diary &#187; Diana Toma</title>
	<atom:link href="http://www.vectordiary.com/author/diana-toma/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vectordiary.com</link>
	<description>Illustrator Tutorial &#38; Effects</description>
	<lastBuildDate>Mon, 06 Feb 2012 14:12:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Premium Tutorial: How to Create a Brochure in Illustrator</title>
		<link>http://www.vectordiary.com/illustrator/how-to-create-a-brochure-in-illustrator-tutorial/</link>
		<comments>http://www.vectordiary.com/illustrator/how-to-create-a-brochure-in-illustrator-tutorial/#comments</comments>
		<pubDate>Mon, 17 Oct 2011 14:00:56 +0000</pubDate>
		<dc:creator>Diana Toma</dc:creator>
				<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.vectordiary.com/?p=19097</guid>
		<description><![CDATA[In this tutorial, you will learn how to create a brochure in Illustrator. It focus on both layout and design elements so it is going to get very exciting. You will use plenty of brushes, create many types of arrows and grungy tags that will make your brochure look funky and modern and can be [...]


Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/amazing-gradient-mesh-tutorials/' rel='bookmark' title='Permanent Link: 13 Amazing Gradient Mesh Tutorials'>13 Amazing Gradient Mesh Tutorials</a></li><li><a href='http://www.vectordiary.com/illustrator/how-to-create-a-quilt-block-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: How to Create a Quilt Block'>Illustrator Tutorial: How to Create a Quilt Block</a></li><li><a href='http://www.vectordiary.com/illustrator/create-an-abstract-vector-lava-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: Create an Abstract Vector Lava'>Illustrator Tutorial: Create an Abstract Vector Lava</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://www.vectordiary.com/isd_premium/034-illustrator-brochure/illustrator-brochure.gif" alt="illustrator brochure" width="500" height="500" /></p>
<p>In this tutorial, you will learn how to create a brochure in Illustrator. It focus on both layout and design elements so it is going to get very exciting. You will use plenty of brushes, create many types of arrows and grungy tags that will make your brochure look funky and modern and can be used as promotion materials. Let’s begin our brochure making!</p>
<p><span id="more-19097"></span></p>
<p><img src="http://www.vectordiary.com/isd_tutorials/ebook/look-inside.gif" alt="" width="193" height="31" /></p>
<p><a onclick="window.open('http://www.vectordiary.com/isd_premium/034-illustrator-brochure/illustrator-brochure-preview.gif', 'windowname1', 'width=520, height=820'); return false;" href="javascript: void(0)"><img title="illustrator brochure ebook" src="http://www.vectordiary.com/isd_premium/034-illustrator-brochure/illustrator-brochure-ebook.gif" alt="" /></a></p>
<p><strong><span style="font-size: small;">Difficulty: </span></strong><span style="font-size: small;">Beginner</span><span style="font-size: small;"> &#8211; Intermediate tutorial</span><strong><br />
Requirements: </strong>Adobe Illustrator</p>
<h3><strong>What will you get?<img src="/wp-content/themes/vectordiary/images/divider.gif" alt="" width="500" height="10" /></strong></h3>
<ul>
<li><strong><strong><span style="font-size: small;">Instant download of PDF e-book (24 pages, 53 steps)</span></strong></strong></li>
<li><strong><strong><span style="font-size: small;">Comes with Ai file for easy reference </span></strong></strong><strong><strong><span style="font-size: small;"> </span></strong></strong></li>
<li><strong><strong><span style="font-size: small;">Detailed step by step tutorial to create a brochure in Illustrator<br />
</span></strong></strong></li>
</ul>
<h3><strong>Tutorial Screenshots:</strong></h3>
<p><img class="alignnone" src="http://www.vectordiary.com/isd_premium/034-illustrator-brochure/illustrator-brochure-screenshot.gif" alt="illustrator brochure screenshot" width="500" height="600" /></p>
<p><!--adsense#subscription--></p>
<p><b>[The article is for Premium Members only. <a href="http://www.vectordiary.com/wp-login.php">Login</a> or <a href="http://www.vectordiary.com/membership">sign up now</a> to read the whole article.]</b></p>
<p><!--adsense#premium--></p>


<p>Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/amazing-gradient-mesh-tutorials/' rel='bookmark' title='Permanent Link: 13 Amazing Gradient Mesh Tutorials'>13 Amazing Gradient Mesh Tutorials</a></li><li><a href='http://www.vectordiary.com/illustrator/how-to-create-a-quilt-block-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: How to Create a Quilt Block'>Illustrator Tutorial: How to Create a Quilt Block</a></li><li><a href='http://www.vectordiary.com/illustrator/create-an-abstract-vector-lava-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: Create an Abstract Vector Lava'>Illustrator Tutorial: Create an Abstract Vector Lava</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.vectordiary.com/illustrator/how-to-create-a-brochure-in-illustrator-tutorial/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Illustrator Tutorial: Roller Blades</title>
		<link>http://www.vectordiary.com/illustrator/roller-blades-tutorial/</link>
		<comments>http://www.vectordiary.com/illustrator/roller-blades-tutorial/#comments</comments>
		<pubDate>Mon, 10 Oct 2011 14:00:57 +0000</pubDate>
		<dc:creator>Diana Toma</dc:creator>
				<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.vectordiary.com/?p=19132</guid>
		<description><![CDATA[In this Illustrator tutorial, you will learn how to draw a pair of high-detailed roller blades from scratch, new useful drawing techniques and you could consider it a great chance to practice your Pen Tool skills. So let&#8217;s get to work and hope you will enjoy it. 1. To get started, take the Pen Tool [...]


Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/vector-drums-kit-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: Vector Drums Kit'>Illustrator Tutorial: Vector Drums Kit</a></li><li><a href='http://www.vectordiary.com/illustrator/how-to-draw-a-perfume-bottle-2/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: How to Draw a Perfume Bottle 2'>Illustrator Tutorial: How to Draw a Perfume Bottle 2</a></li><li><a href='http://www.vectordiary.com/illustrator/futuristic-interface-design-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: Futuristic Interface Design'>Illustrator Tutorial: Futuristic Interface Design</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/vector-roller-blade.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>In this Illustrator tutorial, you will learn how to draw a pair of high-detailed roller blades from scratch, new useful drawing techniques and you could consider it a great chance  to practice your Pen Tool skills. So let&#8217;s get to work and hope you will enjoy it.<br />
<span id="more-19132"></span><br />
1. To get started, take the Pen Tool and draw a boot shape similar to the image below. Continue to draw the red and the green shapes too.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-1.jpg" alt="vector roller blade" width="500" height="220" /></p>
<p>2. Color each shape with linear gradients using different dark gray tones and adjust the angles if needed.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-2.jpg" alt="vector roller blade" width="500" height="220" /></p>
<p>3. Now draw the first red selected shape in the front and fill it using a similar gradient. To make it easier, you can draw the shape bigger and use the first boot shape to Intersect shape areas and Expand from the Pathfinder Panel. This way all the curves will fit perfectly. Next draw the other  selected shape from the right and place it a bit on top of the one under so you can obtain the small stripe from below. Select them both, Copy and Paste in front then click Intersect shape areas and Expand. Adjust the gradient and the angle if needed.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-3.jpg" alt="vector roller blade" width="500" height="350" /></p>
<p>4. The next step is to draw the red shape in the image below then Copy and Paste in front the first boot shape, select both and click Intersect shape areas and Expand. Fill the shape with a linear gradient using lighter gray tones.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-4.jpg" alt="vector roller blade" width="500" height="350" /></p>
<p>5. Now use again the green shape made at step 1. Just save only the top part and delete the other points. Change the fill color to black and move it a bit up. Then draw the second shape in the image, send it to back and fill it with black also.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-5.jpg" alt="vector roller blade" width="500" height="203" /></p>
<p>5. Draw 2 more shapes, Copy and Paste in front the black one, select both the red one and the black pasted one and click Intersect shape areas and Expand from the Pathfinder Panel. Copy and Paste in back the bigger shape and move it a bit up to obtain a small border and make the gray tones used for the gradient  darker. Do the same in the other part  then draw the small dark shape that you see below and send it behind all the other shapes made so far.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-6.jpg" alt="vector roller blade" width="500" height="320" /></p>
<p>6. Copy and Paste in back again the bigger shape made above, change the fill color to black, go to Effect &gt; Blur and apply a 1.4 px Gaussian Blur. Reduce the Opacity to 45%.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-7.jpg" alt="vector roller blade" width="500" height="280" /></p>
<p>7. Take the Pen Tool and draw the shape from below then Copy and Paste it in back, change the fill color to black and move it a bit up.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-8.jpg" alt="vector roller blade" width="500" height="250" /></p>
<p>8. Next draw the blue shape in the image and the red circle on top, select both and click Add to shape area and Expand. Now use again the blue shape and go to Object &gt; Path &gt; Offset Path to make the smaller orange one inside and then the darker one. Take the Pen Tool and draw the red selected shape on top of the others and then use again Offset Path to obtain the smaller blue one inside. Place all the shapes on top of the ones made earlier and use the Ellipse Tool to make 2 circles, one dark and one blue just change the gradient from linear to radial. Colors that I used for the gradients are: the blue tones (R=45,G=88,B=152), (R=41,G=41,B=121) and the orange tones: (R=234,G=149,B=52), (R=250,G=189,B=84), (R=234,G=149,B=52).</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-9.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>9. Draw a similar shape to the one below using the Pen Tool and fill it with the same orange gradient like above. Go to Object &gt; Path &gt; Offset Path and make the smaller shape inside then fill it with a linear gradient using the again same blue tones. Go again to Offset Path and make one more shape inside, delete the fill, select a 0.25 pt gray Stroke and a 0.7 pt Dashed Line. Drag the right side using the Selection Tool until that part goes over the blue one. Type the text and go to Effect &gt; Warp &gt; Arc and select a negative Bend value.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-10.jpg" alt="vector roller blade" width="500" height="280" /></p>
<p>10. Now place all the shapes made above like in the image and use the green shape made at step 1 to mask them. To do this select all the shapes and the green one that should be on top and go to Object &gt; Clipping Mask &gt; Make.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-11.jpg" alt="vector roller blade" width="500" height="280" /></p>
<p>11. Take the Pen Tool and draw the first shape  below then type the text and go to Effect &gt; Warp &gt; Flag and set the values like in the next image. Place the text on top of the shape and depending on your shape size adjust the warp values if needed and only when you are done go to Object &gt; Expand Appearance. Next draw the other 2 shapes in the image, Copy and Paste them in back  and change the fill color to a dark gray. The last one is just a small circle filled with a radial gradient from a dark gray to black.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-12.jpg" alt="vector roller blade" width="500" height="340" /></p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-13.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>11. See here how to place all the shapes made above and also draw one more circle filled with the same blue gradient then Copy and Paste it in back, change the fill color to a dark gray, apply a 1.5 px Gaussian Blur and reduce the Opacity to 50%.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-14.jpg" alt="vector roller blade" width="500" height="260" /></p>
<p>12. Using the Pen Tool draw the shape that you see below and fill it with a linear gradient using different light gray tones then place it behind the shapes made at step 5. Use Offset Path to make a smaller one inside, change the gray tones from the gradient a bit or just the angle, select a 0.25 pt dark gray Stroke and a 0.7 pt Dashed Line.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-15.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>13. Do the same and make the other shapes that you see in the next image and send them behind the shapes made at steps 2 and 3.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-16.jpg" alt="vector roller blade" width="500" height="260" /></p>
<p>14. Draw the next shape or copy the one made earlier at step 10, use Offset Path to make the smaller one inside and change the fill to the blue gradient used so far then use again Offset Path to make the third shape. Delete the fill and just set a Dashed Line like earlier.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-17.jpg" alt="vector roller blade" width="500" height="200" /></p>
<p>15. Group the 3 shapes, duplicate and place them like in the next image then draw the red selected shape on top.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-18.jpg" alt="vector roller blade" width="500" height="260" /></p>
<p>16. Take the Pen Tool again and draw the boot strap shape from below then the small black one behind it. Also Copy and Paste in back the bigger shape, change the fill color to black, move it a bit down and to the right, apply a 1.5 px Gaussian Blur and lower the Opacity to 50%.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-19.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>17. Select the boot strap and use Offset Path to make a smaller shape inside. Stroke it and set the Dashed Line like before. Take the Direct Selection Tool and select just the 2 points shown in the image and drag them because that upper part of the dashed line doesn&#8217;t have to be seen. Copy and Paste in front of the dashed line shape the first one made above, select both and go to Object &gt; Clipping Mask &gt; Make. This will clip away the unwanted areas.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-20.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>18. Now let&#8217;s make the boot straps on top. For that we need to draw a smaller shape on top. Let&#8217;s use Offset Path again, to define the area where the stripes will be and which you will use at the end to mask the edges that go over it. Copy and Paste in front this shape and rotate it a bit to obtain the first stripe then select them both and click Subtract from shape area and Expand. Paste in front again the shape, move it and do the same to obtain the second stripe and all the others. When you are done Copy and Paste in front again the first shape, select it and all the stripes and go to Object &gt; Clipping Mask &gt; Make.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-21.jpg" alt="vector roller blade" width="500" height="320" /></p>
<p>19. Draw a path using the Pen Tool to follow the shape made at step 3 or  use that shape just delete all the other points that are not necessary. Give it a 1-1.5 pt Stroke, Expand it then fill it with a blue color used so far. Do the same for the upper edge of the step 3 shape and also make the dashed line shown in the image like you did for the others.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-22.jpg" alt="vector roller blade" width="500" height="320" /></p>
<p>20. Draw the first red selected shape from below then scale it to obtain the smaller one on top, select them both and click Subtract from shape areas &gt; Expand from the Pathfinder Panel. Duplicate the circles made at step 8 and place them like you see in the image. Next use Rounded Rectangle Tool to make the other shapes and place them like below.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-23.jpg" alt="vector roller blade" width="500" height="320" /></p>
<p>20. Here is how to make the laces. First draw a path, give it a 2 pt gray Stroke and also press the Round Cap button in the Stroke Panel. Then Copy and Paste in front the path, change the Stroke weight to 0.75 pt and the color to a lighter gray tone. Select both, double click the Blend Tool in the Tools Panel and select Spacing: Smooth Color and then go to Object&gt; Blend &gt; Make.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-24.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>21. Take the Rectangle Tool and draw a small blue rectangle then drag it to the Brushes Panel and select New Scatter Brush. Paste in front of the path made above and stroke it using this Scatter Brush.Then double click  on Stroke in the Appearance Panel to open the Stroke Options window and set the values like in the image below. When you are done Copy and Paste in front the Blend group made using the 2 paths then select both the  path stroked with the Scatter Brush and the pasted group, go to the Transparency Panel and from the drop-down menu select Make Opacity Mask (the blend group should be on top of the stroked path).</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-25.jpg" alt="vector roller blade" width="500" height="320" /></p>
<p>21. Make the other lace pieces in the same way and when you are happy with the result select the paths stroked with the Scatter Brush and Expand Appearance. Here is a close up of the laces  and how I placed them.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-26.jpg" alt="vector roller blade" width="500" height="220" /></p>
<p>22. The rollder blade made so far should look like this.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-27.jpg" alt="vector roller blade" width="500" height="260" /></p>
<p>23. To make the hanger, draw the first red selected shape in the image below and then a smaller one on top. Select them both and click Subtract from shape area and Expand from the Pathfinder Panel. Now draw the second selected shape in the image similar to the first one, send it behind and use again the smaller one to Subtract and obtain the empty area inside. Fill the shapes with the same linear gradients used so far or similar. When you are done Copy and Paste in back the darker shape, change the fill color to black and move it a bit down.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-28.jpg" alt="vector roller blade" width="500" height="260" /></p>
<p>24. We will proceed to apply texture for the roller blade. Copy and Paste in front the boot and the green shapes made at step 1, delete the fill gradient, open the Swatch Libraries menu, go to Patterns &gt; Decorative &gt; Decorative_Classic, find Knit and drag it into your working area. Resize it to make it  small, then go to Edit &gt; Define Pattern. Type a name and save it then fill the pasted shapes with this pattern. Also draw the green paths that you see in the next image and make more copies because you will need them at the next step.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-29.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>25. Now we will make the empty areas shown in the image below. To do this take the green paths from above  and use Subtract from shape areaand Expand to subtract all the shapes under them one  at a time until you can see the texture applied earlier. For a depth look take each green shape Copy and Paste in back one more, move them a bit up and to the right and Subtract from shape area and Expand to obtain the small inside borders.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-30.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>You are done with this part.</p>
<p>26. Take the Pen Tool and draw the next shape and then the red ones on top. Select all 4 shapes and click Subtract from shape area and Expand to obtain the empty areas.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-31.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>27. To make it more attractive, draw the red path that you see below then Copy and Paste in front of the blue shape made above. Select both the red path and the pasted blue shape and Intersect shape areas and Expand. Fill the shape with the same gradient using orange tones  or a similar one. Do the same for the second red path you see below and then you can be creative and make as many stripes and shapes as you want.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-32.jpg" alt="vector roller blade" width="500" height="430" /></p>
<p>28. To make the rollers take the Ellipse Tool and start by drawing the first circle. Colors that I used for the gradient are: (R=138,G=131,B=116), (R=185,G=178,B=166) and (R=218,G=218,B=212). Draw the second circle on top and place it a bit to the left then draw the third circle and fill it using the same gradient shown in the image like for the first one. Use Offset Path to make the next circle lightly smaller and fill it with a linear gradient from (R=51,G=51,B=51)- 80% black to (R=102,G=102,B=102)- 60% black. Draw the last circle on top and fill it with a radial gradient from (R=255,G=255,B=255) to (R=195,G=192,B=182).</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-33.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>29. Take the Ellipse Tool again and draw a circle then 5 smaller ones and place them like in the image. The center of the circles  should intersect the bigger one, this way you can be sure the result is symmetrical. Apply this for the small rounded rectangles also. Now select all 6 circles and Subtract from shape area and Expand to obtain the shape from the left. Place the small  rectangles made with the Rounded Rectangle Tool in the same way and Subtract from shape area and Expand again.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-34.jpg" alt="vector roller blade" width="500" height="260" /></p>
<p>30. Next draw the red circle  around the black shape and use Offset Path to make the bigger one. Select both circles and click Subtract from shape area and Expand. Select the red circle just made and the black shape and click Add to shape area and Expand to obtain the final shape. Place the shape on top of the roller made at step 28 then go to Effect &gt; Distort &amp; Transform &gt; Free Distort and drag the corner points to give it some perspective. When you are happy with the result and the shape fits perfectly on top of the roller go to Object &gt; Expand Appearance.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-35.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>30. Here is the shape placed on top. Now Copy and Paste in back this shape, change the fill  to a radial gradient from (R=242,G=242,B=242)- 5% black to (R=163,G=158,B=149) and move it a bit to the right. Draw  a circle in the center and fill it with gray. Send it behind the 2 shapes made earlier and apply a 2.8 px Gaussian Blur. Use the Type on a Path Tool to type the text, Expand it and place it on top of the roller and adjust the letters. Duplicate if you want to place  more text.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-36.jpg" alt="vector roller blade" width="500" height="320" /></p>
<p>31. Duplicate the rollers and place them like in the image. To make the wheels holder, take the Ellipse Tool,  draw a light gray circle then Copy and Paste it in back, change the fill color to a darker gray and move it a bit to the right. Now draw the smaller circle in the center and fill it with a linear gradient from a darker gray to a lighter gray. Duplicate the circle 2 times and move one of them a bit to the right. Select both circles and Subtract from shape area and Expand to obtain the small selected shape below then fill it with a dark gray. Group all the shapes and make 3 more copies then place one for each roller. Next Copy and Paste the shape made at step 26, place it like in the image behind the rollers and change the fill to a linear gradient using different gray tones.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-37.jpg" alt="vector roller blade" width="500" height="250" /></p>
<p>32. Take the Pen Tool and draw the next shape then draw the red path on top and fill them with gradients using dark gray tones. Now draw the other red path, Copy and Paste in front the first shape made, select both the red path and the pasted shape and click Intersect shape areas and Expand. Then fill it with a gradient using black and dark gray. Adjust the angles for all the gradients for a better look.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-38.jpg" alt="vector roller blade" width="500" height="280" /></p>
<p>33. Draw the red path that you see below and use again the first shape made above to Intersect them then Copy and Paste in back the resulted shape. Change the fill color to a dark gray and move it a bit up and to the left. Next draw the 2 green selected paths and fill them with similar gradients then Copy and Paste in back the shape pointed by the second arrow, change the fill to a dark gray and move it a bit up and to the right.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-39.jpg" alt="vector roller blade" width="500" height="200" /></p>
<p>34. Here is how to place all the shapes made above, send some of them to back and some in front of all the other parts except of the last holding element. To make some shadows Copy and Paste in back the shape made at step 26, fill it with black, apply a 1.5 px Gaussian Blur and lower the Opacity to 70%.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-40.jpg" alt="vector roller blade" width="500" height="300" /></p>
<p>35. The work is done. Here is our final roller blade.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/054-roller-blades/image-41.jpg" alt="vector roller blade" width="500" height="340" /><br />
<!--adsense#sourcefile--><br />
<b>[The article is for Basic Members only. <a href="http://www.vectordiary.com/wp-login.php">Login</a> or <a href="http://www.vectordiary.com/membership">sign up now</a> to read the whole article.]</b><br />
<b>[The article is for Premium Members only. <a href="http://www.vectordiary.com/wp-login.php">Login</a> or <a href="http://www.vectordiary.com/membership">sign up now</a> to read the whole article.]</b></p>


<p>Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/vector-drums-kit-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: Vector Drums Kit'>Illustrator Tutorial: Vector Drums Kit</a></li><li><a href='http://www.vectordiary.com/illustrator/how-to-draw-a-perfume-bottle-2/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: How to Draw a Perfume Bottle 2'>Illustrator Tutorial: How to Draw a Perfume Bottle 2</a></li><li><a href='http://www.vectordiary.com/illustrator/futuristic-interface-design-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: Futuristic Interface Design'>Illustrator Tutorial: Futuristic Interface Design</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.vectordiary.com/illustrator/roller-blades-tutorial/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Illustrator Tutorial: Futuristic Interface Design</title>
		<link>http://www.vectordiary.com/illustrator/futuristic-interface-design-tutorial/</link>
		<comments>http://www.vectordiary.com/illustrator/futuristic-interface-design-tutorial/#comments</comments>
		<pubDate>Mon, 12 Sep 2011 14:00:10 +0000</pubDate>
		<dc:creator>Diana Toma</dc:creator>
				<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.vectordiary.com/?p=19086</guid>
		<description><![CDATA[Follow this tutorial to learn how to draw a futuristic download player using only basic shapes. It is mainly created using the 3D effects tool because of the lighting/shading options and the Bevel shapes that can be easily created to obtain a futuristic look. This Adobe illustrator tutorial is good for learning more about interface [...]


Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/roller-blades-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: Roller Blades'>Illustrator Tutorial: Roller Blades</a></li><li><a href='http://www.vectordiary.com/illustrator/vector-handphone-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: Vector Handphone'>Illustrator Tutorial: Vector Handphone</a></li><li><a href='http://www.vectordiary.com/illustrator/how-to-create-a-vector-fan-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: How to Create a Vector Fan'>Illustrator Tutorial: How to Create a Vector Fan</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/futuristic-interface-design.jpg" alt="futuristic interface design" width="500" height="300" /></p>
<p>Follow this tutorial to learn how to draw a futuristic download player using only basic shapes. It is mainly created using the 3D effects tool because of the lighting/shading options and the Bevel shapes that can be easily created to obtain a futuristic look. This Adobe illustrator tutorial is good for learning more about interface designs in Illustrator. So leave a comment if you enjoyed this tutorial.<br />
<span id="more-19086"></span><br />
1. Open a new document. Take the Rounded Rectangle Tool, click onto your working area and enter the dimensions shown to draw the first shape that you need.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-1.jpg" alt="futuristic interface design" width="500" height="180" /></p>
<p>2. Having the rectangle selected, go to Object menu &gt; Path &gt; Offset Path and apply a 5 px Offset value to obtain the bigger rectangle. Fill it with white then go to the Effect menu and apply the 3D Extrude&amp;Bevel effect to obtain the silver rounded border.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-2.jpg" alt="futuristic interface design" width="500" height="240" /></p>
<p>3. These are the settings that you have to choose in the 3D Extrude&amp;Bevel Options window. For Bevel shape choose Rounded and click on the More Options button to view the entire dialog. Add one more light by pressing on the indicated symbol then drag and place it like in the image.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-3.jpg" alt="futuristic interface design" width="500" height="600" /></p>
<p>3. Copy and Paste in front the first gray rectangle and change the fill color with the one you see below which is 90% black. Apply again the 3D Extrude&amp;Bevel effect to obtain the black border, just change the values like in the image and keep the two lights the same.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-4.jpg" alt="futuristic interface design" width="500" height="690" /></p>
<p>4. Select the first rounded rectangle then go to Object menu &gt; Path &gt; Offset Path and apply a -15 px Offset value. Fill the smaller rectangle with the color shown which is 80% black then go to Effect menu &gt; Stylize and apply the Inner Glow effect. The color used is black.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-5.jpg" alt="futuristic interface design" width="500" height="300" /></p>
<p>5. Select the rectangle obtained at the previous step and apply a -12 Offset value to obtain the smaller one. Delete the existing appearances and fill it with the linear gradient shown. Having this shape selected, apply a 2 px Offset value and fill the  bigger shape obtained with Steel that you can find in the Swatches Library under Gradients &gt; Metals.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-6.jpg" alt="futuristic interface design" width="500" height="290" /></p>
<p>6. Next take the Ellipse Tool and draw a 100&#215;100 px circle and place it on the right side of the button. Copy and Paste it in front and change the fill color to white then apply again the 3D Extrude&amp;Bevel effect to obtain the silver border around.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-7.jpg" alt="futuristic interface design" width="500" height="270" /></p>
<p>Here are the settings that you need to make in the 3D Extrude&amp;Bevel Options window:</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-8.jpg" alt="futuristic interface design" width="500" height="550" /></p>
<p>7. Select the first dark gray circle and apply a -5 px Offset value to obtain the smaller red circle then apply a -8 px Offset value to obtain the green one. Select them both and click Subtract from shape area &gt; Expand from the Pathfinder Panel. Fill the resulting ring shape with the gray color shown then apply again the 3D Extrude&amp;Bevel effect.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-9.jpg" alt="futuristic interface design" width="500" height="400" /></p>
<p>Change the values as you see below and this time keep only one light.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-10.jpg" alt="futuristic interface design" width="500" height="550" /></p>
<p>8. Select again the first circle, go to Object menu &gt; Path &gt; Offset Path and apply a -12 px Offset value to obtain the red circle then apply a -18 px Offset value to obtain the green one. Select them both and click Subtract from shape area and Expand from the Pathfinder Panel. Fill the resulting ring shape with any color for now.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-11.jpg" alt="futuristic interface design" width="500" height="200" /></p>
<p>9. Let&#8217;s focus on the green ring and create the 50 loading squares, a square for each 2% loaded. There should be 100 squares but they would have been too many and too small. First take the Pen Tool or the Line Segment Tool and draw a straight path that goes right through the middle. Go to Effect menu &gt; Distort&amp;Transform &gt; Transform and apply the values that you see below. Choose Expand Appearance from the Object menu when you are done.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-12.jpg" alt="futuristic interface design" width="500" height="440" /></p>
<p>10. Select both the green ring and the group of lines and click Divide from the Pathfinder Panel. Delete all the empty shapes from the inside because you don&#8217;t need them and keep only the squares. Every five squares correspond with 10% loaded and they are colored differently. Select the first five squares and fill them with the linear gradient shown then give them a 0.75 pt black Stroke. Do the same for the next five squares only change the second color of the gradient with the first one in the list. Continue with the next five and so on. Also adjust the gradient’s angle as you go depending on the rotation of the squares.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-13.jpg" alt="futuristic interface design" width="500" height="520" /></p>
<p>11. Select the last five green squares which correspond with 90% loaded and Copy and Paste them in front then click Add to shape area and Expand from the Pathfinder Panel. Drag the sides of the resulting shape as indicated to obtain a slightly bigger shape. Give it a 1.5 pt Stroke  before you Expand it. Copy and Paste it in back because you will need it again at the next step.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-14.jpg" alt="futuristic interface design" width="500" height="200" /></p>
<p>12. Fill the shape that you pasted in back earlier with Steel that you can find in the Swatches Library under Gradients &gt; Metals then change the Blending mode to Color Dodge. The border obtained after expanding is filled with the other gradient shown. Next draw a small triangle as the loading cursor and place it like in the image.</p>
<p>Follow again the steps 11 and 12 and do the same on the opposite side.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-15.jpg" alt="futuristic interface design" width="500" height="360" /></p>
<p>13. Here&#8217;s how the button should look like so far. Next using again the first gray circle apply the Offset path option twice to obtain the two circles. Give them a 1 pt Stroke using any color then choose Expand from the Object menu.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-16.jpg" alt="futuristic interface design" width="500" height="200" /></p>
<p>14. Fill the two rings with the same gradient but only change the angle values then go to Effect menu &gt; Stylize and apply the Outer Glow effect using the green color shown.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-17.jpg" alt="futuristic interface design" width="500" height="480" /></p>
<p>15. Select again the first gray circle, the one from step 6, and apply a -38 px Offset value to obtain the circle in the middle then use this circle and apply again a -1 px Offset value to obtain a slightly smaller circle. Fill them with the linear gradients shown in the right.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-18.jpg" alt="futuristic interface design" width="500" height="350" /></p>
<p>16. Take the Type Tool and type “90%” using Arial Black then go to the Object menu and choose Expand. After you fill it with the gradient shown go to Effect menu &gt; Stylize and apply the Outer Glow effect.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-19.jpg" alt="futuristic interface design" width="500" height="340" /></p>
<p>17. In the next image you can see only the first two circles from the step 7. Take the Rectangle Tool and draw above them a rectangle having the dimensions shown. Copy and Paste in front the dark gray circle and move it up like the green one. Now select both the rectangle and the circle and click Intersect shape areas &gt; Expand from the Pathfinder Panel. Copy and Paste in front the resulting shape, change the fill color to white and apply the 3D Extrude&amp;Bevel effect to obtain the silver border around. The settings are identical to those from step 7.</p>
<p>Next type “Loading…” and follow again the previous step to finish it.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-20.jpg" alt="futuristic interface design" width="500" height="200" /></p>
<p>18. Now type “Download” using Arial Black and select Expand from the Object menu. Fill the text with Silver that you can find in the Swatches Library under Gradients &gt; Metals. Go to Object menu &gt; Path &gt; Offset Path and apply a 1 px Offset value and change the fill color for the bigger letters to black.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-21.jpg" alt="futuristic interface design" width="500" height="300" /></p>
<p>19. Next draw a rounded rectangle using the Rounded Rectangle Tool and send it in back. Go to Effect menu &gt; Warp &gt; Inflate and apply a -45% Horizontal Distortion. When you are done choose Expand Appearance from the Object menu and Ungroup then fill the resulting shape with the second gradient shown at the step 15.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-22.jpg" alt="futuristic interface design" width="500" height="340" /></p>
<p>20. Copy and Paste in front the shape obtained at the previous step, change the fill color to green and apply the 3D Extrude&amp;Bevel effect.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-23.jpg" alt="futuristic interface design" width="500" height="680" /></p>
<p>21. Take the Ellipse Tool and draw a small circle then draw an oval shape at the bottom and fill it with a radial white to black gradient. Change the Blending mode to Color Dodge and lower the Opacity to 50%. Draw another oval shape at the top and fill it with the same gradient just set it to Screen this time. Group all the shapes when you are done.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-24.jpg" alt="futuristic interface design" width="500" height="400" /></p>
<p>22. Let&#8217;s continue with the circuits. To draw them, take the Pen Tool and first draw the straight paths then place a small circle at each end. Some of them have a 0.75 pt Stroke applied (both the path and the circle) and others have a thinner 0.5 pt black Stroke. Draw the circuits randomly around the green ball and when you are done Expand them all. Group and send them behind the ball.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-25.jpg" alt="futuristic interface design" width="500" height="260" /></p>
<p>23. Fill the circuits with Tin Radial that you can find in the Swatches Library under Gradients &gt; Metals then place the group on the right side of the button like in the image. Change the Blending mode of the green ball group to Color Dodge. Next draw with the Pen Tool a shape to cover the area where are the circuits then Copy and Paste in front the gray circle from the step 6. Select them both and click Subtract from shape area and Expand from the Pathfinder Panel. Fill the resulting shape with a linear gradient using white and different gray tones and lower the Opacity to 40%.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-26.jpg" alt="futuristic interface design" width="500" height="420" /></p>
<p>24. Let&#8217;s continue with the arrows. First draw a square using the Rectangle Tool then rotate it 45 degrees. Copy and Paste it in front and then move it upward as in the image. Select with the Direct Selection Tool only the two top anchor points and delete them then close the end points using the Pen Tool. Select the shape obtained then go to Object menu &gt; Path &gt; Offset Path and apply a 1.5 px Offset value. Fill both shapes with any color for now.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-27.jpg" alt="futuristic interface design" width="500" height="240" /></p>
<p>25. For the smaller arrow, duplicate the one obtained earlier then go to Object menu &gt; Transform and Scale it 75%. Multiply them and compose the entire arrow like in the image. When you are done select and drag them all into the Symbols Panel.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-28.jpg" alt="futuristic interface design" width="500" height="350" /></p>
<p>26. Use the Ellipse Tool to draw an oval shape then delete the left side. Go to Effect menu &gt; 3D and apply the Revolve effect. Select only the front position and leave the other settings as they are.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-29.jpg" alt="futuristic interface design" width="500" height="200" /></p>
<p>Press the Map Art button and select the symbol that you defined earlier to apply it on the front surface..</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-30.jpg" alt="futuristic interface design" width="500" height="700" /></p>
<p>27. Place the sphere on top of the button and open again the Map Art window. Check the Invisible Geometry option so you can see better how the arrow looks like on top of the button.  Move the symbol to adjust its position and when the arrow is in the right place and you like how it looks go to the Object menu and choose Expand Appearance.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-31.jpg" alt="futuristic interface design" width="500" height="500" /></p>
<p>28. If there are other shapes in the group after expanding delete them and keep only the arrow. Fill all the red shapes of the arrow with the green linear gradient shown and all the green shapes (the borders) with the light gray to black radial gradient. Now select all the green shapes, group them then go to Effect menu &gt; Stylize and apply the Inner Glow effect. The color used is black.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-32.jpg" alt="futuristic interface design" width="500" height="320" /></p>
<p>29. Let&#8217;s add some shadows and then you are done. Select the arrow group then go to Effect menu &gt; Stylize &gt; Drop Shadow and apply the settings shown below. Next select the dark gray circle from the step 6 and apply again the Drop Shadow effect with the other settings shown in the right.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/image-33.jpg" alt="futuristic interface design" width="500" height="370" /></p>
<h3>Final Image</h3>
<p>Here is the finalized futuristic download button and don&#8217;t forget to let me know if you like it.</p>
<p><img src="http://www.vectordiary.com/isd_tutorials/053-futuristic-interface/futuristic-interface-design.jpg" alt="futuristic interface design" width="500" height="300" /><br />
<!--adsense#sourcefile--><br />
<b>[The article is for Basic Members only. <a href="http://www.vectordiary.com/wp-login.php">Login</a> or <a href="http://www.vectordiary.com/membership">sign up now</a> to read the whole article.]</b><br />
<b>[The article is for Premium Members only. <a href="http://www.vectordiary.com/wp-login.php">Login</a> or <a href="http://www.vectordiary.com/membership">sign up now</a> to read the whole article.]</b></p>


<p>Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/roller-blades-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: Roller Blades'>Illustrator Tutorial: Roller Blades</a></li><li><a href='http://www.vectordiary.com/illustrator/vector-handphone-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: Vector Handphone'>Illustrator Tutorial: Vector Handphone</a></li><li><a href='http://www.vectordiary.com/illustrator/how-to-create-a-vector-fan-tutorial/' rel='bookmark' title='Permanent Link: Illustrator Tutorial: How to Create a Vector Fan'>Illustrator Tutorial: How to Create a Vector Fan</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.vectordiary.com/illustrator/futuristic-interface-design-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Premium Tutorial: Picnic Basket</title>
		<link>http://www.vectordiary.com/illustrator/picnic-basket-tutorial/</link>
		<comments>http://www.vectordiary.com/illustrator/picnic-basket-tutorial/#comments</comments>
		<pubDate>Mon, 18 Jul 2011 14:00:04 +0000</pubDate>
		<dc:creator>Diana Toma</dc:creator>
				<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.vectordiary.com/?p=18975</guid>
		<description><![CDATA[This tutorial will take you to the process of creating a beautiful picnic scenery. You will learn how to draw a picnic basket with a baguette in it. Also I will show you how to create the interweaving texture and the checkered design of the mat. You will use many effects and learn lots of [...]


Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/draw-a-banana-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Draw a Banana'>Premium Tutorial: Draw a Banana</a></li><li><a href='http://www.vectordiary.com/illustrator/photorealistic-watch-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Photorealistic Watch'>Premium Tutorial: Photorealistic Watch</a></li><li><a href='http://www.vectordiary.com/illustrator/3d-apple-peeled-skin-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: 3D Apple Peeled Skin'>Premium Tutorial: 3D Apple Peeled Skin</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.vectordiary.com/isd_premium/031-picnic-basket/picnic-basket.jpg" alt="picnic basket" width="500" height="442" /></p>
<p>This tutorial will take you to the process of creating a beautiful picnic scenery. You will learn how to draw a picnic basket with a baguette in it. Also I will show you how to create the interweaving texture and the checkered design of the mat. You will use many effects and learn lots of useful techniques. So sign up for premium membership and start learning to draw a nice picnic basket today!</p>
<p><span id="more-18975"></span></p>
<p><img src="http://www.vectordiary.com/isd_tutorials/ebook/look-inside.gif" alt="" width="193" height="31" /></p>
<p><a onclick="window.open('http://www.vectordiary.com/isd_premium/031-picnic-basket/picnic-basket-preview.gif', 'windowname1', 'width=520, height=820'); return false;" href="javascript: void(0)"><img title="picnic basket ebook" src="http://www.vectordiary.com/isd_premium/031-picnic-basket/picnic-basket-ebook.gif" alt="" /></a></p>
<p><strong><span style="font-size: small;">Difficulty: </span></strong><span style="font-size: small;">Beginner</span><span style="font-size: small;"> tutorial</span><strong><br />
Requirements: </strong>Adobe Illustrator</p>
<h3><strong>What will you get?<img src="/wp-content/themes/vectordiary/images/divider.gif" alt="" width="500" height="10" /></strong></h3>
<ul>
<li><strong><strong><span style="font-size: small;">Instant download of PDF e-book (22 pages, 50 steps)</span></strong></strong></li>
<li><strong><strong><span style="font-size: small;">Comes with Ai file for easy reference </span></strong></strong><strong><strong><span style="font-size: small;"> </span></strong></strong></li>
<li><strong><strong><span style="font-size: small;">Detailed step by step tutorial to draw a vector picnic basket<br />
</span></strong></strong></li>
</ul>
<h3><strong>Tutorial Screenshots:</strong></h3>
<p><img src="http://www.vectordiary.com/isd_premium/031-picnic-basket/picnic-basket-screenshot.jpg" alt="picnic basket" width="500" height="512" /></p>
<p><!--adsense#subscription--></p>
<p><b>[The article is for Premium Members only. <a href="http://www.vectordiary.com/wp-login.php">Login</a> or <a href="http://www.vectordiary.com/membership">sign up now</a> to read the whole article.]</b></p>
<p><!--adsense#premium--></p>


<p>Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/draw-a-banana-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Draw a Banana'>Premium Tutorial: Draw a Banana</a></li><li><a href='http://www.vectordiary.com/illustrator/photorealistic-watch-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Photorealistic Watch'>Premium Tutorial: Photorealistic Watch</a></li><li><a href='http://www.vectordiary.com/illustrator/3d-apple-peeled-skin-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: 3D Apple Peeled Skin'>Premium Tutorial: 3D Apple Peeled Skin</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.vectordiary.com/illustrator/picnic-basket-tutorial/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Premium Tutorial: Isometric House Interior</title>
		<link>http://www.vectordiary.com/illustrator/isometric-house-interior-tutorial/</link>
		<comments>http://www.vectordiary.com/illustrator/isometric-house-interior-tutorial/#comments</comments>
		<pubDate>Mon, 20 Jun 2011 14:00:52 +0000</pubDate>
		<dc:creator>Diana Toma</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[house]]></category>

		<guid isPermaLink="false">http://www.vectordiary.com/?p=18909</guid>
		<description><![CDATA[This project introduces isometric drawings as a great way to start a 3D drawing in Adobe Illustrator. Once you know how to draw basic isometric shapes you can play with them to create numerous objects. In this tutorial, you will learn how to draw an isometric house structure, isometric furniture, how to apply a wallpaper, [...]


Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/how-to-draw-a-real-estate-house-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: How to Draw a Real Estate House'>Premium Tutorial: How to Draw a Real Estate House</a></li><li><a href='http://www.vectordiary.com/inspirations/30-inspiring-interior-illustrations/' rel='bookmark' title='Permanent Link: 30 Inspiring Interior Illustrations'>30 Inspiring Interior Illustrations</a></li><li><a href='http://www.vectordiary.com/illustrator/phone-applications-concept-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Phone Applications Concept'>Premium Tutorial: Phone Applications Concept</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.vectordiary.com/isd_premium/030-isometric-house-interior/isometric-house-interior.gif" alt="isometric house interior" width="400" height="480" /></p>
<p>This project introduces <strong>isometric drawings</strong> as a great way to start a 3D drawing in Adobe Illustrator. Once you know how to draw basic isometric shapes you can play with them to create numerous objects. In this tutorial, you will learn how to draw an isometric house structure, isometric furniture, how to apply a wallpaper, a floor texture and many other useful things. Let’s start!</p>
<p><span id="more-18909"></span></p>
<p><img src="http://www.vectordiary.com/isd_tutorials/ebook/look-inside.gif" alt="" width="193" height="31" /></p>
<p><a onclick="window.open('http://www.vectordiary.com/isd_premium/030-isometric-house-interior/isometric-house-interior-preview.gif', 'windowname1', 'width=520, height=820'); return false;" href="javascript: void(0)"><img title="isometric house interior ebook" src="http://www.vectordiary.com/isd_premium/030-isometric-house-interior/isometric-house-interior-ebook.gif" alt="" /></a></p>
<p><strong><span style="font-size: small;">Difficulty: </span></strong><span style="font-size: small;">Beginner</span><span style="font-size: small;"> tutorial</span><strong><br />
Requirements: </strong>Adobe Illustrator</p>
<h3><strong>What will you get?<img src="/wp-content/themes/vectordiary/images/divider.gif" alt="" width="500" height="10" /></strong></h3>
<ul>
<li><strong><strong><span style="font-size: small;">Instant download of PDF e-book (27 pages, 50 steps)</span></strong></strong></li>
<li><strong><strong><span style="font-size: small;">Comes with Ai file for easy reference </span></strong></strong><strong><strong><span style="font-size: small;"> </span></strong></strong></li>
<li><strong><strong><span style="font-size: small;">Detailed step by step tutorial to draw a isometric house interior </span></strong></strong></li>
</ul>
<h3><strong>Tutorial Screenshots:</strong></h3>
<p><img src="http://www.vectordiary.com/isd_premium/030-isometric-house-interior/isometric-house-interior-screenshot.gif" alt="isometric house interior" width="500" height="600" /></p>
<p><!--adsense#subscription--></p>
<p><b>[The article is for Premium Members only. <a href="http://www.vectordiary.com/wp-login.php">Login</a> or <a href="http://www.vectordiary.com/membership">sign up now</a> to read the whole article.]</b></p>
<p><!--adsense#premium--></p>


<p>Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/how-to-draw-a-real-estate-house-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: How to Draw a Real Estate House'>Premium Tutorial: How to Draw a Real Estate House</a></li><li><a href='http://www.vectordiary.com/inspirations/30-inspiring-interior-illustrations/' rel='bookmark' title='Permanent Link: 30 Inspiring Interior Illustrations'>30 Inspiring Interior Illustrations</a></li><li><a href='http://www.vectordiary.com/illustrator/phone-applications-concept-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Phone Applications Concept'>Premium Tutorial: Phone Applications Concept</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.vectordiary.com/illustrator/isometric-house-interior-tutorial/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Premium Tutorial: How to Draw a Real Estate House</title>
		<link>http://www.vectordiary.com/illustrator/how-to-draw-a-real-estate-house-tutorial/</link>
		<comments>http://www.vectordiary.com/illustrator/how-to-draw-a-real-estate-house-tutorial/#comments</comments>
		<pubDate>Mon, 23 May 2011 15:27:10 +0000</pubDate>
		<dc:creator>Diana Toma</dc:creator>
				<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.vectordiary.com/?p=18903</guid>
		<description><![CDATA[This illustrator tutorial will teach you how to draw a vector real estate house. You will use the 3D Extrude &#38; Bevel effect and the Reticulation effect to create the land. It will also cover on how to quickly create a grass patch using brushes and a draw a nice looking roof with the pattern [...]


Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/isometric-house-interior-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Isometric House Interior'>Premium Tutorial: Isometric House Interior</a></li><li><a href='http://www.vectordiary.com/illustrator/draw-a-banana-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Draw a Banana'>Premium Tutorial: Draw a Banana</a></li><li><a href='http://www.vectordiary.com/illustrator/draw-an-oriental-teapot-set-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Draw an Oriental Teapot Set'>Premium Tutorial: Draw an Oriental Teapot Set</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.vectordiary.com/isd_premium/029-real-estate-house/real-estate-house.jpg" alt="real estate house" width="500" height="250" /></p>
<p>This illustrator tutorial will teach you how to draw a vector <strong>real estate house</strong>. You will use the 3D Extrude &amp; Bevel effect and the Reticulation effect to create the land. It will also cover on how to quickly create a grass patch using brushes and a draw a nice looking roof with the pattern brush. This is a very essential tutorial for beginners looking to draw household objects and more.</p>
<p><span id="more-18903"></span></p>
<p><img src="http://www.vectordiary.com/isd_tutorials/ebook/look-inside.gif" alt="" width="193" height="31" /></p>
<p><a onclick="window.open('http://www.vectordiary.com/isd_premium/029-real-estate-house/real-estate-house-preview.gif', 'windowname1', 'width=520, height=820'); return false;" href="javascript: void(0)"><img title="real estate house ebook" src="http://www.vectordiary.com/isd_premium/029-real-estate-house/real-estate-house-ebook.gif" alt="" /></a></p>
<p><strong><span style="font-size: small;">Difficulty: </span></strong><span style="font-size: small;">Beginner</span><span style="font-size: small;"> tutorial</span><strong><br />
Requirements: </strong>Adobe Illustrator</p>
<h3><strong>What will you get?<img src="/wp-content/themes/vectordiary/images/divider.gif" alt="" width="500" height="10" /></strong></h3>
<ul>
<li><strong><strong><span style="font-size: small;">Instant download of PDF e-book (15 pages, 34 steps)</span></strong></strong></li>
<li><strong><strong><span style="font-size: small;">Comes with Ai file for easy reference </span></strong></strong><strong><strong><span style="font-size: small;"> </span></strong></strong></li>
<li><strong><strong><span style="font-size: small;">Detailed step by step tutorial to draw a real estate house </span></strong></strong></li>
</ul>
<h3><strong>Some examples done using this technique:</strong></h3>
<p><img src="http://www.vectordiary.com/isd_premium/029-real-estate-house/real-estate-house-screenshot.jpg" alt="how to draw a real estate house" width="500" height="418" /></p>
<p><!--adsense#subscription--></p>
<p><b>[The article is for Premium Members only. <a href="http://www.vectordiary.com/wp-login.php">Login</a> or <a href="http://www.vectordiary.com/membership">sign up now</a> to read the whole article.]</b></p>
<p><!--adsense#premium--></p>


<p>Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/isometric-house-interior-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Isometric House Interior'>Premium Tutorial: Isometric House Interior</a></li><li><a href='http://www.vectordiary.com/illustrator/draw-a-banana-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Draw a Banana'>Premium Tutorial: Draw a Banana</a></li><li><a href='http://www.vectordiary.com/illustrator/draw-an-oriental-teapot-set-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Draw an Oriental Teapot Set'>Premium Tutorial: Draw an Oriental Teapot Set</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.vectordiary.com/illustrator/how-to-draw-a-real-estate-house-tutorial/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Premium Tutorial: Draw an Oriental Teapot Set</title>
		<link>http://www.vectordiary.com/illustrator/draw-an-oriental-teapot-set-tutorial/</link>
		<comments>http://www.vectordiary.com/illustrator/draw-an-oriental-teapot-set-tutorial/#comments</comments>
		<pubDate>Mon, 18 Apr 2011 14:00:42 +0000</pubDate>
		<dc:creator>Diana Toma</dc:creator>
				<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.vectordiary.com/?p=18787</guid>
		<description><![CDATA[This tutorial will show you how to draw an oriental Chinese teapot set with cherry blossoms. You will learn how to shape a teapot and the cups using the 3D Revolve effect and the Blend Tool. After that we will decorate them using some nice brushes and of course add in the cherry blossoms decorations. [...]


Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/how-to-draw-a-real-estate-house-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: How to Draw a Real Estate House'>Premium Tutorial: How to Draw a Real Estate House</a></li><li><a href='http://www.vectordiary.com/illustrator/draw-a-banana-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Draw a Banana'>Premium Tutorial: Draw a Banana</a></li><li><a href='http://www.vectordiary.com/illustrator/amazing-gradient-mesh-tutorials/' rel='bookmark' title='Permanent Link: 13 Amazing Gradient Mesh Tutorials'>13 Amazing Gradient Mesh Tutorials</a></li></ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.vectordiary.com/isd_premium/028-oriental-tea-pot/oriental-tea-pot-set.jpg" alt="oriental tea pot" width="500" height="250" /></p>
<p>This tutorial will show you how to draw an oriental Chinese teapot set with cherry blossoms. You will learn how to shape a teapot and the cups using the 3D Revolve effect and the Blend Tool. After that we will decorate them using some nice brushes and of course add in the cherry blossoms decorations. Start learning the techniques today!<br />
<span id="more-18787"></span><br />
<img src="http://www.vectordiary.com/isd_tutorials/ebook/look-inside.gif" alt="" width="193" height="31" /><br />
<a onclick="window.open('http://www.vectordiary.com/isd_premium/028-oriental-tea-pot/oriental-tea-pot-preview.gif', 'windowname1', 'width=520, height=820'); return false;" href="javascript: void(0)"><img title="oriental tea pot ebook" src="http://www.vectordiary.com/isd_premium/028-oriental-tea-pot/oriental-tea-pot-ebook.gif" alt="" /></a><br />
<strong><span style="font-size: small;">Difficulty: </span></strong><span style="font-size: small;">Beginner</span><span style="font-size: small;"> tutorial<br />
<strong> Requirements: </strong>Adobe Illustrator</span></p>
<h3><strong>What will you get?<img src="/wp-content/themes/vectordiary/images/divider.gif" alt="" width="500" height="10" /></strong></h3>
<ul>
<li><strong><strong><span style="font-size: small;">Instant download of PDF e-book (31 steps)</span></strong></strong></li>
<li><strong><strong><span style="font-size: small;">Detailed step by step tutorial to draw oriental teapot set<br />
</span></strong></strong></li>
<li><strong><strong><span style="font-size: small;">Comes with Ai file for easy reference </span></strong></strong></li>
</ul>
<h3><strong>Some examples done using this technique:</strong></h3>
<p><img src="http://www.vectordiary.com/isd_premium/028-oriental-tea-pot/oriental-tea-pot-screenshot.gif" alt="oriental tea pot" width="500" height="488" /></p>
<p><!--adsense#subscription--><br />
<b>[The article is for Premium Members only. <a href="http://www.vectordiary.com/wp-login.php">Login</a> or <a href="http://www.vectordiary.com/membership">sign up now</a> to read the whole article.]</b></p>
<p><!--adsense#premium--></p>


<p>Related posts:<ol><li><a href='http://www.vectordiary.com/illustrator/how-to-draw-a-real-estate-house-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: How to Draw a Real Estate House'>Premium Tutorial: How to Draw a Real Estate House</a></li><li><a href='http://www.vectordiary.com/illustrator/draw-a-banana-tutorial/' rel='bookmark' title='Permanent Link: Premium Tutorial: Draw a Banana'>Premium Tutorial: Draw a Banana</a></li><li><a href='http://www.vectordiary.com/illustrator/amazing-gradient-mesh-tutorials/' rel='bookmark' title='Permanent Link: 13 Amazing Gradient Mesh Tutorials'>13 Amazing Gradient Mesh Tutorials</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.vectordiary.com/illustrator/draw-an-oriental-teapot-set-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

