Final Project!

Link

I used a lot of tools - pencil, paint brush & bucket, oval tool & rectangle tool.

Kuler colors - from a theme called Autumn Beach Hut Retreat -
1. grey rock #999078
2. ocean floor #FFC17E
3. ocean water #50CCAA

Motion - added to octopus, just added some easing to make it look as though its swimming away.

Symbols - all of my symbols are new: rock, seaweed, wave, starfish, octopus

a. my storyboard states a brief outline of each required element.
b. questions responded!
c. this project definitely went easier than most. I believe I am more comfortable with the program, and learning how to not get so frustrated!! :) I have really enjoyed this class, and will definitely put all the knowledge I gained to good use.

Thank you!
-J Breanne Smith

Jessica Hirsch: Final Project

Link to Final Project:
http://sws.pcc.edu/student/CAS175_pdeangel_27343/jessicahirsch10/Final/finalproject.swf

Storyboard: Has been uploaded to the SWS server in my Final project folder. I changed it when I realized that a twist-a-plot was a little bit more than I could handle during finals week. (Thanks for talking me out of that, Patti!)

Major Tools Used: I used a lot of the shape tools (circle, rectangle, polygon, line) as well as the brush, fill, and pencil tools.

Kuhler: The major colors I used were: #006500, #0097FC, #303030, #990000.

Tweens:

• Classic Tween: Clouds
  
• Motion Tweens: Alpha for the over state on the play/stop buttons, Computer monitor zoom in, Moving the wizard and warrior in several frames, Dragon flight, Dragon’s fire, Hunter’s arrow, people jumping up and down, dragon knock out effects, text on last frame.
• Shape Tween: I just realized that I didn't include one of these. :(
  

Motion Editor:

• Simple (Slow) Ease on the wizard and warrior when they’re “walking” to the left.
• Simple (Fastest) Ease on the hunter’s arrow, along with a transform to make the arrow a little skewed and larger as it gets closer to the foreground.
• Stop & Start (Medium) on the spinning gems above the dragon’s head.

IK Elements:

• Shape IK: Banner flag waving from castle.
• Symbol IK: Caterpillar

Movie Clips and Graphic Symbols:

All of the symbols in this animation I created for this project, with the exception of the rabbit from my previous projects.

Audio Clip in Movie Clip Symbol:

The fire that the dragon breathes uses this effect.

Buttons:

My play and stop buttons are movie clip buttons shaped like rocks. The alpha changes for the over state and the brightness changes when the button is clicked to a dark grey. I added a bongo sound for the over state as well. The buttons gave me a really hard time…I spent more time getting them to work than I did animating this whole project!

ActionScript:

I used the same button from Project 5 to link to the class blog.

What worked well?

Staying organized with folders for my assets, as well as creating a list of all of the drawn elements I would need to create before I even started drawing anything. I used the back of my storyboard to list everything and it kept me very organized. When I was ready to start drawing, I knew exactly what I would need. When I started animating, all my objects were there, I just had to tweak them here and there.

What was challenging?

THE MOVIE CLIP BUTTONS! I honestly have no idea why they gave me so much trouble this time around, but I think I had to recreate them 10 times over the last 2 days to get them to work. At least they work now, sometimes anyway. ;) I’ve noticed that sometimes the movie plays perfectly and sometimes the buttons just blink the entire length of the movie. I tried fixing it, but since it said my ActionScript had no errors, I couldn’t find the culprit.

Hope everyone had a great finals week! Good luck on your grades!

Orson - Final

Link to swf

Link to storyboard

Create a Project with the following criteria:

1. Basic Storyboard of your project uploaded as a separate file
2. Use the various drawing tools to create new objects
1. Please identify the major tools used in your blog posting
2. Imagery can be imported, but some symbols must be drawn to demonstrate your understanding of these tools
3. Use Kuler to define a color scheme

Major tools used: Rectangle, pen tool, resize tool, skew tool, selection tool, direct selection tool, bone tool.

#d9d9d2, #a69c6a, #8c7968, #730202, #0d0d0d

3. Five tweens from the list below.
1. Classic
2. Shape
3. Motion

4. In your blog posting, state which features from the motion editor was added to the above tweens.

I used the stop and start fastest for the dropping of the suitcase.

3. Two armatures using Inverse Kinematics
1. One shape
2. One symbol

The shape armature is the hand holding the suitcase.
The symbol armature links the paintings on the wall.

3. Movie Clip and Graphic Symbols
1. Create at least five new symbols
2. You are welcome re-use symbols used in previous projects
3. Please identify which symbols are new in your blog posting
4. If you use a nested Movie Clip, please identify this for me

All symbols are new for this project.
I did not use a nested Movie Clip.

3. Add short audio clip to one movie clip symbol
1. The audio should appear in the MC timeline

I put audio on the stop and start buttons.

3. When you have completed this project, post the following to the Class Blog.
   1. Identify each required element
   2. Respond to all questions within instructions
   3. Discuss how you completed this project

I wanted to recreate the opening credits to Mad Men using flash. I didn't do all of it, there are a lot of different little scenes to re-create, but I did about seven little vignettes.

What worked well: By the end, I had developed a nice flow I was happy with. Sound and images work well together.

What was challenging: Wow, what wasn't challenging? I'd say the buttons were challenging because I ended up dividing the image of the console with the two buttons in half. At first I wanted to just create round buttons, but I don't see how to do that, at least if they're bitmaps. I'll keep looking, though. I also had to wrestle with shape tween hints to keep the image from scrambling. Finally, I seem to have two sets of every bitmap in my library for the button images, but damned if I can find where they're both being used, looks like only one set is necessary to me.

finalproject.johnburns_movie

finalmovie

finalproject.johnburns

So, the last blog for the last project after the last day of this surprisingly exhausting class. I used the Kuler system to identify my color scheme which was: 3ED5E8, 3538FF, 00FF2E, DCE81C, FFB20D, and FFFFFF.

Anyway I altered the rotation and y-axis easing on some of my motion animations (i.e. the dolphins and boulders) to make my video game themed movie a little dynamic. However I wasn't able to use the audio resource with my computer (or my father's) for some odd reason of which I don't know. All of my movie symbols are new. Also I wasn't able to do all that I promised I would in my story board, so there had to be a little revising. And that bent over sausage is really a candy cane, just so you know. And I gave all my symbols their proper instance names (dolphin_mc, go_btn). I put in all the things that were required of me. The armatures I used were for that bending candy-cane shape (looks like a slumping sausage) and the combination of symbols that looked like a dragon. I mostly used the line, oval and square tool as merge drawing because that is what I work with best. I also used my bitmap picture as a background image. Here are the measurements I used.
Color Threshold: 120.
Min. Area: 20 px.
Curve Fit: Smooth.
Corner Threshold: Few Corners.

Also I used a lot of in symbol animation so I wouldn't have to deal with the running frame by frame animation which was constant in my animation.
But other than this I had somewhat of a good time. My only regret is the success I've had on my online quizzes. I just know I've always had a few problems with vocabulary. But other than that, I've had a really good time, I got to know a little more about CS4. I also learned that my strengths lie in character, location and objects design as well as themes for that design. Anyway, my movie is on the finalproject.johnburns_movie blog. Be sure to look at it.

Darin ~ Final

---

Link Here

Drawing tools: Pen tool, poly/star, brush tool, spray brush, fill bucket, I used the Bezier to pull things. I used the rectangle and the oval tools.

Kuler:

I used more bitmaps traced and hand picked colors. I’m not into the Kuler colors so much yet. I know how to use the color schemes but they don’t work for my projects yet.

Tweens:

I applied classic tweens on my 3 waves. Alpha on the waves 84%, 85% 87% there is easing of simple slow. They are all movie clips. The sun is a motion tween.

In the Motion Editor I selected the advanced color and used the percentages from the top when the sun moves down to the end. When the sun is set it is set to red; 100%, red offset 66.9%, green 69.4%, green offset -41%, blue-50%, blue offset -8%, alpha 100%, alpha offset 116%, You get the idea I did a lot of in between settings this is a fun setting to play with.

The Spinning star in scene 2 is from page 259 what we did on class one time it is a classic tween. I copied and pasted the frames over and over to extend the time to the end of the scene. Background in Scene-5 is my shape tween, the gradient RGB 96 142 220, with a subtle change to the sky at sunset. I changed the sunset landscape with the gradient transform tool. Motion tweens: love dragons, painted dragon, fishy, sunset, ship. Some have slow easing.

IKs: The tropical tree forest and I adjusted the tint from the original nested symbol. I learned how to nest a IK mc after it is created through one of the tutorials.I drew the trunk of the tree with the pen tool, and painted the leaves with the brush then filled in the leaves with the fill bucket. I sprayed these trees in with the spray Brush tool. I unselected rotate symbol as trees usually grow up. I Set scale width 71% height 76%. After they were on stage I selected the brightness to a darker gradient. I used the free transform tool to adjust size and placement.Kept random scaling. Neat effect. My tree is a little too snappy on one side of the movement. I have a crab with just the claw moving. What a pain it was to try and get this thing to move any part. I gave up and accept just the claw....

Symbols: New symbols are many. The new stars, sun, treasure chest, fishy, love dragons, waves, dragon egg, a background.

Sound: Two egg buttons have sound. There is flapping wings sounds in several scenes. A sea sound in the last scene.

Buttons: Three new buttons. I used photo shop to get the images in one button. I changed the over and down and states in both egg buttons . The one with the dragon hatch-lings is a movie clip in the over state with alpha. The yellow egg button just changes the text i.e. what it has to say. The link button has text that change in all three states and color of text changes.

Action Script:

I used the same script we learned in class and I applied to project 5.

What worked well: The use of bitmaps for backgrounds with tracing and altering the image. Using Photoshop to clip out images are very useful as I did not have a lot of time to draw this time. I think when I have learned illustrator and PhotoShop better; drawing will be less tedious and more fun. The twinkling stars are graphics and a movie clip that I sprayed on the stage and allowed random scaling and rotation. I altered them with non sparkling stars, I could have used alpha for more depth on some to, next time. I sprayed them on though-out the time-line.

What was challenging: I set up key frames for sound but had a difficult time seeing it run exactly where I wanted it to end in the time-line. I edited them all slightly in SoundBooth clipped them where and how I wanted the sound to play. Scenes 2 though 4 have the wing sound of the dragons. The placement was correct however it ran though to scene 5. I worked around that a bit and at least got the sound off the final scene so I could get water sound where I wanted it without the flapping. I wanted to change my action script more (like how you did yours Eric) but no time left, maybe later.

Bonus: Getting the idea of flow throughout many scenes in the same time-line.

KenAvdeef_flash_final

KenAvdeef_flash_final2



1. My storyboard is KenAvdeef_flash final2.pdf
2. I used various drawing tools to make the background, the barn, fence, cloud pond and the Sun.
( drawing tool, rectangle tool, oval tool, and the line tool )
3. My five tweens are:
1. The Sun a classic tween
2. The cloud a shape tween
3. The bird a motion tween with a simple medium slow ease.
4. The duck in the pond a motion tween with a skew to chage direction.
5. The tractor a motion tween with a simple slow ease and a saturation change a green tractor to purple.
4. I have two armatures:
1. My horse has a shape Inverse Kinematics for the tail wagging.
2. The farmer has a symbol Inverse Kinematics is used for the arm and pitch fork movement.
5. Movie clip and graphic symbols
1. I turned the barn into a graphic symbol.
2. I turned the duck into a graphic symbol.
3. I turned the tractor into a graphic symbol.
4. I turned the horse into a graphic symbol.
5. I turned the farmer into a graphic symbol.
6. I used a helocopter for the tractor sound.
7. I created two buttons for the play and stop buttons with different sounds for the over mode.
8. I used action script for the play and stop commands along with the apple button for the URL.
9. I had a hard time making this project. The most challanging was the IK symbol, gave me the most problems.

Ken Avdeef

Eric's Final project

This animations shows a simple construction of a diode and a circuit. The point is to show how a diode works. Eventually it will do this, but for now it has the elements required (I think) and I will finish this up on my own time.

I am still fighting with the sound - the green atoms make no sound, and I don't want the mc symbol sound to replay when the whole thing loops. I'll update as I work on this.

Play


Here is the Storyboard. It reads from top to bottom. To the right of the drawings are the explanations of what is happening, in pretty technical language and shorthand, so a bit tough to follow. To the left of the drawings are my planning notes of how to draw the elements. On the far left I list the criteria for the assignment, filling in how each requirement is met.

Drawing tools: fairly obvious use of oval and rectangle. The play button triangle is a poly/star, all the wires are drawn with the pen. The Voltage signal is also with the pen and a bit of bezier pulling. I used the spray can to make the little pinwheel in the buttons' over state. The depletion zone in the middle of the diode uses a gradient fill, but the gradient is really only alpha, not color.

Kuler: I searched for terms like "Semiconductor" and "Voltage" and found some that fit what I was thinking. Some primary values I used: FF2F2B, 597C0D, BFBFBF, EFEFEB.

Tweens: a lot more than 5. All the atoms and the mask that blocks some of them are motion tweened. The "silicon", electrodes that attach to each end of the silicon and the tinting in the silicon are classic tweens. There is easing on all of these: tinting, easing in/out for the moving items... Note that the voltage wave uses a tween with a mask just like we did the heart pulse. I got tired of tweening all the electrons and holes, so some of them stop moving occasionally. Something else to finish up later, but I think it looks pretty good at first glance.

IKs: the wire is a shape tween. I drew it backwards so it would end up nice and straight and then reversed the frames after animating it. The voltage supply connected to the resistor is a shape IK.

Symbols: lots of those (>17 excluding sounds). They are all new. Pretty much everything is a symbol since just about everything is animated (and I don't do shape tweens if I can help it!)

Sound: I tried to add sound but had a lot of trouble making it do what I wanted (play at specific moments). That is easy to do on my main timeline but not when it is attached to an mc symbol. The atoms have a sound as they are shot at the silicon. (I expect to add a lot more (simple) effects later.)

Buttons: three new buttons based on one, which I duplicated and only changed the up state symbol. (this is another place I tried to put sound, and also use a mask layer, but they didn't work right.) Note that stop button is affected by action script.

Action Script: Stops on frame 1 on load, waits for the click event on the play button. In frame 2 action script makes the stop button appear. Script in the last frame loops back to the beginning of the voltage cycle, and I used frame labels instead of frame numbers to direct Flash. The replay button sends back to the "silicon" frame (2) to watch the building sequence again (and avoid the stop in frame 1.) And there is the URL text in the bottom right corner of the stage.

What worked well: most of the drawing and tweening was straight forward (I think it helps that I don't want to make complex details - they would obscure my learning intent). Basic action script works well for me.

What was challenging: I wanted a gradient effect on the silicon tinting, but not spherical or linear. I just didn't see how to do it so didn't fight it. As I mentioned, getting the mc sound to work the way I want is still fighting me. Also trying to figure out some action script to help with this - but I know this is beyond this course. It did get hard to keep track of all my electron tweens so that they would all align, particularly where the animation loops back.

Bonus: I think I got this with my stop button appearing.

Orson - Project 5

Link to swf

1. Create two buttons:

1. One button should have:
• A Movie Clip for its Over state
• Please state in on the blog which MC is included

I used the horse MC for the over state.

2. When you have completed this project, post the following to the Class Blog.
1. Please discuss how the tutorials may contribute
2. Discuss how you completed this project

I pretty much made all the buttons the same with the exception of using a movie clip for one of the buttons. They all have four layers. They all change colors. They all have the same sound. I wish I could figure out how to stop the movie clip with the stop button, however. Oh well, it's a start.
-Orson

project 5

my movie!

I used a skull MC for the start button, and a bone for the stop button.
The tutorials were a little draining/not helpful for me on this one. I enjoyed learning this in class, and referred back to my in class projects for help with the button making & action scripting. Instead of using regular buttons, I wanted to turn mine into images that fit with the project. Thanks for watching!

Breanne

KenAvdeef_project5

Project 5
CAS175

1. My project is my dog on the beach wagging his tail and barking with a start and stop button.
2a. I have a button that starts my dog wagging his tail, barks with the crosses swaying in the wind once..
2b. The second button is the stop button, this stop all activity.
3. I added a action script to stop the timeline on the first frame.
4. I added a action script to start and stop the action in the timeline.
5. I added the action script for the URL for the apple web site.
6a. I thought the tutorials were confusing.
6b. I completed this project the same day after class so I wouldn't forget what we had done in class.
Ken Avdeef

Eric's project #5

I made a little game out of my project 4 molecule bouncer. If I did it right I think you should be able to follow the link and figure out what I did:

Play

But here is the summary:

Tutorials: I didn't use any, this project was pretty straight forward for me and the book provided all the help I needed (and it was able to come home with me!)

Two buttons: 0) the bouncing water molecule is a button! It is the same movie clip symbol for all the states (the hit state is just a circle, I made it a little larger to make it a bit easier to hit it. I tried to make each state different, but Flash would roll through each of the button states as it moved around the stage. There must be a way to do this.... 1) so instead the restart button uses the same water molecule MC symbol plus a sound in the OVER state (I also put a STOP sync in the DOWN state.) 2) The link button has 4 layers changing the graphics and text for each state.

Action script: Stops on frame one to display the ~very complex~ instructions. I didn't want to keep reshowing the instructions so I put script in the last frame to cycle back to frame 2; but it doesn't work the way I want if you are towards the end of the timeline (need to work on my action script logic.) OVER on the water button stops play, CLICK on the reset button starts up again. I also added some script to advance to an apparently random frame (part of my logic problem.) I have already discussed the link button.