HOME | DD
Crevist — Advice: Flash Tutorial List
Published: 2010-02-24 00:56:38 +0000 UTC; Views: 113799; Favourites: 941; Downloads: 1096
Redirect to original
Description
Related ContentRecommended Tools:
-wacom tablet or something similar(for animating or just for digital art)
-recording software(if you have none and don't have the money to buy some go to the link here
-microphone(if you intend on recording voices or sounds)
most of these you can pick up at a Best buy,future shop or any other store that carries electronics.
DA Clubs and flash Communities
Some Flash clubs and Communities to join meet people,learn and improve.
Converting flash into a video file for Deviant art or Youtube(Turning your SWF file into avi)
Swivel is a free program that you can download to convert your animations. Successfully transfers over your audio as well and any actionscript you use to trigger the next scene or if you are using a v-cam for different shots in your animation. This is only used for animation publishing however you can go into the manual of the program to try and get the aspects you want to be interactive.
Kirupa
-another good website that covers the basics of flash and more advanced tutorials for web related purposes
Flash Explained
-Nice website to learn the basic tools of flash as well as making menus,banners,galleries, etc. Also holds allot of other useful links and tutorials with actionscript included.
BestFlashanimationsite -its an ok site with allot of different step by step tutorials
hotscripts -mostly for those who are into the coding aspect of flash and other web related coding
Newgrounds -nice comminuity with a wide range of flash from animation to games. Allot of different topics to join ranging from flash animation to coding and even art.
Flashkit - decent website though its a bit outdated you can find allot of tutorials(2.0 coding mostly) as well as sounds to download.
Animation World Network -mostly for information but there are allot of talented people who post in the forum to get tips and advice.
Index
1. user created tutorial pages
2. animation
3.coding
4. Books and other suggestions
#1 User Created Pages
Here is a list of tutorials I helped throw together a while ago
This link contains . . .
-creating a video camera for zooming,panning, and fades rather than changing your content on the stage (action script 2.0 only)
-Basic training(using the tools,basic code, etc ) to get started with flash
-video tutorials on making fbf animations in flash( using the onion skin tool to properly sync animations)
-Sound and music links(Some royalty free some you may have to pay)
- and advanced coding in other portions of the list
Here is the v-cam for actionscript 3.0 Actionscript 3:Video Camera
Quick notes about using the v-Camera(a quick run down of how to work it without reading the long pages of its usage)
-whatever the camera see is what your audience sees this means you can have a pretty big work area
-to create a fade to white or black all you need to do is change the brightness in your movieclip properties(should be under "Color:")
(-100%=black fade) and (+100%=white fade)
-to create a smooth natural tween when you pans,tilts, or zooms with your camera after you tween select your first frame then look within your properties you see something labeled Ease moving the slider to (-100% in) starts the tween off slowly and then begins to pick up speed and performs the complete opposite when you set it to (+100% out)
-this method is great you can use it to your own creations too for example like creating a bouncing ball or something that is flying through the air
Want to protect my flash game from decompilation?
from reading some links it's almost impossible to protect an swf from decompilers. But you can, for example, encrypt your ActionScript and it'll be very difficult to decompile it. www.dcomsoft.com/
kindi www.kindi.com/ you can buy but you can download the 30 trail for free to try
www.ambiera.com/irrfuscator/in… ambiera has a 7 day free trial to try
ntt.cc/2010/05/05/flash-decomp… a article which is more easy to follow along with
www.flashgamelicense.com/view_… forum discussing possible solutions to fixing the issue
To continue looking for other solutions but allot of the mains ones I posted here are in here already here the google link to continuewww.google.ca/#q=how+to+protec…
#2 Animation
Additional links that could be useful
Video tutorial on fbf animations and other topics(Some thought process information about animating a cartoon as well)
www.brainwashstudios.com/tutor…
Sprite Resource(character sheets for those who want to animate with sprites)
www.newgrounds.com/bbs/topic/1…
Animation tutorial (basic run down on fbf animating with step by step visuals and quick explanation of the filters and using easing with motion tweens)
www.newgrounds.com/portal/view…
Lip syncing tutorials (syncing up your audio to your characters mouth movements)
www.newgrounds.com/portal/view…
www.newgrounds.com/portal/view…
www.newgrounds.com/portal/view…
Painting in flash(coloring and shading techniques)
www.newgrounds.com/portal/view…
Animating sprites in flash tutorials(in depth look on how to take your sprite sheets from the Sprite Resource section and make them animated
www.newgrounds.com/portal/view…
www.newgrounds.com/portal/view…
Perspective tutorials(learn to create depth and add distance to your backgrounds)
www.newgrounds.com/portal/view…
www.newgrounds.com/portal/view… part 1
www.newgrounds.com/portal/view… part 2
Optimize your Flash
-adding sound/music to your flashes
-pre-loader tutorial(though your basically changing the ng pre-loader)
-cropping music to place in your flash
www.newgrounds.com/portal/view…
Special effects
big fat tutorial
-creating special effects in flash and background design
www.newgrounds.com/portal/view…
walking cycle for dummies
-generally how to make a fbf animation of your character walking
www.newgrounds.com/portal/view…
Create special effects in flash
-fire
-smoke
-explosions
-water
-lightning
www.newgrounds.com/portal/view…
TheExtreme Stick Tutorial
-basically making animated sick figures but there are some neat special effects that are shown to do as well
www.newgrounds.com/portal/view…
Unleash your Imagination(NEW)
coldcity.deviantart.com/art/Un…
this is basically a big tutorial on
-insight to creating a flash movie,cartoon, or story
- flash basics and getting started
-wire framing
-fbf animating
-tweening
-lip syncing
. . . etc
the only down side is you might need to take some time to read through it since a majority of the pages are lengthy to read but are useful to know
I hate N00bs Tutorial(For beginners)
-very simple
wolfoe.deviantart.com/art/I-ha…
Flash Background Tutorial
angrypotato.deviantart.com/art…
Animation Tutorial-Running Dog tutorial
-shows the proper method of making a decent enough frame by frame running dog in flash
thedreamwolf.deviantart.com/ar…
Basic Explosion tutorial
-thought process of making a explosion in flash as well to how to instructions
-there a bit to read but overall worth a look
zack-sr.deviantart.com/art/Exp…
Flash tutorial(beginner info and other stuff)
-basic rundown of the tools and how to properly set up your fbf along with other techniques
gobeur.deviantart.com/art/Flas…
More basic training
-its a bit lacking in some places but overall a decent enough lesson's to look through
Lesson 1: Know Your Tools
astraldaamon.deviantart.com/ar…
Lesson 2: Basic Characters
astraldaamon.deviantart.com/ar…
Lesson 3: Coloring in Flash
astraldaamon.deviantart.com/ar…
Lesson 4: Advanced Characters
astraldaamon.deviantart.com/ar…
I thought I would post this big bunch of flash video tutorials
www.wonderhowto.com/search/fla…
www.brainwashstudios.com/tutor…
www.tutorio.com/free/7-Flash-t…
Flash video tutorials
Youtube is also a good place to find flash tutorials
www.youtube.com/results?search…
there is about 66 pages(1308 submission) of video tutorials to look through some coding(such as games) and some animating and others talking about using the new features in CS4.
Downloadable component you can use with flash to make pixel art
www.newgrounds.com/bbs/topic/1…
www.newgrounds.com/portal/view…
and some random links and sites for more tutorials
1. www.entheosweb.com/Flash/defau…
2. www.flashperfection.com/
3. www.echoecho.com/flash.htm
4. www.adobe.com/devnet/flash/
5. www.freeflashtutorials.com/
6. www.webwasp.co.uk/tutorials/in…
7. tutorialoutpost.com/tutorials/… (53 pages)
8. www.flashtexteffects.com/ tutorials on making special effects with text
9. www.frenchsquared.com/ about coding mostly but there are other things there to get someone started(downloadable source files per section)
10. www.photoshopsupport.com/flash…
11. www.flashfridge.com/ a bit of everything in this flash tutorial page
12. www.spoono.com/flash/tutorials…
13. www.flashvault.net/
14. www.toxiclab.org/default.asp?I… 68 more pages
15. www.insidegraphics.com/flash_l… small flash section but it talks about the basics(more tutorials located in their flash category
16. www.hypergurl.com/blog/flash/f…
17. www.tutorialhero.com/view-3-fl… wow 294 pages
18. www.bigwebmaster.com/Flash/
19. www.video-animation.com/flash_…
#3 Actionscript Coding
Actionscript 2.0:
Tonypa
- learn the basics to advanced actionscript of making a title based game.
basic to advanced versions of coding various things
www.newgrounds.com/bbs/topic/6…
www.newgrounds.com/bbs/topic/2…
Actionscript 3.0
list of many links to learning basic to advanced 3.0 coding and learning to make the switch from 2.0 to 3.0
www.newgrounds.com/bbs/topic/6…
Platform Tutorial: Health
ferriswheel42.deviantart.com/a…
Game engines(pre-made game engines fla files included)
www.freewebs.com/pyro111/flafi…
#4 Animation books(Some available to read for free others recommended to buy)
Teach Yourself Visually Flash CS4
Getting Started With Flash
Flash 3D Animation Interactivity and Games by: Jim ver Hague and Chris Jackson
Force Dynamic: Life drawing for animators
Timing for Animation
The Animators work book
Stop Motion Craft skill for model animation
Producing independent 2D character animation
How to make animated films
Flash mx 2004 game art to Actionscript
Animation-Writing-and-Development
The Animators Survival Kit
-nice informative animation book put together by Richard Williams the animation director of the movie "Who Framed Roger Rabit. Its pretty funny to read but allot of the content is technical so if you wanted step by step info its lacking but its useful to those who want to animate both 2D and 3D.
Other books to consider
Storyboard Design Course
www.amazon.ca/Storyboard-Desig…
-This book focuses mainly on creating proper storyboards and talks a bit about drawing and other useful things.
- this book can help you for planning out:
media productions
animations
computer games
movies/tv shows
plan out and pitch an idea to clients
-overall the book is really good at explaining different camera shot and how to portray your idea's and thoughts effectively.
Cartoon Animation: by Preston Blair
www.amazon.ca/Cartoon-Animatio…
-this one was very good at instructing you how to properly frame by frame a cartoon. Allot of examples given from the ground up but lacks the technical instructions that the Animator's Survival kit provides.
All About Techniques in Drawing for Animation Production
www.amazon.com/About-Technique…
-this book was very good when it came to learning about animation. Talks about what kind of materials they use,drawing characters and backgrounds,story boarding and giving overall tips and talks about different themes.
Suggestions
Here are various links that have caught my eye that seem useful.
Structure of Man (Beginning to Advanced drawing of the human body from your mind) found by:Senor_Sausage
-very good tutorial for learning how to draw from your mind and goes over lots of steps in order to complete a whole person. It does cost money to get the rest of the DVD's its good to have especially when your the type of person who learns by being shown rather than reading through books and online tutorials.
The first lesson is free:
inventiontocompletehumanbeing.…
BiteyCastle Academy: Learn animation here first couple of video's are free but you have to pay to see the other video's
Art101 looking through the various news pages on this individuals ng page provides allot of information on animation and art in general.
Primer on animation
Angry Animators: Tutorials
Related content
Comments: 114
It can go either way, you can pay by year or monthly.
👍: 0 ⏩: 2
i think so, but you could look it up. If you mean flash professional then yeah.
👍: 0 ⏩: 1
Girl: Do u even want to be with me forever?
Boy: No
Girl: Do u even like me?
Boy: No
Girl: Would u cry if i walked away?
Boy: No
She heard enough and was hurt... She walked away with tears in her eyes
The boy grabbed her arm
Boy: Your not pretty...your beautiful
Boy: I dont want to be with u forever...I need to be with u forever
Boy: I dont like u...I love u
Boy: I wouldn't cry if u walked away......I would die if u walked away.
Boy Whispers: Plz stay with me
Girl: I will...
*Tonight at midnight your true love will realize they loves u
*Something good will happen to u at 1-4pm
*Tomorrow it could be anywhere!!!
*Get ready for the shock of your life!
*If u dont post this to 5 other comments... You will have baD luck in relationships for the next 10 years
👍: 0 ⏩: 1
Fuck you~
No one like that shit~~
👍: 0 ⏩: 1
how 'bout you shut the fuck up you little piece of shit ass-hole
👍: 0 ⏩: 1
Awwwww someone sounds upset that someone doesn't like spam for an obvious reason! How cute
Oh and
*How
*asshole
* .
At least use proper grammar if you want to get all mad darling~
👍: 0 ⏩: 1
No one likes it when you correct someone.
👍: 0 ⏩: 1
Said the person who decided to spam me. No likes to spam. How about you learn not to be a hypocrite first, hm? Or is that a thought that never came up?
👍: 0 ⏩: 0
i'm really good at flashing people i do it all the time lol i jks
👍: 0 ⏩: 0
thank u sooo soooo much. Just when I needed it. You rock!!
👍: 0 ⏩: 0
This is absolutely fantastic! Thank you so much for creating this! It will be put to good use..!
👍: 0 ⏩: 0
Thank you so much for doing this, I'm very new so I'd like to ask, is there a tutorial on how to make something like: [link]
👍: 0 ⏩: 1
that's just a GIF.
you can do something like that with GIF animator.
make pics frame-by-frame and open up GIF animator, then make the animation!
www.gif-animator.com/
👍: 0 ⏩: 0
Thank you sooo much for putting these useful tutorials together!
👍: 0 ⏩: 0
how do you upload animation unto da, it wont let me.
👍: 0 ⏩: 0
Brilliant! Thanks for putting this together.
👍: 0 ⏩: 0
this is an awesome bunch of tutorials thank you so much for making this list!
👍: 0 ⏩: 0
This is very good, with loads of information.
^.^ It helps a lot with people who are just beginners in making flash Animations or games and so on.
👍: 0 ⏩: 1
OMG This is sooo helpful 
👍: 0 ⏩: 1
Got an ulterior motive for faving this, besides that I like it!: lots of people have asked me about Flash tutorials, and I've thought of making one, but it would be SO big! This is a neat solution to that problem.
👍: 0 ⏩: 1
Thank you so much for compiling all of these together. I'm currently putting together my demo reel, so having a lot of sources together is very helpful!
👍: 0 ⏩: 1
np
here is another link to help you get started on the demo reel [link]
👍: 0 ⏩: 1
awesome! Thanks for the link!
👍: 0 ⏩: 0
hi..im looking for tutorials or somethig that can help with this animation or flas thing..it my first time looking for this stuff so i have no idea..i saw last year one of my friends here made a fanart pic(gif i think or flash) it had a train moving same as the character coat..i want to do that kind of picture but i have no idea with what to start and what to use..if you can help me it would be great..i know it a stupid thing to ask but i see that you know bout this stuff..
thank you very much for reading
👍: 0 ⏩: 1
if it was an animation using flash could have been flash animation imported into a movie editing program like after effects with the video of the train in the background. He/She Could have timed the animation of the coat to that of the train. You can usually tell If it was well animated they would have used allot of in-between frames for the coat and running at a higher frames per second 32 or more
could have just been animated in photoshop with allot of time and patience with many layers idk how detailed the animation is and brought into after effects or something similar.
In some cases something from photoshop is imported into aftereffects as a gif then added animation and then saved as a quicktime movie then imported into photoshop and saved as a gif animation.
Some artist if they are nice enough will tell you the programs they have used when making it though they might be tight liped about the process from start to finish.
you can usually tell of what size of the file in pixels,file type as well as other info about the content by *right clicking* on the image with your mouse and selecting view image info. if you aren't able to get that type of text and shows something flash related at the bottom of the menu that pops up it was more likely something brought into flash.
Another key feature when skimming through tutorials is the use of your keyboard by pressing *control+F. This pops up the key word function on your browser(firefox,internet explorer etc) when you enter a word in the box any word of that kind gets highlighted. Hitting the *next* button will go through to the next word making skimming through paragraphs or google searches easier to find what your looking for.
👍: 0 ⏩: 1
waaaa...you know alot bout this..thank you very much for your reply..i dont have flash so i tried a bit in PS with a rain tutorial i found here on da..i made some tears fall..haha that was fun and was simple but ya it hart to do so many layers.for my next pic i wanted to do my oc's right eye blood , left tear and rain maybe but the dont know how to sinc them..
my friend used sai,ps and flash..[link]
i do learn fast so even if it hard i may get the basic in a few days
im really thenkful for your reply.
👍: 0 ⏩: 1
Its takes longer to understand something on your own trying to make sense of it than it is to learn something when you have someone there to show you .Np 
With photoshop I found when starting out working with video tutorial helped me learn when you can just watch the step and pause and rewind than it would just reading through the process and looking at the next image. [link]
Photoshop works just as good as flash but has more options to add effects since making anything in flash is vector art. If you want to keep your animations as close to your original art as possible photoshop would be better for you. Its also easier to blend in the little animation adjustments to your art with the layer options. If the layers get too crazy you can place the layers in the button shaped like a folder(Create new group)
With the Kuroshitsuji : In Silence I've noticed a few things going on. I haven't had too much experience with sai since I use mostly photoshop.
Sai could have been used for the artwork or animation later I don't know too much about it
photoshop could be used for...
the character shadowing
the sunlight effect
hair movement
clothing movement
train movement
building window lights
building rod lights
For it being in flash idk if Deviant art has restrictions on how big you can have a gif image. If you have allot of fading shadows and glowing lights effects as well as animations sometimes it can be better to import it into flash you can further tweak the quality in flash lessen the file size at the cost of quality.
as with anything there are many ways of doing something like that
👍: 0 ⏩: 0
cool. anything about making one of those PEt flash games? (the ones with a Megaman character on the side and different things like "Email", "Chips" ect on the other side, selectable, and how to make it to where you make the thing talk with text)?
👍: 0 ⏩: 0
Thanks for this. I just got Inchworm Animation DSiware on my Nintendo 3DS and I plan to make some animations. 
👍: 0 ⏩: 1
Hmm...I'm trying to create a drag and drop dress up game, but to where the objects "copy" themselves, like so: [link] Do you know of any tutorials for something like this?
👍: 0 ⏩: 1
I know I have some in my flash tutorial I faved here might have to look through the pages though[link]
👍: 0 ⏩: 1
| Next =>