Tuesday, May 25, 2010

Final Assignment & Schedule

FINAL PROJECT

You can choose to create your own project or create a stop motion animation. If you are create your own project then please let me know what are you doing (by sending email, blog, or in person). Here are schedule:

THURS MAY 27TH: > WORK DAY

TUES JUNE 1ST: > WORK DAY

WEDS JUNE 2ND: FINAL ASSIGNMENT & ALL ASSIGNMENTS DUE TODAY BY NOON 12:00PM

THURS JUNE 3RD: FINAL CRITIQUE DAY! LAST CLASS! Your participation will be a part of your grade! Please show up and be prepared to talk about your work and give feedback to your classmates work.

Tuesday, May 18, 2010

Assignment 3 and Crit for Assignment 4

I was wondering if you're going to post our buttons on here as well? Also the schedule is confusing me. When is the crit of Assignment four the image gallery and surrealist works? Thanks, Daniel

Wednesday, May 12, 2010

Assignment 4: PU PU PLATTER > Due Thursday May 20th by 9PM


Choose what you like! Do one or do all! But submit at least 1.

Option 1: Photo gallery: Create a photo gallery of at least 6 photos. You can follow the pdf handout in blackboard (simple thumbnail rollover) or make it your way.

Option 2: Jamie's animated gift. Make 1 animated gift using Jamie's instruction.

Option 3: Surreal Surreal: Create a photo surrealism using your photos and/or images found from internet. Finish image must be original & must be your own design. In class we surveyed the work of Tadanori Yokoo and we watch art 21: Mathew Barney and Cao Fei (season 5 available to watch through netflix if you have an account). So think of the artist's process and finish product. Try to tell the story and think what "surreal" means for you? Try to make the image convey time, place, and feeling. Bring your experience and childhood background into your work may help you create image that describe the feeling of "nostalgia". Please submit 1 photo in jpeg, 300 dpi and the width not exceed 600 pix.

Tuesday, May 11, 2010

ActionScript for image gallery

What you need to change are in red. You will need to add the same script for additional images.

butt1.addEventListener(MouseEvent.MOUSE_OVER, manageMouseOver);
butt1.addEventListener(MouseEvent.MOUSE_OUT, manageMouseOut);
function manageMouseOver(e:MouseEvent):void{
this.gotoAndStop("image1");
}
function manageMouseOut(e:MouseEvent):void{
this.gotoAndStop("blank");
}
butt2.addEventListener(MouseEvent.MOUSE_OVER, manageMouseOver2);
butt2.addEventListener(MouseEvent.MOUSE_OUT, manageMouseOut2);
function manageMouseOver2(e:MouseEvent):void{
this.gotoAndStop("image2");
}
function manageMouseOut2(e:MouseEvent):void{
this.gotoAndStop("blank");
}
butt3.addEventListener(MouseEvent.MOUSE_OVER, manageMouseOver3);
butt3.addEventListener(MouseEvent.MOUSE_OUT, manageMouseOut3);
function manageMouseOver3(e:MouseEvent):void{
this.gotoAndStop("image3");
}
function manageMouseOut3(e:MouseEvent):void{
this.gotoAndStop("blank");
}
butt4.addEventListener(MouseEvent.MOUSE_OVER, manageMouseOver4);
butt4.addEventListener(MouseEvent.MOUSE_OUT, manageMouseOut4);
function manageMouseOver4(e:MouseEvent):void{
this.gotoAndStop("image4");
}
function manageMouseOut4(e:MouseEvent):void{
this.gotoAndStop("blank");
}

Wednesday, May 5, 2010

Flash Drive Recovery


Man! I'm so mad.  The USB flash drive broken down on me.  I was not able to retrieve the flash animation assign for Art119.  Luckily, I saved the work before at my class computer.  However, I lost some of the new work done over the weekend.  I've learn my lesson.  Apparently, this is a common occurrence.  The higher the gig capacity, the more chance it's going to malfunction.  I had a 64mb flash drive that was in my pants pocket which went through the wash cycle and the dry cycle.  To my amazement, I was able to retrieve my files.  I guess I need to save it first to the desktop and then back it up on an other drive.

I did a search for recovery and some other forums.  Tom's Hardware Forum recommends this website:  http://www.FlashDrivePros.com/ 

Tuesday, May 4, 2010

SCHEDULE

TUES MAY 4TH: DEMO INVISIBLE BUTTON, ADD SOUND, VIGNETTE > WORK. ASSIGNMENT 2: TIME TURNS ELASTIC ANIMATION DUE BY 9PM TODAY.

THURS MAY 6TH: CRITIQUE DAY FOR ASSIGNMENT 2. Your participation will be a part of your grade! Please show up and be prepared to talk about your work and give feedback to your classmates work.

TUES MAY 11TH: ASSIGNMENT 4: PHOTO GALLERY/ANIMATED GIFT/surreal surreal BEGINS. DEMO PHOTO GALLERY, ANIMATED GIFT, SURREAL PHOTO MERGE ASSIGNMENT 3: BUTTON/daguerreotype DUE TODAY BY 9PM.

THURS MAY 13TH: SHORT DEMO > WORK DAY

TUES MAY 18TH: THURS MAY 6TH: CRITIQUE DAY FOR ASSIGNMENT 3. Your participation will be a part of your grade! Please show up and be prepared to talk about your work and give feedback to your classmates work.

THURS MAY 20TH: FINAL ASSIGNMENT STOP MOTION PICTURE BEGIN! DEMO: STOP MOTION PICTURE. ASSIGNMENT 4: ANIMATED GIFT/PHOTO GALLERY DUE TODAY BY 9PM

TUES MAY 25TH: SHORT DEMO > WORK DAY

THURS MAY 27TH: SHORT DEMO > WORK DAY

TUES JUNE 1ST: SHORT DEMO > WORK DAY

WEDS JUNE 2ND: FINAL ASSIGNMENT DUE TODAY BY NOON 12:00PM

THURS JUNE 3RD: FINAL CRITIQUE DAY! LAST CLASS! Your participation will be a part of your grade! Please show up and be prepared to talk about your work and give feedback to your classmates work.

add a sound to a button

Add a sound to a button

You can associate sounds with the different states of a button symbol. Because the sounds are stored with the symbol, they work for all instances of the symbol.

  1. Select the button in the Library panel.
  2. Select Edit from the Panel menu in the upper-right corner of the panel.
  3. In the button’s Timeline, add a layer for sound (Insert > Timeline > Layer).
  4. In the sound layer, create a regular or blank keyframe to correspond with the button state to which you want to add a sound (Insert > Timeline > Keyframe or Insert > Timeline > Blank Keyframe).

    For example, to add a sound that plays when you click the button, create a keyframe in the frame labeled Down.

  5. Click the keyframe you created.
  6. Select Window > Properties.
  7. In the Property inspector, select a sound file from the Sound pop-up menu.
  8. Select Event from the Sync pop-up menu.

    To associate a different sound with each of the button’s keyframes, create a blank keyframe and add another sound file for each keyframe. You can also use the same sound file and apply a different sound effect for each button keyframe.

Monday, May 3, 2010

Where is our first assignment posted? Also have we recieved grades yet?

The headline pretty much says it all. Where are our first assignments posted and have they been graded?

Wednesday, April 28, 2010

ActionScript CORRECTION!!

OK. SO I WENT HOME AND REMADE MY BUTTON USING MY SCRIPT AND IT WORKED! THEN I REALIZED THAT IT WAS A SCRIPT FOR FLASH 8 (AN OLD VERSION). I THOUGHT THAT CS3 USE FLASH 8 SCRIPT BUT IT'S ACTUALLY USE NEW SCRIPT! SO HERE IS THE SCRIPT TO LINK BUTTON TO WEBSITE. FOR LINK TO FRAME PLEASE SEE JOHN'S POST BELOW.

buttonname
.addEventListener(MouseEvent.CLICK, myButtonFunction1);
function myButtonFunction1(event: MouseEvent) {
var request:URLRequest = new URLRequest("url address");
navigateToURL(request,"_self");
}

Tuesday, April 27, 2010

Joe Cartoon Flash App

Microwave

CS3 Action Script to make it work... my way :)

1. Create your animation
2. In the first frame of the animation put the stop command in your action script.
     stop();
3. Create your button, don't forget to change it to a button with the Modify Shape command.
4. Name your button in the properties section, I called my button Button_1
5. Name the first frame of your animation as shown in class.  I called the frame start
6. On a new layer at the first frame insert some more action script.


     Button_1.addEventListener(MouseEvent.CLICK, Start);


     function Start(e:MouseEvent):void
     {
     this.gotoAndPlay("start");
     }


Explanation:
Button_1 is your new button.  The addEventListener is adding an event to the button telling flash to tell the button to listen for a CLICK event.  The Start is the name of the function that you want flash to run when the button is clicked.

Next we create a new function called Start.  Inside the parenthesis we need to handle the CLICK event arguments which is where the e:MouseEvent comes from.  Since we are not using these, just type it in and forget it for now.  The :void tells flash that we are not returning anything from this function, it is just executing your code.  The curly brackets define the contents of the function.  Finally, use the this.gotoAndPlay and type the name of your first frame.

Special note, everything is case sensitive!!

Assignment 3: Buttons and digital daguerreotype

You can pick either one base on your own personal interest. Title your file with yourname_assignment2 (varinthorn_assignment2.swf)

1. Button: Make at least 4 interactive buttons . You can use buttons to control animation, link to web, or just plain interactive fun. Don't forget to pay attention to the design elements. Make them beautiful, fun, and not boring. Create your own website template using buttons.
You will turn in: 1 swf file with at least 4 interactive buttons.

2. digital daguerreotype: You will turn in: 1 image 8X10 300ppi tiff file
The Daguerreotype, is a precursor to the modern-day photograph and one that many
digital photographers are now seeking to replicate for aesthetic reasons. The lure of the
Daguerreotype is that while difficult and toxic to create, the detail in the image is
exquisite and the image itself, precious and unique as each plate is the image/negative
all rolled into one. Capturing the image and apply your creative and analytical skills to deconstruct and recreate an image that looks as if it were created using this historical photographic technique. (while the daguerreotype is not a style per se but because of the particular circumstances under which they were created-the resulting images have distinctive
characteristics which are not seen with other techniques of image-making and therefore
there is a ‘look’ of a daguerreotype.)

Resources:
1.Execute a Google search on these topics or look in the library for texts and
information on artists and images so that you get a good idea of the range of subject
matter, color and texture that exist within each style.
2.For daguerreotypes, look at the Library of Congress and execute an image search -
this is a great way to look at them as there are so many studios that produced them
and no one of particular note.
-Helpful link http://lcweb2.loc.gov/ammem/daghtml/daghome.html

ActionScript

TUESDAY APRIL 21, 2010

Today we will learn how to add interactive buttons to your objects and link that to your website or to your animation on the time frame. You can make your animation stop and start when viewers click on button. It's pretty nice and you can create interactive art on the web using buttons!!
Here are the ActionScript you need to know:

Make the frame on the timeline play when viewers press and release button:

on (release) {

this.gotoAndPlay("yourframe");
}

Go to website when viewers press and release button:

on (release) {
//Goto Webpage Behavior
getURL("websitename","_blank");
//End Behavior

}

Prevent Flash from looping

http://kb2.adobe.com/cps/141/tn_14189.html

Thursday, April 22, 2010

Laura Di Trapani

This Saturday at 11 a.m. Cinema 21 will host a screening of the ASIFA NW Animation reel, featuring independent work by Portland's best animators. PSU's own Laura Di Trapani will be represented with her recent work "We Three". From here the collection of shorts will travel the globe. Free to members of ASIFA, donations gladly accepted otherwise. http://ditrapani.com/

Sound

Editing Sounds in Flash CS3

After you place a sound in Flash, you can edit the sound to fine-tune its settings. You should delete unused or unwanted portions of a sound to reduce file size. You can also change the volume while the sound plays.

To edit a sound, follow these steps:

1. Click a frame that contains a sound.

2. Choose Window --> Properties --> Properties to open the Property inspector, if it isn't already open.

If necessary, expand the Property inspector to its full size.

3. Click the Edit button to open the Edit Envelope dialog box.

To see a specific section of a sound in more detail, click the Zoom In button. Zoom in when you want to edit small details of a sound.

To see more of a sound's time frame, click the Zoom Out button. Zoom out to edit the sound as a whole.

You can display sounds in terms of seconds or frames. Click the Seconds button to show sounds in seconds. Click the Frames button to display sounds by frames.

Deleting parts of a sound

Between the left (top) and right (bottom) channel display is a narrow strip that controls the starting and ending points of a sound. By deleting the beginning and end of a sound, you can eliminate unused portions of the sound. Along this strip are two vertical bars: one at the beginning of the sound and another at the end. These bars control when the sound starts and ends. Use them to edit the sound as follows:

  • Time In control: This bar, on the left edge of the sound, specifies the start of the sound. Drag the bar to the right to delete the beginning of the sound.
  • Time Out control: This bar, on the right edge of the sound, specifies the end of the sound. Drag the bar to the left to delete the end of the sound.

Changing the volume

On both the left and right channel displays, Flash shows an envelope line to indicate the approximate direction of the sound's volume. Where the volume changes, Flash places small squares, called envelope handles. To change the sound's volume, drag an envelop

handle up (to increase the volume) or down (to decrease the volume). This is how you create sound fade-ins and fadeouts.

You can click an envelope line to add a new envelope handle. This new handle enables you to create a new direction for the sound's volume at the handle's location. To remove an envelope handle, click it and drag it out of the Edit Envelope window.

When you finish editing a sound, click OK to close the Edit Envelope dialog box.

In the configuration panel you can change certain parameters and also edit a bit.

Sync: Will defined how sound is synchronized with the timeline.

* Event: Sound plays until it is done (independently of the rest). It has its own "timeline". Also, if this sound is triggered again (e.g. a user enters the same frame), a new sound will play even if the old one is not over.

* Start: Similar as event. Will play the sound when the frame loads but will not play it if the old sound is still playing. Note: This doesn't always work as expected. Probably best to use together with the Stop (see below).

* Stop : Will stop the sound of a layer at this frame (therefore include it after a sound frame). Insert a new keyframe (F7) where you want it to stop and just edit the properties.

* Stream: Will try to match the length of sound with the other layers, e.g. 20 frames of sound should play during animation of 20 frames. After that it should stop. Sound as stream should not be looped. Use this for example for comic strips (talking characters).

Repeat:

* You can repeat the sound as many times as you like (or even have it loop forever).

Effect:

* You can choose from various fade in/out and left/right options, but you probably want to do your own custom fades (see next).

Thursday, April 15, 2010

Assignment 2: Time Turns Elastic

JUST POST IT AGAIN WITH MORE DETAILS

Create 2D animation using flash. Must be at least 30 second NO EXCEPTION!I'LL DEDUCT 1 POINT FOR EVERY SECOND YOU MISS. You can choose to create a website welcome page or just a fun animation. Try to tell a story and express yourself. Observe couple animation sites and pay attention to how motions work. No set due date yet, I will see how well you are doing. I EXPECT BETTER WORK THAN ASSIGNMENT 1 THIS TIME. I posted lecture handout on class blackboard. Check it.

THURSDAY APRIL 15: CRITIQUE DAY

TODAY IS THE CRITIQUE DAY FOR ASSIGNMENT 1: TINY DANCER. HERE IS OUR CLASS GALLERY ADDRESS: http://daikons.com/art119.html

HOW TO POST YOUR WORK ON YOUR BLOG?

1. copy the code from this link and paste on your edit html code.
Click on your name and copy the web address where your work display. Example: here is Daniel's page. I'm posting his work because it has no music and I want the class blog to be quiet. http://daikons.com/textdaniel.swf REPLACE THE file_url with the address you just copied. YOU CAN ALSO PLAY AROUND WITH THE FILE SIZE TOO. THAT'S IT!



Monday, April 12, 2010

Simon Page



Simon mentioned that he uses action script, a flash program to generate some of his posters. I don't know what action script is yet. It would be cool to learn how to make something like this poster. I posted this image on my blog but it looks better and bigger here. I would like to learn how to make my blogger layout bigger. Maybe this is something we will learn in Dream Weaver.

Thursday, April 8, 2010

SEE YOU IN CLASS TODAY

SEE YOU IN CLASS TODAY THURSDAY APRIL 8TH, 2010.
HERE ARE SOME FUN LINKS. WE WILL COVER 2D ANIMATION TODAY.

http://www.shelsilverstein.com/play.asp
http://alanbecker.deviantart.com/art/Animator-vs-Animation-34244097
http://www.bozzetto.com/
http://yuliamccall.com/

Assignment 2:
Create 2D animation using flash. Must be at least 30 second. You can choose to create a website welcome page or just a fun animation. Try to tell story and express yourself. Observe couple animation sites and pay attention to how motions work. No set due date yet, I will see how well you are doing.

Tuesday, April 6, 2010

Class cancel today Tuesday April 6th

Hello class:

I'm sick today and look like it won't get better in the evening.
Unfortunately I will have to cancel the class today, Tuesday April 6th. The
lab will be open so those who are still working on the Tiny Dancer
assignment can continue to work on it. The project is due Thursday APRIL 8TH. I will
be checking email so email me if you have trouble finishing the assignment.
So sorry about this.
Take care,
V

Wednesday, March 31, 2010

Assignment 1: Tiny Dancers

Let's make the text dance!
Young Hae Chang's style
We will learn it in a flash
No need to spend any cash

Check your blackboard
if you want to know how
But don't follow it like a fool
make it cool
make it represent
YOU

DUE DATE: TUESDAY APRIL 13 in class

Grading: 40% Technical
50% Creativity
10% Critique and participation
Late assignment will receive a 5% deduction

NOTE: This assignment worth 10% of your grade!

HOW TO HAND IN ASSIGNMENT 1
1. MAKE SURE YOU KNOW WHERE YOU SAVE THE FLA FILE. THEN CLICK FILE>PUBLISH. YOU WILL NOW HAVE SWF FILE NEXT TO YOUR ORIGINAL FLASH FILE.
EMAIL YOUR FILE TO > pdxart119@gmail.com

You will also need to make a dreamweaver page and add the file to. This will be covered in class on Thursday day April 8th.

The Syllabus

The class has spoken: Most of us preferred

20% Attendance
70% Assignment (7 assignments, 10% each)
10% Final

Note: If we have less assignments or not enough time for final then we will increase the percentage for each assignment.

What we want:

90% of us want to learn Photoshop (all skill levels)
85% of us want to learn Flash
95% of us want to learn Dreamweaver
40% of us want to learn Indesign
and 4 people interested in Illustrator
Also a few mentioned videos, films, final cut pro and music application.

Most people have digital camera and some have video camera.

Only one mentioned paper handouts.

It will be a fun class!