<?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>bitblogr.com &#187; Graphics</title>
	<atom:link href="http://www.bitblogr.com/category/graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bitblogr.com</link>
	<description>design, tutorials, inspiration, creativity</description>
	<lastBuildDate>Sat, 05 Jun 2010 17:20:23 +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>Convert illustrator files to CorelDraw</title>
		<link>http://www.bitblogr.com/graphics/convert-illustrator-files-to-coreldraw/</link>
		<comments>http://www.bitblogr.com/graphics/convert-illustrator-files-to-coreldraw/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 10:11:55 +0000</pubDate>
		<dc:creator>Ernest Ojeh</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[cards]]></category>
		<category><![CDATA[coreldraw]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[print]]></category>

		<guid isPermaLink="false">http://www.bitblogr.com/?p=90</guid>
		<description><![CDATA[I recently designed a couple of business cards in Adobe Illustrator. The designs were cool, but when i went to the printers in Shomolu to print them, they demanded that they had to redesign them in CorelDraw .. blah blah blah. On hearing this, i went back home to do it myself.. i thought; “isn’t [...]]]></description>
			<content:encoded><![CDATA[<div style="float:right;margin:0px 0px 0px 0px;"></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;margin-right:10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.bitblogr.com%2Fgraphics%2Fconvert-illustrator-files-to-coreldraw%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.bitblogr.com%2Fgraphics%2Fconvert-illustrator-files-to-coreldraw%2F&amp;source=bitblogr&amp;style=normal&amp;service_api=R_2574ec2cdf93a9dc24a80c02f8d96a25&amp;hashtags=cards,coreldraw,illustrator,print" height="61" width="50" /><br />
			</a>
		</div>
<p>I recently designed a couple of business cards in Adobe Illustrator. The designs were cool, but when i went to the printers in <abbr title="Lagos, Nigeria">Shomolu</abbr> to print them, they demanded that they had to redesign them in CorelDraw</p>
<p><span id="more-90"></span></p>
<p>.. blah blah blah.</p>
<p><a href="http://www.bitblogr.com/wp-content/uploads/2009/09/077.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/09/077_thumb.jpg" border="0" alt="" width="600" height="365" /></a></p>
<p>On hearing this, i went back home to do it myself.. i thought; “isn’t there an easier way of converting AI files to CDR?”</p>
<h2>The problem:</h2>
<p>As simple as the designs were, i didn’t want to redesign them in CorelDraw. And, incase i didn’t mention it earlier; “I hate CorelDraw”. Not that i can’t use it, but I&#8217;m like an Adobe fan boy. (Note: the word “Like”)</p>
<p>Another problem was; why aren’t the “printer guys&#8217;” flexible with the kind of formats they accept?</p>
<h2>As simple as “SVG”:</h2>
<p>Let me state here that I’m using Adobe Illustrator CS3 &amp; CorelDraw 12.</p>
<p>1. Save your work from illustrator as an SVG file. (File &gt; Save As)</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/09/074.jpg" border="0" alt="" width="392" height="147" /></p>
<p>2. Then from CorelDraw, import the SVG file (File &gt; import).</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/09/076.jpg" border="0" alt="" width="254" height="302" /></p>
<p>The difference between this method (using SVG) and opening the AI file directly is that the text is editable and also shape layers.</p>
<p>Also note that; CorelDraw does not recognize crop marks created with Adobe Illustrator, so you might want to crop your work in Illustrator before exporting.</p>
<p>And files may be grouped when imported into CorelDraw.</p>
<h2>Final Words:</h2>
<p>The guy at the print shop was glad to learn a thing or two, i hope you did? By the way, hope you like the card? ;)</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="business cards" src="http://www.bitblogr.com/wp-content/uploads/2009/09/devedgemockup.jpg" border="0" alt="business cards" width="551" height="429" /></p>
<p><strong>N.B:</strong> I skipped a few minor steps. If you have any difficulties, drop them in the comments area.</p>
<blockquote><p>Post update: Also read Jean-Philippe&#8217;s comment below.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.bitblogr.com/graphics/convert-illustrator-files-to-coreldraw/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Create your own Monitor- With Photoshop!</title>
		<link>http://www.bitblogr.com/graphics/create-your-own-monitor-with-photoshop/</link>
		<comments>http://www.bitblogr.com/graphics/create-your-own-monitor-with-photoshop/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 18:24:03 +0000</pubDate>
		<dc:creator>Ernest Ojeh</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Computer]]></category>
		<category><![CDATA[Monitor]]></category>

		<guid isPermaLink="false">http://www.bitblogr.com/?p=55</guid>
		<description><![CDATA[We’re going to create a monitor in this tutorial. We’ll be working with gradients and blurs. So fire up PS and let’s go! Note: Dimensions used in this tutorial may differ depending on the size of your canvas. Step 1: Create a new document of whatever size (I’m using 1024x1024px). Create a rectangle of the [...]]]></description>
			<content:encoded><![CDATA[<div style="float:right;margin:0px 0px 0px 0px;"></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;margin-right:10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.bitblogr.com%2Fgraphics%2Fcreate-your-own-monitor-with-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.bitblogr.com%2Fgraphics%2Fcreate-your-own-monitor-with-photoshop%2F&amp;source=bitblogr&amp;style=normal&amp;service_api=R_2574ec2cdf93a9dc24a80c02f8d96a25&amp;hashtags=Computer,Monitor" height="61" width="50" /><br />
			</a>
		</div>
<p>We’re going to create a monitor in this tutorial. We’ll be working with gradients and blurs. So fire up PS and let’s go!</p>
<p>Note: Dimensions used in this tutorial may differ depending on the size of your canvas.</p>
<p><span id="more-55"></span></p>
<h2>Step 1:</h2>
<p>Create a new document of whatever size (I’m using 1024x1024px). Create a rectangle of the monitor using the rounded rectangle tool. Fill it with #000000 and apply the bevel and emboss settings below.</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image4.png" border="0" alt="" width="400" height="287" /></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image5.png" border="0" alt="" width="400" height="277" /></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image6.png" border="0" alt="" width="400" height="293" /></p>
<h2>Step 2:</h2>
<p>Now to create the stand. On a new layer below the Use the pen tool to draw out the monitor stand. Then apply the layer styles below.</p>
<p><strong>Tip:</strong> If you’re having problems drawing the shape, you can draw half, duplicate the layer, flip it horizontal and join it.</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image7.png" border="0" alt="" width="400" height="277" /></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image8.png" border="0" alt="" width="400" height="277" /></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image9.png" border="0" alt="" width="400" height="348" /></p>
<h2>Step 3:</h2>
<p>We’re going to use the pen tool with the help of the brush tool to add some detail.</p>
<p>First, select the the brush tool (Airbrush) with diameter of about 7px &amp; foreground color: #000000.</p>
<p>Then ctrl+click on the monitor stand layer and use the pen tool to make the selection below. Then right-click &amp; select ‘Stroke path’ and apply a slight Gaussian blur.</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image10.png" border="0" alt="" width="400" height="253" /></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image11.png" border="0" alt="" width="400" height="253" /></p>
<h2>Step 4:</h2>
<p>We’re going to apply the same treatment to some other areas but with different brush diameters.</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/034.jpg" border="0" alt="" width="400" height="348" /></p>
<h2>Step 5:</h2>
<p>Create a new layer called “screen”. With the rounded rectangle tool, draw out the screen and fill with #74B2C6. Then apply the layer style below.</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image12.png" border="0" alt="image" width="400" height="332" /> <img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image13.png" border="0" alt="" width="400" height="348" /></p>
<h2>Step 6:</h2>
<p>Make the selection below, then apply a linear gradient from transparent(up) to #ffffff(down) and set the opacity to 15%.</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image14.png" border="0" alt="" width="400" height="360" /></p>
<h2>My Final Image:</h2>
<p>Below is my final image. Hope you enjoyed this tutorial?</p>
<p><a href="http://www.bitblogr.com/wp-content/uploads/2009/07/image15.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image_thumb.png" border="0" alt="" width="400" height="405" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bitblogr.com/graphics/create-your-own-monitor-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How to design the glo logo in photoshop</title>
		<link>http://www.bitblogr.com/graphics/how-to-design-the-glo-logo-in-photoshop/</link>
		<comments>http://www.bitblogr.com/graphics/how-to-design-the-glo-logo-in-photoshop/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 14:50:41 +0000</pubDate>
		<dc:creator>Ernest Ojeh</dc:creator>
				<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[glo]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://www.bitblogr.com/?p=35</guid>
		<description><![CDATA[This simple tutorial will show you how to use the blur tool to make surfaces look reflected. The aim of this tutorial is to let beginners get used to some basic tools in photoshop. Step 1: Create a new photoshop document of 650x520px. Using the ellipse tool, create a circle and fill with #16B809. Let’s [...]]]></description>
			<content:encoded><![CDATA[<div style="float:right;margin:0px 0px 0px 0px;"></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;margin-right:10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.bitblogr.com%2Fgraphics%2Fhow-to-design-the-glo-logo-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.bitblogr.com%2Fgraphics%2Fhow-to-design-the-glo-logo-in-photoshop%2F&amp;source=bitblogr&amp;style=normal&amp;service_api=R_2574ec2cdf93a9dc24a80c02f8d96a25&amp;hashtags=glo,logo" height="61" width="50" /><br />
			</a>
		</div>
<p>This simple tutorial will show you how to use the blur tool to make surfaces look reflected. The aim of this tutorial is to let beginners get used to some basic tools in photoshop.</p>
<p><span id="more-35"></span></p>
<h2>Step 1:</h2>
<p>Create a new photoshop document of 650x520px. Using the ellipse tool, create a circle and fill with #16B809. Let’s call this layer “circle”.</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="circle" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image.png" border="0" alt="circle" width="240" height="228" /></p>
<h2>Step 2:</h2>
<p>Ctrl+click on the “circle” layer thumbnail &amp; on a new layer, apply a linear gradient from black(down) to transparent(up). You can reduce the opacity a little.</p>
<p><strong>Tip: </strong>When using the gradient tool, hold shift to constrain it to vertical, horizontal &amp; diagonal gradients.</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/mw014.jpg" border="0" alt="" width="240" height="228" /></p>
<h2>Step 3:</h2>
<p>Ctrl+click on the “circle” layer again and make the selection below using the pen tool then subtract the selection. On a new layer, apply a linear gradient of transparent(down) to black(up). Then reduce the opacity to 10% or less.</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/mw016.jpg" border="0" alt="" width="240" height="228" /></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/image1.png" border="0" alt="" width="240" height="197" /></p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/snap021.jpg" border="0" alt="" width="240" height="228" /></p>
<h2>Step 4 (Adding some shine):</h2>
<p>Select the Elliptical marquee tool and make a selection on a new layer. Then apply a Gaussian blur (Filter &gt;Blur &gt;Gaussian blur).</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/9.jpg" border="0" alt="" width="240" height="196" /></p>
<h2>Step 5 (Some more shine):</h2>
<p>Apply the effect to some other areas.</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://www.bitblogr.com/wp-content/uploads/2009/07/11.jpg" border="0" alt="" width="285" height="252" /></p>
<h2>My final image:</h2>
<p>You can them add text or whatever ;) I hope you learned a thing or two. Below is my final image.</p>
<p><a href="http://www.bitblogr.com/wp-content/uploads/2009/07/final.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="final" src="http://www.bitblogr.com/wp-content/uploads/2009/07/final_thumb.jpg" border="0" alt="final" width="240" height="240" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bitblogr.com/graphics/how-to-design-the-glo-logo-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
