Art: EasyToon animation Tips and Tutorials
 
View testimonialsView Artwork
Page 1 of 2 1 2 LastLast
Results 1 to 30 of 43
  1. #1
    Join Date
    Jun 2005
    Location
    Where do you live ?
    Posts
    386
    Thanks
    0
    Thanked 5 Times in 4 Posts
    Follows
    0
    Following
    0

    EasyToon animation Tips and Tutorials

    Hello This is the first tutorial I will be doing Hopefully it turns out to be helpful.

    The program is Easytoon http://www.superfundungeonrun.com/easytoon/ it is free it is simle, and what it allows is the ablity to make simple 2d animations in black and white. The tools are as simple as the program, but I believe we all know that something simple is not to be looked down upon.

    So getting started.

    Small is not bad the default size is 160 by 120. Yes that is small but there is a handy dandy zoom function. I started my first easytoon animation at that size but seeing int three times larger makes for a large amount of detail in a small area. For a rough estimate it is EasyToon animation Tips and Tutorials this large.

    The use of the program: All tool bars can be moved. This can let you zoom in to three times and see all of the image. no need to scroll.

    The display: this is your work area easy enough layout.
    EasyToon animation Tips and Tutorials
    Ta da

    The tools
    EasyToon animation Tips and TutorialsStandard tool set
    Selection: Rectangular selection tool.
    Pencil: Uses with width selector Right click Black left click white.
    Note: it is not effected by the Shade selector
    Line tool: Makes lines of the chosen width
    Line segment tool: Click and drag, a line is created. Click again another line, so on and so forth until you double click.
    Empty rectangle: uses width
    Filled rectangle: uses width and Fill colors.
    Empty Circle: uses width as well
    Filled Circle: Width and fill colors are used.

    Simple enough lets continue
    EasyToon animation Tips and Tutorials
    Width selection: Left click: pen Right Click Eraser: Width can be much higher for the eraser than the pen

    EasyToon animation Tips and Tutorials
    The tones : Are only for use with the fill tool and the filled shapes.

    EasyToon animation Tips and Tutorials
    Shadow Display: These will turn off and on the shadows that are left behind and remnant of frames you have drawn. The shadows left behind are helpful but sometimes get in the way if you need to go back.

    EasyToon animation Tips and Tutorials Selection Scaling: This is used in direct corilation with the selection tool The corners of the selection depending on which of these you choose will alter the image in different ways when you click and drag. 1st: Free form 2nd: is to scale 3rd: is rotation and 4th: This will allow you to move the corners to shape a four sided polygon.

    EasyToon animation Tips and Tutorials
    Loop Selection: Select what frame to what frame and you can view the looped selection of your animation.


    EasyToon animation Tips and Tutorials
    Frame selection and Frame alterations: The frame selectors are just that you can look from frame to frame. The first of the filpstrip tools. One is insert frame: it pushes the current frame forward inserting a blank frame. Then delete frame: This will remove a frame outright. The last is clear frame erasing but leaving behind an empty frame. Use at your own discretion.

    EasyToon animation Tips and Tutorials
    Frame Duration: The duration is very important: What it is, is the pause between frames. When you first make an animation and press play without changing durations it will be very slow. In the "View" tool bar look at the animation properties and you will see 20. Changing this number changes the delay between all frames so it does not have to be done for each individual time. We will -hopefully- come back to this.

    EasyToon animation Tips and Tutorials
    Film navigation: If you have used a CD player you will know how to use this.


    Alright Wow that is the basics of the tools, I will be getting to more meaty situations that hopefully I know or can exspress. I will be updating this later tonight in a good situation. I will be making matirial for this thread hopefully I can do animations justice.

    sly

    Reply With Quote Reply With Quote


  2. Hide this ad by registering as a member
  3. #2
    Join Date
    Jun 2005
    Location
    Where do you live ?
    Posts
    386
    Thanks
    0
    Thanked 5 Times in 4 Posts
    Follows
    0
    Following
    0

    Animation and some Properties.

    The first part: The simple animations can easily be considered studies.
    The ball bounces side to side. Take gravity sideways and the ball bounces against the wall

    The bounce
    EasyToon animation Tips and Tutorials
    My take on animations, or my habits, Tend to make me make my actions in frames of three. What I mean is by nature I break the animation into parts when actions are happening The ball starts falling: 3 frames
    The ball is falling: 3 frames of the ball falling
    The ball bounces: 3 frames, ball hits ground moves up
    The ball slows: 3 frames before stopping
    The ball starts falling again: I think you get it by now.

    The Duration of the overall animation is 7. This makes it fast and pretty fluid given good frames, more frames mean it is important to think ahead. At first the ball falls and in the fall the 5th frame is at a duration of 6 to make it move faster. When the ball comes back to the top of the first bounce The duration is increased to 10 to make the pause of the ball coming back believable. The fall animation from there on did not use this but the ball coming back on the second bounce is 10 and the third is 12. The creation of motion is easy because simple images are made interesting through the changes in position, motion

    This ball in this version is simple but...
    It does not alter and you will see that the ball stays static. It moves steadily but looks mabey a bit off and boring.

    Warp
    EasyToon animation Tips and Tutorials
    After motion there are dynamics of the actions. Emphasizing actions to make it look like it may be natural although exagerated. In this case slendering the ball during the first fall when it is moving fastest at the 5th frame and th frame, then when the ball hits it squeezes just a little against the wall before bouncing off again. The following bounces are not as extreme, there fore are not exagerated. If this was the end of the animation letting the ball stay on frame is not quite "natural"...

    The polish
    EasyToon animation Tips and Tutorials
    The ball would roll only slightly. But it would roll. The final frame is then paused for the end.

    The continuation.
    EasyToon animation Tips and Tutorials
    The Ball is not done. It moves down it is tired of moving in one direction. It falls down and bounces to the side. In this case when the bounce happens the ball is not left on the ground it stays in motion. The action of the ball is constant so leaving it on the ground before making it move to the side slows down the ball and to me it may or may not be the thing to do.The one part of this sequence I did not like was when it was rolling to the side I feel I drew it out too much. Making longer than it had to be.

    The fun stuff.
    EasyToon animation Tips and Tutorials
    Making motion interesting with a simple subject comes from imagination and practical techniqes. There are two examples of motion here are using the select and free form tools to stretch the ball into a different locaiton. It is simple but if it could be apllied to a fast character or whatever. The second is another way to show a very fast movent. I made this my own when I was animating something 2 or 3 year ago. It was all done in black and white siloettes So when I did this I made fast movements from one thing to the next The start and finish frame of the action and a black siloette conecting the two. Me and other viewers could see the motion siloette disolve while putting together what was happening. In this case the ball moves from one place to the other in a single frame. The movement then created is in the after effect of the ball staying still to let the disolving happen. Before the after image can finish disolving the ball moves again making for the illusion of very quick speed. Applications of this can be, like in my first use, with characters who are supernaturally fast. Not using silloettes but the inbetween images of line work can be used to show motions and then having then disolve as well.

    The ability to tell a story through an animation without sound is hard. And this program does not allow sounds, it makes GIFs, and from start to finish You as the animator are the director. Technicals can take you so far when animating They give you ground work that gives you a tool to create. I am not a master of any of this But I have had experience. As I was told observing ordinay actions in every day life for animating humanesc charaters is a great way to study. Today taking a walk, I concentrates on what comes so natural to all of us, Walking. The ability to break down motion no matter how complicated will allow for You to do as you please.

    I will post the finished animation some of you may have seen alreay and try to break it down. As you all can see I have a tendency to ramble ALOT but If it could be helpfull I will do it soon, mabey tonight.

    sly

    Reply With Quote Reply With Quote

  4. #3
    Join Date
    Jun 2005
    Location
    Where do you live ?
    Posts
    386
    Thanks
    0
    Thanked 5 Times in 4 Posts
    Follows
    0
    Following
    0

    The Breakdown.

    EasyToon animation Tips and Tutorials

    People have already seen this. But it demonstrates the properties of what the ball was doing. From the start of the animation things changed in 5 frames from the original Idea. I wanted the camera to pan around the characters. That changed real fast but I gave a motion to "Quick" in the 3rd frame and I went 300 or so frames later to make it what it was. The action that made me continue at that point was the running.

    The run: Over all: I had never made a beliveable run before but I made this hyper extended run of him booking it.

    Three frames: From when his foot first touches ground to the next step. The break down was natural, mabey even lucky.

    Duration: The overall animation was done before I knew I could change the duration so every frame duration was hand done. I clicked a lot. This also let me customize the action for how the action flows.

    I did not think I could keep that up long so when I saw the opportunity I made him turn and crouch when I could.

    The hand spring:

    Overall: The back hand springs are a continuation of the momentum created from running. The crouch for the build up of the power in his leap. The weight of the character moving and carrying him the direction he needed to go after becoming air born and returning to the crouch for an opposite building of power.

    Three frames
    : In this case the turning around to crouch 3 frames. The spring carried him out and from there I did not per say, throw it out the window, but the acitions required more than three frames to remain constant and simi belivable.

    Duration: I slowed him down to build power in the jump. The constant duration of the animation for the most part is 7. I changed it to 10 then 9 when he bent down to crouch.

    Knee to the uppercut:

    Overall: Not terribly pleased but I ended up liking it. This is the first real cut to change the view of the action. A power build to a knee to "Power's" nose. This was when I desided to show him getting hurt. It is fast and a little bewildering, but from there (it gets a little confusing) i put the camera behind Power and showed him rearing up for an uppercut. It was not terribly clean when I did it but Oh well live and let live. I built power in his hit by exagerating the motions of a leaping uppercut ( or I play bunches of Street fighter WHATEVER). From there the cuts were many and they were actionably what confused most of the action for me.

    Three frames: Three changes to four in some cases and this is so it is a little smoother. The Leaping knee is 4 frames to contact. The face cut is 3 frames. From then on it is Quick jumping off of Power when he is preparing to uppercut him. From then on it is about letting power build and release not about constant motions.

    Durations
    : The pauses are before power and the speedier moments are during power. After hits are made pauses are again used to make impacts feel like impacts.

    Direction: Cuts were used to put thing in different perspective to emphasize what I wanted made closer to being known. The face shot, behind shot, wide shot, and ultimately the shot behind his foot. The uppercut's hit and the foot are my favorites about these actions.

    CQC, Close Quarters Combat:

    This is hard to break down. By now I have preached my methods but this is me when I have ABSOLUTELY no Idea what I want to happen. This flowed naturally from frame to frame. When I had Ideas I betrayed them for other better Ideas that came from what was happening. This was slowed down so sense could be made of it. Breakdown of this part Is hard. But I do semi Like what came of it. If I could polish anything spesificly This would be one of those times.

    The slam: This leads into Trying to make sure everything stayed moveing. In retrospect I would not mind putting little breaks but the actions of this I like. This was energy being transfered after Quick is tossed against him. Power "flys" and slams him into a wall. These things Were not very well represented in ways. Again This I would extend to make this more recognizeable for what it is.

    The Evasion
    : By far for me, This made the entire animation worth it. Quick motion with a large sequence with "Quick". Constantly moving with the action IN YA FACE... Im sorry it wont happen again. The principals already discussed helped make this but the need to have this done and done well was not hard when I saw the first 6 or 7 frames in action. This drove me to complete it.

    The rest
    : From there 1 or 2 days past before I touched it again and the flows changed. Discution about further about this animation are some of the parts that Were a challenge some parts came out smooth others definately not. Quick is hit after evading for so long, rolls down a hill, power prepares another blast, misses, and gets kicked in the stomach, Quick, shown from the perspective of the ground lands, runs, and then it cuts to power. Power Throws up blood and gets kneed in the face. This was confusing for my bro and got confusing for me as well. Quick plants on hand on the ground and Rams his heal into Power's throat. You cant tell in motion ( mabey you can) but the blood says the end.

    Well that is it if there is anything I can add I will. The stability of Easytoon is very nice. It does not crash very much if at all. There are a few bugs and if you think you need to know ask and Ill post the ones I have found. Otherwise I hope that this was helpful I would not mind if anyone wanted to give me pointers they have not already given me. Thanks for stopping by, and sorry for the Ranting.

    sly

    Reply With Quote Reply With Quote

  5. #4
    Join Date
    May 2005
    Posts
    4,914
    Thanks
    0
    Thanked 28 Times in 21 Posts
    Follows
    0
    Following
    0
    Thanks man! That rocks, i'm afraid for my first animation I didn't follow the tutorial, but i'll read it soon, here it is, 5 mns or so

    EasyToon animation Tips and Tutorials

    Reply With Quote Reply With Quote

  6. #5
    Join Date
    Jun 2005
    Location
    Where do you live ?
    Posts
    386
    Thanks
    0
    Thanked 5 Times in 4 Posts
    Follows
    0
    Following
    0

    If this was helpful...

    If you would like to add some input feel free to PM. Thanks for coming by.

    If new information or uses of the program come up, I will update the thread.
    And lastly, if I learn what I am actually supposed to be doing, and not just winging, it I will let it be known.

    Enjoy your animations and I'll see you all in the forums,
    Sly's Hand

    Reply With Quote Reply With Quote

  7. #6
    Join Date
    Jun 2005
    Location
    Seattle
    Posts
    1,145
    Thanks
    101
    Thanked 25 Times in 20 Posts
    Follows
    0
    Following
    0
    Definitely a sweet animation program. So simple, yet its fun to see what you can do with such limited tools. (eg..No layers) :0



    A test or two:
    EasyToon animation Tips and Tutorials

    TUNAFISH SAMMICHES?!
    Reply With Quote Reply With Quote

  8. #7
    Join Date
    Sep 2006
    Posts
    1,712
    Thanks
    103
    Thanked 171 Times in 153 Posts
    Follows
    0
    Following
    0
    AAAAAAAAAAAAAtchuuuuuuuuuuuuuus!!!

    EasyToon animation Tips and Tutorials

    Reply With Quote Reply With Quote

  9. #8
    Join Date
    Nov 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    Reply With Quote Reply With Quote

  10. #9
    Join Date
    Nov 2006
    Location
    Still in Florida
    Posts
    410
    Thanks
    0
    Thanked 3 Times in 3 Posts
    Follows
    0
    Following
    0
    this is my perspective contribution.

    TheRoad

    Transition from Art Critic to Artiste - Diligence, that's all I need.
    Reply With Quote Reply With Quote

  11. #10
    Join Date
    Sep 2005
    Location
    Florida
    Posts
    2,304
    Thanks
    1,018
    Thanked 112 Times in 93 Posts
    Follows
    0
    Following
    0
    lol thanks for posting this, ill have to try this out later

    Reply With Quote Reply With Quote

  12. #11
    Join Date
    Jan 2007
    Location
    USA
    Posts
    191
    Thanks
    0
    Thanked 4 Times in 4 Posts
    Follows
    0
    Following
    0
    thanks for this!!!

    Reply With Quote Reply With Quote

  13. #12
    Join Date
    Feb 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    EasyToon animation Tips and Tutorials

    LOOKIE!! MY FIRST ATTEMP!! X3

    Reply With Quote Reply With Quote

  14. #13
    Join Date
    Mar 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    this is a really cool program i liked it alot!
    heres something i did
    EasyToon animation Tips and Tutorials

    Reply With Quote Reply With Quote

  15. #14
    Join Date
    Aug 2006
    Location
    Stuttgart, Germany
    Posts
    96
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    haha... a very good program... and its free.
    this is what i make. i hope you like it
    EasyToon animation Tips and Tutorials............... EasyToon animation Tips and Tutorials............... EasyToon animation Tips and Tutorials

    do any know if this program have shortcuts?

    Reply With Quote Reply With Quote

  16. #15
    Join Date
    Apr 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    EasyToon animation Tips and Tutorials

    I made an exploding can
    And I second the shortcuts request :o
    They'd be really handy

    Reply With Quote Reply With Quote

  17. #16
    Join Date
    Nov 2006
    Posts
    267
    Thanks
    1
    Thanked 31 Times in 25 Posts
    Follows
    0
    Following
    0
    Reply With Quote Reply With Quote

  18. #17
    Join Date
    May 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0

    question...

    how do i post my animations online?

    Reply With Quote Reply With Quote

  19. #18
    Join Date
    Aug 2006
    Location
    Stuttgart, Germany
    Posts
    96
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    hi,
    i have practice some day... and this is the result:

    EasyToon animation Tips and Tutorials ..............................EasyToon animation Tips and Tutorials..............................EasyToon animation Tips and Tutorials

    PS:Quake for ever!!^^

    Reply With Quote Reply With Quote

  20. #19
    Join Date
    Jun 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    Okay, here we go. First try in Easytoon.

    First I did this: EasyToon animation Tips and Tutorials

    Then this: EasyToon animation Tips and Tutorials

    Which progressed to this: EasyToon animation Tips and Tutorials

    And Now my 4th Try: EasyToon animation Tips and Tutorials

    For some reason I can't change the duration of the frames even though I'm telling it to. Any suggestions?

    Reply With Quote Reply With Quote

  21. #20
    Join Date
    Jun 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    Nice work people.
    it is a cool program and easy to work with.
    here is same of the staff i made....
    EasyToon animation Tips and Tutorials
    EasyToon animation Tips and Tutorials
    EasyToon animation Tips and Tutorials

    Reply With Quote Reply With Quote

  22. #21
    Join Date
    Apr 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    Neat program, I can already tell I'm going to waste many long hours messing around with it! Well here's my first attempt (feel free to ignore the name at the end, I was kidding around with my friend) ^^;

    EasyToon animation Tips and Tutorials

    Reply With Quote Reply With Quote

  23. #22
    Join Date
    Jun 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0

    Alright 4th day with easy toon

    This is my forth day with easy toon, here are my best animations.

    EasyToon animation Tips and Tutorials

    and my second...

    EasyToon animation Tips and Tutorials

    Reply With Quote Reply With Quote

  24. #23
    Join Date
    Jun 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    Quote Originally Posted by JoPiss View Post
    This is my forth day with easy toon, here are my best animations.

    EasyToon animation Tips and Tutorials

    and my second...

    EasyToon animation Tips and Tutorials

    NEW!


    EasyToon animation Tips and Tutorials

    Reply With Quote Reply With Quote

  25. #24
    Join Date
    Jun 2007
    Posts
    32
    Thanks
    0
    Thanked 1 Time in 1 Post
    Follows
    0
    Following
    0
    I'm having a problem with my animation, its playing backwards unless I'm doing something wrong

    moving the wrong way
    EasyToon animation Tips and Tutorials

    Reply With Quote Reply With Quote

  26. #25
    Join Date
    Mar 2007
    Posts
    78
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Follows
    0
    Following
    0
    I'm sure you guys have heard of Macromedia Flash!

    Works wonders.

    Reply With Quote Reply With Quote

  27. #26
    Join Date
    Jun 2006
    Posts
    118
    Thanks
    15
    Thanked 4 Times in 4 Posts
    Follows
    0
    Following
    0
    Quote Originally Posted by Shpow.Iain View Post
    I'm sure you guys have heard of Macromedia Flash!

    Works wonders.
    True, but this is just super fun ♥ Plus it's quick and easy to use.

    Reply With Quote Reply With Quote

  28. #27
    Join Date
    Apr 2007
    Location
    Sweden
    Posts
    1,185
    Thanks
    59
    Thanked 114 Times in 88 Posts
    Follows
    0
    Following
    0
    Perfect to make "paint" animations in!

    Reply With Quote Reply With Quote

  29. #28
    Join Date
    Jul 2007
    Location
    Sweden
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    Ohhhh..Thanks for the tutorial! Soo easy to use, and still the animations is sooo cool.
    Helps me really much to practise my animation skills!

    Reply With Quote Reply With Quote

  30. #29
    Join Date
    Dec 2006
    Location
    Israel
    Posts
    35
    Thanks
    0
    Thanked 1 Time in 1 Post
    Follows
    0
    Following
    0
    WOOOWW guys and girls

    this movie things are incredible
    really really nice stuff

    keep up the great work

    O and Pkmays
    dude that manga stile animation is wikeed
    love to send u an e-mail or somthing

    and sly's hand you to totally wiked ausom animation

    love to learn some more from u guys
    good day
    mo-ja

    Reply With Quote Reply With Quote

  31. #30
    Join Date
    Aug 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    how come the movies go backwards? It messed everything up!!!!!

    Reply With Quote Reply With Quote

Page 1 of 2 1 2 LastLast

Members who have read this thread: 0

There are no members to list at the moment.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
  • 424,149 Artists
  • 3,599,276 Artist Posts
  • 32,941 Sketchbooks
  • 54 New Art Jobs
Art Workshop Discount Inside
Register

Developed Actively by vBSocial.com
The Art Department
SpringOfSea's Sketchbook