Using Tutorials in Flash CS5

Using online tutorials for Flash

There are so many effects and gizmos that you can do in Flash.  Luckily, generous users offer up many online tutorials to pass along their knowledge.  We will be exploring tutorials in Flash.  Even though there are many in cyberspace, for this assignment, we will restrict our searches to following websites:

www.flashexplained.com

www.ilike2flash.com

www.flashvault.net

The idea behind this exercise is to promote exploring the wealth of online tutorials for software, particularly creative software such as Flash.  Use classic tweening for tutorial that were not written for Flash CS4 or CS 5 (it will usually say which Flash is being used)  .  Lastly, please confirm your tutorial with me so that it’s not too long or too easy (i.e. something we already know how to do).  We will be using 2 lessons to complete these tutorials only, so they are all due at the end of the day on Friday, January 28.

Tutorial 1:  Using shape tweening

This tutorial will show you the ins-and-outs of shape tweening, the last frontier of animation with Flash.  It is very versatile but tends to be finicky.  Just follow it to practice shape tweening.  Then, attack Tutorial 2.

Tutorial 2:  Really neat masking effect

[kml_flashembed publishmethod=”static” fversion=”9.0.0″ movie=”http://hs-computerstudies-cadt.ism-online.org/files/2011/01/Masking-effect-example.swf” width=”500″ height=”375″ targetclass=”flashmovie”]

Get Adobe Flash player

[/kml_flashembed]

This one is about using masks to hide and show certain areas in your stage but using shape tweening.  Please use a CC image (choose a small size, around 640 by 480 if they have it) and add the bibliography.

Add an extra layer where you will place the bibliography as text (use the text tool which looks like a T).  It must be ABOVE the picture layer but inside the mask for it to appear.

To find the size of your image, click on the image on the stage and look in the Properties Panel.  It will give you the width and height of your image.

Drop off your completed .swf file in my dropbox, named username masking effect.swf.

Tutorial 3:  One text effect of your choice (no Actionscript!)

Please find a text effect and follow it.  You will need to post a comment to the blog post with the following in it:

  1. Name of tutorial
  2. A brief description of what it does
  3. Link to the tutorial

Drop off your completed .swf file in my dropbox, named username name of effect.swf.

Tutorial 4:  One other (non-text) tutorial of your choice (no Actionscript!)

Please find an effect that doesn’t involve text and follow it.  You will need to post a comment to the blog post with the following in it:

  1. Name of tutorial
  2. A brief description of what it does
  3. Link to the tutorial

Drop off your completed .swf file in my dropbox, named username name of effect.swf.

How do I post on the blog?

  1. Log in (top left corner of page).  You may have to look at your email if you don’t remember your username.
  2. After logging in, navigate to the post again.
  3. Add a comment to the post as described above for each tutorial.

Rubric:  Total = 17

0 1 2
Neat masking effect No file .swf file in dropbox .swf file in dropbox, named correctly
No bibliography of image Incomplete bibliography Complete bibliography
Mask not functioning properly Mask working correctly  
Text tutorial No post Post with link Post with name, link and description
No file .swf file in dropbox .swf file in dropbox, named correctly
Not working properly Working properly Made improvements on the effect
Other (non-text) tutorial No post Post with link Post with name, link and description
No file .swf file in dropbox .swf file in dropbox, named correctly
Not working properly Working properly Made improvements on the effect


Cool tutorial for those who want more:  Tunnel effect!

Do this one if you’re finished, i.e. both files in my dropbox and you’ve posted both tutorials.

Advertisements

48 comments on “Using Tutorials in Flash CS5

  1. tanya13181 says:

    TEXT TUTORIAL (3):
    Double Knocked Out Text Effect:
    This tutorial shows you how to apply a knocked-out glow filter to create text that is outlined twice. You can use the basic idea behind this to make as many outlines as you want.
    http://www.ilike2flash.com/2009/05/double-knocked-out-text-effect.html

    NON-TEXT TUTORIAL (4):
    Drag And Drop Jigsaw Tutorial:
    This tutorial enables you to turn an image into an interactive drag-and-drop puzzle, using basic actionscript and instances. The tutorial provides the codes needed to create the puzzle, and explains instances and ActionScript very briefly and clearly. IF you are using ActionScript 3.0, there is a different code that you must copy, but the web-site provides that code as well.
    http://www.ilike2flash.com/2008/05/drag-and-drop-jigsaw.html

  2. bettina13109 says:

    Night City Photo Effect
    (the tutorial applies a night effect to a cityscape photo. It makes it look like the sky is getting darker and the lights in the buildings are dimming and turning off.)
    http://www.flashvault.net/tutorial.asp?ID=333

  3. bettina13109 says:

    Smoky Blow Text Effect
    (this tutorial gives the effect of text zooming out while smoky text zooms in)
    http://www.ilike2flash.com/2008/10/smoky-blow-text-effect.html

  4. bettina13109 says:

    Smoky blow Text Effect
    the tutorial gives the effect of text zooming out while smoky text zooms in
    http://www.ilike2flash.com/2008/10/smoky-blow-text-effect.html

  5. katrina13185 says:

    How to make ice text in Flash.

    This tutorial shows how to make an ice text with flash. You can change normal text to make it look like ice.

    http://flashexplained.com/text/how-to-make-ice-text-in-flash/

  6. kanako13180 says:

    Tutorial 3:
    Star Wars Text Effect
    How to create a star wars text effect.
    http://www.ilike2flash.com/2010/03/star-wars-text-effect-in-flash-cs4.html

    Tutorial 4:
    Summer Flash Banner
    It makes a banner, and changes the pictures with effects.
    http://www.flashvault.net/tutorial.asp?ID=329

  7. patricia11126 says:

    Exploding Text Effect – this tutorial makes the text explode into tiny pieces)
    http://www.ilike2flash.com/2008/05/exploding-text-effect.html

  8. pedro13161 says:

    i did the blur photo effect
    this effect consists of blurring and clearing up an image in a span of time.
    http://www.ilike2flash.com/2008/06/blur-image-effect.html

  9. angelo13171 says:

    I used the Blur photo effect
    The tutorial basically tells us how to transistion from a blurred image to the original image in perfect quality
    http://www.ilike2flash.com/2008/06/blur-image-effect.html

  10. kevin13132 says:

    Blur photo effect
    (the tutorial utilizes a blur effect on the image)
    http://www.ilike2flash.com/2008/06/blur-image-effect.html

    Explode text effect
    (the tutorial applies a exploding shape tween on the text)
    http://www.ilike2flash.com/2008/05/exploding-text-effect.html

  11. kyung13179 says:

    A text effect that I did was the “How to make Ice Text in Flash”
    This simple tutorial teaches how to use filters in texts, specifically the glow filter, to give an “ice-like” image to the text.
    http://flashexplained.com/text/how-to-make-ice-text-in-flash/

  12. paulina11162 says:

    Tutorial 3:
    1. Star Wars text effect
    2. makes the text scroll upward at an angle
    3. http://www.ilike2flash.com/2010/03/star-wars-text-effect-in-flash-cs4.html

    Tutorial 4:
    1. simple picture animation (special effect)
    2. spins and changes the color of the photo
    3. http://www.flashvault.net/tutorial.asp?ID=140

  13. bettina13109 says:

    Smoky Blow Text Effect
    This tutorial gives the effect of text zooming out while smoky texts zoom in.
    http://www.ilike2flash.com/2008/10/smoky-blow-text-effect.html

  14. carl13109 says:

    I used a “Smokey Blow Text Effect”
    This effect is basically where the text zooms out the screen followed by some smokey text zooming in.
    Link: http://www.ilike2flash.com/2008/10/smoky-blow-text-effect.html

  15. katrina13185 says:

    How to make ice text in flash

    -this tutorial shows how to make text look like it is ice. The ice effect makes the text look cold.
    http://flashexplained.com/text/how-to-make-ice-text-in-flash/

  16. katrina13185 says:

    Flash CS3 animation basics: Animating effects

    -this basic tutorial shows how to make a glow effect around a ball. The end result will make the ball look like it is flashing.

    http://flashexplained.com/animation/flash-cs3-animation-basics-animating-effects/

  17. leonard13147 says:

    Ice Text Effect
    This tutorial shows how to make text look like ice. Really nice if you need it.
    http://flashexplained.com/text/how-to-make-ice-text-in-flash/

  18. carl13109 says:

    I did a “Smoky blow text effect”
    shows text zooming out while smoky text zooms in
    Link: http://www.ilike2flash.com/2008/10/smoky-blow-text-effect.html

  19. jessicalynne11153 says:

    1) I did the Text Exploding Effect
    2) This effect creates an exploding effect on my letters. The letters will look like they explode in little pieces and end up apart from each other.
    3) Link: http://www.ilike2flash.com/2008/05/exploding-text-effect.html

  20. han13198 says:

    for the text effect i did “How to make Ice Text in Flash” this tutorial teaches how to use filter effect which is “glow” in this case in the text.
    http://flashexplained.com/text/how-to-make-ice-text-in-flash/

  21. Yi-hua. says:

    Gun Shot Text Effect:
    Each letter fades in and increases in size, then returns to it’s original size when the following letter appears.
    http://www.ilike2flash.com/2008/08/gun-shot-text-effect.html

  22. han13198 says:

    i did the “Night City Photo Effect”. this tutorial teaches how to make the building light up and back to dark by playing with filter effect called Adjust Color.
    http://www.flashvault.net/tutorial.asp?ID=333

  23. kyung13179 says:

    A non-text effect that I did was the “Night City Photo Effect”.
    This tutorial teaches how to use the Adjust Color filter so that it gives a night effect to a city landscape photo.
    http://www.flashvault.net/tutorial.asp?ID=333

  24. Rachel says:

    Mask Text Effect
    Allows text to appear in different pieces/sections
    http://www.ilike2flash.com/2008/06/mask-text-effect.html

  25. Yi-hua. says:

    Simple Cat Picture Effect
    The tutorial teaches you how to make a picture stretch and fade out
    http://www.flashvault.net/tutorial.asp?ID=335

  26. yu13181 says:

    1. Name of tutorial: Ice Text Effect
    2. A brief description of what it does: Shows how to make text look like ice
    3. Link to the tutorial:
    http://flashexplained.com/text/how-to-make-ice-text-in-flash/

  27. jose13101 says:

    the gunshot text effect:

    this tutorial allows you to create an effect that makes the text look like it is being shot out of a gun. it’s a very simple tutorial that is easily finished in about 5 minutes but it’s pretty epic.

    LINK: http://www.ilike2flash.com/2008/08/gun-shot-text-effect.html

  28. erica13172 says:

    Text turorial:
    1. Gun shot text effect
    2. This tutorial give the effect of text increasing then decreasing in size, kinda like it’s bursting out from nowhere
    3. http://www.ilike2flash.com/2008/08/gun-shot-text-effect.html

    Non-text tutorial
    1. Rain effect in flash
    2. this tutorial creates the effect of rain drops falling vertically from the top of the stage
    http://www.ilike2flash.com/2008/12/rain-effect-in-flash.html

  29. yu13181 says:

    1. Name of tutorial: Night City Photo Effect
    2. To makes it look like the sky is getting darker
    3. http://www.flashvault.net/tutorial.asp?ID=333

  30. nao13121 says:

    I did “How to make Ice Text in Flash”. This tutorial teaches us how to make text effect which makes the text look like an ICE.
    http://flashexplained.com/text/how-to-make-ice-text-in-flash/

  31. nao13121 says:

    I did “Night City Photo Effect” for non-text effect.
    This tutorial shows us how to make the picture darker and make the building light up by using the Adjust Color filter.

    http://www.flashvault.net/tutorial.asp?ID=333

  32. karishma11133 says:

    Harmony Effect
    Text grows in sequencial order.
    http://www.flashvault.net/tutorial.asp?ID=67 (Text)

    Winter Effect
    An effect to make a winter scene.
    http://www.flashvault.net/tutorial.asp?ID=287 (other effect)

  33. simon13168 says:

    i did the icetext tutorial which was relatively easy to complete and it introduced a new skill in flash.

    http://flashexplained.com/text/how-to-make-ice-text-in-flash/

    another tutorial I did was the simple cat picture effect which took me a long time to complete but in the end was very interesting.

    http://www.flashvault.net/tutorial.asp?ID=335

  34. Carlos says:

    TEXT TUTORIAL:
    Cinema Style Effect
    This tutorial shows you how to make a text slide down and fade as that of movie credits. I played around with it by making it become smaller as it gets closer to the bottom. You could do an imitation of the classic and overused star wars asending text.
    http://www.ilike2flash.com/2009/02/cinema-style-text-effect.html

  35. oscar13103 says:

    NON-TEXT TUTORIAL

    Night City photo effect.
    Here you take a picture of a city and adjust the color to make it stand out by diming and adjusting the color filters.

    http://www.flashvault.net/tutorial.asp?ID=333

    TEXT TUTORIAL

    I did the Ice text, where you make your text look icy, pretty good effect that could be used in winter time :p

    http://flashexplained.com/text/how-to-make-ice-text-in-flash/

  36. Carlos says:

    NON-TEXT TUTORIAL:
    Learn how to make fade transitions for slide shows in flash.
    http://www.ilike2flash.com/2009/01/fade-transition-effect.html

  37. jessicalynne11153 says:

    Non-Text Tuturial: Night City Photo Effect
    This teaches you how to make the photo change from a brighter picture to a dim picture.
    http://www.flashvault.net/tutorial.asp?ID=333

  38. jessica13130 says:

    TEXT TUTORIAL
    Dynamic text effect:
    Flashes each letter in order.
    http://www.flashvault.net/tutorial.asp?ID=151

    NON TEXTUAL TUTORIAL
    Rain effect:
    An effect of rain drops falling from the top of the stage area
    http://www.ilike2flash.com/2008/12/rain-effect-in-flash.html

  39. jessica13130 says:

    NON TEXTUAL TUTORIAL:
    Creates a night city effect on a picture.
    http://www.flashvault.net/tutorial.asp?ID=333

  40. oda13192 says:

    Knocked Out Text Effect:
    This tutorial shows you how to make text look like it’s knocked out (outlined)
    http://www.ilike2flash.com/2008/05/knocked-out-text-effect.html

  41. jin-young13125 says:

    text
    Fade in&out text
    timing the fade in/out for each letter.
    httpwww.ilike2flash.com200906disappearing-text-effect.html

    No text
    http://flashexplained.com/banners/giant-scrolling-text-banner-creation/
    Masking Banner.
    I guess this could be a text tutorial, but At the same time, it isn’t.

  42. tanya13181 says:

    BLAGH, here’s the NON-TEXT, NON-ACTIONSCRIPT Tutorial:

    ‘Simple Cat Picture Effect’
    http://www.flashvault.net/tutorial.asp?ID=335

    Yes, that name should be something like ‘Blur In Photo Effect’. Basically, this tutorial shows you how to create an image transition where the photo blurs in, and blurs out. Very simple, but doesn’t work out if you’re using a different version of Flash from the user, which we are. Basically, before creating the key-frames, you have to turn the entire thing into a motion tween instead of waiting ’til the end to do that.

  43. Vishal B says:

    TEXT TUTORIAL: Cinema Style Effect
    This tutorial shows you how to make the text get smaller the higher the text gets thus creating the famous Star Wars Effect.
    http://www.ilike2flash.com/2009/02/cinema-style-text-effect.html

  44. yifeng13101 says:

    Text tutorial(3)-mask text effect
    The results give the effect of text being slowly revealed by the masked object. This effect is very useful and can be used to create many different mask effects.
    http://www.ilike2flash.com/2008/06/mask-text-effect.html
    -star wars text effect
    This tutorial will teach you how to do the text effect which they used in the popular star war series.
    http://www.ilike2flash.com/2010/03/star-wars-text-effect-in-flash-cs4.html
    (I submitted 2 text effects)

    Non text tutorial (4)- blur image effect
    It s bascially an effect which enable you to blur image. You can use it either as a fade-out or fade in.
    http://www.ilike2flash.com/2008/06/blur-image-effect.html
    (This tutorial corresponds to the new file that i put into your dropbox. Ignore the one that i put in before)

  45. erica13172 says:

    non text tutorial:
    Glowing effect
    This tutorial teaches you how to animate a filter and create a glowing effect that mimics that of lights or alarms.
    http://flashexplained.com/animation/flash-cs3-animation-basics-animating-effects/

  46. timothy13150 says:

    Non-text tutorial: http://flashexplained.com/animation/flash-cs3-animation-basics-motion-guide/#more-896

    Description: This tutorial teaches you how to make a paper-airplane animation move realistically.

    Text tutorial: http://www.ilike2flash.com/2008/08/gun-shot-text-effect.html

    Description: This tutorial teaches you how to make a gun-shot text effect. This means that, each letter (in succession) is supposed to become larger (within a second) one at a time.

  47. oda13192 says:

    non text tutorial:
    blur image effect

    this tutorial lets you blur immages.

    http://www.ilike2flash.com/2008/06/blur-image-effect.html

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s