<?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; create</title>
	<atom:link href="http://www.cooljeba.com/tag/create/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>Learn to create the infamous DIGG Logo</title>
		<link>http://www.cooljeba.com/tutorials/photoshop/digg-logo-in-photoshop.html</link>
		<comments>http://www.cooljeba.com/tutorials/photoshop/digg-logo-in-photoshop.html#comments</comments>
		<pubDate>Sun, 11 Nov 2007 09:04:59 +0000</pubDate>
		<dc:creator>Allwin Samuel Jeba</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[create]]></category>
		<category><![CDATA[digg icon]]></category>
		<category><![CDATA[digg logo]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[learn]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.cooljeba.com/v4/tutorials/photoshop/digg-logo-in-photoshop.html</guid>
		<description><![CDATA[In this tutorial I will teach you how to create a Digg Icon for your site. Digg provides its badges for free to be downloaded and used but that is not the purpose of this tutorial. This tutorial is more to teach how to make a Digg Icon.
Step 1:
Start a new document of size 400&#215;400 [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will teach you how to create a Digg Icon for your site. Digg provides its badges for free to be downloaded and used but that is not the purpose of this tutorial. This tutorial is more to teach how to make a Digg Icon.</p>
<p><strong>Step 1:</strong></p>
<p>Start a new document of size 400&#215;400 pix. Keep the Background colour as white i.e. #FFFFFF. You will now get a new canvas with a white back ground.</p>
<p>Now select the Rectangle Tool (U), hold shift and draw a square like this. Colour of the square doesn&#8217;t matter because we will change it in next step by using a gradient over it. This is how my square looks like.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/make-square-digg.gif" alt="Create Digg icon tutorial" height="156" width="156" /></p>
<p>Now select the layer and go for blending options. In Blending option select <strong>Gradient Overlay</strong> In gradient overlay select the following settings. I have selected the #e8e8e8 as the left gradient colour and #f9f9f9 as the right gradient colour. Here are my Gradient Settings.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/gradient-setting-digg.gif" alt="Gradient setting" height="190" width="303" /></p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/gradient-setting-digg-colour.gif" alt="Gradient Colour/color selection" height="159" width="385" /></p>
<p>Now we are done with our gradient settings, it is time we add Stroke of 5 pixel to give a border to the face of the digger. Here is the my settings of stroke.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/digg-face-stroke.gif" alt="digg icon tutorial" height="199" width="269" /></p>
<p>This is what I got after these settings. Our Diggers face is now ready, it is now time for us to design the rest of the body and his spade.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/digger-face.gif" alt="Diggers face" height="96" width="97" /></p>
<p><strong>Step 2: </strong></p>
<p>Now we will draw is body. To draw his body we will need two rectangles. Draw with these size, doesn&#8217;t matter how accurate it is just it should match the body proportion. Once we have drawn both the rectangles we will merge both the layers and them give them common blending settings. Now let us do it. I will first draw the hands and shoulder region by drawing a horizontal rectangle. This is what I got.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/digg-shoulder-body.gif" alt="Digg" height="219" width="152" /></p>
<p>Both the horizontal and vertical rectangles are in there respective layers. Move them so they match the body i.e. move the vertical rectangle and horizontal rectangles as lower body and upper body respectively and arrange them. So it appears like a human body. This is what I did.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/digg-body-ready.gif" alt="Digg body is ready" height="219" width="152" /></p>
<p>Now we will select both the layers and Razterise it so we can merge both the layers that way. Hold shift and click on both the layers on the Layer window, press right click you will get an option to Rasterize the layers.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/rasterize-layer.gif" alt="Rasterize layer" height="281" width="310" /></p>
<p>Now select the top layer , right click and you will get an option to Merge Down. This will merge both the layers into a single layer. Now select the top layer, the head part of the layer press right click and select Copy Layer Style.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/copy-layer-style.gif" alt="Layer style" height="331" width="289" /></p>
<p>Now right click on the now merged layer and press Paste Layer Stlye. This will copy the exact Blending option of the head part and paste it across the whole body. This is what I got after doing this step.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/digger.gif" alt="Digger" height="176" width="165" /></p>
<p>We are 60% done. Now we need to draw legs and his Spade which he uses to Digg <img src='http://www.cooljeba.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  . Ok now select the pencil with pixel size 5 Pix and Color #969696. Hold shift and draw a line up. Holding shift will give you a straight line. This is what I got.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/digger-70.gif" alt="Digger with his legs" height="182" width="163" /></p>
<p><strong>Step 3: </strong></p>
<p>Now we have to make his digging tool. Select the Ellipse tool and Draw a vertical Ellipse and make the layer Rasterize so we can delete the unwanted portion.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/spade.gif" alt="Digger spade" height="214" width="203" /></p>
<p>after Razterzing the layer make the selection as shown here using the <strong>Rectangular Marquee Tool </strong>and press delete key on your keyboard. This will eliminate the bottom portion of the Ellipse and now perform the same copy paste of the Layer Effect as we did in <strong>step 2</strong>.  I also used the Pencil of 10 Pixel and drew the handle part of the Digging tool.  This is what I got.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/digger-spade.gif" alt="Digger Space digg.com" height="180" width="179" /></p>
<p>Now use a rounded rectangle tool and draw the handle. Just draw a small rectange at the end of the spade extension. Apply the same Blending effects by copy &#8211; paste the layer Style as we did before. This is what I got. Now our digger is ready, it is now time to add some shadow as in the real digg logo.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/digger-ready.gif" height="400" width="400" /></p>
<p><strong>Step 4: </strong></p>
<p>Now draw an ellipse at the back of the diggers legs i.e. the layer below the body of the digger and fill it with gray colour. Like this</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/shadow.gif" alt="Shadow" height="196" width="197" /></p>
<p>similarly add shadow to the digging tool too. If you want you can make the space of the digging tool with a harder or darker gradient. This is how our final digg logo looks like.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/digg-ready.gif" alt="Digg Ready Logo" height="193" width="205" /></p>
<hr color="#000000" /> Let us use the button we created just now to some good use <img src='http://www.cooljeba.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .Click on the button to <a href="http://digg.com/design/Learn_to_create_the_DIGG_Logo" title="Digg this tutorial on digg.com" target="_blank">Digg This Tutorial</a>:</p>
<p align="center"><a href="http://digg.com/design/Learn_to_create_the_DIGG_Logo" title="Digg this tutorial on digg.com" target="_blank"><img src="http://www.cooljeba.com/tutorials/photoshop/images/digg/digg-tutorial.gif" alt="Click here to Digg this tutorial" border="0" height="110" width="115" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cooljeba.com/tutorials/photoshop/digg-logo-in-photoshop.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<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>
	</channel>
</rss>
