<?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; animation</title>
	<atom:link href="http://www.cooljeba.com/tag/animation/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>Create animated ad banner</title>
		<link>http://www.cooljeba.com/tutorials/photoshop/animated-banner.html</link>
		<comments>http://www.cooljeba.com/tutorials/photoshop/animated-banner.html#comments</comments>
		<pubDate>Sun, 11 Nov 2007 08:56:54 +0000</pubDate>
		<dc:creator>Allwin Samuel Jeba</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[468X60]]></category>
		<category><![CDATA[animated button]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[banner]]></category>
		<category><![CDATA[banners]]></category>
		<category><![CDATA[hosting]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.cooljeba.com/v4/tutorials/photoshop/animated-banner.html</guid>
		<description><![CDATA[Learn to create animated banner using Adobe Photoshop . 
Step 1:
Start a new document of size 460&#215;68 pix. Use the foreground colour as #B39E75 and background colour as #EFD8AB.

Use the gradient tool and do a gradient fill as background.

Step 2: 
Create a new layer and select the eleptical Marquee tool and fill it with this [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Learn to create animated banner using Adobe Photoshop . </strong></p>
<p><strong>Step 1:</strong></p>
<p>Start a new document of size 460&#215;68 pix. Use the foreground colour as #B39E75 and background colour as #EFD8AB.<br />
<img src="http://www.cooljeba.com/tutorials/photoshop/images/banner/gradient-background.gif" height="57" width="80" /><br />
Use the gradient tool and do a gradient fill as background.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/banner/after-gradient.gif" height="60" width="468" /></p>
<p><strong>Step 2: </strong></p>
<p>Create a new layer and select the eleptical Marquee tool and fill it with this gradient.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/banner/afterfill.gif" height="124" width="184" /></p>
<p>Now use the following settings in Blending Option. Stroke&gt;1 px Black Colour.</p>
<p><strong>Step 3:</strong></p>
<p>Now Create a new layer and use the rectangular marquee tool to select a long rectange at the bottom and fill it with white colour with a 1 pix black colour stroke. This is what I got.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/banner/after-white.gif" height="60" width="468" /></p>
<p>Now let us fill in the price and some advertisement text. Use a Bold and Colour ful font as the main intention of a banner is to attract the visitors. This is what I have choosen.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/banner/after-ad.gif" height="60" width="468" /></p>
<p><strong>Step 4:</strong></p>
<p>Now let us create a simple logo for the banner. I just typed a text and used a small icon over it to make a simple logo. Usually your client will give there own logo so you can use it instead.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/banner/ani-now.gif" height="60" width="468" /></p>
<p><strong>Step 5:</strong></p>
<p>Now it is time for some animation. Type 3-4 ad text and use the visibility mode of the layer to turn them on of off. The visibity mode can make a layer visible or hidden on the canvas. You can select or deselect the visibility anytime by click the &#8220;eye icon&#8221; on or off.</p>
<p align="center"><img src="http://www.cooljeba.com/tutorials/photoshop/images/banner/layer-vis.gif" alt="Layer Visiblility" height="208" width="263" /></p>
<p>Now it is time to fire up Image Ready. File&gt;Edit In Image ready (Ctrl+Shift+M ).</p>
<p align="center">In the animation window duplicate the current layer<br />
<img src="http://www.cooljeba.com/tutorials/photoshop/images/banner/duplicate-animation.gif" height="156" width="358" /></p>
<p align="left">Now select the layer visibility of the ad text layer to make the first ad text appear and the second layer disappear. This is how to do it.</p>
<p align="center"><img src="http://www.cooljeba.com/tutorials/photoshop/images/banner/visible-animation.gif" height="122" width="362" /></p>
<p align="left">Now duplicate the existing layer again and make the current ad text disappear and make the new ad text layer visible. Press the play button and this is what I got my animation as.</p>
<p align="center"><img src="http://www.cooljeba.com/tutorials/photoshop/images/banner/final.gif" height="60" width="468" /></p>
<p align="left">This is what I got as the Final Result. Hope you liked the tutorial.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cooljeba.com/tutorials/photoshop/animated-banner.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Create fluid motion</title>
		<link>http://www.cooljeba.com/tutorials/photoshop/fluid_motion.html</link>
		<comments>http://www.cooljeba.com/tutorials/photoshop/fluid_motion.html#comments</comments>
		<pubDate>Sun, 11 Nov 2007 08:29:08 +0000</pubDate>
		<dc:creator>Allwin Samuel Jeba</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[fluid]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[water]]></category>

		<guid isPermaLink="false">http://www.cooljeba.com/v4/tutorials/photoshop/fluid_motion.html</guid>
		<description><![CDATA[Awesome fluid motion using Photoshop &#38; Imageready
When you drop colour into the water, it makes astonishing movements.
Now you can Photoshop one movement too!
This tutorial always provides unique and different effects.
You can even use it to make cool signatures but the file size will be quite big.
(Before starting reset your workspace by Window &#8212;&#62; Workspace &#8212;&#62; [...]]]></description>
			<content:encoded><![CDATA[<p><strong><span class="postbody"><span style="font-weight: bold">Awesome fluid motion using Photoshop &amp; Imageready</span></span></strong></p>
<p><span class="postbody">When you drop colour into the water, it makes astonishing movements.<br />
Now you can Photoshop one movement too!<br />
This tutorial always provides unique and different effects.<br />
You can even use it to make cool signatures but the file size will be quite big.</span></p>
<p>(Before starting reset your workspace by Window &#8212;&gt; Workspace &#8212;&gt; Reset Palette Locations or Default Workspace)</p>
<p>Okay so let&#8217;s start&#8230;..</p>
<p><span style="font-weight: bold">Step 1 : Create a New document, whatever size you want and fill it with Black. I am using 1000 x 1000</span></p>
<p>Step 2 : Filter &#8212;&gt; Render &#8212;&gt; Lens Flare</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/fluid_motion/lens_flare_jpg.jpg" height="453" width="329" /></p>
<p><span style="font-weight: bold">Step 3 : Image &#8212;&gt; Adjustments &#8212;-&gt; Posterize ( 4 levels)</span></p>
<p>Step 4 : Filter &#8212;&gt; Blur &#8212;&gt; Gaussian Blur (5 px)</p>
<p>Step 5 : Filter &#8212;&gt; Distort &#8212;&gt; Wave (Press Randomize untill you get a smooth texture)</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/fluid_motion/wave_jpg.jpg" height="399" width="440" /></p>
<p><span style="font-weight: bold">Step 6 : Now it gets simple. Press Ctrl + J. Press Ctrl + F.</span></p>
<p>Step 7 : Repeat Step 6 atleast 10 times.</p>
<p>Step 8 : Now click on this button<img src="http://www.cooljeba.com/tutorials/photoshop/images/fluid_motion/2imagerady_jpg.jpg" height="23" width="51" /> to export the file to Imageready.</p>
<p>Step 9 : Now in Imageready you have to animate the images. Window &#8212;&gt; Animation</p>
<p>Step 10 : Now in the animation window. Click on the first frame and hide all the layers in the Layer&#8217;s pallete but the last one.</p>
<p>Step 11 : Click on the Duplicate Frame in the animation window and now reveal the layer just above the last layer.</p>
<p>Step 12 : Repeat procedure 10 &amp; 11 untill you reach the first layer.</p>
<p>Step 13 : The image I made was too big so I resized it. Image &#8212;&gt; Image Size (Use the setting you want)</p>
<p>Step 14 : Press Alt+Ctrl+Shift+S to save the animated image.</p>
<p>Here is a sample. This could have been extended by repeating Step 7 more number of times.</p>
<p><img src="http://www.cooljeba.com/tutorials/photoshop/images/fluid_motion/final.gif" height="200" width="200" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cooljeba.com/tutorials/photoshop/fluid_motion.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
