5/16/12
5/14/12
Project Project Finals
Everyone is required to be at both presentations!
We will be meeting at 7pm on tuesday in the digital lab.
Tuesday May 15th
JOe - Indoor - object - anytime
Jackie - Johnstone - outside - 7pm or later
Kate - Dewer
Thursday May 17th
Connor - Stack Longue 7pm
Meg - Stack Longue - 7pm
Ryan - Stack Longue - 7pm
Jemma - Stack Longue - 7pm
Carmen - Outside - Stairs - 7pm
These days count as the class final, so there is no meeting time during next week.
In class on Wednesday. You are to show 2 interesting posts from your blog!
5/6/12
In class Mon May 7th
Final Ideas for Reactive Sound Project
Audacity (Audio Editor)
- Open/Save
- Marquee
- Cut/Copy/Paste
- Effects
- Export
The Sensors
Find your assigned sounds.
Work on Project.
Audacity (Audio Editor)
- Open/Save
- Marquee
- Cut/Copy/Paste
- Effects
- Export
The Sensors
Find your assigned sounds.
Work on Project.
5/1/12
In class Wed May 2nd
Show and Tell
What ideas do you have for the Reactive Audio project?
Work on Project ask Questions
What ideas do you have for the Reactive Audio project?
Work on Project ask Questions
4/29/12
In Class Mon April 30th
Show and tell. Show us what you found!
We will preset the projection project between the 14th and 24th around campus.
- Where is your projection on campus?
Reactive Sound Installation
Work on Project
We will preset the projection project between the 14th and 24th around campus.
- Where is your projection on campus?
Reactive Sound Installation
Work on Project
4/25/12
4/18/12
In class Wed Apr 18th
Advanced Flash
Levels
Think about levels like layers. They stack from the top down.
The first SWF is on level 0
Levels go from 0 - 999
0 is the bottom and 999 is the top
What ever is on top covers everything below.
You call up SWF's onto layers with a "loadMovieNum" command
example use on a button:
on(release){
loadMovieNum("SWF-04.swf", 75);
}
example use on a frame:
loadMovieNum("kill.swf", 300);
You can get rid of an SWF on a level in 2 ways.
1) use a loadMovieNum to call up a new SWF on the same level
2) use an unLoadMovieNum to unload the movie from the level
unloadmovienum("level");
i.e..
unloadmovienum(100);
SWFs in the example and their level:
Rainbow Backgrounds = 0
Green Ball 1 = 50
Image = 75
Black Mask Square = 100
Black Mask Circle = 100
Green Ball 1 = 200
kill button = 300
Work on Project
* Remember on Monday April 23rd, I will not be here so it is a work on your project day! get stuff done!
Levels
Think about levels like layers. They stack from the top down.
The first SWF is on level 0
Levels go from 0 - 999
0 is the bottom and 999 is the top
What ever is on top covers everything below.
You call up SWF's onto layers with a "loadMovieNum" command
example use on a button:
on(release){
loadMovieNum("SWF-04.swf", 75);
}
example use on a frame:
loadMovieNum("kill.swf", 300);
You can get rid of an SWF on a level in 2 ways.
1) use a loadMovieNum to call up a new SWF on the same level
2) use an unLoadMovieNum to unload the movie from the level
unloadmovienum("level");
i.e..
unloadmovienum(100);
SWFs in the example and their level:
Rainbow Backgrounds = 0
Green Ball 1 = 50
Image = 75
Black Mask Square = 100
Black Mask Circle = 100
Green Ball 1 = 200
kill button = 300
Work on Project
* Remember on Monday April 23rd, I will not be here so it is a work on your project day! get stuff done!
4/15/12
In class Mon Apr 16th
Show Examples of projections from your blogs
Lets see your sites and talk about your Ideas
Photographing your Site
Creating a Projection for your Site
The Resolution of our Projector is 1024x768
Lets see your sites and talk about your Ideas
Photographing your Site
Creating a Projection for your Site
The Resolution of our Projector is 1024x768
4/10/12
In class wed April 11th
Begin working on Project
- Scout a few sites for your projection and take pictures!
- Make a list of different animations that would be interesting for each space.
- Bring the photographs and the animations list with you to class on Monday
4/8/12
In class Mon Apr 9th
Project 4 is Due at the beginning of class!
*Hand in the HTML file & the SWF
Critique Project 4
Project 5 Assigned
Examples for Project 5
*Hand in the HTML file & the SWF
Critique Project 4
Project 5 Assigned
Examples for Project 5
4/4/12
4/2/12
In class Mon Apr 2nd
Review Flash
- Animation
- Buttons
- Actionscript
Work on Project!
The Flash Project is due next Monday!
3/20/12
In class Wed Mar 21st
Who needs to have access to the lab this break?
Flash Examples
How to navigate to a URL.
put the following ActionScript on a button. Use the URL you want, "blank" can also be "self"
on (release) {
getURL("http://www.hartwickdigital.com", blank);
}
Variables
c = 1;
hight = 4;
race = hight + c;
check your Variables
trace("text" + variable);
ex.
trace("variable hight = " + hight);
Generate Random Numbers
random(number);
ex.
c = random(100) * 100;
hight = random(7) + 4;
Check if something happens
if ( something == something) { do something }
if (hight <= 4){
race = "halfling"
gotoAndPlay(10);
}
if (hight == 5){
race = "elf"
gotoAndPlay(15);
}
if (hight == 6){
race = "human"
gotoAndPlay(20);
}
if (hight >=7){
race = "half-Orc"
gotoAndPlay(25);
}
Creating Transitions in Flash
- Color Change
- Background Fade
- Movement
* Remember only one animation at a time on a layer
* Remember Actionscript goes on Buttons and Key Frames ONLY!
Think of an Idea. Gather Content. Work on Project.
3/18/12
In class Mon Mar 18th
Project 3 Due
Show me your interactive tins!
- Lets review
How to create a basic website in Flash
- Come up with an idea for your site. Ask these questions:
1) What pathways will you provide your end user?
2) Is there meaning behind the structure.
3) What is the purpose of the site?
- Gather content (this can take a while)
1) Draw or find the images/videos you need for the website
2) Edit your images in Photoshop
* Note JPGs or PNGs only
3) Edit your video with Quicktime Pro or iMovie
- Create your Document in Flash
1) Actionscript 2.0 only!
2) Change the size
3) Change the Frame Rate
4) Import your Content
5) Create your symbols, animations & Buttons
6) Create your structure
7) Drop your content on the appropriate pages
8) Drop in your Actionscript
9) Test
* Save Often
Project 4 Assigned
Make sure you are comfortable doing the following things in Flash.
- Changing the size of the stage and Frame Rate (FPS)
- Making a Nested Symbol
- Making a Shape Tween
- Making a Classic Tween
- Making a Motion Tween
- Making an Animated Button
- Put a 'stop();' action on a Key Frame
- Have a button goto a frame using action script
Work on Project
3/13/12
In class wed Mar 14th
Flash Examples:
Carnac by Terry Slade
Creating Symbols - (Forget the Graphic (f0r now)
-- Movie Clip
-- Button
- Nested symbol
- Nested Animated symbol
--- as Movie Clip
--- as Button
(try to start thinking about Flash in pieces)
Moving around the Timeline using action script:
stop();
on (release) {gotoAndPlay(frame#);
}
Quick Project: Create a complex Button and a complex nested Movie Clip
(the button should contain animations on 2 frames, the movie clip must have at least 3 animations nested inside it)
Project 3 (the Tins) are due at the Beginning of class on Monday!
3/12/12
In class Mon Mar 12th
Required Presentation!
March 14 | 6 p.m. | Anderson Theatre
Frank and Caroline Mouris
Lecture with independent film makers The Mourises will show their Academy award winning animated short, Frank Film together with subsequent film, Frankly Caroline. Frank Film from 1973 is a compilation of images collected from magazines interwoven with two narrations, one giving a mostly linear autobiography and the other stating words having to do with the images, the story the first voice is relating, or neither. The soundtrack was created by Tony Schwartz.
also coming up soon!
April 5–12 | Opening:Thursday April 9 | 4:30-6 p.m.
Student Generated Film Series
Digitalvideodrone - Best digital film and animation created by Harwick students over the past 5 years.
* Submit your entry to me. I accept digital files on a USB thumbdrive. I prefer .MOV files at full resolution.
Flash Day 4
Importing a Video into Flash
File --> Import to the stage or Library
Select your video file and click 'Import'
This will bring up the 'Import Video Window'
- Choose 'Embeded FLV in SWF & play in timeline
* if your video is not a FLV file you need to launch the 'Adobe Media Encoder' to encode your video as an FLV
-- Once the Adobe Media Encoder is open, choose 'FLV Flash 8 or higher' from the 'Preset' drop down menu
-- Click 'Start Queue'
-- When the encoding is done Quite Adobe Media Encoder
- This will bring you back to the 'Import Video Window'
- You will need to go find the new .FLV file on your computer in 'File Path' and click 'Continue'
- keep the settings on this page the same a the default and click 'Continue'
- click 'Finish'
The 'Import Video Window' will close and you should see your video on the timeline.
Manipulating the Timeline
---> Edit ---> Timeline ---> Delete Frames [shift + F5], Cut Frames, Copy Frames, Paste Frames
---> Insert ---> Timeline ---> Frame [F5], Keyframe [F6], Blank Keyframe [F7]
* Click and drag on the timeline to select frames
* Command click on a keyframe to move it
- Export Movie
- Publish Settings, Publish Preview, Publish
Flash File types
- FLA = Flash working file. This is the most important file of your project.
- SWF = Flash file for the web. This allows web browsers to see the animation/video.
- MOV = Apple Video File
- Nested Symbols = a symbol embedded in a symbol
Work on Projects!
3/6/12
In class Wed Mar 7th
Blog Show & Tell
Email me your Blog Address
Flash Day 3
-Importing an Image
- Trace Bitmap
- The Library
- Find it under "Window"
- Symbols
- Insert New Symbol
- Convert to Symbol
--- Graphic, Button, Movie Clip
- Editing a Symbol
- Motion Tween
1. Make a Key Frame on the timeline
2. Draw a shape and convert it into a symbol [ graphic ]
3. Place the marquee further down the timeline & place a 'Frame'
4. Control Click on the timeline and insert a "Motion tween"
5. Click on the timeline to set movement points and move your symbol
6. You can manipulate the motion path in the same way you can manipulate strokes in Flash
- Classic Tween
1. Make a Key Frame on the timeline
2. Draw a shape and convert it into a symbol [ graphic ]
3. Place the marquee further down the timeline & place a 'Keyframe'
4. Move/Change the symbol on the second keyframe
5. Control Click on the timeline and insert a "Classic tween"
Classic Tween & Motion Tween in Flash CS4*
Other Examples
Work on Project
3/4/12
In class Mon Mar 5th
Project 2 is Due.
Lets talk about what happened.
Did you get people to interact with you?
What was the experience you were trying to create for them?
Flash
Whats Where
Create a new document
---> File ---> New ---> Flash File (Actionscript 2.0)
Change the Documents size
---> Modify ---> Document
* note, you can change the Frame Rate here also!
Save Your Document
---> File ---> Save As ---> Flash CS4 .FLA
Tools
- Drawing Tools
-- Strokes and Fills
--- Adjusting Stroke and Fill options
Selection Tools
- single click, double click, shift click
Layers
- New Layer, Delete Layer, New Folder
- Locking Layers, Layers Visibility, Layer Outlines
Timeline
- Placing the Marquee
- Frames, Keyframes, Blank Keyframes
* Control Click on the timeline to bring up frame insert options
- Adding Frames and Deleting Frames
- Adjusting the Frame Rate (FPS)
- To play your animation place the marquee where you want to start and hit "Return"
Frame by Frame Animation
- Onion Skin, Onion Skin Outlines
Shape Tween Animation
1. Place a Blank Keyframe on the timeline
2. Draw a shape on that Keyframe
3. Go to another frame on the timeline and insert a keyframe
4. Make changes to the shape or postion of the shape in the second keyframe
5. While holding control click on the timeline between the 2 keyframes and select "Shape Tween"
Experiment with drawing and animation in Flash. See if you can create both styles of animation. Show me when you figured it out.
Work on Project 3
2/28/12
In class Wed Feb 29th
Blog Show & Tell - Show us what you have found.
Word Image Collection
Drawing in Flash
Whats Where
Create a new document
---> File ---> New ---> Flash File (Actionscript 2.0)
Change the Documents size
---> Modify ---> Document
* note, you can change the Frame Rate here also!
Save Your Document
---> File ---> Save As ---> Flash CS4 .FLA
Tools
- Drawing Tools
-- Strokes and Fills
--- Adjusting Stroke and Fill options
Selection Tools
- single click, double click, shift click
Layers
- New Layer, Delete Layer, New Folder
- Locking Layers, Layers Visibility, Layer Outlines
Timeline
- Placing the Marquee
- Frames, Keyframes, Blank Keyframes
* Control Click on the timeline to bring up frame insert options
- Adding Frames and Deleting Frames
- Adjusting the Frame Rate (FPS)
- To play your animation place the marquee where you want to start and hit "Return"
Frame by Frame Animation
- Onion Skin, Onion Skin Outlines
Shape Tween Animation
1. Place a Blank Keyframe on the timeline
2. Draw a shape on that Keyframe
3. Go to another frame on the timeline and insert a keyframe
4. Make changes to the shape or postion of the shape in the second keyframe
5. While holding control click on the timeline between the 2 keyframes and select "Shape Tween"
Experiment with drawing and animation in Flash.
Project 3 Assigned
Work on Project
2/26/12
In class monday Feb 27th
Show and Tell
Last weeks Blog Questions.
What is "interactivity" and how does it function in your daily life?
What is "experience". What does it mean to experience something? Physical? Mental?
Examples
Color by Numbers - Cellphone/Light interactive art piece
Jason Eppink - Start
Pixelator - Street ARt
For Later - send and email to yourself or others later
Demo Choice - Polling
Experiments
* Lets perform a symphony - BAdmindTime
* Surreal Drawing
Discuss Project 2
Work on Project 2
2/21/12
In class Wed Feb 22nd
Interactive Artists
Email Story
- Set-up
-- Hooking up Tumblr to Flickr (and other sites)
- Uploading
- © & CC
- Tagging
- Sets & Collections
- Making and Joining Groups
Work on Project and Assignments
2/19/12
In class Mon February 20th
- Blog Questions of the week
What is "interactivity" and how does it function in your daily life?
What is "experience". What does it mean to experience something? Physical? Mental?
Choose Your Own Adventure - a non-linear book.
What was the experience like compared to reading a "normal" book.
Assigned Project 2 - Leave Behinds
- Barbie
*Art is about asking a question. Design is about solving a problem.
The Quarter experiment - get a quarter and a some crazy glue. Go to a public place like a diner or library and glue the quarter down. Make sure it is heads up! Watch the magic.
Tumblr
- Gettin it set up.
- Using Tumblr
- "Follow Everyone in class"
Play Games
2/14/12
In class wed Feb15th
* Experiments & examples
--- Telephone
--- Choose Your Own Adventure Books
--- The Dark
--- Choose Your Own Adventure Books
--- The Dark
--- AOL Liza
--- Chore Wars
--- Chore Wars
--- Dungeons & Dragons
Assignment #1 - Send Me Something
Project 1 assigned - Blog
* Set up New Blog on Tumblr
--- Games
Leave Behinds
Leave Behinds
--- Parking Ticket - Leave Behinds
--- Book/Zine in a Library
--- Object in Salvation Army
--- Left on public transportation
--- Geocaching
--- Other Ideas????????????????????????????
Assignment #1 - Send Me Something
- send them something - take a picture of what you send
- take a picture of what they send back
Project 1 assigned - Blog
* Set up New Blog on Tumblr
.
2/12/12
In class Mon Feb 13th
Art = Experience
The main reason people view art is to have an experience.
What is the experience of a Painting?
* How about a; Drawing, Print, Photograph, Film/Video
* or Glass, Sculpture, Ceramics, Fiber Arts, Metals
* or Installation Art, Performance Art, Sound Art
* or Net.Art, Videogames
When we "look" at art we have an experience. A person looking at an art piece is considered the "Viewer". Looking at art is a passive experience. Can we experience art in ways besides "looking" at it?
There is a range of interactivity in Art from passive to active.
Passive Interaction <----------------> Active Interaction
Viewer <-------------------------------------------> Collaborator
So what is Interaction?
Interaction
noun
1. a mutual or reciprocal action or influence
2. (Physics / General Physics) Physics the transfer of energy between elementary particles, between a particle and a field, or between fields See strong interaction, electromagnetic interaction, fundamental interaction, gravitational interaction, weak interaction, electroweak interaction
How does the experience change when we actively interact with an art piece?
Most digital art forms are inherently interactive?
---------------------------------------------------------------------------
Welcome to the first day of Art316 Interactive Media
This is the class blog and contains most of the information you will need to successfully complete this class. Projects and the syllabus can be found on the right side of the page.
Subscribe to:
Posts (Atom)