Generic placeholder image

Welcome to DMS 121! BASIC DIGITAL ART

Welcome to DMS 121, Basic Digital Art! This webpage will be your gide to the class and contains resources to help you with the class... so you should probably bookmark it. The syllabus for the class can be found here.


Digital Lab Hours Open lab hours for DMS 244

M: 11:00 to 8:00
Tu: 1:00 to 8:00
W: 11:00 to 8:00
Th: 5:00 to 7:30
F: 11:00 to 5:30
Su: 11:00 to 2:30

Generic placeholder image

Generic placeholder image

Project Proposal How to fund your creative practice

The project proposal is arguably the most important skill a creative professional should develop. The ability to procure funding for your art project, film, exhibition, research, etc. will determine your success or failure as a professional. If you do not have a wealthy patron or a well paying job, grant proposals will likely be necessary in your near future.

A successful project proposal should include:

  • The general idea of your project which includes:
    • What it is
    • Who is the project's audience / who benefits from the work
    • What is the social or cultural value of the work
    • What are the influences for the work (name other artists or theorists here)
  • The logistics behind your proposal (which can often be addressed in a budget or a matrix). This includes:
    • What are you asking for (usually this is money, but some grants offere other kinds of support). How much are you asking for and how much is requried for the projects completion?
    • What other sources of funding / support have you asked for or received (if you plan on using some of your own money or have your own equipment, mention that here).
    • What skills are you bringing to the project and what skills will you need to develop or hire other people for?
  • A model, sketch, or functional example for your proposal. This could include:
    • A working game mechanic for a video game
    • A diagram of the social interaction your project is intended to create
    • A Photoshop rendering of the final project where it is intended to live (this could be on a jumbotron in Times Square, or a wireframe for a website or application)

Here are some examples and actual proposals and applications for grants. Use these

  • Creative Capital is one of the most prestigious grant programs in the United States. Artists can recieve up to $90,000 for a project. The categories they fund include: Emerging Fields, Film/Video, Literature, Performing Arts, and Visual Arts. As students, you are not yet eligible--but making a hypothetical applicaiton for Creative Capital would be a good trial run for when you graduate.
  • Here is a sample budget for a public art project notice the Artist Fee and Engineering Fee at the top...
  • Working Art Grant This is another actual grant you could theoretically apply for....
  • Beam Project > call for Proposals from creative individuals with big ideas, including but not limited to Artists, Engineers, Architects, Builders, Filmmakers, Designers, Technologists, Agriculturists, Composers, etc.
  • NYFA (New York Foundation for the Arts grants page



Interactive web Project ideas and inspiration

The interactive project is about learning how to conceptualize, plan, and create an interactive artwork. This project is not about demonstrating a skill that you have already fully developed. The concept, programs used, and form of output are completely open, the only requirement is that the viewer/participant must be able to interact with your piece in some way. You are encouraged to seek ideas and skillsets from resources on the web, tutorials, and from your classmates... use the networks you already have and share ideas generously.

Here are some projects and resources to consider for your interactive project. Examples and resources from previous projects are still posted below.

Generic placeholder image


Generic placeholder image

Pure Data & GEM Visual Programming

Here are some links to respoces for the visual programming language Pure Data.

Here are some tutorials on video manipulation with GEM.





Critical Games ... play them!

Data Visualization artists Check them out!

Here are some critical games made by artists, try playing them!

Generic placeholder image

Generic placeholder image

Group Game project Make a game in Flash!

"Skin" a game by making new graphics for this game.

Work with a group to make the assets for the Avoider Game that can be found in this tutorial here. And you can play the finished game here. Play your classmate's games here. For the game you will need to replace the following:

  • An avatar controlled by the player
  • Something to avoid
  • A background
  • A start page
  • An end page
  • Music
  • Sound effects
  • A cool theme




Generic placeholder image

HTML5 & CSS3 help and resources

Here are some resources to help you with HTML5 and CSS3

Sublime Text editor

Text Wrangler

W3Schools HTML5 page

HTML5 boilerplate

W3Schools CSS3 page

CSS3 Animation Cheat Sheet


jQuery / Spritely JavaScript library

You will be using the Spritely jQuery library for your television animation. Here are some links to online help:

W3Schools jQuery

jQuery homepage

jQuery animation tutorial

Spritely homepage

Spritely documentation and quick start

Spritely examples

Generic placeholder image

Photoshop Collage Assignment (now finished) This is a collaboration!!!

For this assignment, you will work in groups of 3 to make a collage in Photoshop. As a group, you will decide on a theme or narrative. Each of you will 'cut out' at least one element from an image found online and place them onto one background. You should share your files using Dropbox and communicate with each other outside of class. Groups will present their collage to the class next Wednesday along with a statement about what they were trying to convey with their image selection.


Pen tool help

Martha Rosler

10 historic collage artists

Generic placeholder image

Generic placeholder image

Photoshop drawing YOUR first PROJECT (now finished)

Your first big project is to draw a television from scratch entirely in Photoshop following this tutorial

We are beginning to animate our televisions with jQuery. If you feel you are behind, please make arrangements to see me during office hours to get caught up.


Generic placeholder image

Sprite sheet Video tutorial

This tutorial shows you how to place images onto a sprite sheet. Your finished sprite sheets should look similar to the image shown here.


Generic placeholder image

The Beauty of Data Visualization Ted Talk

Pleas watch this Ted Talk by David McCandless and write 3 questions and/or comments responding to this and the documentary Terms and Conditions May Apply. If you did not make it to class, the documentary is available on Netflix or these other places listed on the movie's site. You should have at least one question or comment for each.

Some things to consider:

  • How could the visualization of data change the way we think about numbers? (Provide an example from the video)
  • Give some examples of possible uses for information collected from social networking mentioned in the documentary. Can you think of other uses of social networking data or how users have used these sites in ways not intended by the companies?
  • Does the visualization of data provide us with greater access to the "truth"? Why or why not?
  • In the documentary, there were several examples of data from social networks being used to "prevent" certain acts before they happen. The documentary took the position that these preventive measures are often problematic. Of the examples given, are there any that you feel are justified? If so, under what circumstances?
  • Give an example from the documentary of a government or corporation using social networking data in a way that you feel is inappropriate. Then, provide a creative solution to eveding that use, or to a way to provide mis-information so the data is littered with "noise" and is unreliable.