11-7-11 - - Finish animation/Fireworks practice files (these will be checked off at your desk at the end of the period) - Choose artist and have approved by teacher - Research Worksheet for Online Artist Gallery (OAG) worksheet sketches - Work on

1
11-7-11 - - Finish animation/Fireworks
practice files (these will be checked off at your
desk at the end of the period)- Choose artist
and have approved by teacher- Research
Worksheet for Online Artist Gallery
(OAG) worksheet sketches- Work on splash page
for OAG. Remember - this will be your index.html
page
2
11-7-11 - Art for New Media1. A frame-by-frame
animation (using photoshop) (minimum 25 frames
long - dont do a bouncing ball!)Make sure you
have some layers/background or a scene of some
kind in your animation2. 3 animations using the
3 different tweens - position, opacity, layer
styles (effects) (each of these only needs to be
5-10 frames)3. A rollover with an over and down
state (using FW/DW)4. A remote or disjoint
rollover (use PS/FW/DW) be careful in naming of
states, slices and files!
3

• Steps to make a REMOTE or DISJOINT rollover --
  create image in photoshop (use layers for
  states)- open in FW- slice active areas (any
  area that will have rollover behavior, including
• remote area)- create states for each
  rollover area
• for normal state, turn on visibility of all
  buttons, turn off all remote area layers
• copy normal state to make new states (so that
  all layers will be there)
• turn on visibility of remote area you wish to
  show
• make change to button (ex. Filter in properties
  inspector - make sure your button layer is
  selected to add a filter)- use behavior handle
  to create disjoint rollover (click and drag
  crosshair/handle to slice
• add swap image to slice (click on behavior
  handle)
• select state that you will be swapping with
  current image- save as png
• - file gt export - make sure to select the
  following export HTML and images
• html html file
• slices export slices
• pages current page
• check only these boxes include area w/o
  slices and images in subfolder
• - open html file in dreamweaver

4

• Steps to make a rollover with multiple states --
  create image in photoshop (use layers for
  states)- open in FW- create states for each
  rollover behavior (off or normal, over and
  down) copy normal state to maintain layers in
  all states
• name each state (ex coffee-off, coffee-over,
  and coffee-down)
• - make changes to the states to show rollover
  image (turn on visibility of layer you want to
  show in each state)
• - save as png
• - file gt export - make sure to select the
  following export states to files
• uncheck trim images box
• - open a new dreamweaver file, save it
• - place image for off state (insert gt image)
• - add rollover behavior gt go to behaviors panel
• add (click on plus sign) swap image
• browse for image gt choose over state
• add another behavior gt this time choose down
  image
• then change it to onMouseDown in list to left
  of behavior
• (click on blue arrows to see list)
• - save and preview in browser