Assignment# 7

Here's my monster! It's a mix between a cat, a rabbit, and a little bit of a fox.



/*
Rieev Princer
3 July 2012
Assignment #7: Animal/Monster
A mix of a rabbit, a cat, and a fox.*/

void setup (){

size(500,500);
smooth();
noCursor();
}

void draw(){
background (255,162,234);
PImage b;
b = loadImage("glitter.jpg");
background(b);
//body
stroke(255);
fill(255,255,255);
ellipse(mouseX,mouseY+155,88,70);
triangle(mouseX-40,mouseY+155,mouseX,mouseY,mouseX+40,mouseY+155);

//legs
stroke(255);
fill(255,255,255);
ellipse(mouseX+10,mouseY+160,30,80);
ellipse(mouseX-10,mouseY+160,30,80);
ellipse(mouseX+10,mouseY+170,84,20);
ellipse(mouseX-10,mouseY+170,84,20);

//ears
stroke(255);
fill(255,255,255);
triangle(mouseX-45,mouseY-15,mouseX-25,mouseY-75,mouseX+18,mouseY-10);
triangle(mouseX+45,mouseY-15,mouseX+25,mouseY-75,mouseX-18,mouseY-10);

//InsideEars
stroke(255);
fill(255,162,234);
triangle(mouseX-35,mouseY-10,mouseX-25,mouseY-55,mouseX+10,mouseY-10);
triangle(mouseX+35,mouseY-10,mouseX+25,mouseY-55,mouseX-10,mouseY-10);

//Rabbit
stroke(255);
fill(255);
beginShape();
curveVertex(mouseX+45,  mouseY+95);
curveVertex(mouseX+90,  mouseY+108);
curveVertex(mouseX+68,  mouseY+19);
curveVertex(mouseX+45, mouseY-15);
curveVertex(mouseX+32, mouseY+120);
curveVertex(mouseX+45, mouseY+15);
endShape();
stroke(255);
fill(255);
beginShape();
curveVertex(mouseX-45,  mouseY+95);
curveVertex(mouseX-90,  mouseY+108);
curveVertex(mouseX-68,  mouseY+19);
curveVertex(mouseX-45, mouseY-15);
curveVertex(mouseX-32, mouseY+120);
curveVertex(mouseX-45, mouseY-15);
endShape();

//Roundears
stroke(255);
fill(255);
ellipse(mouseX+60,mouseY+115,64,60);
ellipse(mouseX-60,mouseY+115,64,60);

//head
stroke(255);
fill(255,255,255);
ellipse (mouseX,mouseY,110,80);

//Mouth
stroke(0);
arc(mouseX+5,mouseY+15.5,10,10,0,TWO_PI-PI);
arc(mouseX-5,mouseY+15.5,10,10,0,TWO_PI-PI);

if(mousePressed==true){

//Bubble
stroke(255);
ellipse(mouseX-95,mouseY-86,130,85);
//Text
PFont font;
font = loadFont("Palatino-Italic-20.vlw");
textFont(font);
fill(255,8,165);
text("Hello there~",mouseX-145, mouseY-80);
stroke(255);
fill(255);
strokeWeight(3);
line(mouseX-95,mouseY-75,mouseX-46,mouseY-36);


 //Lashes
  stroke(0);
  strokeWeight(1);
  fill(0);
  arc(mouseX-13, mouseY+0, 15, 5, 0, PI);
  stroke(0);
  strokeWeight(1);
  fill(0);
  arc(mouseX+13, mouseY+0, 15, 5, 0, PI);
  //blush
  stroke(255);
  fill(255,162,234);
  ellipse(mouseX-25,mouseY+9, 15,10);
  ellipse(mouseX+25,mouseY+9,15,10);
  } else{

//Eyes
stroke(0);
fill(255,0,0);
 float LeyeX = mouseX-16;
    float eyeY = mouseY+0;
    float ReyeX = mouseX+16;
 ellipse(LeyeX,eyeY,15,15);
 ellipse(ReyeX,eyeY,15,15);

 //Highlights
stroke(255);
fill(255,255,255);
 float LLeyeX = mouseX-10;
    float LLeyeY = mouseY+0;
    float RReyeX = mouseX+23;
 ellipse(LLeyeX,LLeyeY,5,5);
 ellipse(RReyeX,LLeyeY,5,5);
}
}

In order to get the background, you will have to save this picture and load it onto Processor.

And to get the font, go to "Tools", then "Create Font...", then find "Palatino-Italic". Set the size to 20, and then press "Okay"!

Assignment #7: Draw an Animal in Processing

Homework due THURSDAY, July 5, 2012:

Using Processing, design an animal or monster using simple shapes. Have your animal or monster FOLLOW your mouse.

Extra points: have keyPressed and/or mousePressed make changes in your program.
Extra points: design a background (or foreground using the alpha channel) and create an environment for your animal or monster.

Optional Illustrator assignment

http://blog.spoongraphics.co.uk/tutorials/create-a-cute-vector-monster-from-a-pencil-sketch

Assignment #6- Part 2

My intervention is based on my feelings toward society's tendencies to worship celebrities and anything that has to do with them. It always bothered me how all a celebrity has to do is stick their name onto a product, and suddenly that product starts selling. The most blatant example of celebrity marketing, in my eyes, is perfumes. There are many celebrities from around the world who have their own brand of fragrance (Beyonce, Britney Spears, Usher, etc.) and it bothers me that people actually buy such things. What makes their fragrances better than other perfume brands? Is it because its their fragrance, meaning that by using it you could smell like them? I always liked to joke that the perfume brand smells like the celebrities themselves, and when you use it, you will think you smell just like them (when in reality the scent is no different from other perfumes.)

I decided that my intervention would be a Perfume Parody Commercial, where the product I am selling- "Aroma Famous"- is a perfume brand that can make you smell like any celebrity you have always wanted to be like. I am basically poking fun at how people put celebrities on such a high pedestal and how 'smelling like them' or having something in their name makes them feel special about themselves. And it is not just Celebrity brands, but any perfume or beauty product in general. Does donning a product, such as celebrity perfume, really get you a better life? Or do you simply enjoy the feeling of having something branded by a celebrity, and it makes you feel good about yourself? I feel that it is rather silly of people to believe that by putting on some sort of beauty product it makes them physically better, when in reality they look like fools for gushing over a product that simply has a famous name on it. That is the problem I find with products like the perfumes I am making fun of: it is all about the name.

If I had the proper materials to make a more believable commercial and to even make a sample of the product, I would show the commercial as a joke on late night television: such as Adult Swim on Cartoon Network or Comedy Central. I will choose these stations because the commercial is merely meant as a joke, and therefore should be shown on channels that are known to dish out jokes. I would even ask to play the commercial on April Fools on different stations, just to see how many people actually believe it to be real, which just proves my point that one can easily sell a product just by sticking a famous name on it.

Assignment #6- Part 1

Facebook Parody
 The website I chose to parody is Facebook. I am not fond of this website at all and therefore it is an easy target for me. While I am aware of the 'good side' of Facebook (connecting old friends and relatives), it is the 'bad side' of Facebook that bothers me the most. When I say the 'bad side' of Facebook, I am referring to the kind of users who update about what is going on in their life every minute, take really bad bathroom pictures of themselves, and who always make stupid comments on certain statuses. While I do have a Facebook, I rarely ever use it because what I have seen people do annoy me. There are people who spend their time updating their statuses every 10 minutes as if something exciting is going on in their lives. Not to mention the pictures that many people take in the bathroom to show off their new clothes, and even decorate with bad Photoshop brushes in order to 'spice it up.' 


This bothers me because it shows where the priorities of our generation lie. We want to know that we have plenty of friends, even if we don't know who they really are; we want people to know what we are doing at all times; and we want to know that people actually care about what we are doing. 

Assignment #6 Interventionist Design - Online and In Real Life. Two Proposals.

"Apathy can be overcome by enthusiasm, and enthusiasm can only be aroused by two things: first, an ideal, which takes the imagination by storm, and second, a definite intelligible plan for carrying that ideal into practice."
-Arnold J. Toynbee

Objective:

We are inundated with a plethora of information in our daily use of various technologies. A recent study indicated that on average, adults spend an average of 8 hours a day looking at screens of various types, including computer monitors. Most of the information we experience is developed by others – we are the consumers – or are we consumed?  On average we see an estimated 3000 advertisements per day.

This assignment asks you to generate two artistic 'interventions'.

1) The first involves the creative re-design with new content of a political or satirical nature to an existing commercial web page. The objective here to is to create a work that serves as a visual, cultural critique through the appropriation and re-purposing of the design of an existing web page. Consider this project as a type of conceptual, artistic intervention - an artistic intervention is an action by an artist in a real world situation for the sake of promoting reflection and altered perceptions by the participants (or in this instance, your audience).

On first glance, the web site should look identical to the original, the changes you make will be in terms of content – you are to duplicate the formal aspects. Replace text, re-configure logos, take your own photographs as needed. Choose your web site/source carefully! You are creating a visual form that seeks to mirror a given visual reality – that upon closer examination reveals itself through the alteration of content. You can address issues of politics, race, class, the environment, peace, war, etc. Keywords: parody, satire, commentary, humor, design, art, activism.

2) Secondly, develop a concept for an artistic intervention in real life.  This is a much broader assignment - the only requirement is that you consider carefully the choice of your proposed intervention, take pictures of your location and utilize photoshop to simulate or visualize in graphic form your proposal.  The world is your stage with this assignment.  Develop a speculative approach to how you might intervene in our everyday spaces to communicate a message or idea that, similar to the website design, promotes "reflection and altered perceptions by the participants".  Possibilities include but are not limited to: performance art, projected video or interactive media, sound and sound, flyers/posters, Augmented Reality, billboard advertising alterations, creative graffiti, etc. This assignment takes research on your part. Please be sure to carefully read every link on this page.

Other references:
http://wallstreetoccupennial.tumblr.com/
http://www169.pair.com/klucas/before_after/ 
https://risd.digication.com/rachelle/Cheer_Shorts
http://confluxfestival.org/2009/events/workshops/tianna-kennedy/


Take a stance! What are you passionate about in regard to what is going on in the world? Politics, Global Warming, War? This is your chance to “stick it to the man!” Artists, in the modernist/post modernist millieau have often addressed critical issues through their creative practice. Feel free to use satire and humor to critique some aspect of online and real world culture.  Be prepared to talk about your work.   Good satire is intelligent and pokes fun while encouraging thoughtful critique. It can certainly be irreverent but please do so in an intelligent manner!

DUE: Monday, July 2


Some Formatting Suggestions for the Website:


1) After choosing your website, take a full screen grab or manually select your website using the following keyboard combinations for the Mac - Full Screen "command-shift-5" manually select specific screen area "command-shift-4". Look this up on the internet if you are using a PC and you will find instructions.

2) You will grab a larger screen image if you are working on a larger monitor - feel free to take advantage of the ginormous monitors in the lab! I would not recommend grabbing your image on a laptop although this will work you will have a smaller image to work with - always better to start with the best possible source/background image!

3) Open your screen grab in Photoshop. I recommend immediately going to "Image - Image Size" and upping your resolution to 200-250 dpi. This will insure that the work that you are doing is at print resolution during your production phase (we may also print these out for exhibition). When you are finished with the re-design, save a separate version at 72 dpi to upload to your blog. Screen sizes will vary depending upon your source monitor - on my 23" monitor I managed to get a good sized screen grab of 993x996 of Salon.com for example.



BROWSE THROUGH ALL THE LINKS BELOW PLEASE!

Here are some links that will be of interest as you develop your ideas for the re-design of an existing website:

The Yes Men: http://theyesmen.org/

http://www.yelp.com/topic/portland-best-parody-websites

http://dir.yahoo.com/Entertainment/Humor/Computers_and_Internet/Internet/Web_Site_Parodies/

http://www.philb.com/fakesites2.htm

A spoof website of the George Bush Whitehouse site:

http://whitehouse.georgewbush.org/index.asp

A spoof website of the Barack Obama Whitehouse site:

http://whitehouse.gov1.info/

Some curious corporate logo spoofs and such:

http://indiacorporatewatch.blogspot.com/2005/10/subvertized-part-i-brilliant-spoofs-of.html

http://www.logoblog.org/wordpress/imitating-logos/

The NYtimes "Special Edition" an amazing, elaborate parody that involved the creation of an entire website identical to the NYtimes and a print edition that was freely distributed on the streets of NYC. The Yes Men were involved in this project along with many other artists and activists (including your professor - see story "America's Army Game Cancelled!"):

-watch this first- http://www.youtube.com/watch?v=1vvPvaDkIUo

http://www.nytimes-se.com/


And finally, not a spoof website but The Onion - some of the best satire online and in print:

http://www.theonion.com/content/index

Reading Assignment #2

Read Experimental Music by John Cage. Post 1-2 questions and be prepared to discuss.

download the article here

Assignment #3: Sound for Animations

Due Wednesday, June 20!

Animation Soundtracks:
Working with Audacity or another audio editing/mixing program of your choice create a unique soundtrack to compliment your individual animation segment.


The audio piece you will create for this will start with:

1) At least one sound recorded using a microphone.

2) Other sounds are to be found/downloaded or otherwise appropriated from the internet and/or created in GarageBand.

Creatively mix your segment to effectively work with your animated piece - use filtering, repetition, Left/Right stereo mixing to assemble the best possible audio mix that works flawlessly to complete your animated sequence!

Bring your finished piece as a .wav file on a flash drive for next class as we will be working to ad these piece by piece to the assembled animation.  Please number your audio piece with 001, 002 NAME, and so on depending on your location on the sequence list.


Free Sound Libraries:

http://www.soundcloud.com/
http://www.freesound.org/browse/
http://www.pdsounds.org/ 
http://soundbible.com/free-sound-effects-1.html

Assignment #2 - Animation

Animation Samples: (find many more on youtube, vimeo, etc.)
http://dejesusdesign.com/ 
http://www.juancgonzalez.com/films/431-si/
https://vimeo.com/39393120
http://www.youtube.com/watch?v=CLlJfGybBcc
http://www.youtube.com/watch?v=pIPgWlE2Ybs&feature=related

Create a minimum 5-10 second long animation from one or more of your triptych images.

DUE Monday, June 18th

You are to create an animation using Adobe Photoshop. Since CS3 was introduced Photoshop now includes some rather simple yet effective animation tools similar to those available in more sophisticated animation programs such as Flash.

•FINISHED ANIMATIONS ARE TO BE EXPORTED FROM PHOTOSHOP AND UPLOADED TO YOUTUBE OR VIMEO FOR EMBEDDING INTO THE BLOG! DO THIS BEFORE CLASS NEXT MONDAY !•

IMPORTANT SIZE INFORMATION!!!
Everybody, work at the following resolution: 1920 Height x1080 Width at 72dpi!!!
This is the standard HD 16:9 format although it is rotated for vertical formatting!


Tutorials:

http://www.adobe.com/designcenter/video_workshop/

• From this link, go to the window on the left, scroll down and select "Photoshop CS3 Extended".
• Then select in the window to the right "Animation".
• Click on the video title "Animating Layers Palette" and "Using the Animation Palette" both of these are really good tutorials!
• Pay particular attention to the brief tutorial using frames for animation and the timeline. 

http://www.youtube.com/watch?v=7WdYqPx_SFU

Clint recommends this one! http://www.youtube.com/watch?v=Uw0sZwK7az4

Reading Assignment #1

Walter Benjamin, The Work of Art in the Age of Mechanical Reproduction.  
Please read this for MONDAY and post 1-2 critical questions on the blog.

download here

extra credit optional assignment - links

Here are the links we looked at in class:

http://content.photojojo.com/tutorials/project-365-take-a-photo-a-day/

http://www.youtube.com/watch?v=xgxxxKwlra8

http://www.youtube.com/watch?v=6B26asyGKDo

http://www.theuniformproject.com/year1/

http://www.flickr.com/photos/renolauren/sets/72157611981517947/

Assignment #1

Winston Smith, hand made montage

Assignment #1 Triptych Digital Montage

triptych (ˈtrɪptɪk) — n 1. a set of three pictures or panels, usually hinged so that the two wing panels fold over the larger central one: often used as an altarpiece 2. a set of three hinged writing tablets

Image Size for each of the three images:

Objective:
Create a series of three works of digital photographic montage in Adobe Photoshop from specific source material. You must use as your subject matter for each of the three works at minimum the same 25 scanned images. Yes 25 source images! These 25 source images are to be comprised from some combination of the following: scanned objects (flatbed scanned), images appropriated from books and magazines (flatbed scanned), and images downloaded from the Internet. At least one of the images you use must be of a word.

All images are to be found or otherwise appropriated (including the word – scan text from an original print source). Use Adobe Photoshop to creatively combine your image elements into three cohesive image compositions that will exist as a triptych. Remember, each of your images MUST include all of 25 of your source images in each composition! Consider the conceptual link between image, object and word that will be created by their combination.

Very important! Save your images with layers intact as we will be further using your image for the next project.

Examples:
The content of your work is up to you. Consider the possibilities of Adobe Photoshop to cut, paste, resize, etc.. Scan photographs from family albums, magazines, etc.. Bring in various found objects to scan - junk, a meaningful keepsake, etc.. Pick a word or words, either scanned from text, handwritten or otherwise created outside of the computer, scan it and include the work in the image. Think about how the creative unexpected associations of disparate images and texts functions to establish new and multiple readings of the works.

Techniques:
Much of this you will learn by doing – some basics will be covered in class - Adobe Photoshop, image scanning, image sizes, resolution, etc.