<?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>FOR BETTER DESIGNS &#187; best</title>
	<atom:link href="http://www.forbetterdesigns.com/tag/best/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.forbetterdesigns.com</link>
	<description>Articles and resources to improve your designs</description>
	<lastBuildDate>Thu, 22 Jul 2010 09:02:48 +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>Download free Vector car design for Adobe Illustrator</title>
		<link>http://www.forbetterdesigns.com/2010/03/16/download-free-vector-car-design-for-adobe-illustrator/</link>
		<comments>http://www.forbetterdesigns.com/2010/03/16/download-free-vector-car-design-for-adobe-illustrator/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 15:01:09 +0000</pubDate>
		<dc:creator>Ali Chorov</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[best]]></category>
		<category><![CDATA[better]]></category>
		<category><![CDATA[car]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[file]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[set]]></category>
		<category><![CDATA[vector]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.forbetterdesigns.com/?p=739</guid>
		<description><![CDATA[This is the post with free AI file from the vector car tutorial. It is free for use in any way you like. Preview image: Related posts:Free download 3d vector box designed in Illustrator Tutorial: Make vector car from photo in Illustrator Best collection of free twitter icons for your websites


Related posts:<ol><li><a href='http://www.forbetterdesigns.com/2010/02/12/download-free-3d-vector-box-designed-in-illustrator/' rel='bookmark' title='Permanent Link: Free download 3d vector box designed in Illustrator'>Free download 3d vector box designed in Illustrator</a></li>
<li><a href='http://www.forbetterdesigns.com/2010/03/16/tutorial-make-vector-car-from-photo-in-illustrator/' rel='bookmark' title='Permanent Link: Tutorial: Make vector car from photo in Illustrator'>Tutorial: Make vector car from photo in Illustrator</a></li>
<li><a href='http://www.forbetterdesigns.com/2010/03/12/collection-of-free-twitter-icons-for-your-websites/' rel='bookmark' title='Permanent Link: Best collection of free twitter icons for your websites'>Best collection of free twitter icons for your websites</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-left: 7px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.forbetterdesigns.com%2F2010%2F03%2F16%2Fdownload-free-vector-car-design-for-adobe-illustrator%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.forbetterdesigns.com%2F2010%2F03%2F16%2Fdownload-free-vector-car-design-for-adobe-illustrator%2F&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/vectorfiledoqnload.jpg"><img class="aligncenter size-full wp-image-738" title="vector file download post image" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/vectorfiledoqnload.jpg" alt="" width="758" height="336" /></a>This is the post with free AI file from the <a href="http://www.forbetterdesigns.com/2010/03/16/tutorial-make-vector-car-from-photo-in-illustrator/" target="_blank">vector car tutorial</a>. It is free for use in any way you like.</p>
<h2><span id="more-739"></span>Preview image:</h2>
<p><img class="alignnone" title="download vector car preview image" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/Vector-Car.jpg" alt="" width="758" height="568" /></p>
<p style="text-align: right;"><a class="downloadlink" href="http://www.forbetterdesigns.com/wp-content/plugins/download-monitor/download.php?id=5" title=" downloaded 137 times" >Vector car file download (137)</a></p>


<p>Related posts:<ol><li><a href='http://www.forbetterdesigns.com/2010/02/12/download-free-3d-vector-box-designed-in-illustrator/' rel='bookmark' title='Permanent Link: Free download 3d vector box designed in Illustrator'>Free download 3d vector box designed in Illustrator</a></li>
<li><a href='http://www.forbetterdesigns.com/2010/03/16/tutorial-make-vector-car-from-photo-in-illustrator/' rel='bookmark' title='Permanent Link: Tutorial: Make vector car from photo in Illustrator'>Tutorial: Make vector car from photo in Illustrator</a></li>
<li><a href='http://www.forbetterdesigns.com/2010/03/12/collection-of-free-twitter-icons-for-your-websites/' rel='bookmark' title='Permanent Link: Best collection of free twitter icons for your websites'>Best collection of free twitter icons for your websites</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.forbetterdesigns.com/2010/03/16/download-free-vector-car-design-for-adobe-illustrator/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tutorial: Make vector car from photo in Illustrator</title>
		<link>http://www.forbetterdesigns.com/2010/03/16/tutorial-make-vector-car-from-photo-in-illustrator/</link>
		<comments>http://www.forbetterdesigns.com/2010/03/16/tutorial-make-vector-car-from-photo-in-illustrator/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 10:33:00 +0000</pubDate>
		<dc:creator>Ali Chorov</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[articles]]></category>
		<category><![CDATA[best]]></category>
		<category><![CDATA[better]]></category>
		<category><![CDATA[car]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[designer]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[vector]]></category>

		<guid isPermaLink="false">http://www.forbetterdesigns.com/?p=666</guid>
		<description><![CDATA[In today post I will present you a new tutorial from me. It's a detailed tutorial of how to make a vector car from photo in Adobe Illustrator. In this tutorial I will show you the basic techniques and some tips for making vector objects using pen tool in Illustrator. For this tutorial we'll not [...]


Related posts:<ol><li><a href='http://www.forbetterdesigns.com/2010/05/04/tutorial-design-a-film-strip-in-photoshop/' rel='bookmark' title='Permanent Link: Tutorial: Design a film strip in Photoshop'>Tutorial: Design a film strip in Photoshop</a></li>
<li><a href='http://www.forbetterdesigns.com/2010/03/16/download-free-vector-car-design-for-adobe-illustrator/' rel='bookmark' title='Permanent Link: Download free Vector car design for Adobe Illustrator'>Download free Vector car design for Adobe Illustrator</a></li>
<li><a href='http://www.forbetterdesigns.com/2010/04/25/tutoriallearn-to-make-mosaic-of-photos/' rel='bookmark' title='Permanent Link: Tutorial:Learn to make mosaic of photos'>Tutorial:Learn to make mosaic of photos</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-left: 7px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.forbetterdesigns.com%2F2010%2F03%2F16%2Ftutorial-make-vector-car-from-photo-in-illustrator%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.forbetterdesigns.com%2F2010%2F03%2F16%2Ftutorial-make-vector-car-from-photo-in-illustrator%2F&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/makevectorcarfromphoto.jpg"><img class="aligncenter size-full wp-image-665" title="make vector car from photo" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/makevectorcarfromphoto.jpg" alt="" width="758" height="336" /></a>In today post I will present you a new tutorial from me. It’s a detailed tutorial of how to make a vector car from photo in Adobe Illustrator.</p>
<p><span id="more-666"></span></p>
<p>In this tutorial I will show you the basic techniques and some tips for making vector objects using pen tool in Illustrator. For this tutorial we’ll not draw directly, but we’ll draw with pen tool over a photo. Before we start let’s choose a good photo, I will use a stock photo from <a href="http://sxc.hu" target="_blank">sxc.hu</a> which you can find here: <a href="http://www.sxc.hu/photo/953130" target="_blank">http://www.sxc.hu/photo/953130</a></p>
<h2>Photo we’ll use:</h2>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/car1.jpg"><img class="aligncenter size-large wp-image-690" title="car stock image" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/car1-1023x648.jpg" alt="" width="758" height="480" /></a></p>
<h2>Step 1:</h2>
<p>Open the car photo in Illustrator and take pen tool. Select yellow color and start drawing with pen tool on a new layer. Look my work on the image:</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/1.png"><img class="aligncenter size-large wp-image-673" title="vector car tutorial image 1" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/1-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 2:</h2>
<p>Continue the work with pen tool and look carefully about the details.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/2.png"><img class="aligncenter size-large wp-image-675" title="vector car in illustrator tutorial image 2" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/2-1024x793.png" alt="" width="758" height="587" /></a></p>
<h2>Step 3:</h2>
<p>Continue the work with pen tool and look carefully about the details.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/3.png"><img class="aligncenter size-large wp-image-676" title="vector car in illustrator tutorial image 3" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/3-1024x796.png" alt="" width="758" height="589" /></a></p>
<h2>Step 4:</h2>
<p>Continue the work with pen tool and look carefully about the details. Here I use lower opacity, so I can see better what’s going on around.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/4.png"><img class="aligncenter size-large wp-image-677" title="vector car in illustrator tutorial image 3" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/4-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 5:</h2>
<p>If you’re following the tutorial step by step, look carefully at the points I make.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/5.png"><img class="aligncenter size-large wp-image-681" title="vector car in illustrator tutorial image 3" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/5-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 6:</h2>
<p>If you’re following the tutorial step by step, look carefully at the points I make.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/6.png"><img class="aligncenter size-large wp-image-682" title="vector car in illustrator tutorial image 6" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/6-1024x793.png" alt="" width="758" height="587" /></a></p>
<h2>Step 7:</h2>
<p>And here we’re almost at the final. After we close the path of this shape we’ll have the basic shape for the car, but we’ll need to make some changes for it.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/7.png"><img class="aligncenter size-large wp-image-683" title="vector car in illustrator tutorial image 7" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/7-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 8:</h2>
<p>We will need the Pathfinder panel so if it’s not open go to Window menu and choose Pathfinder</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/8.png"><img class="aligncenter size-large wp-image-693" title="vector car in illustrator tutorial image 8" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/8-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 9:</h2>
<p>We need to cut out the windows and the lights and also some other parts of our car. Let’s start with this light below. Begin to draw with the pen tool and make the exact same shape.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/9.png"><img class="aligncenter size-large wp-image-696" title="vector car in illustrator tutorial image 9" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/9-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 10:</h2>
<p>When you’re ready with the shape, select on both shapes, the both and the one for the light then click on Subtract from Shape Area button in Pathfinder panel</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/10.png"><img class="aligncenter size-large wp-image-697" title="vector car in illustrator tutorial image 10" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/10-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 11:</h2>
<p>Using the same technique you can cut out the other parts. Below is the result you should have if everything is done right.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/11.png"><img class="aligncenter size-large wp-image-698" title="vector car in illustrator tutorial image 11" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/11-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 12:</h2>
<p>The next thing is to draw some of parts which are black and behind the body of the car. Do this on a new layer and move it below the 1st one.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/12.png"><img class="aligncenter size-large wp-image-699" title="vector car in illustrator tutorial image 12" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/12-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 13:</h2>
<p>Again on a new layer draw the windows shapes.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/13.png"><img class="aligncenter size-large wp-image-701" title="vector car in illustrator tutorial image 13" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/13-1024x793.png" alt="" width="758" height="587" /></a></p>
<h2>Step 14:</h2>
<p>Next let’s continue with the wheels. Begin to draw the threads of the tire.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/14.png"><img class="aligncenter size-large wp-image-702" title="vector car in illustrator tutorial image 14" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/14-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 15:</h2>
<p>When you’re done with them draw the tire. It should be behind them so make on new layer again and move it below.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/15.png"><img class="aligncenter size-large wp-image-704" title="vector car in illustrator tutorial image 15" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/15-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 16:</h2>
<p>Use the oval tool and draw a shape. Then you can adjust it using free transform and direct select tool.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/16.png"><img class="aligncenter size-large wp-image-706" title="vector car in illustrator tutorial image 16" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/16-1024x794.png" alt="" width="759" height="588" /></a></p>
<h2>Step 17:</h2>
<p>Copy and paste this exact shape and make it smaller. Then select both shapes and click on Subtract from shape area button in Pathfinder panel.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/17.png"><img class="aligncenter size-large wp-image-708" title="vector car in illustrator tutorial image 17" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/17-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 18:</h2>
<p>Using the same techniques let’s make the other wheel.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/19.png"><img class="aligncenter size-large wp-image-709" title="vector car in illustrator tutorial image 19" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/19-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 19:</h2>
<p>Also making of the rims can be done using same methods. This is the car until now.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/20.png"><img class="aligncenter size-large wp-image-711" title="vector car in illustrator tutorial image 20" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/20-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 20:</h2>
<p>Now make the sign for the car number using pen tool.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/21.png"><img class="aligncenter size-large wp-image-713" title="vector car in illustrator tutorial image 21" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/21-1024x793.png" alt="" width="758" height="587" /></a></p>
<h2>Step 21:</h2>
<p>Lower the opacity of the car body start to draw the lines of the car, but use only border color here.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/22.png"><img class="aligncenter size-large wp-image-714" title="vector car in illustrator tutorial image 22" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/22-1024x793.png" alt="" width="758" height="587" /></a></p>
<h2>Step 22:</h2>
<p>Continue that for all the lines of the car.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/23.png"><img class="aligncenter size-large wp-image-716" title="vector car in illustrator tutorial image 23" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/23-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 23:</h2>
<p>Make the light shade for the windows. Draw them choose white color and lower the opacity.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/24.png"><img class="aligncenter size-large wp-image-718" title="vector car in illustrator tutorial image 24" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/24-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 24:</h2>
<p>You can also use a gradient color for them. Here is how they look now.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/25.png"><img class="aligncenter size-large wp-image-719" title="vector car in illustrator tutorial image 25" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/25-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 25:</h2>
<p>Make the lights of the car using the same techniques and methods we have used until now.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/26.png"><img class="aligncenter size-large wp-image-721" title="vector car in illustrator tutorial image 26" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/26-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 26:</h2>
<p>Here’s a whole car preview again: Here I have add the <span id="result_box" class="short_text"><span style="background-color: #ffffff;" title="дръжка">handle for the door.<br />
</span></span></p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/27.png"><img class="aligncenter size-large wp-image-723" title="vector car in illustrator tutorial image 27" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/27-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 27:</h2>
<p>In that way you can add all the details you like for the car, it takes some time but at the end the results are better if you spent more time on it. Here I also played a bit with some colors and so on.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/28.png"><img class="aligncenter size-large wp-image-725" title="vector car in illustrator tutorial image 28" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/28-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 28:</h2>
<p>Now let’s make some shades of light for the car. There is very different methods for making this, you can use mesh tool or gradient colors. It depends on you, here I will show you simple way. Just draw the shape where you see most of the lights reflection are and choose white color for them.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/29.png"><img class="aligncenter size-large wp-image-726" title="vector car in illustrator tutorial image 29" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/29-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 29:</h2>
<p>When you’re done, lower the opacity a bit, as much as you like.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/30.png"><img class="aligncenter size-large wp-image-727" title="vector car in illustrator tutorial image 30" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/30-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Step 30:</h2>
<p>And here I also add a shadow beyond the car. Black color with lower opacity.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/31-Final.png"><img class="aligncenter size-large wp-image-729" title="vector car in illustrator tutorial final image" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/31-Final-1024x794.png" alt="" width="758" height="587" /></a></p>
<h2>Final:</h2>
<p>Here is the final vector car we have. I hope you like it.</p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/Vector-Car.jpg"><img class="aligncenter size-full wp-image-730" title="Vector-Car tutorial final vector image" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/03/Vector-Car.jpg" alt="" width="758" height="568" /></a>Thank you for reading this. I hope you like it and you’ve learned something here. Or at least you find it a bit fun. In a separate post later I will give you the free Ai file of this vector car so don’t miss it. <img src='http://www.forbetterdesigns.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Feel free to share this tutorial with your friends and you’re welcome to comment and ask any questions or to say you critique.</p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;">
<h2><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong> </strong><strong>Photo we’ll use:</strong></h2>
</div>


<p>Related posts:<ol><li><a href='http://www.forbetterdesigns.com/2010/05/04/tutorial-design-a-film-strip-in-photoshop/' rel='bookmark' title='Permanent Link: Tutorial: Design a film strip in Photoshop'>Tutorial: Design a film strip in Photoshop</a></li>
<li><a href='http://www.forbetterdesigns.com/2010/03/16/download-free-vector-car-design-for-adobe-illustrator/' rel='bookmark' title='Permanent Link: Download free Vector car design for Adobe Illustrator'>Download free Vector car design for Adobe Illustrator</a></li>
<li><a href='http://www.forbetterdesigns.com/2010/04/25/tutoriallearn-to-make-mosaic-of-photos/' rel='bookmark' title='Permanent Link: Tutorial:Learn to make mosaic of photos'>Tutorial:Learn to make mosaic of photos</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.forbetterdesigns.com/2010/03/16/tutorial-make-vector-car-from-photo-in-illustrator/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Best food for designers and web developers</title>
		<link>http://www.forbetterdesigns.com/2010/02/10/best-food-for-designers-and-web-developers/</link>
		<comments>http://www.forbetterdesigns.com/2010/02/10/best-food-for-designers-and-web-developers/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 10:41:31 +0000</pubDate>
		<dc:creator>Ali Chorov</dc:creator>
				<category><![CDATA[Interesting]]></category>
		<category><![CDATA[almonds]]></category>
		<category><![CDATA[best]]></category>
		<category><![CDATA[chocolate]]></category>
		<category><![CDATA[designers]]></category>
		<category><![CDATA[developers]]></category>
		<category><![CDATA[fish]]></category>
		<category><![CDATA[food]]></category>
		<category><![CDATA[fruits]]></category>
		<category><![CDATA[hazelnut]]></category>
		<category><![CDATA[juice]]></category>
		<category><![CDATA[salad]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.forbetterdesigns.com/?p=552</guid>
		<description><![CDATA[Designers and web developers can be called the heroes of world wide web. They’re the people who make everything on Internet working, they are the people who make web sites beautiful, functional and if a person got a good idea for web site the designers and web developers can make the idea come true. As [...]


Related posts:<ol><li><a href='http://www.forbetterdesigns.com/2009/10/30/adding-a-new-plugin-twitter-badge-to-this-web-page/' rel='bookmark' title='Permanent Link: Adding a new plugin ”Twitter badge” to this web page.'>Adding a new plugin ”Twitter badge” to this web page.</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-left: 7px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.forbetterdesigns.com%2F2010%2F02%2F10%2Fbest-food-for-designers-and-web-developers%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.forbetterdesigns.com%2F2010%2F02%2F10%2Fbest-food-for-designers-and-web-developers%2F&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/24-post.jpg"><img class="alignnone size-full wp-image-554" title="Best food for designers" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/24-post.jpg" alt="" width="758" height="336" /></a></p>
<p>Designers and web developers can be called the heroes of world wide web. They’re the people who make everything on Internet working, they are the people who make web sites beautiful, functional and if a person got a good idea for web site the designers and web developers can make the idea come true.</p>
<p>As such, the new heroes of our time and Internet need the best food. Don’t ever ever think that being a designer or developer is an easy job. We stay too much on the chare, on our desks, in our offices or in home in front of the computer and we put a lot of effort for a single web site to work well.</p>
<p>In this post I want to show you some of the best food a web designer or developer can have, so his day can be full of energy and he can work with pleasure and not feel hungry all the time.</p>
<p><span id="more-552"></span></p>
<p>Many people use to eat some fast foods because they think like that: ” I have a lot of work and I can’t take the extra to eat a real food. 1 fast food and I will be ok”. Yes but not, because after eating it hour or two and you’ll be hungry again.Also this foods don’t give you the enough energy and vitamins your body needs. Go get some real food and you’ll have energy to work much more and most important you’ll be happy…</p>
<p>The good food give you the good mood. Here’s my suggestions:</p>
<h3>Foods:</h3>
<p><strong>Fish</strong></p>
<p><strong><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/fish.jpg"><img class="alignnone size-full wp-image-555" title="fish food for designers" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/fish.jpg" alt="" width="758" height="336" /></a></strong></p>
<p>Fish is one of the best food you can have in your day and in your week. The best is to include fish 2 –3 times in a week if that’s possible. Fish gives <strong></strong><strong>high quality protein and a wide variety                   of vitamins and minerals</strong>, including vitamins A                   and D, phosphorus, magnesium, selenium. It’s very good for the brain and also very delicious <img src='http://www.forbetterdesigns.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p><strong>Nuts of almonds and hazelnuts</strong></p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/kernel-of-almond-and-hazelnut.jpg"><img class="alignnone size-full wp-image-556" title="kernel-of-almond-and-hazelnut" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/kernel-of-almond-and-hazelnut.jpg" alt="" width="758" height="336" /></a></p>
<p>Nuts of all kinds are useful for the body, but some of the best are nuts of almonds and hazelnuts.</p>
<p><a href="http://www.downthelane.net/hazelnut.php" target="_blank"><strong>Hazelnut is the best known source for Vitamin E which is essential for the healthy heart muscles and other muscles of the body as well. It is also necessary for normal functioning of the reproduction system. Another benefit of Vitamin E which is found in hazelnut is to prevent the factors which prepare the basis for cancer disease. If cancer is already formed in the body, then it fights to defuse the harmful cells. </strong></a><strong> </strong></p>
<p><a href="http://archive.supermarketguru.com/page.cfm/14060" target="_blank"><strong>Eating almonds has the same effect as the cholesterol-lowering drugs called statins. A one and a half ounce handful of almonds is a leading source of vitamin E and magnesium and offers protein, fiber, potassium, calcium, phosphorus and iron in 246 calories. Also, almonds (and other nuts) contain phytochemicals, which are plant chemicals that may provide powerful protection against heart disease, stroke, and other chronic diseases.</strong></a></p>
<p><strong>Fruit salad </strong></p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/fruit-salad.jpg"><img class="alignnone size-full wp-image-557" title="fruit-salad image" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/fruit-salad.jpg" alt="" width="758" height="336" /></a></p>
<p>All fruits have a benefits for the body, they are giving directly vitamins and good amount of energy for you. And they’re also so delicious. There is almost no a person who don’t like fruits. And why not make a fruit salad from your favourites? You can do this after your meal or for your <span id="result_box" class="short_text"><span style="background-color: #ffffff;" title="закуска">breakfast. You’ll feel fresh and happy for the whole day if you get your fruits at the start of your day. Don’t forget about them!</span></span></p>
<p><span class="short_text"><span style="background-color: #ffffff;" title="закуска"><strong>Chocolate</strong></span></span></p>
<p><span class="short_text"><span style="background-color: #ffffff;" title="закуска"><strong><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/chocolate.jpg"><img class="alignnone size-full wp-image-558" title="chocolate food image" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/chocolate.jpg" alt="" width="758" height="336" /></a><br />
</strong></span></span></p>
<p>Chocolate, who don’t like it ? I am including this in this post, but you should be careful with it. Eating it small amounts can give you a lot of benefits but eating it a lot can be harmful. Yes this is a good food but be careful. Seriously!</p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 1194px; width: 1px; height: 1px;">nuts</div>
<p><strong>Juice of fruits</strong></p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/Juice-of-fruits.jpg"><img class="alignnone size-full wp-image-559" title="Juice-of-fruits image" src="http://www.forbetterdesigns.com/wp-content/uploads/2010/02/Juice-of-fruits.jpg" alt="" width="758" height="336" /></a></p>
<p>Juice of fruits are best drinks you can get for the day. It’s better than just water, it’s fresh and cool. But be careful, most of the juice fruits they’re selling on the markets are not so much real juice fruits. You can be sure of that, the best way for you to be sure what you’re drinking is to do it your self. It’s easy, just go buy some lemons. oranges, grapefruit or other you like and <span id="result_box" class="short_text"><span style="background-color: #ffffff;" title="изтискай">squeeze the fruits, you can add water and sugar. That’s the best, it will give you fresh mood, energy and real vitamins. </span></span></p>
<p><span class="short_text"><span style="background-color: #ffffff;" title="изтискай">Be happy people, hope you like this post, off course everyone have his own favourite foods, but in the field this are some of the best and always better than fast foods.</span></span></p>
<p><span class="short_text"><span style="background-color: #ffffff;" title="изтискай">Feel free to reply to me and add any comments with critique, questions and suggestions.<br />
</span></span></p>


<p>Related posts:<ol><li><a href='http://www.forbetterdesigns.com/2009/10/30/adding-a-new-plugin-twitter-badge-to-this-web-page/' rel='bookmark' title='Permanent Link: Adding a new plugin ”Twitter badge” to this web page.'>Adding a new plugin ”Twitter badge” to this web page.</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.forbetterdesigns.com/2010/02/10/best-food-for-designers-and-web-developers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Which are the best colors I can choose for the articles in my web site?</title>
		<link>http://www.forbetterdesigns.com/2009/10/16/which-are-the-best-colors-i-can-choose-for-the-articles-in-my-web-site/</link>
		<comments>http://www.forbetterdesigns.com/2009/10/16/which-are-the-best-colors-i-can-choose-for-the-articles-in-my-web-site/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 19:37:55 +0000</pubDate>
		<dc:creator>Ali Chorov</dc:creator>
				<category><![CDATA[Web design articles]]></category>
		<category><![CDATA[articles]]></category>
		<category><![CDATA[best]]></category>
		<category><![CDATA[better]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[choose]]></category>
		<category><![CDATA[colors]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.forbetterdesigns.com/?p=96</guid>
		<description><![CDATA[If you already have read my post about the worst colors you can choose for the articles in your web pages, you know already my opinion about it. And I hope you agree with me for most of them. But I  have mentioned that there have some exceptions about them. And I said they can [...]


Related posts:<ol><li><a href='http://www.forbetterdesigns.com/2009/10/03/the-worst-color-schemes-you-can-choose-for-the-articles-in-your-web-site/' rel='bookmark' title='Permanent Link: The worst color schemes you can choose for the articles in your web site.'>The worst color schemes you can choose for the articles in your web site.</a></li>
<li><a href='http://www.forbetterdesigns.com/2010/02/01/design-theme-for-wordpress-web-site-tutorial/' rel='bookmark' title='Permanent Link: Design theme for wordpress web site tutorial.'>Design theme for wordpress web site tutorial.</a></li>
<li><a href='http://www.forbetterdesigns.com/2009/10/16/for-better-design-template-1-tutorial-3-crop-the-template-and-add-the-images-to-this-web-site/' rel='bookmark' title='Permanent Link: Crop theme design in photoshop and add the images to your wordpress blog or web site.'>Crop theme design in photoshop and add the images to your wordpress blog or web site.</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-left: 7px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.forbetterdesigns.com%2F2009%2F10%2F16%2Fwhich-are-the-best-colors-i-can-choose-for-the-articles-in-my-web-site%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.forbetterdesigns.com%2F2009%2F10%2F16%2Fwhich-are-the-best-colors-i-can-choose-for-the-articles-in-my-web-site%2F&amp;style=compact" height="61" width="50" /><br />
			</a>
		</div>
<p><!-- 		@page { margin: 0.79in } 		P { margin-bottom: 0.08in } --></p>
<p><a href="http://www.forbetterdesigns.com/wp-content/uploads/2009/10/18.jpg"><img class="alignnone size-full wp-image-460" title="best color combination for articles in your blogs" src="http://www.forbetterdesigns.com/wp-content/uploads/2009/10/18.jpg" alt="" width="758" height="336" /></a></p>
<p>If you already have read my post about the <a href="http://www.forbetterdesigns.com/2009/10/03/the-worst-color-schemes-you-can-choose-for-the-articles-in-your-web-site/" target="_blank">worst colors you can choose for the articles in your web pages,</a> you know already my opinion about it. And I hope you agree with me for most of them. But I  have mentioned that there have some exceptions about them.</p>
<p><span id="more-96"></span></p>
<p>And I said they can be used with measure, yes they can but there have a ways for almost everything somehow in some way we can adjust the things to work and to looks good.</p>
<p>Let me explain. First of all the combination of colors of our template is very important.</p>
<p>If you want your web site to look nice you must use somewhere around 3 colors or maximum 5 for the base of your template. I do not say that you should have only 3–5 color in your web page, lol this will look too simple and non professional. But go and look in some professional web designs out there and you’ll notice that every web site have some color for it’s base.</p>
<p>Example web site for nature maybe will be with mostly green fresh color with some brown around or something like that. So you should have some colors for your base depending of what your site is about. I’ll probably make a post about that in future but let’s continue with our articles..</p>
<p>I have said that lightly background with light text are not good for the reader, and I have give example for incompatible colors. For some of them you really should avoid using them,but for some there have exceptions and we can adjust them. We only need to make them a little bit softer. And off course there have some which looks just good and some which looks just great.</p>
<h3>And let’s begin with my list from the best you can choose.</h3>
<p>1. Standard white and black is one of the best and you really can use it almost in every web site,without need to change so much things. But if you want something else?</p>
<p>Off course you will want, especially if you like to experiment with colors. Then I hope the next suggestions will help you.</p>
<p style="margin-bottom: 0in;" lang="en-US"><span style="font-size: x-small;"><img class="alignnone size-full wp-image-97" title="Standard white and black image" src="http://www.forbetterdesigns.com/wp-content/uploads/2009/10/1.jpg" alt="Standard white and black image" width="550" height="190" /></span></p>
<p><!-- 		@page { margin: 0.79in } 		P { margin-bottom: 0.08in } --></p>
<p style="margin-bottom: 0in;" lang="en-US">2.Make your background and your text not so white and not so much black. Make it a little bit gray. Black to be a little bit brighter and white to be a little bit gray. And use this combination if you can with your design.</p>
<p style="margin-bottom: 0in;" lang="en-US">This combination will not make anyone eyes to cry. This is because this are soft colors and they are similar. You know even in programs like Photoshop the combination of colors are similar in the new versions. Grey background and not so black texts.</p>
<p style="margin-bottom: 0in;" lang="en-US"><img class="alignnone size-full wp-image-98" title="Black background and gray text image" src="http://www.forbetterdesigns.com/wp-content/uploads/2009/10/2.jpg" alt="Black background and gray text image" width="550" height="190" /></p>
<p><!-- 		@page { margin: 0.79in } 		P { margin-bottom: 0.08in } --></p>
<p style="margin-bottom: 0in;" lang="en-US">3. Again gray background and dark soft blue. This looks very nice. You can read from this for long time. The same way you can use another color instead of blue. It can be dark green. I have mentioned the hexadecimal code for them in the image below.</p>
<p style="margin-bottom: 0in;" lang="en-US"><span style="font-size: x-small;"><img class="alignnone size-full wp-image-99" title="Dark text and gray background image" src="http://www.forbetterdesigns.com/wp-content/uploads/2009/10/3.jpg" alt="Dark text and gray background image" width="550" height="190" /></span></p>
<p><!-- 		@page { margin: 0.79in } 		P { margin-bottom: 0.08in } --></p>
<p style="margin-bottom: 0in;" lang="en-US">4.Soft light blue and soft dark blue like in the picture. Well this will begin to look not so good after a while, but it’s a exceptions and you can use it.</p>
<p style="margin-bottom: 0in;" lang="en-US"><span style="font-size: x-small;"><img class="alignnone size-full wp-image-100" title="text dark blue and soft light blue" src="http://www.forbetterdesigns.com/wp-content/uploads/2009/10/4.jpg" alt="text dark blue and soft light blue" width="550" height="190" /></span></p>
<p><!-- 		@page { margin: 0.79in } 		P { margin-bottom: 0.08in } --></p>
<p style="margin-bottom: 0in;" lang="en-US">5. The opposite to number 2 and I have seen that many peoples begin to use it. On a black web site for portfolios and Photography web pages, for tutorial  Blogs and web sites and like <a href="http://abduzeedo.com" target="_self">http://abduzeedo.com/</a>.</p>
<p style="margin-bottom: 0in;" lang="en-US">Yes this looks good and you can use it a lot if you like it. You see there have some lightly blue links and this is exactly what I mean when i said you can use such colors for links in your posts.</p>
<p style="margin-bottom: 0in;" lang="en-US"><span style="font-size: x-small;"><img class="alignnone size-full wp-image-101" title="black background and gray text image" src="http://www.forbetterdesigns.com/wp-content/uploads/2009/10/5.jpg" alt="black background and gray text image" width="550" height="190" /></span></p>
<p><!-- 		@page { margin: 0.79in } 		P { margin-bottom: 0.08in } --></p>
<h3>Let’s continue with the 5 exceptions from my article about the worst 5 colors you can choose…</h3>
<p>1. You remember the white background and the ugly light blue with number 2 from my articles. If you really want to use such colors. Here is the way how to: You must make the lightly blue soft blue.This way it will be not the most perfect thing. But it will be better and good enough, and you can use it in that way.</p>
<p>I have mentioned the hexadecimal code for the color. It’s the same for the other colors, you can make them more soft and you can use them What I mean with soft is that they are not so bright.</p>
<p style="margin-bottom: 0in;" lang="en-US"><span style="font-size: x-small;"><img class="alignnone size-full wp-image-102" title="white background and soft light blue" src="http://www.forbetterdesigns.com/wp-content/uploads/2009/10/6.jpg" alt="white background and soft light blue" width="550" height="190" /><br />
</span></p>
<p><!-- 		@page { margin: 0.79in } 		P { margin-bottom: 0.08in } --></p>
<p style="margin-bottom: 0in;" lang="en-US">2. You know the orange bg + green text. Here is an example how you can make it to looks better: I do not suggest this but you can use it in some web site if you lie it so much.</p>
<p style="margin-bottom: 0in;" lang="en-US"><span style="font-size: x-small;"><img class="alignnone size-full wp-image-103" title="light soft orange and green text" src="http://www.forbetterdesigns.com/wp-content/uploads/2009/10/7.jpg" alt="light soft orange and green text" width="550" height="190" /></span></p>
<p><!-- 		@page { margin: 0.79in } 		P { margin-bottom: 0.08in } --></p>
<p style="margin-bottom: 0in;" lang="en-US">3. And the last one I will show in this post. About the lovely pink or purple.If you like this colors here is an example of how to use it. But is again an exception an you should avoid using it.</p>
<p style="margin-bottom: 0in;" lang="en-US"><span style="font-size: x-small;"><img class="alignnone size-full wp-image-104" title="Purple or pink colors" src="http://www.forbetterdesigns.com/wp-content/uploads/2009/10/8.jpg" alt="Purple or pink colors" width="550" height="190" /></span></p>
<p><!-- 		@page { margin: 0.79in } 		P { margin-bottom: 0.08in } --></p>
<p style="margin-bottom: 0in;" lang="en-US">I hope this post will help you in some way and you will learn something from it. I want to tell one more thing only. You can make your whole web site in pink or blue or very green color and you can still make your articles to be in some of the first 5 best suggested colors here.</p>
<p style="margin-bottom: 0in;" lang="en-US">So I thing we can always experiment but still we can stay in some rules for good design. So I’ll wait for your replies if any, and I always like new opinions and critique so we can learn from each other.</p>


<p>Related posts:<ol><li><a href='http://www.forbetterdesigns.com/2009/10/03/the-worst-color-schemes-you-can-choose-for-the-articles-in-your-web-site/' rel='bookmark' title='Permanent Link: The worst color schemes you can choose for the articles in your web site.'>The worst color schemes you can choose for the articles in your web site.</a></li>
<li><a href='http://www.forbetterdesigns.com/2010/02/01/design-theme-for-wordpress-web-site-tutorial/' rel='bookmark' title='Permanent Link: Design theme for wordpress web site tutorial.'>Design theme for wordpress web site tutorial.</a></li>
<li><a href='http://www.forbetterdesigns.com/2009/10/16/for-better-design-template-1-tutorial-3-crop-the-template-and-add-the-images-to-this-web-site/' rel='bookmark' title='Permanent Link: Crop theme design in photoshop and add the images to your wordpress blog or web site.'>Crop theme design in photoshop and add the images to your wordpress blog or web site.</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.forbetterdesigns.com/2009/10/16/which-are-the-best-colors-i-can-choose-for-the-articles-in-my-web-site/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
