Types of Sounds to Make in class 3/22/2010

Sound Effects:

Make 3 separate sounds, each of which combines a number of sounds from freesound.org

Using Audacity and sounds from Freesound, create sound effects for your game which
do the following:

Contextual sound/Narrative sound
Focusing attention
Defining space
Establishing place
Creating environment
Emphasizing/Intensifying action
Setting pace
Symbolizing meaning
Unifying transitions

Audacity tutorial - parts 1 & 2

Download Audacity from here

Audacity Tutorial Part 1

http://www.youtube.com/watch?v=lrPGMjZORCM&feature=related

Audacity Tutorial Part 2

http://www.youtube.com/watch?v=6txQRfptawE&feature=related

The Freesound Project

Freesound

The Freesound Project is a collaborative database of Creative Commons licensed sounds. Freesound focusses only on sound, not songs. This is what sets freesound apart from other splendid libraries like ccMixter.



USE FREESOUND IN COLLABORATION WITH AUDACITY TO TRY OUT SOUNDS FOR YOUR Liquid Identity WEBSITE

WEEK NINE MONDAY 22nd March

LECTURE
20th Century art movements: futurists, cubists, constructivists, and situationists. A historical
examination of the origins of various contemporary digital media types, genres and movements (e.g. Manovich notion of GENERATION FLASH. A look at new media categories and the various technologies which underpin them.

HANDS-ON


USING Audacity combined with Freesound to process and generate sound.

1) Students sign up with then download .wav files from freesound.org

2) Students then import these sounds into Audacity, add filters, reverb etc, and add tracks.

3) Students then export .wav files of mixed & processed sound for importing into "Liquid Identify" websites.

Reading – WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Chapter 9 Working with Complex Funcitonality

Media Archeology links

http://griffin.multimedia.edu/~deadmedia/frame.html

http://en.wikipedia.org/wiki/Dead_Media_Project

http://w2.eff.org/Misc/Publications/Bruce_Sterling/Dead_Media_Project/

The WAYBACK MACHINE at archive.org

Links related to 'what the web looked like in 1996':

http://royal.pingdom.com/2008/09/16/the-web-in-1996-1997/

https://www.msu.edu/~karjalae/internet96.htm

Where old macs go to thrive! - collectors Apple store in Japan:

http://www.wired.com/gadgets/mac/commentary/cultofmac/2002/03/51231

Tinkerer excellent recycled Mac SE30 & Apple Newton:

http://www.cultofmac.com/the-se30-that-does-it-all-interview-with-an-expert-vintage-mac-user/3986

Tonight's class

WORKFLOW documentation

Media archeology – the search for and appreciation of ‘dead media’ – the
recycling of formerly expensive, exclusive computers, and devices which now
they are dirt cheap can be put to a wide range of interesting uses – especially for the web

OPEN LAB - Liquid Identity projects - design documents ready for submission next week

Hex Color Code Site

http://coolmaxhot.com/graphics/hex-color-palette.htm

CSS tutorial files

Click here to download tutorial files zipped up which come with "CSS: The Missing Manual"

Web portolios

http://wellmedicated.com/inspiration/40-beautiful-web-design-portfolios/

10 Steps to the perfect web portfolio

Tonight's class

1) Show & Tell of finished photo-montage assignments - please place web-friendly copies on your blog.

2) One-on-one discussion of pre-production design documents for your main liquid identity assignments (I sit with each student and identify key attributes of final assignment)

3) Open lab

Things to include in your item 4 assignment due 3/24

A) 3 PAGES OF TEXT DESCRIBING THE SITE

B) 3 PAGES OF DIAGRAMS WHICH LIST:

1) Workflow Production timeline Between March & May

2) Concept Page - dummy page with wireframes

3) Flowchart - (like a family tree showing how all the pages relate to each other)

4) Assets list - a shopping list of assets based in part on what the flowchart shows

5) Mood Board

March 8th Class

REVIEW OF ITEM 4 ASSIGNMENT - DUE in 2 WEEKS

Photoshop assignment due this Wednesday

Reading – WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Chapter 7 Phase 5: Launch and Beyond

USING ILLUSTRATOR TO PERFORM LIVE TRACE ON BITMAPS TO TURN PHOTOS INTO VECTOR ART
WEEK SEVEN WEDNESDAY 10th March
EXERCISE 3: Self Portrait (3 X images) project due Today

The great debate between flash vs HTML5

ISFLASHDEADYET.com

WIKI entry on HTML5

Open source alternative to flash (runs in browser), AJAX ANIMATOR

Tonight's class - 3/3/10

Database vs Narrative – ideas of Lev Manovich' book THE LANGUAGE OF NEW MEDIA

Using flash to generate animated vector graphic content - using intro to flash handout to make motion tweens and motion guided tweens.

Slideshow on the work of Cindy Sherman

http://www.metropicturesgallery.com/index.php?mode=artists&object_id=4

Today's Class - 1st March

Dominic Stansberry's Labyrinths -- different flowchart models

WEB REDESIGN 2.0 – WORKFLOW THAT MATTERS
Flowcharts,

THE VIRTUAL REVOLUTION - PART 3 - THE COST OF "FREE"

How commerce has colonized the web.

Liquid Identity projects:

Using flash to generate animated vector graphic content

Flowchart types for planning digital media

This powerpoint is based on the ideas of Dominic Stansberry who wrote an excellent book
called "Labyrinths: The Art of Interactive Writing and Design"