Require very basic, very general tutorial...

A place for tutorials on how to get the most out of Flash

Require very basic, very general tutorial...

Postby dollspit » Sat Jan 09, 2010 9:34 pm

I'm currently using CS4 to fool around with the Legend of Krystal.fla, but I'm very much incompetent when it comes to flash.

I have poked around here and there but I'm not at all familiar with how Flash CS4 works. If someone would post a quick "How To", I'd be very grateful.
I think the tutorial should only have to cover a handful of points. Such as:

How to add character data (symbols) to a new project.
How to (very basically) start tweening/add keyframes.
How to add/sync sound effects to an animation.
How to hand animate (e.g. a load of jizz flying across the room)

Just a simple starter tutorial would suffice. Not a step by step, per se... Really just how to get started on these subjects. I'm quite familiar with keyframes and tweening on a conceptual level, but starting it up is a different story.

These are things I'd personally like to know and I think any amateur who wants to get involved with this project would like to know these things as well. This seems like pretty basic stuff but I can't for the life of me figure out how to get it started. I'm getting discouraged every time I take a crack at it and I'm willing to bet other are too. Hopefully someone will help us n00bs out... :|
BTW, I'm the resident wannabe. :\
Image<==Source
User avatar
dollspit
 
Joined: Fri Jan 08, 2010 7:49 pm

Re: Require very basic, very general tutorial...

Postby Renara » Sun Jan 10, 2010 1:07 am

Okay, I'll try to describe some of these as best I can, PlayShapes has already posted some very useful stuff to the paws.ru thread, and you can view his post(s) here, and here.

Now, one of the things I've done for my v0.2 is structure the library using folders to hopefully sort things out a little bit, but I'm not ready to upload that yet, so I'll try to describe as well as I can.

How to add character data (symbols) to a new project.
Included in the original file, and an idea I intend to keep to strongly, is the use of character "templates". The names for these differ slightly, but if you search for template, or for character, then you will hopefully find what you need.
Double-click to open one of these, from here the easiest way is to select the first frame on every layer (you can do this by clicking to select the first frame of the top layer in the timeline, then scroll down to the bottom and shift-click the first-frame of the bottom layer).
Now, right-click on the selection, and choose "copy frames". Go into the symbol you want to add the character to, and select a frame in a blank layer (create a blank layer if you don't have one), then simply choose "paste frames", this will rename and create new layers to fit everything you copied, and thereby add the character to the scene, ready to animate!

How to (very basically) start tweening/add keyframes.
Tweening is nice and simple. In general it is probably best to tween everything to start with; Flash is fairly good at detecting tweens that don't do anything and optimising the animation for you, but in future you may want to tween more carefully so that the time-line is a bit "cleaner". To create a tween you just create a keyframe (a frame with a dot in it, you can select it and right-click, or just select and hit F6 to convert to keyframe). Once you have a keyframe for the start of your tween, right-click and choose "Create classic tween", you now have a tween!
If there are no more keyframes for that layer, then the tween will appear as a series of dots, indicating that nothing will happen, whereas if there is a keyframe, then an arrow appears to show that you will tween from something (first keyframe) to something else (second keyframe).
Assuming you don't have a second keyframe yet, I find the easiest way to create one is to click somewhere in the timeline where you want the new pose, and just click and drag the symbol (arm, leg, whatever) as Flash will insert the keyframe for you.

Some notes; if you want to extend an action, just pick somewhere in the middle of the tween, and hit F5 a few times to insert a new normal frame. Select the same frame on all layers (as mentioned in the adding character data bit) and you can insert new frames to all layers at the same time (otherwise parts would got out of sync).

Refer to existing animations if you're still having trouble, just click around on the various keyframes and observe what's there, Flash will highlight body parts if you select a keyframe that affects them, so you can easily see what parts of the timeline represent what parts of an animation, and how they've been constructed. In general if you're creating a new sequence you will want to do large movements first, for example moving an arm from the characters side to pointing up into the sky, then add more keyframes in anywhere that the animation looks wonky (for example if the hand appears to detach from the arm, or rotates strangely). The arms and head are the main problem areas for Krystal in this regard.

How to add/sync sound effects to an animation.
Sounds are pretty easy actually. I find the best way is to add some extra layers, for example one for sound-effects (splats/whatever), and one for voice (moans), and just insert a keyframe whenever you want the sound to begin. Now just select that frame, and in the properties window there should be an option where you can select the sound to play. Flash will then display the sound's waveform in the timeline, so you can see where the sound will end, where it will be at its loudest etc so you can tweak it.

The effects option on the properties window will also allow you to place the sound on the left or right channel, and add some basic fades. It's worth taking the time to add these where relevant, so that sounds from characters on the right side of the screen appear to come from the right and such.

How to hand animate (e.g. a load of jizz flying across the room)
I've been using PlayShapes' method for this. Again you're best to create dedicated layers for these effects. Insert a keyframe, select the brush tool, and set the colour to white, then draw your first frame of the effect. Now go to the next frame, make it a keyframe too. Now, look at the bottom of the timeline window; there are some little icons, one of these is the onion skin button, this shows previous and/or future frames as partially transparent, allowing you to see the frame you've just drawn. The frames you see are controlled by a new little widget that appears at the top of the red bar indicating current frame, use the little circle "handles" to restrict the selection, I usually only show the current frame plus one previous frame except when going for certain effects. It should now be fairly easy to draw your effects stage by stage; don't worry about being too accurate to the previous frame, since you're animating a mess it doesn't matter if it's messy!

One important thing to note is; don't keep animating it for too long! Generally a single "spurt" for a gooey effect shouldn't be longer than maybe 10 frames, after this none of it should be moving. Things are made interesting when you have several spurts of various strength, e.g - a strong one to start, then one or two weaker ones. Use a different layer for each so you don't have to re-draw previous frames, and do them one at a time. The hand-job sequence is the most complete animation for the Krystal arc in the original file, and it is a great reference to try and refer to and emulate in terms of the standard.


Now, I'm sorry that I tend to get a bit wordy, but hopefully some of this helps!
Renara (team twitter | newgrounds)
Team Lead Programmer
Lok Team Member
Site Administrator
User avatar
Renara
Foxy Admin
 
Joined: Fri Jan 08, 2010 4:16 pm

Re: Require very basic, very general tutorial...

Postby -QQ- » Sun Jan 10, 2010 1:27 am

I would make a note on the sound because from the bit of messing around and me just trying to finish a version where there is sound more throughout the game i found out that if you stream the sound you will revive a little bit of lag when playing through that sound during game play so even though it isn't the most accurate you might have to try and sync it up using event for your sound Que.
Rule 34 killing your childhood since the dawn of porn.
User avatar
-QQ-
 
Joined: Sat Jan 09, 2010 5:40 pm
Location: in your closet watching you

Re: Require very basic, very general tutorial...

Postby dollspit » Sun Jan 10, 2010 5:21 am

Renara Wrote:Okay, I'll try to describe some of these as best I can...

This is great, Renara! Exactly what I've been looking for! I'm gonna give it a shot.

Maybe at some point we can establish an "Overall Beginners Guide" that can be edited as time goes on? Maybe eventually adding specific stuff like the Bone Tool and Action Scripting? Just throwing that out there.
BTW, I'm the resident wannabe. :\
Image<==Source
User avatar
dollspit
 
Joined: Fri Jan 08, 2010 7:49 pm

Re: Require very basic, very general tutorial...

Postby Renara » Sun Jan 10, 2010 1:26 pm

I've actually no idea how the bone tool works, not sure how much it'd benefit us on this project? I suppose if it's the same as bones in 3d it could be pretty handy for the awkward parts like arms and legs which don't tween well for large or complicated movements without a load of fiddling.
Renara (team twitter | newgrounds)
Team Lead Programmer
Lok Team Member
Site Administrator
User avatar
Renara
Foxy Admin
 
Joined: Fri Jan 08, 2010 4:16 pm

Re: Require very basic, very general tutorial...

Postby -QQ- » Sun Jan 10, 2010 5:32 pm

For what were doing we should all use the bone tool if possible it would infinitely help us after we get the characters set up and would reduce the amount of tweening needed but i'm the same boat as you renara i haven't used the bone tool. All I know is that you use it in a similar way to the way 3d bones work, but im not to sure how it works entirely. It is something to look at and I guess I'll look into it for everyone because i have a few resources others might not.
Rule 34 killing your childhood since the dawn of porn.
User avatar
-QQ-
 
Joined: Sat Jan 09, 2010 5:40 pm
Location: in your closet watching you

Re: Require very basic, very general tutorial...

Postby Renara » Sun Jan 10, 2010 11:35 pm

It might be a good first item for v0.3 then; since I plan to upgrade the action-script into a "proper" game-engine type thing, it would make sense to do upgrades of character templates etc. too, using bones as you say, then use these for a smattering of new animations. Also needed are probably new body parts for some characters (for example, the sharp-claw warriors all-in-one arm is a bit tricky to animate, so two separate parts would be useful), and transformation points are a bit off on some parts. A lot are minor things when it comes down to it, but if upgraded can allow for even easier/more-precise animation.
Renara (team twitter | newgrounds)
Team Lead Programmer
Lok Team Member
Site Administrator
User avatar
Renara
Foxy Admin
 
Joined: Fri Jan 08, 2010 4:16 pm

Re: Require very basic, very general tutorial...

Postby Crossbow1701 » Sun Mar 14, 2010 7:38 am

want to know if i have a image can i take a part of the image and make a character template from it?
User avatar
Crossbow1701
 
Joined: Mon Jan 25, 2010 3:22 am


Return to Tutorials



Who is online

Users browsing this forum: No registered users