rollover button
 home down

130

class information



Kinetic Typography - Language
Stephen Fry
Text design example
Stephen Fry
http://www.youtube.com

Jonathan Coulton
http://www.youtube.com

critiques


Adjectives not to use
when describing web design


Communicating design process

paperwork

syllabus
schedule
questions
main project
landscape
interactive
guide
code
ftp


student work


the process



proposal


haejin Cho

sketches


Noel Gonzalez


story boards


Ji Kang
Satterfield

process book


haejin Cho

process book - template


in order to make changes
open inDesign and
save with a different name
process book

main project



Chuck Borowicz
How to Become a Super Hero

Bickmore, Breanna
project has some problems with text position and alignment but It is interesting and works well for the topic
Understanding the Carbon Cycle

LaMichael Combs
How to Fish

Chhadwa-Shah, Dipti Dipen
How to make Tortillas

Cho, Haejin
Lets Make Paper Windmills

Brian Gabourel
Affected by Global Warming

Noel Gonzalez
What's Happening to Our Frogs

Kelly Anne Johnson
Ants

Ji Kang
How to Snow Board

Amy Wonnell
Going Green

prelimary work



landscape


Basic Animation,
Symbols Instances , Graphics
Abel, Roshan
Cho, Haejin
Ji Kang
Eller, Sam

interactive


Interaction, MovieClips,
Buttons can only use text
and abstract objects in design
Abel, Roshan
Ashley
Chelsey Eden
Chhadwa-Shah, Dipti Dipen
Klara Schmitt


Amy Wonnell

guided animation


Motion tween - 100%
Eller, Sam
Ji Kang
Chhadwa-Shah, Dipti Dipen

interactive experience design

students

examples

I am not teaching this class this quarter

 

 




landscape assignment


example
You need to create animation which will be spread over a number of frames. You can just place a stop on the final frame stop(); but only if stopping the animation is logical at this point. You can replay part of your animation by placing the following code on the final frame

gotoAndPlay(number of frame)

interactive assignment


example
Include three movieClips on the main timeline.
Each movieClip is placed on a different frame.
The movieClips will start to play once the the main movie enters a partcular frame.
Each movieClip is named in the property box.
The buttons are on all three frames but the actions for the buttons need to be on the first frame only.  Each button needs to be names in the property box. They need to be named in the property box while they are on the first frame only (before you add insert keyframe on the other two frames)
The function for the action on the buttons is

gotoAndPlay(frame number)
or
gotoAndStop(frame number)
If you want a partcular frame to replay then you need to actually have the movieClip play from its first frame
movieClipName_mc.gotoAndPlay(1);

rotate /ease in and out


example
controls are in property box

mask


example

Create a new layer.
Right click select Mask
The Mask will effect the layer beneath it.

For the masked layer you will only be able to see the areas that the mask covers. This is the opposite to a traditional mask which actually hides the areas that are covered.

The words "The Zoo" are on the layer under the mask. The mask is being animated across the words and eventually enlarges to cover the words.


transparent background

To edit an existing HTML page, add the WMODE parameters to the HTML code.

 

1.
Add the following parameter to the
OBJECT tag:
<param name="wmode" value="transparent">
2.

Add the following parameter to the
EMBED tag
:wmode="transparent"

 

space

 


space

space