The Very Basics Of Animation

free web hosting
Free Web Hosting > Computers & Tech > How-To's and Tutorials > Graphics and Animation

The Very Basics Of Animation

Burgin

Welcome,
Many people feel they want to learn animation and want to do those animated effects. Most people think animation is very hard, but the fact is it isn’t at all. I thought that if I created a tutorial it would help people ion this situation to understand these basics of animation and how easy it really is once you spend some time with the piece of software you use whether it’s Macromedia MX Flash or something else, I use ImageReady, part of Adobe Photoshop and is very useful for animating. I wrote this tutorial for beginners wanting to learn the basics of Animation. It will hopefully help you with the wide variety of key features when using ImageReady for animating. Below are 2 basic key things in which are essential for you to know for Animating. They should tell you what each term means and what can be achieved using them.

Frames - Frames are the main things you need when animating, they represent each step of an animation and can be used to create various effects. One Animation contains many frames, allowing it to change from image to another. Each frame consists of a picture and can be combined with another frame to animate a switching between 2 pictures.

Motion Tweening - Motion Tweening is a valuable technique also when it comes to animating. It allows to automatically move, transform or add another effect on an image. When 2 frames are motion tweened it uses the amount of frames you input to create a moving picture, this then creates the effect you want. The more frames you have in an animation determines how precise the animation it, whereas if you have less frames it will be pretty basic and simple. Finding the motion tween in ImageReady button is easy to find, it looks like 3 circles and appears next to the new frame in the animation toolbar. If for some reason the animation toolbar isn't there, then going to window>Animation should bring it back up.

When creating animations, effects can be created by using the motion tween. Say if you wish to fade an image out, then it is a useful effect. This can be done by creating a new frame then selecting the new frame. Then setting the layer with your image you want to fade out to 0 opacity. Then by clicking the motion tween button you can set the amount of frames you want (remember the more frames the more precise it will be). Once you have done this you can click ok, and then press play to view your animation. Other effects like moving an image and transformation can be done as well with just abit of experimenting and using the motion tween.

The best way to learn animation is to experiment with your own methods and eventually with abit of practice, you can get better. I hope this tutorial helped you in all ways possible to allow for you to understand some of the basics when animating.
Have Fun and thank you for reading,
Jake (aka Burgin).

 

 

 


Reply

quinciest
thanks for your information it's useful
smile.gif

Reply

Mandi
Thank you that's helpful !

Reply

iGuest
where we can get this animation course coaching ??? how much it will cost??
The Very Basics Of Animation

Where we can get this animation course coaching ??? how much it will cost??

How will be the future in this course?? what is the duration of the course??

avinashvadapalli at gmail

-avinash

Reply

iGuest
how to get free education in the basic of animation
The Very Basics Of Animation

Dear,

I am interested to know about the animation ,I want to know about from where I can get the basic knowledge of animation free of cost



-reply by sudeep jain

Reply

Silenzo
wow thnxs a lot. Actually helped and cleared my head!

Reply

FirefoxRocks
Your tutorial does explain the basics of animation, however you did mention expensive programs like Macromedia MX Flash and Adobe software. I was wondering if there was a free alternative to these types of software (Linux compatible would be best, however I can use Windows).

This would be really helpful in explaining what animation is and the different parts of it.

Reply

skedad
I began playing with animation with an old SNES game Mario Paint. Unlike sitting and redrawing over and over again like when I was young, it taught me how to do slight image changes. Ok, so that was something non PC I used to do.

When I first used PC animation, I used Gif Animator... it was a Ulead product. I think they still use it, but I don't know if it is freeware or not. The nice thing about freeware and shareware, is that there will usually be a program out there... it just might be hard to find, or maybe it just might not come with a lot of options. But it never hurts to check around.

Now I use Macromedia Flash and Adobe Imageready... I was lucky enough to have copies of each, but I also worked in the industry, and when I went back to school, I had educational versions... Sometimes, it takes a little experimenting.

And if you are really bored, then go ahead and Walt Disney a few pages with a pencil!

Reply

Musallio :-)
I like this topic alot.

Thanks for taking the time to share with us.
I use another program called "Photoscape" for my animations.

I read a number of posts here requesting for free animation resources.
Well, you guys will be happy to learn that "Photoscape" can be downloaded free of charge and used immediately cool.gif
You can download it here:

http://www.photoscape.org/ps/main/download.php (approx. 10.3MB)

Now there are a whole lot of things you can do on Photoscape, & make animated pictures is one of them.

How?

Step1:

Open/ Launch Photoscape.

Step 2:

Click on the Batch Editor tab.

Step 3:

You need to select all the pictures that you want to include in the animation.
You do this by clicking on the "ADD" button.
Alternatively (recommended!!), you can click on the location of the picture from the top left hand side of the screen & select your picture.

Step 4:

If you used the alternative method (recommended), you will see in the center of the page that it says drop picture here..so follow the instruction & the picture will be in the center & its name will appear on the top, white panel.

If you use the other otpion (not recommended), then below are the instructions.
A new stand-alone window pops up. Now select all the pictures you want from their respective locations & click "OK" when done.
NB: Read instructions at bottom of that stand-alone window on how to select multiple pictures wink.gif

At this point, all the pictures you selected should appear in the batch editor space.

Step 5:

Select a picture you want to edit on the top..
Upon clicking on that picture, it should appear in the main space in the center of the page.
To edit the picture, use the tools on the Right hand side of the page.

Step 6:

Use the slide show effects as well.. define the transition effects. These will determine how the pictures transition.
Also define the time period you want each picture to appear for. But you can always edit the times for the individual or multiple pictures at any time you so wish to do.

Step 7:

If you are happy with your work and want to view the work before saving (by clicking on the player). you may then click on "Config. Save" to save you animated image..

The image will save as a gif file.

Now open the image on any viewer & see what happens mellow.gif

I hope you love it biggrin.gif cool.gif

The key is in exploring in all the features..
I came across it by accident & used it to make some "videos" immediately & plan to use it more often when I get time & more pics & projects to work on..


My next tutorial will also feature around Photoscape..
I am currently completing the CPA qualifications now & am very pressed for time..
SO please do remind me to do a tutorial on making banners suing this nice resource. wink.gif

 

 

 


Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Recent Queries:-
  1. photoscape tutorials - 9.49 hr back. (1)
  2. photoshop motion tween - 11.97 hr back. (1)
  3. i want learn animation from basic - 22.24 hr back. (2)
  4. basic animation - 24.89 hr back. (1)
  5. basics of animation - 18.26 hr back. (3)
  6. animation basics - 4.89 hr back. (6)
  7. photoscape instrutions - 63.63 hr back. (1)
  8. the basics of animation - 63.93 hr back. (3)
  9. animation basics learn - 67.36 hr back. (1)
  10. animation (basic instructions) - 68.15 hr back. (1)
  11. image hr animation - 95.15 hr back. (1)
  12. basics of graphic animation - 95.83 hr back. (1)
  13. basics in animation - 96.85 hr back. (1)
  14. photoscape opacity - 117.75 hr back. (1)
Similar Topics

Keywords : basics, animation

  1. Create An Animation With Powerpoint
    (1)
  2. Creating A Blur Animation
    Using photoshop and Flash (5)
    Alrighty, Someone had some interest in this sig i created where a window slides back and forth
    showing a clear part of a blurred picture. So i figured i would make a tutorial out of it. We
    start off in photoshop. Create a new blank picture thats 500x100. Next add whatever you would like
    to the canvas.. this is the picture i will be using: Now that you have you picture ready, save
    it as a jpeg, and call it clear. Now that you have saved that, in photoshop go to
    image>adjustments>desaturate. This will make your image black and white. Once you have done that,
    go t....
  3. How To Use Pivot
    The stickfig animation maker (16)
    Hey Guys and Gals I wanted to show everyone Pivot. What is pivot you may be asking well its a
    stickfig animation maker . Not many have heard of it so ill instruct you on how to use it and where
    to get it. Where to get Pivot You can get pivot here: Pivot Now download it and install it.
    Now that you have it installed it load it and you'll see a screen like the one below: Now
    what you may be asking. You see the little red circles click on one and drag it to the right. It
    moves amazingly. Now click Next Fram and now your screen should look sort of like this....

    1. Looking for basics, animation

Searching Video's for basics, animation
advertisement




The Very Basics Of Animation



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE