View current page
...more recent posts


Class #8

Divshare looks like a good image host: http://www.divshare.com/tour for those of you who haven't found one.

For now on, instead of relative pathnames to local folders, I want you to use absolute pathnames in your HTML files. Anther thing to note about a lot of free image hosts is that they have a storage limit. I want you to start thinking about how to compress files that you've created in Photoshop or EasyGif Animator. Remember when you post stuff, the end user has to wait for it to load in their browser. All good artists take limitations and make them look like they were on purpose.



Today we stay with photoshop and EasyGif animator. So lets look at what some artists have done with paint programs (On Thursday we start with Flash.)


Andrew Paterson

andrew J paterson rectangle 2

andrew J paterson rectangle 1

andrew J paterson rectangle 3
Stills from Rectangle World 2006 digital video


Dyan Marie: http://www.dyanmarie.com/


DM_1
House for Teenage Hockey Player 1999 from Subjected to Change: Armatures for Standing Up


DM_4
House for Established Bussiness Woman 1999 from Subjected to Change: Armatures for Standing Up


DM_8
Window for Teenage Hockey Player House 1999 from Subjected to Change: Armatures for Standing Up


http://gooooooooooooooooooooooooooooooooooooooooooooooooooooogle.com/javiers/
http://www.mariaeisl.com/
http://aboutfoo.com/~robmyers/art/smileys/
http://www.fakeisthenewreal.org/ via http://www.digitalmediatree.com/tommoody/?30568
http://www.onehundredpixels.com/
http://joe-biden.ytmnd.com/ (there is no good reason to include that it just made me laugh)
http://www.petracortright.com/Landscape-5-15-05.html
http://www.travesssmalley.com/blog/
http://www.loshadka.org/wp/?author=14&paged=2
http://www.loshadka.org/wp/?author=8
http://happytimesforkids.com/pics1.htm
http://www.loshadka.org/wp/?p=680
Some commentary from VVoi on this work: http://new-art.blogspot.com/2008/05/less-art.html
http://fffff.at/borna/


catcrazy

crazycat
(Sally McKay)

http://indoor-oak.org/

http://supercentral.org/lk/

http://candicebreitz.net/

http://ccca.finearts.yorku.ca/mikidot/photo/nobadart2008/pages/01.html



A collection so perfect that we are unworthy to screw with it: http://www.nepaldog.com/NEPAL_DOG/908postcard.html#11

And some good reading on collections/piles: http://teamschwartz.powweb.com/Pile/c1p1.html

Animated Gifs:

http://iheartphotograph.blogspot.com/2008/08/opening-tonight-young-curators-new.html

http://www.eyebeam.org/reblog/archives/2004/09/post_2.html

http://physics.ucsc.edu/groups/condensed/moseley/crystal_structures/index.html

http://www.rhizome.org/events/gifshow/

http://www.digitalmediatree.com/sallymckay/?35618

http://www.boullet.com/black/pages/booksonline.htm

http://www.boullet.com/black/pages/growth.htm

http://slecht-lands.livejournal.com/115664.html

http://slecht-lands.livejournal.com/112585.html

http://slecht-lands.livejournal.com/108742.html

http://slecht-lands.livejournal.com/76019.html

http://www.loshadka.org/wp/?p=857

http://theageofmammals.com/research/?p=23

http://www.clubinternet.org/



I realize that my definition the other day really sucked so I looked it up on wikipedia and got this: "Dither is an intentionally applied form of noise, used to randomize quantization error, thereby preventing large-scale patterns such as contouring that are more objectionable than uncorrelated noise."
Is that not perfectly clear?
How about this one:
http://en.wikipedia.org/wiki/Floyd-Steinberg_dithering
Does this one help? http://en.wikipedia.org/wiki/Error_diffusion

My sucky explanation is begining to sound pretty good now. (though I don't really remember what I said)

OK this will help:

http://webstyleguide.com/graphics/dither.html, http://notlost.blogspot.com/2008/08/dithering-for-low-bit-depth-lcds-with.html (but I like obvious dithering!)


Now back to work, we are going to look at z space (as opposed to x and y) for depth

grab a few backgrounds preferable with a landscape (it can have objects in it): http://glenmullaly.blogspot.com/2008/04/vintage-animation-back-and-fore-grounds.html

http://animationbackgrounds.blogspot.com/





Open up the file in Photoshop and make two layer copies,

In the lessons folder copy the photoshop file log_3.psd and look at how the layers have been altered. Use your brains and do it to your chosen image

When that's done, copy and open up the ani.psd file

Now select edit in imageReady and prepare to listen to my curses because this is a most awkward tool and you'll find flash a bit easier to animate in, but it also doesn't have the wonderful filter potential that Photoshop has, so you will have to witness my battle with this program, I will fight to the death and take you all with me.

FUCKSOCKS! (that means watch and listen)

The little trick I discovered with the animation window is to select the animation frame first, then look at your layers window. You'll see the visible layers that make up your animation frame, at this point it's safe to turn layers on and off. When you want to make the next frame, select the animation frame first, not a layers frame.


- L.M. 9-30-2008 7:00 pm [link]


addendum to class 7

Miklos Legrady informs me that he was working with stereo imagery on-line in 1992 http://cprr.org/Museum/technical.html
He wrote these technical notes to help people freeview 2x stereo images that are shown on the Central Pacific Railroad Photographic History Museum.

He also sent me paper of terrific research that he did on iconoclastic art that included this:
Please tear down this poster as soon as you see it !

2000? - On Stuart Brisley's website you can select one small field of a big picture. The selected field is sent to you by e-mail and it is - permanently - deleted on the original. The accompanying e-mail says:

Hi. - Here's your Image::copy 32x32 artwork that you chose. Keep it safe, it's the only copy that exists, as the spot you chose on the image has now been blacked out. Feel free to come back and get some more free art. http://www.ordure.org/ - Regards, Rosse.
Here's a direct link to the page of free art. http://dump.ordure.org/image::copy/


- L.M. 9-27-2008 9:00 pm [link]


class #7 - tacky web faux pas

my-memes-2.jpg
found image with the file name: my-memes-2.jpg
http://en.wikipedia.org/wiki/Meme (HA HA This is a University and I'm not ashamed to use wikipedia HA HA.)

You'll probably recall this post and thread that I showed you in the intro class (there was a waiting list, so I thought I'd try to weed some of you out, but you little pervs stuck around). There's more!

olympics.gif ahole.jpg
ducxsie thumb_goatse.jpg

This is all a hilarious riff on a shock site called goatse, some info here: http://en.wikipedia.org/wiki/Goatse and if you absolutely must see the source image , they are stored everywhere now, but here is the site: http://goatse.cz/ (note my warning ...and then the wedding ring). A little side note, according to this blog, it would be prohibited by US law to post the original image. We are not even going to discuss or look at bathtub girl.

-what I like about this is the variety of stuff that people come up with in response to an intentionally provocative and gross image.
- some stuff can collapse with inner-laughter (to paraphrase Joseph Beuys).
- like I've mentioned before, it's not a formula for every provocation you'll see on-line, because sometimes you do stumble onto truly awful soul rotting crap that you can't un-see once you've looked.
- an anatomy of viral imagres and techniques or how these riffs get rolling with anyone welcome on for the ride


Speaking of evil ducks:

evilduck.jpg huntingducks.jpg ducktourettes.gif

Speaking of more evil ducks: http://ccca.finearts.yorku.ca/mikidot/photo/evil_ducky_preview/index.html Miklos Legrady jumps in and out of digital media (like all of us) and I found his decisions with the captions on his evil ducky series to be disconcerting, but I'm starting to get it. And of course, fastwurms have been dicking us around with the cheesy captions and innuendo ridden titles for years: http://www.digitalmediatree.com/sallymckay/?44921

Check out more of Miklos Legrady's other projects: http://ccca.finearts.yorku.ca/mikidot/start/index2.html

legrady1.jpg

Onwards, today we look at cheap tricks and formulas that spread like wildfire, because they are easy and the results appeal to us. And ultimately we'll continue to weasel our way around presets and formats (something we'll look at at a later class are artists who have thought about this in a more formal way, but this is a studio class and we are greedy)

ster1 ster2 ster4 ster5  ster6 ster7

MDsm
I found this nudie on some guys site, he's defined his whole damn photographic practise with this stuff. This one is called "Moist and Dry" and I think that title could be the most delightful combination of earnest cluelessness and slimy sexual innuendo that you will ever encounter

- there's a pop history to stereo renderings (wiggly stuff really), all sorts of viewing devices prior to these current cheesy digital anmiations. It started with early photography in the 19th century, basically two different views, left and right eye, combined to give the illusion of depth. (and there is how-to for it. Yay. http://graphicssoft.about.com/library/uc/oransen/uc_stereo.htm)
One more that was circulating a lot a while back: http://www.moillusions.com/2006/08/stereo-dino-optical-illusion.html

iziz.gif
don't dismiss it, I found this one really compelling.
(remember nothing really ever gets made unless it's desired, you don't have to be secretive about stuff you sort of love) http://www.digitalmediatree.com/sallymckay/?45133

bfly.gif bike.gif car4.gif boat.gif ships.gif

- in a gallery context we had to adopt an ironic posture to a lot of this stuff. It would be ridiculous to expect you to use this stuff on-line without some irony, but avoid a relentlous posture of superiority, it's disingenuous and it'll make your art tedious. It's also a lot more interesting trying to understand why people like the stuff that they do.
- (you can make an argument, as an artist, for anything you choose and need to use.)

So onto some Photoshop. b/t/w you don't need photoshop some artists are doing damn nice stuff with earlier paint programs.


So here's some doileys, grab one:

doiley.jpg doiley2.jpg
doiley3.jpg doiley4.jpg

or you can find or crochet your own (basically some circular detailed form, a photo source will be more interesting for you right now)

knitter

or grab some seashell art: http://seashell-art.com/dana/index.php?page=shop.browse&category_id=6&option=com_virtuemart&Itemid=1 That might work

Because we are going to get spiritual and make animated mandalas with distortion filters and rotation tools and whatever else we can find as an intro to animating in photoshop and imageReady (I've changed my mind four times about how to teach this in a way that doesn't leave you thinking that the software presets and methods are the only way to make interesting work, so bear with me, I have a plan):

synthcatvortex.gif

spike_med
target_1_sm
candy_sm

eye_sm

spiral_smmandala_sm
spiral_4kitmadela

Open up your image in hotoshop, make sure to open your layers

Ctrl R for rulers

Use pull down guides to find the center of the image, then pull down the guides to find the center of the file we'll center stuff for now, but you don't have to since you might like wonky results. Erase the background if you want

copy your layer and select the top layer

Go to the Filters menu > distort > spherize Humour me right now. Move the slider on the spherize dialogue box You have an animation right there and we already have a tool to grab it fast. Anyone?

- I give away an oh so exciting secret right here. (that you should be able to guess anyhow)

otherwise play around with any distortion filter changing subsequent copies of layers either incrementally or exponentially.

explore the Edit menu > Transform tools too.

save for web as a gif, use any compression setting that you want to try

Open your GIF and note the speed, there are limitations to this method, prior to imageready, you'd have to import the file into a gif animator and set frame delays but now we can make stuff in imageReady with a few more tools

Open the single image Photoshop again save a new file with only one layer, (your starting layer from the old animation)

Open animation window

- tweening instruction, for spatial changes and image changes

To save that animation, you can export the animation frames as files, unoptomized and assemble them in our easyGIF animator OR you can save as optimized OR if your layers match the animation frames you can select edit in photoshop and save for web to save as a GIF (I had problems with that last option)

Note that when you go back to photoshop only the Pshop layers that you created appear.

so try saving an animation all those ways and compare the results

There's a lot more complexity in this software than we are touching upon today. We'll do several other classes in this and try to fill in the gaps
- L.M. 9-25-2008 4:12 pm [link]


claws

addendum to class 6

First of all, in the addendum to class 5, when I had used the marquee tag on a Chris Ashley HTML drawing (because I think its totally hilarious to do that to his work), the tag wouldn't close because of some CSS script I had left in there, so the upshot was that all the posts on the page below it were marqueed as well, but only in firefox, and I work in IE at home because of clients. Anyway I was very touched that two of you actually apologized for not being able to read the lessons. And so, I forgive you all for not being able to read rapidly moving marqueed text.

Next thing, I was in awe of the fact that you all worked for over two hours straight doing this exercise the hard way. I was also in awe of the fact that instead of trying to get away with the bare minimum, many of you went absolutely mental with the uneven grids, and over 300 cells. I approve of mental.

Neil came the closest to figuring out an easier way to do this when he tried to search the text in the ordinary text editor. Though it didn't quite work, I gave it some thought later, and what might work is this (and some of you had tried it and almost got your results faster):

When saving for web, save all the cells as HTML and images.

If you have changed the compression options for individual cells, for that mix and matched look, make sure to select custom settings and for the slices option, all slices, photoshop will actually remember those different compression settings for each cell.

Some of you already know that what it produced was a table in HTML, and we didn't want that, but we do now.

Go to view > source in the firefox browser menu. Save the file as a .txt

 

 

and

 

 


- L.M. 9-24-2008 4:35 am [link]


Class #6: technical opportunism (part 1)

turner1.bmp
mock up of proposal for a Turner Prize entry from b3ta

If you look in the lessons folder on the server, you should see all the installers for the softwares we have downloaded up to now. These machines are wiped clean on restart so everytime you install one, it is like the first day of an evaluation period. Today we'll need alleycode installed, so do that now if I'm still loading images onto your systems. if you brought a firewire for your video cell phone, try downloading some images right now. If it's a wireless, you can get Paul to help you. (security issues)

We are going to do the instructable first today, since I don't know how long this will take you.

Photoshop/HTML showdogs:

- due to licensing costs they still have CS2 loaded on the student machines. (they might eventually just skip CS3 and wait for CS4) This doesn't matter one bit. I started you on simpler imaging tools for a reason. Software always changes, you'll never be totally up to date, but you can hone your problem solving skills and that makes it easier to update tools later

-this software was a prerequisite for this class, but in reality everyone uses a dense program in their own way. So don't worry about your skill level right now. If you like using a program, you'll get more comfortable eventually. Plus you can achieve the same results many different ways with the available tools.

- worked with a musician once who never used the contrast slider, he preferred the tools for levels because he understood them. This did not stop me from making fun of him.


bats2

- so anyway, forgive me if you know all this already, but I have to do it with you

1) open up the image of yourself in Photoshop.

2) go to view in the upper menus and change your screenmode to standard screenmode, then go to window and de-select all the windows except for layers, Navigator, options and tools. (keep your image up there too) click 'm" on your keyboard, and you won't accidentally crop or erase something right now. (while your at it click v, l, w,c, k, j, b, s, y, e, g, r, o, a, t, p, u, n, i, h, and z and look at the floating vertical tool bar) Click m again.

3) select the one layer that's named background and make a copy of it in your layers panel. Name it work

4) now save the file and it will save as a .psd.

5) just for clarity in this semi-militaristic exercise, I'll ask you to crop the image so that you don't have a huge ground behind your portrait. For images that came out of the video camera, you'll notice that there might be some interlacing lines, if you don't like them go to filter, select video and deinterlace to get rid of those lines, play with the options to see how your picture might change. you don't have to deinterlace at all, it's an aesthetic decision that you get to make. (more info in deinterlacing here: http://en.wikipedia.org/wiki/Deinterlacing)

6) hit b for brush, double click the foreground colour icon on the tool bar (black and white squares) and select a very sexy colour. ('cause you're worth it) Paint out your background. The results may be more interesting if we don't colour out the back ground, but you can always go back again later and play with that option. For the moment humour me. (but feel free to play with any of your brush options right now)
b/t/w doesn't that navigator window suck? I can show you an easier way to magnify right now.

7) Now the picky part, and we can do it a few ways:

-Press control R to see the rulers.
-Click on the top ruler or the left ruler and drag a guides out, create a grid of guides.
-OR Choose View > New Guide. In the dialog box, select Horizontal or Vertical orientation, enter a position, and click OK. (i just copied that from the help files, this shit takes too long to write myself)
-Another way is to deselect the eyeball icons on the layers box and you should have a ready made grid background. If not go to the edit menu, then preferences, then transparency and gamut and change the size of the grid ground and eyeball the guide placement from there.
- make your grid (minimum 100 cells, those of you who are really comfortable can make a grid with 200 cells) out of guide lines, then lock the guides.(under view menu) SAVE

8) NOW Select the Slice tool,(k) and click Slices From Guides in the options bar that appears for the tool. Lock your slices. SAVE

9) (copied and edited from help files)
You can view slices in Photoshop, the Photoshop Save For Web dialog box, and ImageReady. (we will ignore ImageReady today)

The following characteristics can help you identify and differentiate between slices:

-Slice lines Define the boundary of the slice. Solid lines indicate that the slice is a user slice or layer-based slice; dotted lines indicate that the slice is an auto slice.
-Slice colors Differentiate user slices and layer-based slices from auto slices. By default, user slices and layer-based slices have blue symbols, and auto slices have gray symbols. (ignore for our purposes)
-In addition, ImageReady and the Photoshop Save For Web dialog box use color adjustments to dim unselected slices. These adjustments are for display purposes only and do not affect the color of the final image. By default, the color adjustment for auto slices is twice the amount of that for user slices.(really really ignore for today)
-Slice numbers Slices are numbered from left to right and top to bottom, beginning in the upper left corner of the image. If you change the arrangement or total number of slices, slice numbers are updated to reflect the new order.(nope, we won't do that today)
-Slice badges The Web Content palette uses a number of badges, or icons, to indicate certain conditions, and these icons also appear in the document itself. (check out the help files for the icon list)

10) Slices are a pretty powerful feature and they allow us to save the individual slices and will also create a table in HTML for them (we don't care about that feature today, because we do not want a table)

11) Now we can select our slices and save them as over 100 individual GIFS:

Do the last thing of the following: (again this comes from the photoshop help files, so I wanted you to see the options that we aren't using)
-Select the Slice Select tool and click the slice in the image. When working with overlapping slices, click the visible section of an underlying slice to select it.
-Select the Slice Select tool, and Shift-click to add slices to the selection.
-Select the Slice Select tool, and click in an auto slice or outside the image area, and drag across the slices you want to select. (Clicking in a user slice and dragging moves the slice.)
- Choose File > Save For Web. In the dialog box, use the Slice tool to select a slice.

12) This is where it gets fun, because you get to choose from a lot compression options that will effect the final product.

-check out all the presets for gif files. You have options to compress the number of colours, and change the dithering.

You can use the slice tool in this window to select all the gifs and apply the same presets to them, when you save, the program will generate the gif filenames with the grid numbers.

-the more fun thing to do is to select different clusters and apply different compression and dithering presets to them. When you save, just save the selected. Unfortunately the program will take you out of the web save screen, so for multiple and varying grid selections, you have to go back from the file menu.

Do it.


When everyone's ready we'll go to these next steps

13) Take your folder full of images to the deskstop just so we don't have to deal with dozens of pathnames.

14) Open up alleycode and a new HTML file. (delete the preset scripts that it opens with, we don't need them right now)

15)save the new file to your desktop, and not in your images folder, remember all the pathname stuff I taught you.

16) use the image tag and fill in your pathname info like I did for my local version <img src="/myimages/bats_01.gif">

bats_01.gif

17) now copy and paste that script several times on the same line change the numbers on the file names that photoshop generated for you:

<img src="/myimages/bats_01.gif"><img src="/myimages/bats_02.gif"><img src="/myimages/bats_03.gif"><img src="/myimages/bats_04.gif">> (and so on)

bats_01.gifbats_02.gifbats_03.gifbats_04.gifbats_05.gifbats_06.gifbats_07.gifbats_08.gifbats_09.gifbats_10.gifbats_02.gifbats_01.gifbats_01.gifbats_01.gifbats_15.gifbats_16.gifbats_17.gifbats_18.gifbats_19.gifbats_20.gifbats_21.gifbats_22.gifbats_01.gifbats_01.gif

See what is starting to happen? Without the <br> we don't have a line break only a wrap (same as a word wrap in a text program) Make sure that there are no spaces between the image tags too

18) open the completed file in your browser, play with the window size and congrats, we just de-mystified another tech trick from a smart artist. http://oliverlaric.com/b.htm (if you screwed up, it might be interesting, so save that alleycode file and copy the scripts to a new file and check for line breaks and spaces between tags.)
(note that Laric might have divided up his initial image pixel by pixel, or else pixelated the image before he gridded it to give that appearance, figure it out for yourselves. Doesn't matter. What a freak.)

You might even hate him now after we just picked his work apart with all this tedious procedure, that's what Universities do best and I'm happy to help.

But I doubt you've damaged the medium or my own admiration for his practise in any way, because good artists have been leaping through all these tricks using them when needed, exploiting their screw-ups, looking at each other's source codes

During the work period try it again with an irregular grid, smaller or larger cells, play with compression and dithering, spaces between the tags in your HTML, try different sorts of images, you might bring something new to what everyone else might think of as 'the last word.'

Please put a copy of today's exercise in your folder on the server

b/t/w: http://www.artfagcity.com/2008/09/22/the-five-principles-of-new-media/#comments, fun post and exchange here. Seems like at least one commenter would not agree with me and many others about compression, artifacts and energetic opportunism. And to that, sometimes, the only appropriate response is: I hate the way you make art too.

Part 2 just links, I'll flesh some of this stuff out later when I clean up these pages.

some more about collections:

- many collections can elevate items that might be weak on their own.
- apply this to http://www.vvork.com/ and you begin to see the problems that some people have with their project.
- on the upside, collections of great work magnify each other's qualities.

http://www.loshadka.org/wp/?p=897 (did I show this one already? doesn't matter, I love dogs)
http://www.loshadka.org/wp/?p=708
http://www.loshadka.org/wp/?p=334
http://www.loshadka.org/wp/?cat=59&paged=2 (I really, really love this top collection)
http://www.loshadka.org/wp/?p=183
http://www.loshadka.org/wp/?p=115
I WANT TO SEE ALL OF THE NEWS FROM TODAY
http://www.aloalo.co.jp/nakazawa/portfolio/pdf/op110sentence2.html
http://www.photo.sittcomm.sk/kate_postcards.htm
http://www.nationalphilistine.com/alternumerics/index.html


http://home.nc.rr.com/tuco/looney/acme/acme.html (not quite web art, totally better)
http://www.whatihaveread.net/ (not an artist, but a physicist out of Colorado)
http://www.tinypineapple.com/nursebooks/ (Nurse Books!)
http://www.davidshrigley.com/list_photographs.html
http://www.babyanimalz.com/
http://www.rapunzelsdelight.com/

What differences do you see between an artists' collection project and an archive, if any?

You've already noticed that I've been grabbing stuff out some surf clubs: http://www.loshadka.org/wp/, http://www.supercentral.org/wordpress/, http://www.nastynets.com/?what=yes, http://doublehappiness.ilikenicethings.com/, http://www.spiritsurfers.net/, http://hardlandheartland.blogspot.com/, http://lordsofapathy.blogspot.com/
Most of the individual artists have their own sites and you can generally get the URL's from the members links on the front pages of most of them.

I find everyone's work to be more alive in the surf club, probably because even though a surf club is still a controlled context, it seems truer to the web than most pristinely designed individual artists' sites. I also noticed that surf clubs don't function that differently than the traditional artists' exhibiting collectives that we like so much here. Unmoderated by curators, and a variety of other gatekeepers and the artists end up driving it themselves, to mixed results, but when it's good, it's very good.

Marisa Olson's recent essay on surf clubs & found photography: http://www.wordswithoutpictures.org/main.html?id=276 (more on her work for another class) You'll already be familiar with some of her links, and this essay is a very good read.

-I have often pondered the question of how lost does something have to be before it's found


Now for your sexy surf club:

Joe McKay cooked up the official masthead GIF. But he lost it when he emailed it to me but then I found it in an email, so now I'm claiming at least 50% authorship

Intertubes

- I'll mail you the final URL this week, the page will be public, but we won't post the URL anywhere right now, so that you can get comfortable.
- Login required to post, not to view (set up a google account if you haven' already. Pick a screen name for your account, because it will be public.)
- no censorship, unless something gets libelous and legally actionable, any other problem posts will be converted with http://lolinator.com:80/ Because kitteh speak always takes the sting out of death threats.
- this is actually a slightly unfair set-up for you, you should be able to choose your own collaborators just like the big smart kids in NYC. With 70 posters this is going to look more like an image board than a surf club, but Joe likes the "we are making art" stance that a surf club gives, so what the hell
- might add a lolinator flag so that you get to decide what posts will be converted to kitteh. (No we won't because you'll be converting all of them, what were we even thinking)
- you need to get an image host, since the University's servers aren't set up for barbarians like you.
- Laura Britt Greig is putting the finishing touches to the software.
- if we have any issues with uninvited posting, Laura can set up password protection, but we'll avoid it for now.
- if you are successful at the end of this experiment no one will want to be in a surf club ever again. Surf clubs will be so over. You have the chance to spoil it for everyone on the web.


- L.M. 9-23-2008 4:14 pm [link]




Addendum to class #5

A few links we discussed at that I didn't include previously:

http://slecht-lands.livejournal.com/117471.html (now that I've shown you screen capture tools you can figure out one of a few ways to make this sort of animation)

When we were discussing THE PORN: http://thankgodforconceptualart.com/index.php?/projects/me-and-my-girlfriend/ I told you about a similarity in structure by Kelly Mark in her captured series: http://www.ireallyshould.com/captured.html

This goes to the truth of a comment by Christopher Brayshaw on a simpleposie thread about the clusters of similarities that are produced on VVORK:
"[...] subject-based content is distinct from artistic subjectivity. The Bechers don't own "water towers" any more than Jeff Wall owns "light boxes." Subject without subjectivity is meaningless on its own. Take the recent chess works; chess is a subject -- shared template -- that many different subjectivities are worked out in relation to. But many of those subjectivities begin from aesthetic positions that don't bear any relationship to each other, outside of the nominally similar forms. Curators who organize shows about subjects (hot rod art, garden art, red art) instead of subjectivities are mailin' it in."


OK, now carry on with the important work of putting a marquee tag around everything we see.

07th Aug 2008

Sirmione

Sirmione (Lago di Garda), 20080807, HTML, 350 x 390 pixels



- L.M. 9-19-2008 9:50 pm [link]


Class #5 when we will finally destroy art once and for all.

bunny_n

After blithering on last class about how these seemingly cacophonous artists sites are really sophisticated design products. Not designed in the commercial sense, but designed in the sense that images are placed with intention, I have to swallow my words because of the best art site in universe: http://yvettesbridalformal.com/index.htm (via artfagcity) especially since it's not an art site, it really is a bridal wear site. Perhaps proving that everyone can make something that looks like art at least once. Perhaps also showing how close web-based art can ride with everything else on-line.

- This institution has tech and IT staff protecting their systems, but you don't. We will discuss how to protect your own systems from a web-based part practise.

- don't download exe files you don't understand, Google to find out exactly what something is from one of hundreds of tech communities who see this sort of crap and warn each other about it all the time.

When the site is ready for The Royal Society of Intertubes, our Surf club that we are doing with Joe McKay's class in California, you will have to log in with your email address, get yourself a yahoo, gmail or hotmail account specifically for that (and for spam whenever you give it away for anything on-line).


Some of you took to blingee (http://blingee.com/) last class, here's some from Olia Lialina http://art.teleportacia.org/exhibition/blingee/ (don't forget to read her two essays, and way more on her later, she's amazing)

- good time to discuss what and why and how sites like this get made, why and how user interface decisions are made.


Some more links to collections of stuff, the bar gets raised even higher for this assignment:

http://www.typingservice.org/index.html

http://www.unbehagen.com/fascinum/

http://oliverlaric.com/b.htm

http://www.vvork.com/?p=6535#comments
LINK FOR PORN VIDEO: http://thankgodforconceptualart.com/index.php?/projects/me-and-my-girlfriend/ (of course you'll watch this)

Spirit Surfers have some great collectors:

http://www.spiritsurfers.net/monastery/?p=258

http://www.spiritsurfers.net/monastery/?p=229

http://www.spiritsurfers.net/monastery/?p=241

http://www.spiritsurfers.net/monastery/?p=575

http://www.spiritsurfers.net/monastery/?p=187

http://www.spiritsurfers.net/monastery/?p=477 (I'd count this one as a collection, how about a set of multiples. Never mind, it's nice)

http://www.spiritsurfers.net/monastery/?p=169 (I have a large scale photo of a garbage dump by Warren Quigley hanging over my mantle at home)

http://www.spiritsurfers.net/monastery/?p=133

http://www.spiritsurfers.net/monastery/?p=38

And while we are at Spirit Surfers, check out this marquee animation, http://www.spiritsurfers.net/monastery/?p=427. they don't have to run at the speed of light to be interesting. The attributes for setting the speed are here: http://www.html-reference.com/MARQUEE.htm. I remind you of this since it appears that you will use that damn tag for everything until the day you die.

We are going to play with a screen capture tool today.

Now lets rip some youtubes, and later produce some of our own video clips.

Take 10 minutes to find a very short, preferably silent, youTube video that you want to download: http://www.youtube.com/watch?v=YF_6JvJTQoE

got to http://www.ripzor.com/youtuberipper.html and enter the URL of the video you selected.

What you have now is an FLV file, without an flv player you can't view it, and you probably won't be able to edit it in any of the video editors on your machine. So now go to http://www.ripzor.com/flvconverter.html to download an FLV converter. We want to change this youtube flash video to an .avi file that we can dick around with. If the original downloaded file does not have an extension .flv, add it.

Open the converter software, and select your file and select .avi in output options. Save the new file to your desktop. Now you should have an avi that you can open and edit in windows video editor or any editing software. I hope that you're happy now. we can easily make some GIFS from this by selecting frames saving them as bitmaps, converting the bitmaps to gif in an image editing software and importing them to a GIF editor or else Photoshop, but I don't want to start on an intense animation with Photoshop class until lesson 6. (when you'll also try to make digital pogs: http://mikesdigitalpogpage.com/)

Now for a screen capture utility, we're going to try out Camtasia. Also today, pass my video camera around, those with cell phones can try to download their videos or images with a firewire connection. Lots of problem solving for all of us.

More links for end of class if there is time:

http://www.loshadka.org:80/wp/?p=630 JavaScript, but think about how you now know how to do it with an animated GIF

http://www.loshadka.org/wp/?p=148

http://nastynets.com/?p=1274

http://nastynets.com/?p=1236

http://www.newrafael.com/


- L.M. 9-18-2008 4:14 pm [link]


beta407

An addendum to class 4, these are the additional links we spoke about (I was going to do them at a later class but you were all so demanding):

http://aleksandradomanovic.com/

http://oliverlaric.com/

I also figured out the clever way Oliver did these moving pixel portraits: http://oliverlaric.com/pixel/christophpriglinger.htm. He gridded off the original image and created a small GIF of each grid square, reassembled them in one long line of 'img src' tags and excluded any line breaks. Simple and brilliant. Once we start the photoshop instructionals you can make some of each other, and we'll see if I'm right . We're in a tiny perfect open-source universe here.

We will still discuss Olia Lialina's site at another time, so I won't include the link since we were just looking at her opening page.

- L.M. 9-18-2008 4:59 am [link]



baybay.gif

Class #4

A few loose ends I should tie up from last class since we got sidetracked with youTube hacking.

First of all, I meant to show you some of links to work that show some different collection strategies (some more successful than others):

http://doublehappiness.ilikenicethings.com/?p=173

http://doublehappiness.ilikenicethings.com/?p=504#comments

http://doublehappiness.ilikenicethings.com/?p=911

http://doublehappiness.ilikenicethings.com/?p=1307#comments

http://www.sweetgifs.com/?pg=1

http://nastynets.com/?p=470

http://nastynets.com/?p=566#comments

http://doublehappiness.ilikenicethings.com/?p=53

http://www.digitalmediatree.com/tommoody/?31122(space bloom)

http://www.digitalmediatree.com/sallymckay/ovvlvverk/pageback/42653/

I'm raising the bar ever so slightly as each class goes on.

I'll repeat that the collection assignment will be one of two final assignments.

minimum 25, max 50.

Lists of things that are invested with meaning or interest for you. Must be compelling for you or it won’t be for me.
You can go as low brow or high brow as you want . (No kitteh animations with earphones. That's the only rule. All other kittehs are acceptable.) You will have to find an interesting way to place this collection on an html page, a way that is somehow works with what you're showing us.



Another search method for your collection assignment:

Go to an on-line language translator, http://babelfish.yahoo.com/translate_txt, get translations for your keyword in several languages and try all of those languages with a Google image search. http://images.google.ca/imghp?hl=en&tab=wi the results will always be different. Try other search engines, for example http://www.dogpile.com/ is an aggregate of a bunch of diferent search engines. Every engine has its own search algorithm that is going to yield different results.



Last class I meant to talk more about tables. you've probably discovered them already on that three schools tutorial page: http://www.w3schools.com/html/html_examples.asp. They are totally counter intuitive, a major pain and one of the main reasons why Dreamweaver exists. However, Dreamweaver doesn't give us enough control as artists, that's why we've been hand-scripting stuff in this class

One row and three columns:
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
</table>


100 200 300


so here's an example of an artist clearly using tables (yes back to Chris Ashley because he always surprises me with something wonderful) http://looksee.chrisashley.net/archives/756

If we strip the images we have this underlying structure (I added a border and left spaces between the coloured cells into show it better, but it only seems to work in IE):



As I mentioned in a previous class, go to the three schools link, find the tables tutorials and insert your own images in, you'll start to get an intuitive understanding of how you can make them work for you.

Now we can look at a seemingly more cacophonous page: http://jpegmess.org/1.html. by an artist from Chicago named Robert Wodzinski. Mess is deceptive, this is very sophisticated work, and for those who love "more is more" there's a lot you can learn from looking at what he's doing. Remember we are talking about 2D pictorial space, you learned about composition in your foundation year.

I'd make the same point about the surf club double happiness that many of you have already seen in other sample links: http://doublehappiness.ilikenicethings.com/

These artists are all well aware of how they're placing their posts within the framing device that they all agreed on. They're currently in a show at vertexList http://www.vertexlist.net/ in Williamsburg, Brooklyn.

Tom moody posted some images from the installation: http://www.tommoody.us/archives/2008/09/13/double-happiness-at-vertexlist/

I partially agree with Tom's assertion:"Taste and restraint are concepts they have no use for, making them the most lifelike of the surf clubs."
But I think they show an incredible amount of taste in their choices for the installation. (They aren't throwing shit in a pile)

wurmsssssss

It also reminds me of fastwürms' Donkey@Ninja@Witch that some of you may have seen last year at the AGYU.


Now lets get to the insanely fun stuff. GIFs: Graphics Interchange Format you can read about the technical history here: http://en.wikipedia.org/wiki/GIF

from Moody's post at artfagcity (http://www.artfagcity.com/) - http://www.artfagcity.com/2008/08/05/img-mgmt-psychotronic-gifs/#comments
"Animated GIFs have evolved over the last several years into a kind of ubiquitous “mini-cinema,” entirely native to the personal computer and the World Wide Web. Almost anyone can make one and almost every browser will read them. (From Wikipedia: “the Graphics Interchange Format is an 8-bit-per-pixel bitmap image format that was introduced by CompuServe in 1987 and has since come into widespread usage on the World Wide Web due to its wide support and portability.”)

In other words, no YouTube compression, no wait time, no subscriptions or proprietary formats to view, and they can be made in the most elementary and cheap imaging programs (free if you search for open source). GIFs are the purest expression of the democratic web and along with JPEGs and PNGs comprise its most authentic visual language.

As an artist I am attracted to this medium and have been making and posting GIFs for several years. This mini-cinema can be “scaled up” for galleries and film festivals but it’s equally fun to surrender it to the big pool of home-made creations that circulates on the Web. It’s gratifying to find GIFs you made yourself circulating on the pages of strangers months or years later. I don’t consider this “mail art”–it is too chaotic and lacks that practice’s genre rules. At the same time I do consider it a legit and underexamined form of post-studio art."


Truck GIF

This is the gif I first saw On Tom Moody's blog that indicated to me that there was some wonderful stuff going on created by people were weren't neccessarily thinking of themselves as artists.

artfag
(this one's pretty great too. Can't remember where I found it)

Her too. dance_3

Below are animations by Sally McKay that got me excited about making them myself:





beta decay xmas ball blue planet xmas ball




grains 4 gifstripegrains 3 gif



beads again



static waterstatic water
beach water




plants gif



















kittens



tortoise



hallokitty jpeg
hallokitty



sun.gifmist_lake.gifmilky_again




loon

We made so much fun of this one: http://www.digitalmediatree.com/sallymckay/comment/37805/



goldfinch



For more graphic based animations, Tom Moody's archive is a good reference for you: http://www.tommoody.us/archives/category/animation-others/

Today we are going to download a simple gif animator program (If Paul wasn't able to get to it): http://www.blumentals.net/download/

then right click this wankerman animation and save it to your hard drive:

wankerman

Simple is deceptive there is a lot you can do with this program.



Petra_anim_big_x.gif

animation by Petra Cortright



cheeses3



portaltrap3.gif



toothhurty



bloodeyes





OhGodLightbulbs



fazed20080506115438.gif fazed20080506115440.gif fazed20080506115441.gif fazed20080506115442.gif fazed20080506115450.gif



sloop1.gif sloop2.gif sloop3.gif sloop4.gif
(can't remember where I got these, so I don't have an artists' credit)

bollywood.gif



HappyDance.gif



horsecannon.gif



screenshot2.gif


- L.M. 9-18-2008 1:45 am [link]


Lesson # 3

This isn't a correspondence course, stay for the whole class unless I let you go early.

Put your name on top of your html pages with this line below it, the tape thing didn't work for me last class:

The code looks like this: <HR NOSHADE WIDTH="100%">

Play with its attributes, don't see any? Try some out from other tags. I will explain right now the difference between relative and absolute values.




-a few interesting things from last class, fuck ups as opportunities. All the experiments later I tried didn't work. (I wanted to make HTML plaid, maybe I can do it with CSS)
-pushing the medium to do surprising things
-learning to use these tricks in a way that has some organic relationship to the images
a lovely restrained use of gifs: http://www.petracortright.com/

(marquees!)
http://nastynets.com/?p=616
http://nastynets.com/?p=572
http://www.gooooooooooooooooooooooooooooooooooooooooooooooooooooogle.com/100mmarquee.html
http://loshadka.org/billy/huge.html
http://nastynets.com/?p=542
http://nastynets.com/?p=603
http://nastynets.com/?p=1435

Instead of doing an important tutorial on tables the hard way, we will go to the best web based tools I have found for learning scripts on line:

First of all, a good list of tags and attributes for reference: http://www.html-reference.com/ Here you'll find atributes for a lot of tags

now to tucows.com for alleycode shareware: http://www.tucows.com/preview/315334, download the software to your machine.

Other tools:

The best HTML instruction ever: http://www.w3schools.com/html/html_examples.asp b/t/w the font tag is being depreciated so we have to experiment with css (cascading style sheets)

Experiment with placing images and /or text in remixes

some examples:

http://www.digitalmediatree.com/tommoody/?41322
http://www.digitalmediatree.com/tommoody/?41297
http://www.digitalmediatree.com/tommoody/?40630
http://www.eyekhan.com/eyekhan/EYEKHANLABS-GIFS.html
http://www.digitalmediatree.com/tommoody/?39410
http://www.digitalmediatree.com/tommoody/?39293
http://www.digitalmediatree.com/tommoody/?37206

Read this post on GIFs: http://www.artfagcity.com/2008/08/05/img-mgmt-psychotronic-gifs/#comments

http://www.digitalmediatree.com/sallymckay/LMfoundGIFs/

Use picsee to look at the actual dimensions of the gifs I use: http://www.nastynets.com/picsee/

another great resource for animated gifs is: http://www.txt2pic.com/glitters/1.htm

(Some of the keeners can hack into these pages):

http://www.krazydad.com/makecolors.php
http://oliverlaric.com/displacement.htm

YouTube hacks:







http://www.tech-recipes.com/rx/2108/youtube_hack_automatically_start_loop_videos

More on hacking:

cover youtube in blood: http://nastynets.com/?p=923
http://nastynets.com/?p=412
http://www.brohans.com/2007/01/30/video-can-you-embed-two-youtube-videos-on-top-of-each-other-answer-yes
http://www.tech-recipes.com/rx/2522/youtube_how_to_save_youtube_videos_pc_mpg_avi_format

More collections:

http://doublehappiness.ilikenicethings.com/?p=173
http://doublehappiness.ilikenicethings.com/?p=504#comments
http://doublehappiness.ilikenicethings.com/?p=911
http://doublehappiness.ilikenicethings.com/?p=1307#comments
http://www.sweetgifs.com/?pg=1
http://nastynets.com/?p=470
http://nastynets.com/?p=566#comments

http://doublehappiness.ilikenicethings.com/?p=53


lucygif.gif

Blingee: http://blingee.com/

Make a blingee today!

If you still have time read the two essays on Web vernacular:

http://art.teleportacia.org/observation/vernacular/
http://www.contemporary-home-computing.org/vernacular-web-2/


Next class:

- bring a digital image of yourself. One that you like.
- we download a simple gif animator

We have 20 days free of charge, so don't download it yet: http://www.blumentals.net/egifan/download.php
Then we'll move on to the tools in photoshop for animations.

- L.M. 9-16-2008 2:28 pm [link]


From Ellen Stafford The flickering effect only works in firefox:




- L.M. 9-16-2008 4:45 am [link]


Lesson #2

(partially based on http://docs.google.com/View?docid=dfptfv4s_108d28533nt written by Laura Britt Greig)


first of all some references for your collections project and how have other artists have dealt with it:

Collections:

http://www.cherylsourkes.com/index.htm
http://denver.cn/
http://www.flickr.com/photos/marisaolson/sets/72157602681001997/
http://www.theageofmammals.com/groupshot/
http://guthguth.blogspot.com/2006/04/halt-robot_14.html
http://twitter.com/vvork/
http://nastynets.com/?p=424
http://nastynets.com/?p=580
http://www.artisforthepeople.com/19lamps.htm
http://www.loshadka.org:80/wp/?p=305


Now to today's lessons:

hackers vs. defaults

Hackers (very briefly, I don't want to go into too much detail until later in the course):

http://fffff.at/how-to-curate-yourself-into-the-new-museum/ (Borna Sammak) (I love him)
http://404.jodi.org/

These next two links courtesy of Chris Ashley:
http://www.advancedpoetx.com/
(Siegfried Holzbauer is an Austrian visual artist often using language as a way to generate blocky HTML images- working in the Concrete Poetry vein.)
http://www.donrelyea.com/algorithmic_art.htm
(Don Relyea is an artist and musician who is a real life accomplished programmer and writes his own software to create digital images from scratch or from other sources, like photos. He makes a lot of work. A couple of years ago he wrote The Reductionizer, which converts jpegs into html tables http://www.donrelyea.com/reductionizer_project.htm he says he got the idea of this by seeing some of Chris Ashley's tables that have a background image)


Defaults

Corporate blog software,

blogger
LiveJournal
WordPress

myspace etc.


So we need an HTML primer here since using Dreamweaver teaches us nothing.

(For the students who know HTML: http://looksee.chrisashley.net/archives/603
Download the source and create an HTML file on your desktop, isolate the actual image and start playing with the values.)

For the rest of you:

1. Open a new plain text document

Mac users: open Text Edit, hit Command-Shift-T (or Format -> Make Plain Text)
PC users: open Notepad


2. Write the following code in the document:

<html>

<head> <title> hello, world! </title> </head>

<body>

Hello, World!

</body>

</html>



3. Save the document as index.html on your Desktop

4. In your favorite web browser, go to File -> Open File and open index.html



Check out these tags for manipulationg text:

<b>hi</b>
hi

<i>hi</i> <
hi

What are all these < and > things doing here? When you place a certain thing within these you are making something known as a tag. For example the <b> tag is saying to start bold text, and the </b> tag is saying to stop bold text. The tag with the slash (/) is known as the closing tag. Many opening tags require a following closing tag, but not all do. Tags make up the entire structure of an HTML document. A more advanced tag for maipulating text:

<font size="+2" color="blue">Hi!</font>

Hi!

Now check out the wonderful world of hexidecimal colours: http://www.december.com/html/spec/colorhslhex6.html#12


<font size="+3" color="#5A9108">H</font><font size="+5" color="#8A4C0F">i</font><font size="+7" color="#8A0F0F">!</font>

Hi!

Carriage returns are produced with the <br> tag (doesn't have to be closed) so whenever you want a new line use it.

isn't coloured text fun!
La Coppa Del Mondo Fifa

fifa_10

Hey La Francia!

On Sunday mio gatto Italiano is going to whup the hell
out of votre ugly-ass chien Français.


And then mio gatto is going to roll around on the ground writhing
in fake agony and votre chien is going to get all the blame.

That's why we call it The Beautiful Game.




Now for images:

Create a folder on your hard drive and name it 'library' or images or whatever.

Name it "library".

Download an image from here:

http://www.emotihost.com/ver1/pageindex.htm

Right click the image you want and save it to that folder.

to load your image onto your page, you use the 'img src' tag:

<img src="library/confidence.jpg"> (you don't need to close an image tag)

confidence.jpg

The "/" you see in web addresses represent folders, so if you have a jpg image called "luisvuiton.jpg" in a folder called "library" (which is a good practice..), that's why the tag reads: <img src="library/luisvuiton.jpg">

This file is stored 'locally'. "library/luisvuiton.jpg" is the pathname to the file.

luisvuiton.jpg

On a web page, the image resides on a server so you would write the pathname so that the browser can find the image and load it. It's a 'remote' file.

for example: here is the link to cat eyes: http://www.digitalmediatree.com/library/image/179/cateyes.gif

to link to a remote file you have to enter the remote pathname: <img src="http://www.digitalmediatree.com/library/image/179/cateyes.gif">



The different image formats are good for different things. A good rule of thumb is this: jpgs for photos, pngs for graphics, and gifs for animation.

there are attributes we can add to this tag and they are important for our purposes.

<img src="library/creepyhug.gif" width="75" height="65" border="0" alt="don't touch me!">

don't touch me!

This is where we get to have fun distorting images:

<img src="library/creepyhug.gif" width="700" height="650" border="2" alt="go away">

go away

Here is a link to basic elements of HTML for your future reference: http://werbach.com/barebones/barebones.html#general

the marquee tag that will change your life and destroy art:

<marquee> image or text or object (youtube and swf's)</marquee>

image or text or object (youtube and swf's)

It has attributes too: http://www.html-reference.com/MARQUEE.htm


- L.M. 9-11-2008 5:33 am [link]


Intro to Class on Dynamic web content for artists at the University of Guelph, Ontario.

(there are some slight abreviations and additions to the original doc that I emailed to you)

My intro, I co-produce an art blog with Sally Mckay, a visual artist, curator and former publisher of Lola, a toronto based art magazine that ran a few years ago - http://www.digitalmediatree.com/sallymckay/
I am an exhibiting visual artist: LornaMillsImageDump/, and my practise has begun to include the obsessive collecting and remixing, distortion and posting of found GIF animations.http://www.digitalmediatree.com/sallymckay/LMfoundGIFs/

As well, since 1994, I have been a professional childrens' game and software programmer, working on games initially for delivery on CD-ROM, back when CD's were going to replace all the books on earth, and currently working on games for web delivery.

I'd like to make the point that in 1993 when, well into my adulthood, I first learned to turn on a computer I felt as though I was horribly late getting to a great party. You will feel like that as well, don't worry. If someone else tries to make you feel like that, tell them to piss off. (this is important technical advice)



Dragan Espenschied quote:

From: Gravity
"The pressure to be up to date with technology appears insane to me. It doesn't bring any more beauty or pleasure. Instead it creates things that are hard to understand and impossible to handle. So nobody can actually experience them beyond reading the artist's concept."

(quite rich considering that it comes from Rhizome) ([eta] I'm mocking Rhizome, not Dragan Espenschied)

Tom Moody Quote:

“"Artists, too, have to compete with real world content far more captivating than anything they could come up with, which the Internet effectively gathers all in one place (sneezing Pandas, etc). Two possible responses are (1) to continually rise above it through aesthetic and conceptual framing and posturing or (2) to disappear into it and trust the viewer to ultimately sort out what's going on. The Web is a consumer's medium, not a producer's, so the artist is inexorably led to consumption as a "practice." The degree of criticality can only be inferred, not implied."




Before we codify it any further-

- almost anyone can make one good piece that will pass as art,
- humbling to see what is being done by people who don’t position themselves as artists

Intro to what non-artists are doing first of all on image boards department:

4chan, 7chan etc: http://www.4chan.org/, http://www.7chan.org/
- Started as a fan site for japanese animations and television, was over taken by porn.

b3ta – http://b3ta.com

- according to the Guardian: “a puerile digital arts community"

YTMND - http://www.ytmnd.com/

- an initialism for "You're The Man Now, Dog", is an online community centered on the creation of hosted web pages (known within the community as YTMNDs or sites)

My fave: http://idhddu.ytmnd.com/




Some image tools online besides google:

LiveJournal scrapers: http://www.journalpics.net/pages/ljlatest/

http://www.nastynets.com/picsee/ another scraping tool

http://blingee.com/ http://www.txt2pic.com/glitters/12.htm



Youtube & quicktime samplers:
Petra Cortright:
petra-cortrights-webcam-video/


Paul Slocum
You're Not My Father

Oliver Laric:
http://oliverlaric.com/airconditionvideo.htm
http://oliverlaric.com/underthebridge.htm

Javier Morales
guitar solo

Javier Morales
rgb chord


Aleksandra Domanovic ( Kieslowski (tracking colors) from Blue White and red)
Three Colours (Polish: Trzy kolory) is the collective title of three films directed by Krzysztof Kieślowski, two made in French and one primarily in Polish: Trois couleurs: Bleu (Three Colours: Blue) (1993), Trzy kolory: Biały (Three Colours: White) (in French: Blanc) (1994), and Trois couleurs: Rouge (Three Colours: Red) (1994).
http://aleksandradomanovic.com/Kieslowski.html


final youtube:
Horse Balls

Readings (kept to a minimum):
http://art.teleportacia.org/observation/vernacular/
http://www.contemporary-home-computing.org/vernacular-web-2/

http://www.ramocki.net/surfing-clubs.pdf




VVORK: http://www.vvork.com/

http://www.jennifermcmackon.com/archive/index.blog?start=1183603970



Overview of assignments (end of class)

Blog assignment is a Surf club with Joe McKay's "American Cyberculture" class at UC Berkeley : a sample, more to come: http://nastynets.com/?what=yes/

One week where you have to post something every day to the site, and then it will continue from there at a slower pace. URL TBA

HTML & animated GIFs assignment Taking the limitations of the medium and making it look on purpose: http://looksee.chrisashley.net/
http://www.goooooooooooooooooooooooooooooooooooooooooo ooooooooooogle.com/20y.html

Collection assignment minimum 25, max 50.
Lists of things that are invested with meaning. Must be compelling for you or it won’t be for me.
Low brow or high brow as you want . No kitteh with earphones. I'm tired of them.

Self curating assignment a group show of jpegs where you have positioned your own work inside. (4 or more artists, can be contemporary or historical)

All assignments will be viewable on a web browser

Over all, we will be looking at a lot of dynamic artists' sites, interspersed with a few technical instructables contingent upon your current skills. There will be very little writing required. You don't want to write it and I sure don't want to read it.

Marks will be based on a system similar to Olympic Ice-dance judging.


- L.M. 9-09-2008 3:53 am [link]