MU120 Digital Media Design & Development

Design PrinciplesSee presentation available from Lectures

page of module websitehttp://mmedia.glos.ac.uk/mu120

Review Assignment

Assignment scenarioHere be Dragons map

Assignment 1 Portfolio of 5 tasksDrawing

Version 1 of the mapLayout

V2 of the map to illustrate Design principlesCharacter animation

Vector character who will “live” in your mapSlideshow

Demonstrate how a user can navigate from the map to a different place or within the map

Here be DragonsInteractive multimedia map, structured movie

Lab Practical sheet is a STARTSee Resources page for gallery of your line

drawingsSome really creative ideas

In the choice of original iconic image The treatment

Today’s prac gives links to a range of animation possibilities so it would be good to see several of these tried out before a final few are chosen

Quality issuesJpgs from Flash lose quality

Remember to zoom when drawing to ensure HIGH QUALITY

When finishedFile – Publish settings (.swf and .html)File - PublishPublish your line portrait in Flash and zoom to

examine quality (Right mse – Zoom on any swf)

Reminders - Alignment in FlashView menu

RulersGridGuidesSnapping

Remember to edit if necessaryArithmetic is handy!

Reminders -SelectingTake care when you

have Snapping on as areas become as oneCan be useful but not

always Thin vertical bars were

created later Problem to select the

rightmost laterWhat if the Stroke was a

different colour? Box + 3 rectangles touchingare treated as one object

Lasso helps with moving itemsEdit – CopyEdit – Paste or

Paste in PlaceRemember that

the Stroke is a different ‘object’

Use the Lasso tool

Portfolio 1 DrawingChoose strong imagesUse the AlignmentWhere is the eye led?

Taking photosWhat

is the story that you want to tell?

Different viewpoints - context

Perspective to add drama

Some different treatments

Design principles for screen layoutSee Flash presentation (wk 3)AlignmentProximityContrastRepetitionIf you have trouble remembering these, try

rearranging the initial letters and using the mnemonic!

Explore the more complex…If you would like a challenge…rotating 3D cube in Actionscript 3http://www.flashandmath.com/advance

d/simple3d/index.html

Any Questions?