Adobe Flash Tutorials – Best of

Advertisement

Although usability evangelists often consider Flash to be a usability nightmare, used properly, Flash can provide users with a rich and interactive interface which would be impossible otherwise. Today Flash is the de-facto standard for interactive elements on the Web as most users install Flash plug-in by default. And in fact, there are many paths creative designers can take to create a more interactive and user-friendly interface.

Searching for ‘flash tutorials’ via Google & Co. won’t provide you with the results you expect. Not that you won’t find any relevant results, on the contrary — you will be directed to a large number of Flash repositories which offer everything: sometimes useful, but mostly not. Besides, browsing through these repositories isn’t that much fun — as you sometimes need to figure out whether a link you see is a hidden AdSense-block or the actual tutorial. And it’s really hard to find something “refreshing” and new simply using some standard keywords.

This article provides hand-picked professional Flash tutorials which can enrich your design skills and improve the quality of your works. We’ve tried to select most interesting and useful tutorials. Most sources can serve as the entry point for further tutorials.

Animation and Effects

Flash Tutorial Create Water Wave Effect Animation Using Masking Tween1
We’re going to make a flash animation water wave effect and we going to move step by step to give you a clean explanation about how to make a water wave effect in flash using masking technique.

Flash Tutorial Screenshot2

Picture Animation3
In this detailed lesson you will see how to create on a simple way picture animation using the Brush Tool and mask.

Flash Tutorial Screenshot4

High-tech city animation5
This detailed lesson made for Flash 8 will teach you how to create a really cool and advanced light city animation… More tutorials from this site6.

Flash Tutorial Screenshot7

Animate a Logo in Flash8
With web and multimedia design there is the opportunity to add a little fun and creativity to your logo by creating a simple animation effect. Obviously this process isn’t limited to just your logo; animating an element can help draw attention to a particular object or area of a webpage or digital presentation.

Flash Tutorial Screenshot9

Misty River10
Read this tutorial and see how to create misty river animation. You will also learn how to use flash filters (Blur, Bevel and Drop shadow filter) and more.

Flash Tutorial Screenshot11

Hypnotic Gear Rotation12
I’m not sure what inspired me to do this crazy gear rotating animation, but for some reason I just started making a simple gear in flash, then what does a gear do? well it rotates!

Flash Tutorial Screenshot13

Execute Lightbox Scripts From Flash: Part Deux14
Since the first thread showing you how to execute Lightbox scripts from Flash was such a big hit, I decided to write another showing you how to gain even more functionality in this regard. Tonight I will be showing you how to initiate a Lightbox containing a Flash movie from a Flash movie, and how to initiate Lightbox groups containing images as well as Flash movies.

Flash Tutorial Screenshot15

Simple Shape Animation16
In this tutorial you will see how to transform image in many shapes. To create this tutorial, you don’t have to use action script. Only one thing that you need is flash. More tutorials from this source17.

Flash Tutorial Screenshot18

Old Grains Effect (Old TV Effect) in Flash19
In this tutorial we are going to emulate a Grain Effect in Flash which is similar to what we see in old televisions. This effect is widely used in movie scenes to indicate a event that have occurred ages ago. More tutorials from this source20. Has also a collection of video tutorials21.

Flash Tutorial Screenshot22

Zoom in Zoom Out Flash Animation with Fading Effect23
This tutorial will teach you how to create a simple zoom in & zoom out animation with fade-in and fade-out effect in Flash. You can use this zooming effect on any image or text.

Flash Tutorial Screenshot24

Creating a 3D Tunnel Effect in Flash25
Learn how to create this very cool 3D tunnel effect in Flash using some simple 2D animation techniques.

Flash Tutorial Screenshot26

Creating realistic Fireworks in Flash27
Create a realistic particle based firework display using Flash.

Flash Tutorial Screenshot28

Rotating Letter Effect in Text29
See this tutorial and learn how to rotate letters in series using some special flash tricks. You don’t have to use action script code to make this lesson. More tutorials from this source30.

Flash Tutorial Screenshot31

Eye Catching Effect With Flash32
This is an eye-catching effect that could not be created too easily without ActionScript. Flash allows you to create many cool effects using only (or almost only) ActionScript, I hope you can make a good effect.

Flash Tutorial Screenshot33

Images and Videos

How to Make Video Panoramas from Your Digital Camera’s Video Clips34
Your digital camera probably shoots video clips as well, and by stitching those clips together, you can make a full-motion video panorama. Landscapes, streetscapes, interior shots, birthday parties, they all come to life in sparkling, wide-angle videoramas. If you liked our panographies, you’ll love our videoramas. Read on to see an example and learn how it’s done.

Flash Tutorial Screenshot35

360 Grad View36
Create a panoramic view of the image with Flash.

Flash Tutorial Screenshot37

Creating movie clips with reflections in ActionScript 3.038
Ben Pritchard’s tutorials. You’re probably aware of those nice reflections appearing in some of the latest websites, online ads, and even software. It’s an effect common to "Web 2.0" designs, in which something like an album cover or video player appears to reflect some sort of virtual floor beneath it. This tutorial steps you through the creation of the Reflect class.

Flash Tutorial Screenshot39

Flash Tutorial – Fullscreen Flash Movie with no Warping or Stretching
Flash movies inherently have a predetermined height and width, as defined by the size of the Stage in the Flash authoring tool. Generally when a Flash movie is resized in the web browser, its contents get warped and stretched. This is sometimes not a problem with vector graphics, but with bitmap graphics it is an utter disaster. There are, however, some clever ActionScript techniques that can allow you to resize a Flash movie without any distortion of its contents. 5 pages.

Infinitely Zooming Image40
Image contains a frame which zooms out forever

Flash Tutorial Screenshot41

Flash Slideshow Image Gallery42
This tutorial will show you how to make a simple, yet effective, slideshow-type image gallery using Flash with minimal scripting.

Flash Tutorial Screenshot43

Using Flash to Get In Focus44
A visual cue will help draw people into checking out your images. Get website visitors to explore your pictures by having the image come into focus when it is rolled over. More tutorials from this site45.

Flash Tutorial Screenshot46

Classes and Movie Clips47
In Flash CS3, you have support for creating ActionScript 3.0 (AS3) projects. Besides allowing you to write code in the new AS3 language, there are some subtle differences that may go unnoticed unless you are actively looking for new things. One such difference is what happens when you create or convert something into a new movie clip. 5 pages. More tutorials from this site48.

Flash Tutorial Screenshot49

Space Shooter – Movie Clip and Movement50
A series of Space Shooter tutorials in 5 parts. The texts are easy read and the author supplies all the needed code. More tutorials from this site51.

Flash Tutorial Screenshot52

Most popular YouTube videos of the day in Actionscript 353
This tutorial is a pretty basic introduction to AS3, to give you a kickstart before the final release of Flash CS3. If you’re familiar with AS3, this probably isn’t anything for you, but if you’ve done some stuff in AS1 & 2, maybe had a look at 3.

Flash Tutorial Screenshot54

Jagged Images Transition Effect55
A Flash tutorial to create a jagged transition gallery.

Flash Tutorial Screenshot56+

Advanced Picture Gallery57
In the tutorial listed below I will instruct you, how to make advanced picture gallery in flash 8 using the Action Script.

Flash Tutorial Screenshot58

Advanced Flash elements

Creating a Flash-based site59
An extensive tutorial on how you can create a complete Flash-based web-site from scratch.

Flash Tutorial Screenshot60

PhoneBook61
This tutorial will show you how to create application for searching (Phonebook),using the Action Script in flash. You will also learn how to cretae Input fields, how to create and use instance name and more.

Flash Tutorial Screenshot62

Flash MX, 8 or 9 Pong Tutorial
We’re going to be making a Pong game in Flash MX, 8 or 9. It’s a very simple game but will show you some of the more important gaming functions in Flash such as the hitTest function and how to move a player based on keyboard input.

Flash Tutorial Screenshot

The Best Structure for your Flash Site63
An extensive article about how to build the Flash-based site from scratch and select the best structure for the site.

Easy Flash Quiz64
Tutorial about how to make quiz with correct answer counter.

Flash Tutorial Screenshot65

Roll the Dice Flash Game66
In this Flash tutorial I will show you how to make a simple but yet smart dice roll game. This tutorial will cover a lot of simple programming issues, the use of buttons, make your own functions, make use of movie clip properties through actionscript, using simple math and random function an much more. I hope you enjoy it. More tutorials from this site67.

Flash Tutorial Screenshot68

Train Simple videos: Introduction to Flash game development69
Jiro Ietaka for Adobe. The following videos are excerpts from Train Simple’s Flash 8 Game Development online course and DVD hosted by Jiro Ietaka. Jiro takes you through the necessary steps to build a Flash-based game with extensive use of Flash ActionScript 2.0. 3 pages. More tutorials from this source70.

Flash Tutorial Screenshot71

Vector Art Tutorial
The key to great vector art is patience, a virtue which i lost a while ago. You can spend days doing it, but in the end it IS worth it. For an example I’ll do a vector art piece of an eye, keep in mind my skills are kind of rusty as i havent done this in 6 months but I will give out files in the end so keep ur pants on.

Flash Tutorial Screenshot

The Secret of Tweening72
One of the biggest problems with animation in Flash is that it’s so easy to cheat. You’ve got motion tweens and shape tweens and timeline effects and the Spaghetti Monster knows what else that all books on Flash demonstrates as “how you animate in Flash”.

Flash Tutorial Screenshot73

Funky Flash Website Tutorial74
A tutorial showing you how to create a funky flash website. More tutorials from this site75.

Flash Tutorial Screenshot76

How to design a cool futuristic website interface 77
In this easy Flash 8 professional lesson I will explain you how to design a great interface for your Flash website. You will learn to make the following:

Flash Tutorial Screenshot78

Flash Analog Clock with ActionScript79
In this tutorial it will be shown how to create a awesome flash analog clock using ActionScript. For attempting this tutorial is required for you to have basic knowledge of Flash and ActionScript . The result should be the following flash analog clock: More tutorials from this source80.

Flash Tutorial Screenshot81

Flash Painting Program
Create a simple dynamic painting program in Adobe Flash. Use your mouse to paint on a simulated canvas. More tutorials from this source82.

Flash Tutorial Screenshot

3D Flash Menu83
This detailed lesson will teach you how to create advanced 3D flash menu in flash 8 using the Action Script.You will also learn how to design a menu, how to create buttons animation and how to draw a 3D cube using the Line Tool.

Flash Tutorial Screenshot84

Actionscript: Drawing With Your Mouse85
In this Macromedia Flash tutorial you will learn how to actionscript code a simple painting flash program in just a few lines of code.

Basic elements

Classic filling preloader86
Learn how to create a filling preloader for your Flash movies.

Flash Tutorial Screenshot87

Simple flash header88
This lesson will show you how to make simple flash header using some special flash tricks. You can apply this simple and on the same time very useful flash header on any web sites.

Flash Tutorial Screenshot89

Interactive flash content box90
Using this detailed tutorial, you will learn how to create interactivity flash content box using the action script. You can use this content box for any web site.

Flash Tutorial Screenshot91

Nine Tips for Drawing in Flash92
Drawing has always been a well hidden non-talent of mine but every now and then comes a project that requires me to face my demons. Using a mouse to draw is a new experience and if you are not familiar with programs like Illustrator and don’t own a Wacom board Flash is a very easy place to start learning.

Flash Tutorial Screenshot93

Walk Cycles: The Right Way94
This tutorial isn’t about walk cycle theory. I’m assuming you already know that part. If you don’t, go buy Richard Williams’s Animator’s Survival Kit. My goal is to show you ways to use Flash that make it easier to create a good cycle, in regards to solid foot placement and consistent speed–two things that I’ve seen lacking in many Flash animated walk cycles.

Flash Tutorial Screenshot95

ActionScript 3.0 for developers and designers: Creating a preloader96
Jamie Kosoy for Adobe. Adobe Flash is unique in that the content you create with it is intrinsically artistic and programmatic. Even if you are working by yourself, design and development must work in harmony in order for a piece to reach its full potential. With ActionScript 3.0, Flash has become a far more powerful tool—and in some ways, far more intimidating. 4 pages.

Attractive Object Appearance with Sound97
With this lesson, you are going to learn how to make attractive object appearance with sound in flash 8 with no Action Script. This effect is very useful and you can use it for any flash header….

Flash Tutorial Screenshot98

Creating a preloader for your Flash site using the image of a bottle and a rectangular mask99
In this detailed tutorial made for Flash 8, you will see how easy it is to create a preloading system that is gradually displaying an image as your site loads. More tutorials from this site100.

Flash Tutorial Screenshot101

Flash Tabs Menu102
In this tutorial it will be shown step by step how can be developed an awesome flash menu with tabs. We will use MovieClips, masks, invisible buttons and some ActionScript.Flash Tutorial Screenshot103

Sound In Flash On Click104
In this easy flash lesson, you will see how to import a sound in flash and how to launch it on click usign the play button. To create this lesson, you don’t have to use action script code and you don’t have to need more experience of Flash.

Sky bluish Preloader105
This detailed tutorial will show you how to create bluish preloader like sky using the action script code. You will also learn how to use mask option in flash, how to create percent for preloader and much more. More tutorials from this source106.

Flash Tutorial Screenshot107

Buttons

Create a Glossy Button in Flash108
Flash has created an era of Highly interactive and eye catching wedesign techniques. Of course, the design of the web site also plays and important role in its promotion.Here we are going to create a glossy round button in flash.

Flash Tutorial Screenshot109

Making an Aqua Gel Button110
Ever wanted to make those shiny, nice looking aqua buttons? Yes, but in Flash? You can make them in Photoshop or Fireworks. But creating them directly in Flash makes your file size a lot smaller.

Flash Tutorial Screenshot111

Further Resources and References

There are many other sources you can learn from. Here is the list of the ones you might want to keep bookmarked for the further references.

  • GoToAndLearn Video Tutorials112
    A large collection of ActionScript tutorials.
    Flash Tutorial Screenshot113
  • Flash Perfection114
    A variety of Flash tutorials including 3D tutorials, actionscripting, animation, audio, special effects, interactivity, optimization, Flash Video and Swish.
  • Getting Started with ActionScript 3.0 in Adobe Flash CS3115
    With Flash CS3 comes support for ActionScript 3.0 – the newest, standards-based programming language for Adobe Flash (SWF) movies and applications. More so than in the past, you may find it difficult to get started with ActionScript 3.0 when compared to older versions of ActionScript. This articel includes a Brief History of ActionScript in Flash. 5 pages!
  • Macromedia Flash MX Tutorials116
    This set includes a number of newbie tutorials for shape tween effects, playing with text, frame by frame animation etc.
  • Kirupa: Flash and ActionScript tutorials117
    A growing collection of text and video tutorials for drawing, special effects, ActionScript, Server Side and Flash, isometry and game development.
  • TheFlashBlog Tutorials118
    93 simple and advanced Flash tutorials.

Footnotes

  1. 1 http://www.chazzuka.com/blog/index.php?p=37&t=flash-tutorial-create-water-effect-animation-using-masking-technique.html
  2. 2 http://www.chazzuka.com/blog/index.php?p=37&t=flash-tutorial-create-water-effect-animation-using-masking-technique.html
  3. 3 http://www.toxiclab.org/tutorial.asp?ID=190
  4. 4 http://www.toxiclab.org/tutorial.asp?ID=190
  5. 5 http://www.flashvault.net/tutorial.asp?ID=122
  6. 6 http://www.flashvault.net/default.asp
  7. 7 http://www.flashvault.net/tutorial.asp?ID=122
  8. 8 http://www.blog.spoongraphics.co.uk/tutorials/animate-a-logo-in-flash
  9. 9 http://www.blog.spoongraphics.co.uk/tutorials/animate-a-logo-in-flash
  10. 10 http://www.flashvault.net/tutorial.asp?ID=68
  11. 11 http://www.flashvault.net/tutorial.asp?ID=68
  12. 12 http://blog.0tutor.com/post.aspx?id=67&titel=Hypnotic-gear-rotation-tutorial
  13. 13 http://blog.0tutor.com/post.aspx?id=67&titel=Hypnotic-gear-rotation-tutorial
  14. 14 http://blog.codefidelity.com/?p=18
  15. 15 http://blog.codefidelity.com/?p=18
  16. 16 http://www.flashrespect.com/simple-shape-animation/
  17. 17 http://www.flashrespect.com/
  18. 18 http://www.flashrespect.com/simple-shape-animation/
  19. 19 http://www.oman3d.com/tutorials/flash/old_grain/
  20. 20 http://www.oman3d.com/tutorials/flash/
  21. 21 http://www.oman3d.com/tutorials/flash/index_video.php
  22. 22 http://www.oman3d.com/tutorials/flash/old_grain/
  23. 23 http://www.entheosweb.com/Flash/zoom_in.asp
  24. 24 http://www.entheosweb.com/Flash/zoom_in.asp
  25. 25 http://wipeout44.com/tutorials/flash_tunnel_effect.asp
  26. 26 http://wipeout44.com/tutorials/flash_tunnel_effect.asp
  27. 27 http://wipeout44.com/tutorials/flash_fireworks.asp
  28. 28 http://wipeout44.com/tutorials/flash_fireworks.asp
  29. 29 http://www.flashfridge.com/tutorial.asp?ID=56
  30. 30 http://www.flashfridge.com/
  31. 31 http://www.flashfridge.com/tutorial.asp?ID=56
  32. 32 http://www.lashf.com/page/basic/running_circles_effect
  33. 33 http://www.lashf.com/page/basic/running_circles_effect
  34. 34 http://photojojo.com/content/diy/videoramas-stitch-digital-video-panoramas/
  35. 35 http://photojojo.com/content/diy/videoramas-stitch-digital-video-panoramas/
  36. 36 http://www.tu-world.com/flash/flash_tutorial_06.php
  37. 37 http://www.tu-world.com/flash/flash_tutorial_06.php
  38. 38 http://www.adobe.com/devnet/flash/articles/reflect_class_as3.html
  39. 39 http://www.adobe.com/devnet/flash/articles/reflect_class_as3.html
  40. 40 http://www.bezzmedia.com/swfspot/tutorials/intermediate/Infinitely_Zooming_Image
  41. 41 http://www.bezzmedia.com/swfspot/tutorials/intermediate/Infinitely_Zooming_Image
  42. 42 http://www.layersmagazine.com/flash-slideshow-image-gallery.html
  43. 43 http://www.layersmagazine.com/flash-slideshow-image-gallery.html
  44. 44 http://www.layersmagazine.com/flash-focus-image.html
  45. 45 http://www.layersmagazine.com/category/flash/
  46. 46 http://www.layersmagazine.com/flash-focus-image.html
  47. 47 http://www.kirupa.com/developer/flashcs3/movieclips_classes_AS3_pg1.htm
  48. 48 http://www.kirupa.com/developer/flash/index.htm
  49. 49 http://www.kirupa.com/developer/flashcs3/movieclips_classes_AS3_pg1.htm
  50. 50 http://www.webdesign.org/web/flash-&-swish/flash-tutorials/space-shooter---movie-clip-and-movement.13494.html
  51. 51 http://www.webdesign.org/web/flash-&-swish/flash-tutorials/
  52. 52 http://www.webdesign.org/web/flash-&-swish/flash-tutorials/space-shooter---movie-clip-and-movement.13494.html
  53. 53 http://www.anttikupila.com/flash/tutorial-most-popular-youtube-videos-of-the-day-in-actionscript-3/
  54. 54 http://www.anttikupila.com/flash/tutorial-most-popular-youtube-videos-of-the-day-in-actionscript-3/
  55. 55 http://www.flash-game-design.com/flash-tutorials/imageEffect-flash-tutorial.html
  56. 56 http://www.flash-game-design.com/flash-tutorials/imageEffect-flash-tutorial.html
  57. 57 http://www.toxiclab.org/tutorial.asp?ID=148
  58. 58 http://www.toxiclab.org/tutorial.asp?ID=148
  59. 59 http://www.tu-world.com/flash/flash_tutorial_07.php
  60. 60 http://www.tu-world.com/flash/flash_tutorial_07.php
  61. 61 http://www.flashfridge.com/tutorial.asp?ID=33
  62. 62 http://www.flashfridge.com/tutorial.asp?ID=33
  63. 63 http://www.search-this.com/website-design/the-best-structure-for-your-flash-site/
  64. 64 http://www.tu-world.com/flash/flash_tutorial_08.php
  65. 65 http://www.tu-world.com/flash/flash_tutorial_08.php
  66. 66 http://blog.0tutor.com/post.aspx?id=48&titel=Roll-the-dice-Flash-game-tutorial
  67. 67 http://blog.0tutor.com/default.aspx?cat=flash
  68. 68 http://blog.0tutor.com/post.aspx?id=48&titel=Roll-the-dice-Flash-game-tutorial
  69. 69 http://www.adobe.com/devnet/flash/articles/train_simple_game_dev.html
  70. 70 http://www.adobe.com/devnet/flash/
  71. 71 http://www.adobe.com/devnet/flash/articles/train_simple_game_dev.html
  72. 72 http://www.broderjakob.se/2007/09/07/the-secret-of-tweening-using-it-when-you-need-it/
  73. 73 http://www.broderjakob.se/2007/09/07/the-secret-of-tweening-using-it-when-you-need-it/
  74. 74 http://www.flash-game-design.com/flash-tutorials/funky-flash-website-tutorial.html
  75. 75 http://www.flash-game-design.com/tutorials.html
  76. 76 http://www.flash-game-design.com/flash-tutorials/funky-flash-website-tutorial.html
  77. 77 http://www.lukamaras.com/tutorials/menus-interfaces/cool-website-interface.php
  78. 78 http://www.lukamaras.com/tutorials/menus-interfaces/cool-website-interface.php
  79. 79 http://www.tutorial5.com/content/view/130/46/
  80. 80 http://www.tutorial5.com/content/blogcategory/20/46/
  81. 81 http://www.tutorial5.com/content/view/130/46/
  82. 82 http://www.pixelhivedesign.com/tutorials/
  83. 83 http://www.flashfridge.com/tutorial.asp?ID=19
  84. 84 http://www.flashfridge.com/tutorial.asp?ID=19
  85. 85 http://www.flash.0tutor.com/archive/76/Actionscript-Drawing-With-Your-Mouse.shtml
  86. 86 http://tutorials.learnflash.com/tutorials/flash/preloader.html
  87. 87 http://tutorials.learnflash.com/tutorials/flash/preloader.html
  88. 88 http://www.flashvault.net/tutorial.asp?ID=147
  89. 89 http://www.flashfridge.com/tutorial.asp?ID=33
  90. 90 http://www.flashfridge.com/tutorial.asp?ID=31
  91. 91 http://www.flashfridge.com/tutorial.asp?ID=31
  92. 92 http://www.broderjakob.se/2007/08/23/nine-tips-for-drawing-in-flash/
  93. 93 http://www.broderjakob.se/2007/08/23/nine-tips-for-drawing-in-flash/
  94. 94 http://flashtrick.blogspot.com/2007/10/walk-cycles-right-way.html
  95. 95 http://flashtrick.blogspot.com/2007/10/walk-cycles-right-way.html
  96. 96 http://www.adobe.com/devnet/actionscript/articles/lightweight_as3.html
  97. 97 http://www.flashvault.net/tutorial.asp?ID=119
  98. 98 http://www.flashvault.net/tutorial.asp?ID=119
  99. 99 http://www.lukamaras.com/tutorials/preloaders/image-bottle-preloader.html
  100. 100 http://www.lukamaras.com/tutorials/tutorials-index.html
  101. 101 http://www.lukamaras.com/tutorials/preloaders/image-bottle-preloader.html
  102. 102 http://www.tutorial5.com/content/view/122/46/
  103. 103 http://www.tutorial5.com/content/view/122/46/
  104. 104 http://www.flashrespect.com/sound-in-flash-on-click/
  105. 105 http://www.toxiclab.org/tutorial.asp?ID=175
  106. 106 http://www.toxiclab.org/default.asp?ID=2
  107. 107 http://www.toxiclab.org/tutorial.asp?ID=175
  108. 108 http://www.innovationsahead.googlepages.com/glossybutton.htm
  109. 109 http://www.innovationsahead.googlepages.com/glossybutton.htm
  110. 110 http://www.webdesign.org/web/flash-&-swish/flash-tutorials/making-an-aqua-gel-button.13556.html
  111. 111 http://www.webdesign.org/web/flash-&-swish/flash-tutorials/making-an-aqua-gel-button.13556.html
  112. 112 http://gotoandlearn.com/
  113. 113 http://gotoandlearn.com/
  114. 114 http://www.flashperfection.com/
  115. 115 http://www.senocular.com/flash/tutorials/as3withflashcs3/
  116. 116 http://version2.andrewkendall.com/pages/learning/flashtutorials.php
  117. 117 http://www.kirupa.com/developer/flash/index.htm
  118. 118 http://theflashblog.com/?cat=3

↑ Back to topShare on Twitter

Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Sven is now writing Science Fiction Stories.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1

    Great compilation…THANK!

  2. 2

    Thank you for this great series!!!

  3. 3

    I’m gonna level with ya here – I love the site and always impressed with the weekly lists, but this is not a good list of Flash tutorials at all. I think adding links to Kirupa and GoToAndLearn at the end are going to be most valuable to anyone trying to learn Flash.

  4. 4

    This looks like a pretty good list of tutorials for designers to practice around with. I like doing various tutorials sometimes just for the learning aspect of doing something differently. All and all a pretty great list, not exactly for beginners all the way through though.

  5. 5

    Awesome as always!

  6. 6

    AMAZING!!!! Keep up the good work guys!

  7. 7

    photoshop cs3 tutorials

    January 17, 2008 11:59 am

    realy great of flash tutorials..!
    hope I had the time for practice my flash skills :S

  8. 8

    that’s great!

  9. 9

    the link to the 360 Grad View is wrong, it points to the phone book feature on FlashFridge. BTW great list and always reading the RSS feed.

  10. 10

    Again A Great List

  11. 11

    360 Grad View links to phonebook

    somewhat useful list though

  12. 12

    One of the best lists yet. Thanks very much.

  13. 13

    What Tony commented was exactly what was going through my head when reading this article. This site tends to put out quality articles, but this is not a great list of Flash tutorials. I’d love a flash tutorial list that included things professional web firms use on their flash websites. FWA type of material.

  14. 14

    Very nice compilation

  15. 15

    Dan: things aren’t so easy. If FWA type was easily learnable through tutorials, everybody would be doing it. Instead, one needs to focus on several different techniques, step by step, and it still takes several people on a great studio to do so (most of the time). FWA-quality websites are usually a combination of great art, concept, and development, and this is not something you find in simple tutorials. Comes with experience.

    If you want to learn techniques used for those websites, this list is a great starting point. Have a look at GotoAndLearn. Then learn XML reading, animation through code, and (OOP) design patterns, and all other specific techniques one needs for each specific case: Papervision3D, socket communication, video, etc.

  16. 16

    while this suits fine as a list of ‘fun things to do in flash’ I also agree that it is not very professional.
    what i was hoping for was a more practical list of flash tutorials that would help in creating professional websites;
    more inline with the standard content type of the website.

  17. 17

    Magnifique sélection.
    Merci.

  18. 18

    I’m going to have to go ahead and agree with Tony on this one. I appreciate a lot of the articles here but this is a pretty weak list of flash tutorials.

  19. 19

    I’m not particularly interested in Flash, but I think this paragraph from your introduction sums up what’s great about this site:

    “Searching for ‘flash tutorials’ via Google & Co. won’t provide you with the results you expect. Not that you won’t find any relevant results, on the contrary — you will be directed to a large number of Flash repositories which offer everything: sometimes useful, but mostly not. Besides, browsing through these repositories isn’t that much fun — as you sometimes need to figure out whether a link you see is a hidden AdSense-block or the actual tutorial. And it’s really hard to find something “refreshing” and new simply using some standard keywords.”

    To paraphrase in my own words – there is a lot of great information on the Internet, but finding it isn’t always that easy. Posts such as these help us all.

    Thanks.

  20. 20

    Great Thankyou its useful…

  21. 21

    WoW! Amazing! U have posted some great articles in the last three or four days. Keep up the good work. U kick ! :D

  22. 22

    Thank you again dudes! what else can I say …

  23. 23

    Wow !!! I was waiting for that post !!! Great !!! Despite the old coding techniques of some of those tutorials, this is amazingly helpful !!! Thanks ato SM once again !!!

  24. 24

    How is it that Smashing always seems to know when you are about to try to learn something you haven’t yet learned.

    Perfect timing for some of these tutorials and sites!!

  25. 25

    free tutorials for flash game development

    January 17, 2008 6:28 pm

    WOWW!! great list… smashing agaiinnn…. i have some tutorials collection in my blog… i can never be compared to this list… ! SM rocks!

  26. 26

    Please take care when you add links…. sort out the best tutorials… i find some of the tutorials you have is useless..

  27. 27

    thanks for the links.. awesome!

  28. 28

    Good list,

    Thank

  29. 29

    Vitaly Friedman & Sven Lennartz

    January 17, 2008 11:35 pm

    Thank you for your comments. The link to 360 Grad Viewer was updated.

  30. 30

    F***** awesome!!!!! u guys do your best! Thanks a lot!

    GREAT WORK!!!

  31. 31

    fantastic! I always needed these.

  32. 32

    Great sources, i list another sources in my WebDesign Blog
    imaginepaolo

  33. 33

    I usually like your lists, but let me say that this isn’t good enough.
    there´s several tutorials here who does’t fit “the Smashing Magazine level”
    Sorry guys, you are humans too!

  34. 34

    Not a bad list but many of the techniques are now out of date. Flash is less about timeline tweening and more about actionscript. Would have been nice to focus more on good actionscript examples.

    For anyone interested http://www.gotoandlearn.com by Lee Brimelow has some awsome example of dymanic rich flash programming and he works closley with Adobe so his code is of a high standard.

  35. 35

    These lists are great but it would be awesome if the next one contained only AS3. I am personally finding it hard to find some solid Action Script 3 tutorials out there.

  36. 36

    i’m sorry, but most of these tutorials are total BUSH LEAGUE

  37. 37

    I think there are better examples.

  38. 38

    With _very_ few exceptions, these tutorials produce horrible, amateur results. Definitely not a good list, and a poor showing by Smashing.

  39. 39

    Web design and development forum

    January 18, 2008 11:16 am

    A great list of very good tutorials – bookmarked.

  40. 40

    This list is a good list if you use it for what it’s meant to be: a collection of touchstones for developing your *own ideas.* That said, I think for Flash the best method of learning is a) have some project that will really challenge you in Flash and b) using two books, a reference manual and a Flash RIA architecture type book. And supplement your knowledge with sites (like Smashing).

  41. 41

    you are really smashing minds!

  42. 42

    It’s not good enough to bash a list someone has taken the time to compile unless you can provide alternate tutorials that you’ve found more useful.

  43. 43

    great list.. good job!

  44. 44

    what a beauty!!! bravo SM!!!

  45. 45

    The “Animated logo” tutorial is great! Didn’t have time to check the others but I sure will! This article will help me build a lot of new cool additions to my website!

  46. 46

    learning flash from tutorials is the worst you can do IMO. you will learn a wrong, inproper or simply outdated way. you’ll lose time and won’t learn anything right.

    99.9999% of all tutorials are not made by professionals and mostly contain really ugly and stupid workarounds.

    get 2-3 books, read and understand them. then try to build your own ideas. have a look at tutorials when there’s a specific problem to solve – but don’t start with them – they will only fool you. as i said, read a theoretical documation first or you’ll most probably have a hard time and give up.

  47. 47

    It’s very cool!
    goes to bookmarks… I like alot of this tutorials :)

  48. 48

    hello,

    i’m looking for a site that will show me how to produce agency-level Flash banner and homepage canvas work. does anything exist out there like http://psdtuts.com/ but for Flash FLAs?

    i’m sure you’re all familiar with the type of work i’m thinking of:

    it’s those subtle, yet commercial-quality transitions, wipes, masks, etc…

    any idea where to find template work or tutorials on the web for this type of stuff?

    thanks!!

    sg

  49. 50

    the link to the simple header also points to the phone book.

  50. 51

    No matter what those critics say, I’m dearly grateful that SM took some time to provide us these tutorial links. Bear in mind that some people is learning flash from the very basic and these links help. We are all amateur in some ways..so stop complaining…post the links that you think is good, that’ll be grand.

  51. 52

    Nice – thank you for these!

  52. 53

    I liked the glossy button stuff… trust me, you can really do some good Web2.0 Logos using Flash.

  53. 54

    Excellent tutorial!

  54. 55

    Hi

    I am designing learning CDs for children using Macromedia Flash. It contains matching
    the objects using drag and dop option. I hope to give them the opportunity to paint
    various objects using the mouse,Puzzle and maze. Further, i want to make them match the appropriate
    objects using lines. Could you please help me to design such a painting program and
    a matching program,Puzzle and maze to include in my CD using Macromedia Flash. It should enable to make them paint
    objects like circles, boxes, birds and so on using the mouse. I am very grateful to you
    if you could help me in my work.

    Thanks
    Gayan.

  55. 56

    AMAZING!!!! Keep up the good work guys!

  56. 58

    Nice tutorials , really usefules .
    I will try the 3rd one

    thanks for collecting

  57. 59

    this is what i mean of comments

  58. 60

    thanks to shere good things to us .now i feel happy to learn lots of things……

  59. 61

    It is a little disappointing to see more negative comments than I’m used to seeing. I think the list is good for people getting into Flash, which are normally the people that would use a tutorial. I’m going to have to agree with Not_An_Alien on this one. The stuff you need to know to create award winning, professional Flash sites you don’t learn from a fifteen minute tutorial. Lee Brimelow’s gotoandlearn is a good place to start, but even then, you’re just duplicating someone else’s work. I’ve seen people include the final products from the gotoAndLearn tutorials in their portfolio. Tutorials can give you some tools, but they’re meant to teach you about Flash, not write hundreds of lines of actionscript while becoming innovative to win FWA type of stuff. If you aren’t using it to learn, and only using it for the finished product then don’t waste your time on doing the tutorial, just buy an XML driven template.

  60. 62

    This is amazingly helpful !!!

    Amazing and Smashing Minds.

    Good Work

  61. 63

    ashish soni sr. graphic designer

    April 14, 2008 4:18 am

    your work, your mind, your helping nature

    It all work is fantatic, amazing, i am very glad to see this

    nice work

    I am Salute you

  62. 64

    Thank you so much, Great Tutorials, hope to see more and more…

    Thanks again

  63. 65

    Gio Gutierrez

    May 5, 2008 4:29 pm

    Great selection of flash tutorials. Wanted to post a great one involving sounds which I didn’t see any on this list. Check it out: http://www.dorklessons.com/?action=view&url=flash-basics-lesson-22-sounds

  64. 66

    if you liked these, gotoandlearn.com has some of the best flash tuts i’ve seen!

  65. 67

    Nilson Saavedra

    July 5, 2008 12:07 am

    what a great collection of flash tutorials, im stunned, can believe it, nice, Thx

  66. 68

    very nice

  67. 69

    can we load image in flash 5 like done in above.

  68. 70

    Just wanted to thank you for all that great tutorials that you gave us.
    Thank you!

    Greetings from Croatia!

  69. 71

    thanks for the tuto……….

  70. 72

    post a series of Action Script 3 tutorials. d.

  71. 73

    udegbu uchenna daniel

    August 8, 2008 9:23 am

    i love using flash beacouse it hepl me to do my work very well and simple as the case may be

    udegbu uchenna nigeria

  72. 74

    http://peakstudios.com/category/tutorials/ has some great tutorials and plug ins that show flash users how to save time when using flash dynamically with PHP, ASP, AS2, AS3 and a Database! I highly recommend the info they offer for all Flash users! In addition, they have a Java version that is currently being tested on red 5 servers!

  73. 75

    From my 15 years of net use, this is probably the most “productive” site I’ve ever used. Yeez, I’m jumping up and down !

  74. 76

    GREAT!!!!!!!!!!!!!!!!!!!!! I LEARNT ALOT FROM THIS SITE>> YOU ROCK!!!!!!!!!!

  75. 77

    i already have an flash botton but, i dont know how to connect it to link
    anyone please help

  76. 78

    Thank you for giving good tutorials.

  77. 79

    really helpful. Thanks.

  78. 80

    Karma bless u =)

  79. 81

    Thanks for these Tutes.
    Would love more Actionscirpts :)
    Autre

  80. 82

    Thanks really Nice

  81. 83

    great job…there are many cool tutorials:)

  82. 84

    THANK YOU!!!!!!! I’ve been looking for flash tutorials, but all I could find was stupid video tutorials. These are GREAT!!

  83. 85

    Tutorial request: Parralax effect

    Dear reader,

    I would like to request a tutorial for a parralax effect. I’ve spotted a couple months ago a beautiful internetsite. For my own site I want to sort of duplicate the parralax effect shown on this site. I’ve tried for a couple of weeks to create this effect but with no succes. So to all the good people can you please help me and explain to me how to create this effect in a tutorial. Thanx a lot in advance

    Chris

    • 86

      parallax is borderline 3d projection, it’s a mathematical formula for scaling content based on it’s distance with respect to some focal point. if you can make an object scroll across the screen with actionscript i dont see why you cant do this. a tutorial explaining this from scratch is probably not what you’re looking for.

  84. 87

    This is one of the best site in the world.

    Thanks

  85. 88

    its really great tutorial.thanks….

  86. 89

    Check out this tutorial: http://www.wowebmaster.com/flash/2009/flash-video-player-tutorial/

    I have not found any other tutorials on flash video player. I think, it is worth to be added into this tutorial list.

  87. 90

    You guys are just awesome!!! Tried a few of the tutorials and wow! I love your compilations of tutorials. Keep them coming!!! Thank You.

  88. 91

    Smashing is a great inspiration but to put up a big mess of mixed as2 and as3 tutorials without writing wichone is what is not very useful at all.
    If you make a real good list of tutorials that only use as3, that would be really useful!
    as2 is in the past, would you list tutorials for old versions of other programming languages?

  89. 92

    wow!!!tutorials r excellent.These are easy to understandand there are many tricks to do works simply.But all tutorials are small works.I need any good animations which should be critical to do…..

  90. 93

    Thanks for the collection! Dugg it!

  91. 94

    “Simple Shape Animation” tutorial is no longer available.

  92. 95

    most of the tutorials in this thread are very rookie and create cheap results. nothing for industry projects. i have to agree with tony and dan…. the title “best of” isn’t, whats inside.
    for good flashing, check gotoandlearn.com for exsample…

    but “smashing” is still a big inspiration for me!

  93. 96

    Just a quick note, the Simple Flash Header link does not work, I managed to find it though.
    This is the correct link for the Simple Flash Header.

  94. 97

    Hello! Thanks very much for this great tutorial. It makes me feel like creating Flash is just like walking around the park.
    To add an augment to it, here are some tutorials about web Flash video player authoring, hope it helps – http://www.playerdiy.com/support/

  95. 98

    these tutorials are excellent. i’ll feature them at my flash components website.

  96. 99

    Hi,
    I’m looking for someone who can help me make an animation of a stretching 3d spring with balls coming out of it as you stretch it using flash and illustrator. I have drawn the spring using illustrator but don’t know how to do this using flash.

  97. 100

    You are forgot about http://www.3Dbin.com – online 360 object view creating

  98. 101

    I just want to tell you that your blog is very interesting, bookmarked

  99. 102

    Hello,
    Do you have or know somebody that has a tutorial on how to create a header like the one from this blog: http://www.drewmark19.blogspot.com/
    I recently purchase the adobe flash cs4 to create it but I have no idea where to start.
    Thank you!

  100. 103

    Dirleni Gonçalves

    February 23, 2010 9:34 pm

    If u wanna beginner or student go to http://www.flash4students.com

    u will get everything about flash..

  101. 104

    learn basics of adobe flash from http://www.flash4students.com

  102. 105

    amezing work good gyes

  103. 106

    Awesome collection! Bravo! definitely going to be in my bookmarks:)

  104. 107

    i’m looking for a site that will show me how to produce agency-level Flash banner and homepage canvas work. does anything exist out there like http://psdtuts.com/ but for Flash FLAs?

  105. 108

    Kishore Mylavarapu

    July 15, 2010 4:53 am

    this is really a great work..

  106. 109

    iai galera blezzzzzzzzzzzz alguem ai sabe o nome desse efeito flash do cabeçario downgratis.com ,cubodown ou tiodosfilmes.com ??????? e tipo um brilho.

  107. 110

    Its nice

    If you want play more come here: games4s.com

  108. 111

    Thanks for sharing. While I surfing the net, I found a site which is shraring flash lessons. It might be usefull.
    The first lesson is below;
    http://www.web-rehberi.com/flash-dinamik-buton-yapimi.html

  109. 112

    Hi,

    Very nice tutorials and so much helpful for me.Thanks for share a great series of tutorials.

  110. 113

    i like very much your actionScript tutes Thanks

  111. 114

    Goooood…..see my site at macpmedia.com

  112. 115

    Thank you very much for this website.

  113. 116

    This is really nice. very impressive.

  114. 117

    this is website great but i am little dispointed becuase i would like to request toturial
    creating realistic firework in flash

  115. 118

    Hello, Thank you for sharing these articles. I’ve tried to create some banners for my website bu I loose my patience quickly, so inevitable i gave up. Now I am using this banner: http://www.flashxml.net/banner-rotator.html and I’m very pleased with it. However, thanks again, keep up the good work!

    • 119

      Hey Kyle,

      Thanks for sharing the link – really looks cool and I liked how you can change the attributes live using the control panel. Everything was there to be customized – colors, text, transparencies, speeds, animation effects, about 100 image transitions – everything in the control panel.
      Since I don’t have Adobe Flash I was really glad that I could customize it online, and really customize it, since it has over 60 properties, not like other XML banners I’ve seen with only a handful of properties.
      Thanks kyle and you can see more of the best Flash apps on the net at http://www.flashxml.net

  116. 120

    Really Nice and helpful articles, I need this in order to make banners for some advertisement. Thankz and likely grab you..:) thankz

  117. 121

    I want to teach flash & script.

↑ Back to top