Penn State University -- School of Visual Arts
ART 315 New Media Art: New Media Studio
Professor: Eduardo Navas (eduardo@navasse.net)
Tuesdays and Thursdays
11:15A - 02:15P

Office Hours: Tuesdays 2:15 -4:15 by appointment
Please contact me at: ean13@psu.edu

Syllabus:
Online
PDF

Project 1: Introduction to new media practice 20%
Project 2: Exploring new media practice 20%
Project 3: Advanced new media project 25%
Project 4: Final project 25%

Download html template for Final

Research Methodology

Lecture Notes:
Photoshop
Illustrator
Final Cut
After Effects & Flash

HTML and Dreamwever Lectures:
Lecture 1
Lecture 2
Lecture 3
Lecture 4
Lecture 5

 

 

ASSIGNMENTS WEEKLY SITES

Week 17:
Final Project Due with adjustments based on final feedback

 


Week 16:

Thursday, April 25, 2013
Review of Final Project, Part 2


Tuesday, April 23, 2013
Review of final Project, Part 1

 



Week 15:

Thursday, April 18, 2013
Review of work before final project: show rough template design

Tuesday, April 16, 2013
Review assignment of April 11 | Work on final project: prepare html template | show adjustments on selected works for final project


Week 14:

Thursday, April 11, 2013
Work in Class | Begin work for final project

Weekly Assignment , Part Two
Due on Tuesday, April 16, 2013:

Develop a basic video based on the lecture presented during class, and upload it to YouTube then embed it in the page you created on Tuesday April 9. Design the page to look good based on your basic knowledge of html.


Tuesday, April 9, 2013
Review Thimble Assignment, part 2, from April 4 | Lecture on Art Production | Select work for final project

Weekly Assignment, Part one:
Due on Thursday, April 11:

Develop a basic html page with an image and a link to the outside. the page should include a selected text and a color background. The image should have a "_blank" target to open a bigger file of the same image on a separate browser window or tab.

 


Week 13:

Thursday, April 4, 2013
Review Weekly Assignment from Tuesday, April 2| Work in class | Fourth & Final Project released

Weekly Assignment, Part Two Due Tuesday April 9, 2013:

Choose a template from the selections in thimble (https://thimble.webmaker.org/en-US/projects) and adjust it to match your own images and content. You need to upload your images to your psu server account and access each image according to its corresponding URL. For instance, if you look at any of the images in your examples available, you will notice that each image has a specific address. For the template "Open Web Gallery" (https://thimble.webmaker.org/en-US/projects/opengallery/edit) you will notice that the peacock image's address is:

"http://farm3.staticflickr.com/2417/2149942020_a681cb7043.jpg"

You can swap this for the address of your image available on your psu server, which will have a similar configuration. Simply copy and paste your own image address over the already existing address. For this assignment you don't need to change the layout (the actual look of the page), just the content. Swap images for your own and change the text for your own so that you present your own material.

 


Tuesday, April 2, 2013
Review of Popcorn Remix | Lecture on art production

Weekly assignment, Part One Due Thursday April 4:

Choose two html templates from Thimble, and create two versions of a "pseudo-portfolio" of your choice:

https://thimble.webmaker.org/en-US/projects

For this introductory project, you don't need to upload you own images, just choose images from the web and swap the URL by copying and pasting into the area that you select within the template. You can also change the text for each section by selecting and typing or pasting your own text over it. Pay close attention to html tags as you manipulate them. This will help you learn some basic principles of html page tagging.

For Thursday you will need to upload your own images to your psu server and access them from there. This exercise is preparing you for your final project, so make sure to experiment as much as possible.

 


Week 12:

Thursday, March 28, 2013
Third Assignment Critique continued | Lecture on Online Video Production

Weekly Assignment, Part 1: Contribute to online forum on the four part documentary, The Century of the Self.

Part 2: Become acquainted with the popcorn project: http://popcornjs.org/
Make your own video by Tuesday April 2 using Popcorn Maker:
https://popcorn.webmaker.org/ ( Read tutorials online, start with this one: https://popcorn.webmaker.org/templates/basic/?savedDataUrl=tutorial.json )

Make a video project with Popcorn Maker that is not longer than 30 seconds, by taking video and sound from different videos already online as the tutorial above shows. You will then present this video to class on Tuesday, April 2.

 

Tuesday, March 26, 2013
DUE: Third assignment | In-class critique

 


Week 11:

Thursday, March 21, 2013
Work in class

In Class Assignment:

View the last two segments of The Century of the Self and Answer the questions availalble on the Forum. Questions will be available on Friday, March 18, 2013:

Part 3: http://vimeo.com/20874210
Part 4: http://vimeo.com/20876519

 

Tuesday, March 19, 2013
Review Weekly Assignment | Individual feed back on work in progress before project is due

 


Week 10:

Thursday, March 14, 2013
Work in class

Weekly Assignment, Due on March 19, 2013:

Develop a basic cinemagraph of about two seconds, as practice for your third major project. You can approach it in the same way as your stop-motion looped animation.

Your animation must present some type of tension: mystery, ambiguity, suspense, potential conflict, etc. It must appear to be a potentially defining moment if the loop were part of an actual story.


Tuesday, March 12, 2013
Lecture on art production | Review of weekly assignment

 



Week 9:

Thursday, March 7, 2013
Spring Break


Tuesday, March 5, 2013

Spring Break



Week 8

Thursday, February 28, 2013
Continue Lecture on Art Production | Work in class | Third Project Released

Weekly Assignment due on Tuesday, March 12:

Develop a time based piece consisting of at least 3 but no more than 10 still images that loop. The time of the loop is completely up to you, but must be no more than 5 seconds. You may use any software to develop the piece. The most straight forward application to do this is Photoshop. You can also use Final Cut, Flash, or After Effects if you prefer and already have basic skills.

Develop the piece in reaction to David Crawford's subway animations:

David Crawford:
http://transition.turbulence.org/studios/crawford/index.html

Think of a place or situation you want to photograph, or appropriate photographs that can be animated. You don't have to photograph people, but can choose to work with abstract settings/situations, places, or landscapes. If you appropriate pre-existing images, make sure to include the reference of your sources.

Your animation must present some type of tension: mystery, ambiguity, suspense, potential conflict, etc. It must appear to be a potentially defining moment if the loop were part of an actual story.

 

Tuesday, February 26, 2013
Lecture on art production | Weekly Assignment released

Assignment:
Read "The Third Meaning" by Roland Barthes, available on Angel.



Week 7

Thursday, February 21, 2013
DUE: Second Project | In-class critique


Tuesday, February 19, 2013
Lecture on art production | review of work before project is due


Week 6

Thursday, February 14, 2013
Work in class

Tuesday, February 12, 2013
Review of weekly assignment | Lecture on art production

Continue online discussion for week 5 on Analog and Digital Code

Assignment: Read "The Rhetoric of the Image" available on readings for week 6 to the right.

 


Week 5

Thursday, February 7, 2013
Work in class: work on simple composite which was assigned on February 5.

Begin online discussion of text for week 5

 

Tuesday, February 5, 2013
Lecture on art production | Weekly assignment released | Second Project Released

Weekly Assignment:
Read the text "Electronic Literature and the Mashup of Analog and Digital Code," link is available on the right under Week 5.

Discuss the questions on the text available on the respective Angel forum.

Practical assignment due on February 12, 2013:

Develop a simple composite that contradicts or questions itself along the lines of semiotics so far discussed in class. You may use any software that you already know



Week 4:

Thursday, January 31, 2013
DUE: First class project | In-class critique

Tuesday, January 29, 2013
Lecture on art production/review of work before project is due

 


Week 3

Thursday, January 24, 2013
Work in class on your major assignment due on Thursday, January 31.

 

Tuesday, January 22, 2013
Lecture on art production | Review of weekly assignment

Assignment: View La Jette by Chris Marker

 


WEEK 2

Thursday, January 17, 2013
Work on your weekly assignment, make sure to be ready to upload to Angel by January 22.

Weekly Assignment: Respond to the questions assigned on the corresponding Angel forum.

Tuesday, January 15, 2013
Lesson: View a Remix Manifesto, (link available on the right for the week of January 15).

Weekly Assignment due on Tuesday January 22, 2013:

Develop a project in any form that you like in which you react in support or against the principles of remix as discussed by Ferguson and Brett Gaylor

 


WEEK 1

Thursday, January 10, 2013
Introduction to first project | Research methodology | | Lecture on art production

Assignment: make sure to read "Not a Remix-Nor a Sampling" available under readings for week one.

Write a response on the Corresponding Angel forum, discussing Everything is a Remix and the texts so links to texts so far assigned.

Tuesday, January 8, 2013
Overview of class

Assignment: By January 10, view all videos of Everything is a Remix and read the corresponding critical commentary on Remix Theory, available on the right column of this page.

 

 

 

 

Week 14

Sites for the Week of April 9, 2013

 

Must do your research (art of digging, Shadow):
http://youtube.com/watch?v=1gpKYnRdf0A

Pay attention to the editing, how do these commercial state the same thing when one is longer than the other. Also pay attention to issues of sex/gender:

Levi's Commercial:
http://youtube.com/watch?v=SG4RZY0s25E&feature=related
Levi's Change:
http://youtube.com/watch?v=PTP1K3Vu3r8&feature=related

A twist on expected genger roles (think of how the narrative is told based on recognizable signifiers):
Kindle Paperwhite: Perfect at the Beach -- Amazon TV Commercial:
http://www.youtube.com/watch?v=lS3t9reE364

How to tell a basic narrative in 15 seconds and under:
VH1 Bumper Spot 01:
http://youtube.com/watch?v=YguxmBZmUfk
VH1 Cardiovideo:
http://youtube.com/watch?v=2ed45oTeUP8
VH1 Bumper Spot 02:
http://youtube.com/watch?v=7had7WmWzn4
VH1 Bumper Spot 03:
http://youtube.com/watch?v=R8PZl2_z1IE

Beats of Boredom:
http://www.youtube.com/watch?v=rwS2o0tBf38

How to tell a story with basic interactivity:
Hooger Brugge, Modern Living:
http://ml.hoogerbrugge.com/

Think of the narrative taking place through the dance as a type of template:
Eternal Moonwalk:
http://www.eternalmoonwalk.com/

NFL Mobile Commercial
http://www.youtube.com/watch?v=qn7RfQU1MJg

TOP 10 BEST MOBILE PHONE COMMERCIAL PROMO VIDEOS FULL HD 2005 - 2011 NEW YEAR EDITION:
http://www.youtube.com/watch?v=sy0CxoU3g4w

The aesthetic of the meme as the concept of passing something on (think of dance and the Eternal Moonwalk video as well):
Samsung Mobile USA - Carmelo Anthony Uses S Beam:
http://www.youtube.com/watch?v=kLQJLAYlF2Q

Think of how templates are developed to sell a concept in diferent forms:
The Merchants of Cool:
http://www.pbs.org/wgbh/pages/frontline/shows/cool/
http://www.pbs.org/wgbh/pages/frontline/shows/persuaders/

Blublu encapsulates the notion of constant movement found in all other examples above. This work, however, is done with still photography:
http://www.blublu.org/

 


Week 13

Sites for the Week of April 2, 2013

https://thimble.webmaker.org/en-US/

Recommended by Katerina Kostadinova:
"The Pirate Bay Fights Copyright with Copyright"
http://www.theatlanticwire.com/technology/2013/02/pirate-bay-fights-copyright-copyright/62262/

Recommended by Brian Kristopher:

"Feel This Moment" by Pitbull and Christina Aguilera:
http://www.youtube.com/watch?v=5jlI4uzZGjU

contains a sample of a ha's " Take on Me"
http://www.youtube.com/watch?v=djV11Xbc914

"The Message," by Grand Master Flash and the Furious Five:
http://www.youtube.com/watch?v=gYMkEMCHtJ4

"Can't Nobody Hold Me Down," by Puff Daddy And Mase:
http://www.youtube.com/watch?v=NmHMcKN8xlI

Madonna's "Express Yourself" (http://www.youtube.com/watch?v=GsVcUzP_O_8) appears to have been an influence in Lady Gaga's "Born This Way"(http://www.youtube.com/watch?v=wV1FrqwZyKw)

For your Popcorn Remix (part of your final project ), review Part two of Everything is a Remix, in which you can see how Lucas and Tarantino remake previous shots: Part two: http://vimeo.com/19447662

The reality is that just about every shot you will come up with for your video is already outthere somewhere. One thing you can do is think of researching and finding the right material (whether an actual formal shot, or just the aesthetic or overall feel of a work you find). To get a sense of the type of commitment that you must have to develop work of quality, see Christian Marclays' The Clock:

http://www.moma.org/visit/calendar/exhibitions/1333

http://wexarts.org/exhibitions/christian-marclay-clock

As a reference of an artwork that uses the concept of a comic-strip as the template to create non-linear narratives, see Graphik Dynamo:
http://www.turbulence.org/Works/dynamo/

When you are looking at footage for your final project you must not just think of it as something to present or illustrate your idea, but something that you are actually changing by recontextualizing it:

Mixmaster Mike Scratching:
http://www.youtube.com/watch?v=0DLED7krHwU

The above video of Mixmaster Mike is direct manipulation, but if you think of Graphik Dynamo's technic, conceptually they are doing the same thing as Mixmaster Mike. The artists are taking already exisiting material and twisting it into a new context.


Week 12

Sites for the Week of March 26, 2013

Popcorn js:
http://popcornjs.org/

Popcorn Maker:
https://popcorn.webmaker.org/

 


Week 10

Sites for the week of March 12, 2013

Material to contemplate the third meaning

The Forgotten Space and Fish Story, Alla Sekula:
http://www.theforgottenspace.net/static/trailer.html
Fish Story

Blow-Up Ending, Antonioni:
http://www.youtube.com/watch?v=9o11LTgXPtM

8 1/2 Intro, Felini:
http://www.youtube.com/watch?v=9GiiNzFXYu4

About de souffle (Breathless) - Jean Luc Godard - Car Scene:
http://www.youtube.com/watch?v=1KUVwKp6MDI

Breathless (2/4) Movie CLIP - New York Herald Tribune:
http://www.youtube.com/watch?v=XuCEBtCNFEM

Diane Arbus Photography:
http://diane-arbus-photography.com/

 


Week 8

Sites for the week of February 24, 2013

Some Popular cinemagraphs:
http://www.buzzfeed.com/thegeshow/the-60-most-beautiful-
cinemagraph-gifs

50 Cinemagraphs:
http://www.tripwiremagazine.com/2011/07/cinemagraphs.html

Cinemagraphs:
http://cinemagraphs.com/

How to create your own cinemagraph:
http://www.digitalcameraworld.com/2013/01/06/cinemagraph
-tutorial-how-to-make-animated-photos-using-photoshop/

 


Week 6

Sites and Readings for the week of February 12, 2013

Read "Rhetoric of the Image" available on Angel

Image and Text:

Ad Busters:
http://www.adbusters.org/magazine/back-issues

Jenny Holzer:
http://www.jennyholzer.com/list.php

Barbara Kruger:
http://www.barbarakruger.com/
Kruger Images:
Google

Rodchenko:
Images on Google

 

Motion with Still Images:

Chris Marker's, La Jette
Original Film:
http://www.youtube.com/watch?v=-smEWxVUy3A

Ram Truck Commercial 2013:
http://www.youtube.com/watch?v=z-PTovjvtsc

Brody Condon:
http://vimeo.com/user4169965/videos/sort:date/format:thumbnail

David Crawford:
http://transition.turbulence.org/studios/crawford/index.html

 


Week 5

Site for Week of February 4, 2013

Read: "Electronic Literature and the Mashup of Analog and Digital Code"
http://dichtung-digital.mewi.unibas.ch/2010/navas/navas.htm

A is for Apple:
http://www.aisforapple.net/

 


Week 4

Sites for Week of January 29, 2013

The History of the Self
Part 1: http://vimeo.com/20861423
Part 2: http://vimeo.com/20869978
Part 3: http://vimeo.com/20874210
Part 4: http://vimeo.com/20876519

Mystery Guitar Man:
http://www.youtube.com/user/MysteryGuitarMan

Banksy Coca Cola Add:
http://www.chrismorton.info/2013/01/24/banksy-the-apostle-paul-and-coca-cola-warning-explicit-language/
(Also see Angel for a better image)

 


Week 3

Sites for the week of January 22, 2013

The Amen Break:
http://www.youtube.com/watch?v=5SaFTm2bcac

Walking On Eggshells: Borrowing Culture in the Remix Age (PART 1)
http://www.youtube.com/watch?feature=player_embedded&v=Jt0ASo_6Sdg
Walking On Eggshells: Borrowing Culture in the Remix Age (PART 2)
http://www.youtube.com/watch?v=SYNrVVbfLxw
Walking On Eggshells: Borrowing Culture in the Remix Age (PART 3)
http://www.youtube.com/watch?v=-kLJND1z52c

DJ Earworm:
United State of Pop 2012 (Shine Brighter):
http://www.youtube.com/watch?v=6q0dsG8fTHY
Dj Earworm - United State of Pop 2007-2011
http://www.youtube.com/watch?v=H7roKKZlph0

 

Contemplating new media concepts
Copy vs. Original
Michael Mandiberg, "After Projects"
http://www.aftersherrielevine.com/
http://www.afterwalkerevans.com/


Week 2

Site for the week of January 15, 2013

A Remix Manifesto: http://vimeo.com/8040182

 

Hands-on:

View Linda tutorials on Photoshop (Make sure to log in with your PSU account):

Photoshop Elements 11 Essentials: 02 Editing and Retouching Photos: http://www.lynda.com/Photoshop-Elements-tutorials/Photoshop-Elements-11-Essentials-Editing-Retouching-Photos/111234-2.html

Green Screen Techniques for Video and Photography:
http://www.lynda.com/After-Effects-tutorials/Green-Screen-Techniques-Video-Photography/112587-2.html

Photoshop Insider Training: Enhancing Photos:
http://www.lynda.com/Photoshop-tutorials/Photoshop-Insider-Training-Enhancing-Photos/107187-2.html

 


Week 1

Sites for the Week of January 8, 2013

Not a Remix--Nor a Sampling:
Why Fareed Zakaria's Plagiarism is Unacceptable:
http://remixtheory.net/?p=515

 

Everything is a Remix, Parts 1 - 4:

Part one: http://vimeo.com/14912890
Part two: http://vimeo.com/19447662
Part three: http://vimeo.com/25380454
Part four: http://vimeo.com/36881035

Read "Notes on Everything is a Remix"

Parts 1 - 3: http://remixtheory.net/?p=480
Part 4: http://remixtheory.net/?p=492