Week 10: Flash

Let’s continue Flash today with Tweens!

Watch this to learn more about frame rates:Explanation of Frame Rate. When looking at the Kirupa tutorials (thank you Kirupa!), try to find the ones for CS4, as the older tutorials will be different and possibly confusing. Kirupa is so great, let’s bookmark it!

Today, we’ll take a look at Flash’s other symbols. Remember, symbols live in the Library and can be used over and over! The only thing is that if you change the symbol in the library, it changes all of them.

Graphic- The simplest symbol with only one frame. It is necessary to convert an image/drawing to a graphic when creating a motion tween.

Button- A symbol with different states (Up, Over, Down, Hit) that responds to mouse interaction.

Movieclip- A more complex symbol with its own timeline that acts independently of the main timeline.

Also, we’ll look at onion skinning, playing with properties, and simple easing. Here is a tutorial on custom easing.

Take a look at these flash examples for inspiration on making looped movieclips: Paperad, Soda Play, Levitated, Prettysite, Left to My Own Devices, Lilli Carré

Read through and try these tutorial on Custom Easing and 3D Rotation, and 3D Translation.

Assignment:

  1. Using tweens, easing and 3D effects, work on making objects fall, rise, and bounce realistically. Create a 200 frame animation that tells a story with these 3 motions. Here are some examples of websites with realistic motion: Drift Lab, Classic Sesame Street Animation, Design Charts, Soda Play, King Tut. Post to your public_html folder and link to it from your blog.
  2. Begin to think about your final project. It can take the form of a:

    Website
    Animation with interactive elements
    Game (more advanced)

    Before you begin, you will research 3 precedents for your projects. Make a list on your blog of these with the following:

    What you like about each example.
    What doesn’t work/could be improved.
    What parts of the technology you don’t yet know.

1 Comment »

  1. semenax for sale says:

    You should check this out……

    [...] Wonderful story, reckoned we could combine a few unrelated data, nevertheless really worth taking a look, whoa did one learn about Mid East has got more problerms as well [...]………

RSS feed for comments on this post. / TrackBack URI

Leave a Reply

Week 14: Work it!

Almost there! YOU CAN DO IT. I believe in you!!!!

To help you out on your final flash adventures, here are the examples for the day:
Random Animation
Here are some new flash examples.
Sound with Pause
Input Text

Video

The best way to add video for right now is to import the video through the File>Import> Import to Stage menu into an FLV player (top option in the window that opens). You can then convert this video to a moviclip and target as you would other movieclips.

Preloader

Take a look at the example. Basically, I’ve set it up so that it stops on the first frame and keeps checking to see if the whole movie has been loaded (# of bytes). If it has, it plays. Otherwise, it changes the text and the size of the bar. Make sure to simulate download when checking the preloader.

Loader

This is for loading other swf files and jpgs. It’s really handy because then you can build parts separately and add them as needed. It saves on download time, and is great when working in teams.

Sound: Play and Pause

Here, we add some code to our previous simple_sound file in order to keep track of where the song was when we pause it, and then play it in that spot again.

For next week:

We will start at the beginning of class, so have everything ready to go. Test it out, practice a simple presentation of the project, and think of it as an opportunity to practice presenting yourself to an audience. Good luck! I’m looking forward to seeing everyone’s hard work.

Week 13: The Home Stretch!

OMGOMGOMG! Only 2 more classes before the final! Let’s use our time wisely. I’ll run through examples that might be helpful for your final. You ask me questions. Let’s go!

Details »

Week 12: Frame Control, Variables

Check back over the blog post for Week 11, and review the files in the link. To start you thinking about other things that you can do with Actionscript, download this file, and run the examples. See if you can understand how they are programmed.
Details »

Week 11: Actionscript

We’ll take our first look at Actionscript today and talk about our final projects.
Details »

Week 10: Flash

Let’s continue Flash today with Tweens!
Details »

Week 9: Flash!

Flash was always my first love. It combines time-based image editing format with programming and multimedia capabilities! It is a great way to add fluid animation and interaction to your design, and it frees you from the grid constraints of xhtml/css.

Details »

Week 8: Javascript & JQuery

Welcome back! Hope you a restful break and enjoyed the lovely weather. Let’s jump back into things with look at the basic structure of Javascript and JQuery!
Details »

Week 7: Portfolio Presentation and Javascript

Today, you’ll present your portfolio websites and we’ll learn a little Javascript.
Details »

Weeks 5 & 6: Portfolio Lab

We’ll continue working with HTML and CSS today, exploring tables, menus, and images. You’ll begin turning your portfolio designs into live websites!

Details »

Weeks 4: Advanced CSS/Images

Today, we’ll review CSS positioning and explore some tricks with images. We’ll also learn how to use tables and make sitemaps.

Details »