MU120 Digital Media Design & Development

16
MU120 Digital Media Design & Development This presentation gives pointers to what was covered in the lecture Attendance + persistent use of the module website is essential Assignments give you a chance to think outside the box

description

MU120 Digital Media Design & Development. This presentation gives pointers to what was covered in the lecture Attendance + persistent use of the module website is essential Assignments give you a chance to think outside the box. Investigate the website. What’s inside this module (homepage)? - PowerPoint PPT Presentation

Transcript of MU120 Digital Media Design & Development

Page 1: MU120  Digital Media Design & Development

MU120 Digital Media Design & Development

This presentation gives pointers to what was covered in the lecture

Attendance + persistent use of the module website is essential

Assignments give you a chance to think outside the box

Page 2: MU120  Digital Media Design & Development

Investigate the websiteWhat’s inside this module (homepage)?How will you learn?

Module GuideLecturesResourcesShowcase – what others have achieved

How did they start?Perhaps more important is the progress they made

during the year.

Page 3: MU120  Digital Media Design & Development

Induction weekWhat did you learn from the Course

activities and the Storyboarding session? http://spark.glos.ac.uk/mu.html

Confidence in your abilitiesTo get to the right place at the right time your creative potential

Are you feeing rather superior?A tad over confident?

Page 4: MU120  Digital Media Design & Development

Student-centred learning NOT “Me, me, me”

in the sense that tutors are at your beck and call BUT “Me, me, me – I can do this!”

“My learning”Nobody else can do this – rights and

responsibilities Tutors will encourage and discuss If you choose not to engage then that’s your right –

unless it interferes with the rights of others to learn Cost of retaking a L1 module £800+ in addition to

£3K+ fees in Level 2

Page 5: MU120  Digital Media Design & Development

Assignment scenarioCheltenham Panorama

An interactive, electronic poster for the townIncluding animated characters (real/imaginary)

Bitmap/photo Images as rawmaterial

Page 6: MU120  Digital Media Design & Development

Example postersRonda, Granada,

Cordoba in SpainDornbirn, Austria

Page 7: MU120  Digital Media Design & Development

Assignment 1 Portfolio of 5 tasks1. Drawing

Iconic images of the town (vector drawing)2. Layout

Illustrate Design principles by positioning text and graphics on the poster

3. Character animationVector character to ‘live’ in your poster

4. Simple scriptingDemonstrate the use of Actionscript 3 so that the

user can click and find further info in text/graphic/animated format

5. Interactive Poster

Page 8: MU120  Digital Media Design & Development

Designed to be done in stagesKeep working in practical sessions and

at home and the assignment will almost do itself!

Leave it till the last moment and it will be too much and you will fail

Page 9: MU120  Digital Media Design & Development

Assignment 2Assignment 1 due Thu 16 Dec 2010Assignment 2 begins in JanuaryWorking in a pair to create an interactive,

multimedia productEither Cheltenham InformaOr Cheltenham Motorsports GameFull details of all assignments in the Module

Guide available from http://mmedia.glos.ac.uk/mu120

Page 10: MU120  Digital Media Design & Development

What about me?Great!The assignment

assessment criteria are designed to allow you to demonstrate your learning from whatever your starting point

Cautionary talesDr Kawashima......

I’ve done all this Flash stuff

before!

Page 11: MU120  Digital Media Design & Development

A word about Flash Versions… Current version Flash CS5 In labs – CS3 – until January 2011 Both use Actionscript 3 (AS3) If you use CS5 at home then you will

need to File-Save As – CS3 format if you want to open the FLA file in the labs and continue working on it.

Page 12: MU120  Digital Media Design & Development

Things to look forward to…Drawing brushes

http://www.adobe.com/products/flash/whatsnew/?configListID=0&chapterID=0&npObjID=14

Bones for animation http://www.adobe.com/products/flash/whatsnew/?

configListID=0&chapterID=0&npObjID=18

More flexible text control http://www.adobe.com/products/flash/whatsnew/?

configListID=0&chapterID=0&npObjID=23

Page 13: MU120  Digital Media Design & Development

Introduction to Adobe FlashScene ToolsEllipseFill/StrokeColour MixerObject

Properties

Page 14: MU120  Digital Media Design & Development

Pencil tool for tracingRemember to use the

Smooth optionPick a colour which will

show upYou can select it all

and change it laterUse the Selection tool

to improve the accuracy

Page 15: MU120  Digital Media Design & Development

Lab Practical sheet is a startNow practise being selective about the

features that you trace so that you create iconic images – lines only!! No fills please.

Once these are vector images in Flash, they can be made into symbols and animated

Publish as a jpg and a swfRemember to email [email protected] with

your own icon!Recognition game next week

Page 16: MU120  Digital Media Design & Development

Any other questions?