Shop Mobile More Submit  Join Login
Advice: Flash Tutorial List by Crevist Advice: Flash Tutorial List by Crevist
Related Content
Advice: Animation Resource Links by CrevistAdvice:Video and Audio links by Crevist

Recommended 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.

:iconflashers::iconcreativeanimations::iconiranflashlord::iconflanimate: :iconhappy-flasher: :iconflashexplained: :iconworldwideflashers: :iconall-animate: :iconevolvdstudios-online::iconmaster-flash: :iconflashy-flashers:

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
Flash Tutorials by ArtistsHospital

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
Add a Comment:
 
:iconwolfkiller10:
wolfkiller10 Featured By Owner Jun 26, 2015  Hobbyist Filmographer
how can i download this
Reply
:iconshainbow:
Shainbow Featured By Owner Aug 21, 2014  Hobbyist Digital Artist
:iconclapplz: Beautiful masterpost~
Reply
Hidden by Owner
Hidden by Commenter
:icondrawn2l1f3:
Drawn2L1f3 Featured By Owner Oct 9, 2013
Woowww, Thanks! :)
Reply
:iconniceguy99:
niceguy99 Featured By Owner Jul 29, 2013  Hobbyist Writer
i'm really good at flashing people i do it all the time lol i jks
Reply
:iconiamhunk:
iamhunk Featured By Owner Jun 7, 2013
i love you bro ;-;
Reply
:iconprowhiz:
Prowhiz Featured By Owner May 18, 2013
thank u sooo soooo much. Just when I needed it. You rock!!
Reply
:icontheredclouds:
TheRedClouds Featured By Owner Feb 1, 2013
This is absolutely fantastic! Thank you so much for creating this! It will be put to good use..!
Reply
:iconjeanawei:
JeanaWei Featured By Owner Jan 15, 2013  Student Digital Artist
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]
Reply
:iconkingbowser425:
KingBowser425 Featured By Owner Aug 9, 2014  Hobbyist Digital Artist
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/
Reply
:iconnicolagianina:
NicolaGianina Featured By Owner Sep 29, 2012
Thank you sooo much for putting these useful tutorials together!
Reply
:iconminutefriday:
MinuteFriday Featured By Owner Jul 13, 2012  Hobbyist Traditional Artist
how do you upload animation unto da, it wont let me.
Reply
:iconsquintoncarbusier:
SquintonCarbusier Featured By Owner Jun 27, 2012  Hobbyist General Artist
Brilliant! Thanks for putting this together.
Reply
:iconphoenixrising505:
PhoenixRising505 Featured By Owner Jun 23, 2012  Student Artist
this is an awesome bunch of tutorials thank you so much for making this list!
Reply
:iconxxniraxx:
XxNiraxX Featured By Owner May 14, 2012
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.
Reply
:iconcrevist:
Crevist Featured By Owner Jun 21, 2012  Student General Artist
np :D
Reply
:iconbubble-warp:
Bubble-warp Featured By Owner Apr 3, 2012
OMG This is sooo helpful :heart: Thank you thank you thank you :la: :la: :la:
Reply
:iconcrevist:
Crevist Featured By Owner Jun 21, 2012  Student General Artist
np :D
Reply
:iconselime99:
Selime99 Featured By Owner Apr 2, 2012
thank you a lot !!!!
Reply
:iconcrevist:
Crevist Featured By Owner Jun 21, 2012  Student General Artist
np :D
Reply
:iconchronophontes:
Chronophontes Featured By Owner Mar 14, 2012  Hobbyist Digital Artist
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.
Reply
:iconcrevist:
Crevist Featured By Owner Jun 21, 2012  Student General Artist
np :D glad it was useful
Reply
:iconahkward:
Ahkward Featured By Owner Oct 25, 2011  Professional General Artist
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! :la:
Reply
:iconcrevist:
Crevist Featured By Owner Oct 26, 2011  Student General Artist
np :D

here is another link to help you get started on the demo reel [link]
Reply
:iconahkward:
Ahkward Featured By Owner Oct 26, 2011  Professional General Artist
awesome! Thanks for the link! :meow:
Reply
:iconmochichama:
mochichama Featured By Owner Oct 11, 2011  Hobbyist Digital Artist
gonna bookmark this page :)
Reply
:iconcrevist:
Crevist Featured By Owner Oct 26, 2011  Student General Artist
glad you liked it :D
Reply
:iconmezamete-akai--tsuki:
Mezamete-Akai--Tsuki Featured By Owner Sep 21, 2011  Hobbyist Digital Artist
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
Reply
:iconcrevist:
Crevist Featured By Owner Sep 22, 2011  Student General Artist
:hmm: if I had a link or at least person your friends with profile link it would help me better understand what program or programs where used. I'm going to guess out the possible way he or she could have done it.

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.
Reply
:iconmezamete-akai--tsuki:
Mezamete-Akai--Tsuki Featured By Owner Sep 22, 2011  Hobbyist Digital Artist
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.
Reply
:iconcrevist:
Crevist Featured By Owner Sep 23, 2011  Student General Artist
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 :D I understand completely I had to learn art in my multimedia design program in college and I had no art background going in.

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
Reply
:iconfatcream:
FatCream Featured By Owner Aug 26, 2011
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)?
Reply
:iconflintent:
FlintENT Featured By Owner Jul 4, 2011  Hobbyist Digital Artist
Thanks for this. I just got Inchworm Animation DSiware on my Nintendo 3DS and I plan to make some animations. :) These tips and information will help out. :D
Reply
:iconcrevist:
Crevist Featured By Owner Aug 30, 2011  Student General Artist
np :D glad you liked it
Reply
:iconshadowkira555:
ShadowKira555 Featured By Owner Jun 21, 2011  Professional Digital Artist
great Useful list thanks so much!
Reply
:iconcrevist:
Crevist Featured By Owner Aug 30, 2011  Student General Artist
np :D
Reply
:iconnibelwolf:
nibelwolf Featured By Owner Mar 3, 2011  Professional Digital Artist
Thanks a lot! :beer:
Reply
:iconcrevist:
Crevist Featured By Owner Aug 30, 2011  Student General Artist
np :D
Reply
:iconcelestialsunberry:
celestialsunberry Featured By Owner Feb 11, 2011  Professional Digital Artist
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?
Reply
:iconcrevist:
Crevist Featured By Owner Feb 11, 2011  Student General Artist
:hmm: don't think there are any dress up game tutorials in there maybe in he major links at the top but not in the general list.

I know I have some in my flash tutorial I faved here might have to look through the pages though[link]
Reply
:iconcelestialsunberry:
celestialsunberry Featured By Owner Feb 21, 2011  Professional Digital Artist
thanks!
Reply
:iconayame18:
ayame18 Featured By Owner Feb 8, 2011  Student Digital Artist
Just what I need to get started. I can't wait to make animations sorta like *SonicRocksMySocks :dance:

Thanks for sharing this :D
Reply
:iconcrevist:
Crevist Featured By Owner Feb 9, 2011  Student General Artist
np :D glad you liked it

here a bit more help here are some animation books you can read over as well [link]
Reply
:iconayame18:
ayame18 Featured By Owner Feb 9, 2011  Student Digital Artist
Oh awesome, thank you very much. :la:

I'll look it up now. Do you think I'll find something that can assist me on making animations similar to this one? [link]
Reply
:iconcrevist:
Crevist Featured By Owner Feb 9, 2011  Student General Artist
well all you need is the flash tutorial list for that flash the animation link is more if you want to do frame by frame animation and planning out your flash & animation projects when you get into the storyboard section.

allot of the older version of action script depending on how they code them if you click directly on the flash and *click tab* on your keyboard to see how many buttons/movie clips the person used so far 8 in that link. Its a drawing done in flash with minor animation added to each button so far all you need to know is basic animation,basic coding buttons,making vector art within flash.

the layers layout would kind of look like this [link] but you would code each button to go to each of the red flags(tags) playing a different reaction. The red flags you can label whatever you want but you can have your buttons go to ones that could be touch or pat and it will go to that flag you labeled depending on how you coded your button.
Reply
:iconayame18:
ayame18 Featured By Owner Feb 9, 2011  Student Digital Artist
I see (I think). I have so much to learn. :icondizzyplz:

I'll use your info though to help when I'm studying to know about flash and action script more. Thank you again for taking the time to help. You think there's a video tutorial on Youtube about this if I may ask?
Reply
Add a Comment:
 
×
Download JPG 256 × 256




Details

Submitted on
February 23, 2010
Image Size
41.2 KB
Resolution
256×256
Link
Thumb
Embed

Stats

Views
36,448 (4 today)
Favourites
929 (who?)
Comments
108
Downloads
1,043
×