Reply to thread

Message: <blockquote data-quote="fazaal24" data-source="post: 2872830" data-attributes="member: 9342">Making Animations Using PhotoshopWorks in : Adobe Photoshop Cs2-Cs3Note: If you are using Photoshop CS and below; use the software Adobe Imageready which comes with Photoshop.Output:<img src="http://img170.imageshack.us/img170/944/animatedsiggyug4.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />Ok guys, this will be complicated at the start, all i have to say is that Practice makes Perfect as usual<img src="/styles/default/xenforo/smilies/default/wink.gif"  class="smilie" loading="lazy" alt=";)" title="Wink    ;)" data-shortname=";)" /> So try working on it and u'll get it<img src="/styles/default/xenforo/smilies/default/wink.gif"  class="smilie" loading="lazy" alt=";)" title="Wink    ;)" data-shortname=";)" /> Its really hard to explain this technique using images, anyway i'll try ma best. Im hoping to do a video tutorial on this..but nt sure when i'll do it<img src="/styles/default/xenforo/smilies/default/happy.gif"  class="smilie" loading="lazy" alt=":)" title="Happy    :)" data-shortname=":)" />So lets start with a new canvas 650 x 125 pixels. And ive used some graphics in it.Before animating, you have to enable the Animation Palette first:Window>>Animation<img src="http://img246.imageshack.us/img246/2167/86820108yl0.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />Heres the Animation Palette. The square shaped thumbnail is know as a "frame"<img src="http://img237.imageshack.us/img237/36/89565910ve2.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />Next, type whatever you want to appear in your animation. So I came up with something like this:<img src="http://img155.imageshack.us/img155/7513/85216453kb9.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />Ok now starts the animation part. As you are in the "First Frame". You have to move the text and other stuff to be animated out of the canvas, so move them where ever you want to.This done because; at the begginning of the animation there shouldnt be anything except the background.As shown below ive taken all the texts to differen parts of the image; so completely make it invisible.<img src="http://img137.imageshack.us/img137/4811/63833047yj3.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />Next, insert a new Frame as shown below:<img src="http://img98.imageshack.us/img98/83/68453641bb9.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />Ok so this is how it will look after you have inserted the "2nd Frame"After adding the 2nd Frame, bring the layer "Elakiri" and place it as it was before. So that will become the first animation.<img src="http://img253.imageshack.us/img253/6324/75545507gj0.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />After Placing the layer as above, Go to the First Frame again and Click the Tween button and do according to the picture below.What happens here is it creates a connectivity between the two frames and give a morphing effect.<img src="http://img237.imageshack.us/img237/2386/55098254si6.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />This is how the animation palette will look like;<img src="http://img156.imageshack.us/img156/8652/32639150gk8.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />After the previous step; while in the last frame (frame no.12)again make a new frame as shown below;<img src="http://img224.imageshack.us/img224/4610/90826756ff9.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />After the above step it will become 13 frames. Do according to the image shown below.<img src="http://img403.imageshack.us/img403/2457/10uj5.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />After this, follow the same technique as before, go to the 12 th Frame and click the TWEEN Frame button and give the values as before. so there is the 2nd animation.You can preview these animations by clicking the play button in the palette.<a href="http://img237.imageshack.us/my.php?image=55098254si6.jpg" target="_blank"><img src="http://img237.imageshack.us/img237/2386/55098254si6.th.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a>Repeat these steps for the Layer "Support" too.Finall You have the three texts coming from each side.And if u want the animation to pause a bit follow the image below. give the number of seconds as u wish.<img src="http://img297.imageshack.us/img297/782/11hc2.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />How to save the animationGo to File>>Save For Web <img src="http://img170.imageshack.us/img170/2413/save1ia8.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />and save as GIF format.<img src="http://img166.imageshack.us/img166/9729/save2wx8.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" />So here it is;<img src="http://img170.imageshack.us/img170/944/animatedsiggyug4.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />I have added a glow effect through blending options, but i have not shown it in the tutorial. First get used to the basics then u'll eventually learn how to give the effects to it..All done by Tween and Frames.Dont worry if u dint get it the first time. Just try and try you'll get it if u have the commitment. Even i learned this on my own.<img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" /> So good luck. Post ur doubts. I'll help whenever i can in the best way<img src="/styles/default/xenforo/smilies/default/D.gif"  class="smilie" loading="lazy" alt=":D" title="Big grin    :D" data-shortname=":D" />As shown by eranga_ m Here are some siggies ive made using Photoshop:<a href="http://www.elakiri.com/forum/showpost.php?p=2858655&postcount=813" target="_blank">http://www.elakiri.com/forum/showpost.php?p=2858655&postcount=813</a>And this is also done using the same technique. This is a simple one<img src="/styles/default/xenforo/smilies/default/wink.gif"  class="smilie" loading="lazy" alt=";)" title="Wink    ;)" data-shortname=";)" /><img src="http://img99.imageshack.us/img99/3248/ramadhansiggyyg4.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></blockquote>

Verification: Awruddata maasa keeyada?

Top Bottom