<?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>Adobe Photoshop Tutorial cs, cs2, cs3, GIMP tutorials, PNG Icons &#187; logo</title>
	<atom:link href="http://www.cooljeba.com/tag/logo/feed" rel="self" type="application/rss+xml" />
	<link>http://www.cooljeba.com</link>
	<description></description>
	<lastBuildDate>Sun, 26 Oct 2008 04:07:03 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Personal Blog logo</title>
		<link>http://www.cooljeba.com/tutorials/photoshop/personal-blog-logo.html</link>
		<comments>http://www.cooljeba.com/tutorials/photoshop/personal-blog-logo.html#comments</comments>
		<pubDate>Sun, 11 Nov 2007 09:00:56 +0000</pubDate>
		<dc:creator>Allwin Samuel Jeba</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[blog logo]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[bright]]></category>
		<category><![CDATA[colour]]></category>
		<category><![CDATA[create]]></category>
		<category><![CDATA[gradient]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.cooljeba.com/v4/tutorials/photoshop/personal-blog-logo.html</guid>
		<description><![CDATA[ In this tutorial we will learn how to create a logo for your personal blog. With every kid in the street having a blog it is high time that you make your blog unique with personal Blog logo with your photo or text on it.
So let&#8217;s get started wasting any further time. As usual [...]]]></description>
			<content:encoded><![CDATA[<p><strong> In this tutorial we will learn how to create a logo for your personal blog. With every kid in the street having a blog it is high time that you make your blog unique with personal Blog logo with your photo or text on it.</strong></p>
<p>So let&#8217;s get started wasting any further time. As usual fire up your Adobe Photoshop. Create a new canvas of size 308X261, keep the background color as White.</p>
<p><strong>Step 1:</strong> Select the <strong>Round Rectange  Tool</strong>.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/round-rectange-tool.gif" alt="Round Rectangle Tootle" height="194" width="257" /></p>
<p>Now as you hold down shift draw a Rrectangular over the canvas. You will notice that your rectangular is actually drawing like a square. Now you should get a rounded edge square. This is what I got after performing this step.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/round-square-block.gif" alt="Rounded edge square" height="261" width="308" /></p>
<p>Now we are going to add some blend to the rounded square to make it look more glossy and neat. Select the square ( ctrl+click on the layer). In the layer window you will find blending options, just drop down it.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/blending-option-photoshop.gif" alt="Blending option in Photoshop" height="224" width="166" /></p>
<p>Select Gradient Overlay.. from the dropdown box and use these settings.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/gradient-overlay-blue.png" alt="Gradient blending photoshop" height="277" width="281" /></p>
<p>In the blending options give a stroke of one pixel. This is what I got after filling out round edged Square with Gradient and 1 pix Stroke.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/after-blue-gradient.gif" alt="After applying blue gradient" height="261" width="308" /></p>
<p>Now lets rotate the shape. Press cntrl and click on the layer and it will get selected. Now press Ctrl+t, this helps us to oerform free transform on the the Shape. You can also do this by Edit&gt;Transform. Now hold shift and rotate as shown in the below screenshot. Just practice it a bit and you will be comfortable soon. Very handy function in Photoshop.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/rotate-direction.gif" alt="Roate right to top.. in 3-4 steps" height="167" width="167" /></p>
<p>Rotate in 3 steps. This is what I got after rotating the shape.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/after-rotate.gif" alt="After rotating" height="261" width="308" /></p>
<p><strong>Step 2:</strong> Now we will duplicate this layer so that we don&#8217;t have to do it all over again. But we will only play with the gradient and rotation. To duplicate layer, go to layer window , right click on the layer and press Duplicate this Layer option. This will duplicate the current layer.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/duplicate-the-layer.gif" alt="how to duplicate the layer in photoshop" height="365" width="266" /></p>
<p>We will get a new layer which you can see are present in the layer window above. I have duplicated the layer twice. So I have two layers above the current layer. Now select the top layer and select the Gradient Blending option and use the following settings.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/green-gradient.png" alt="Green Gradient" height="72" width="388" /></p>
<p>This is what I got after applying the Gradient and Rotating it a bit.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/two-gradient.png" alt="After 2nd layer gradient" height="261" width="308" /></p>
<p>These are the Gradient Overlay settings for the 3rd Layer that we duplicated form the first layer.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/orange-gradient.png" alt="Orange gradient" height="71" width="389" /></p>
<p>This is what I got after applying the Gradient and Rotating it a bit.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/all-three.png" alt="All three colors done" height="261" width="308" /></p>
<p><strong>Step 3: </strong></p>
<p>Now you can see we are done with the coloring , now they look me crisp and neat. Let us now add a talking bubble. This shape you can find in Custom Shapes. It comes by default in Photoshop.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/custom-shape-tool.png" alt="Custom Shape tool" height="124" width="233" /></p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/custom-bubble0shape.png" alt="Custome bubble shape" height="186" width="228" /></p>
<p>I selected the tool and drew it over the right top corner where there was white space. This is what I got after doing that.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/bubble-drawn.png" alt="Bubble icon" height="261" width="308" /></p>
<p>Now we will add gradient to this bubble too. You are free to use any, but I chose to use these.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/sunshine-gradient.png" alt="Orange yellow gradeint setting" height="67" width="383" /></p>
<p>This is what I got after adding this gradient to the bubble.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/final-logo-pre.png" alt="Blog 2.0 logo" height="261" width="308" /></p>
<p>We are almost done. Now it&#8217;s time we add the text i.e. our blog Name etc. Keep the name short as web2.0 has smaller names. I have just added my name with some fancy font.</p>
<p>For the Blog 2.0 I have used <strong>Trebuchet MS</strong> font. This is the Gradient Overlay setting I have used.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/text%20gradient.png" alt="Text gradient blog 2.0" height="70" width="387" /></p>
<p>That&#8217;s it. We are done. My logo is ready. You can add a picture, of your name anything in this. I have added my name little shy to add my pic lol.. Anyways this is what I got.</p>
<p><a href="http://www.jeba.in/" target="_blank"><img src="http://www.cooljeba.com/tutorials/photoshop/images/blog-logo-tutorial/logo-final-done-blog.png" alt="Logo done" border="0" height="261" width="308" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cooljeba.com/tutorials/photoshop/personal-blog-logo.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Create the Alienware Logo</title>
		<link>http://www.cooljeba.com/tutorials/photoshop/alienware.html</link>
		<comments>http://www.cooljeba.com/tutorials/photoshop/alienware.html#comments</comments>
		<pubDate>Sun, 11 Nov 2007 08:23:17 +0000</pubDate>
		<dc:creator>Allwin Samuel Jeba</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[alienware]]></category>
		<category><![CDATA[cool]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.cooljeba.com/v4/tutorials/photoshop/alienware.html</guid>
		<description><![CDATA[ Learn to create the infamous Alienware Logo
Step 1:
Start a new document of size 200&#215;200 pix. Use the foreground colour as #000000 and background colour as #3B3B3B. Use the gradient tool and do a gradient fill as background.

Step 2: 
Now change the foreground to #FFFFFF and background to #BABABA. Create a new layer select the [...]]]></description>
			<content:encoded><![CDATA[<p><strong> Learn to create the infamous Alienware Logo</strong></p>
<p><strong>Step 1:</strong></p>
<p>Start a new document of size 200&#215;200 pix. Use the foreground colour as #000000 and background colour as #3B3B3B. Use the gradient tool and do a gradient fill as background.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/alienware/background.jpg" height="200" width="200" /></p>
<p><strong>Step 2: </strong></p>
<p>Now change the foreground to #FFFFFF and background to #BABABA. Create a new layer select the Eleptical Marquee Tool(M) , draw an Elipse and do a gradient fill like this.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/alienware/head_fill.jpg" height="200" width="200" /></p>
<p><strong>Step 3:</strong></p>
<p>Now this is a tricky step select the Rectangular Marquee Tool (with the elipse still highligted on the canvas the oval still selected). Hold the Alt key and deselect half of the elipse by drawing a rectangle on the top half of the elipse.</p>
<p>.<img src="http://www.cooljeba.com/tutorials/photoshop/images/alienware/half_select.jpg" height="197" width="199" /></p>
<p><strong>Step 4:</strong></p>
<p>Go to Edit&gt;Transform&gt;Perspective and move the highlighted box to right like this</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/alienware/persepective.jpg" height="193" width="196" /></p>
<p><strong>Step 5:</strong></p>
<p>Now create a new layer and draw eyes to the face. Draw an elipse in the same way done previously and fill it with black colour and apply some bevel to it. Then duplicate the layer and transform the eye by pulling it right to get an right eye.</p>
<p>Use the following bevel and Emboss to the eyes.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/alienware/bevel.gif" height="159" width="253" /></p>
<p><strong>Result:</strong></p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/alienware/final.jpg" height="200" width="200" /></p>
<p><strong>==========================</strong></p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/alienware/final_done.jpg" height="200" width="200" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cooljeba.com/tutorials/photoshop/alienware.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
