View current page
...more recent posts


Back in Class #6 we used simple HTML and the Photoshop slices tool to create user animated windows similar to Oliver Laric's Moving Pixel Portraits. All of you came up with some very unique results that I didn't expect. I wanted to post a sample here so I used Maggie Curtis's finished piece. First of all since there are so many separate GIFs being loaded, the piece has a way of animating in. This is a temporary effect because of your internet connection, and they get faster all the time. (It would be interesting to figure out how to reproduce that effect on purpose without losing the user window movement) (I don't think we could marquee into tables and still have the effect with the window re-sizing)

To play with the effect, click here and resize your browser window. (the table tags in the post above might prevent this effect on the front page)



DSC_0054a_01.gif DSC_0054a_02 DSC_0054a_03 DSC_0054a_04.gif DSC_0054a_05.gif DSC_0054a_06.gif DSC_0054a_07.gif DSC_0054a_08.gif DSC_0054a_10.gif DSC_0054a_11.gif DSC_0054a_12.gif DSC_0054a_13.gif DSC_0054a_14.gif DSC_0054a_15.gif DSC_0054a_16.gif DSC_0054a_17.gif DSC_0054a_18.gif DSC_0054a_19.gif DSC_0054a_20.gif DSC_0054a_21.gif DSC_0054a_22.gif DSC_0054a_23.gif DSC_0054a_24.gif DSC_0054a_25.gif DSC_0054a_26.gif DSC_0054a_27.gif DSC_0054a_28.gif DSC_0054a_29.gif DSC_0054a_30.gif DSC_0054a_31.gif DSC_0054a_32.gif DSC_0054a_33.gif DSC_0054a_34.gif DSC_0054a_35.gif DSC_0054a_36.gif DSC_0054a_37.gif DSC_0054a_38.gif DSC_0054a_39.gif DSC_0054a_40.gif DSC_0054a_41.gif DSC_0054a_42.gif DSC_0054a_43.gif DSC_0054a_44.gif DSC_0054a_45.gif DSC_0054a_46.gif DSC_0054a_47.gif DSC_0054a_48.gif DSC_0054a_49.gif DSC_0054a_50.gif DSC_0054a_51.gif DSC_0054a_52.gif DSC_0054a_53.gif DSC_0054a_54.gif DSC_0054a_55.gif DSC_0054a_56.gif DSC_0054a_57.gif DSC_0054a_58.gif DSC_0054a_59.gif DSC_0054a_60.gif DSC_0054a_61.gif DSC_0054a_62.gif DSC_0054a_63.gif DSC_0054a_64.gif DSC_0054a_65.gif DSC_0054a_66.gif DSC_0054a_67.gif DSC_0054a_68.gif DSC_0054a_69.gif DSC_0054a_70.gif DSC_0054a_71.gif DSC_0054a_72.gif DSC_0054a_73.gif DSC_0054a_74.gif DSC_0054a_75.gif DSC_0054a_76.gif DSC_0054a_78.gif DSC_0054a_79.gif DSC_0054a_80.gif DSC_0054a_81.gif DSC_0054a_82.gif DSC_0054a_83.gif DSC_0054a_84.gif DSC_0054a_85.gif DSC_0054a_86.gif DSC_0054a_87.gif DSC_0054a_88.gif DSC_0054a_89.gif DSC_0054a_90.gif DSC_0054a_91.gif DSC_0054a_92.gif DSC_0054a_93.gif DSC_0054a_94.gif DSC_0054a_95.gif DSC_0054a_96.gif DSC_0054a_97.gif DSC_0054a_98.gif DSC_0054a_99.gif DSC_0054a_100.gif DSC_0054a_101.gif DSC_0054a_102.gif DSC_0054a_103.gif DSC_0054a_104.gif DSC_0054a_105.gif DSC_0054a_106.gif DSC_0054a_107.gif DSC_0054a_108.gif DSC_0054a_109.gif DSC_0054a_110.gif DSC_0054a_111.gif DSC_0054a_112.gif DSC_0054a_113.gif DSC_0054a_114.gif DSC_0054a_115.gif DSC_0054a_116.gif DSC_0054a_117.gif DSC_0054a_118.gif DSC_0054a_119.gif DSC_0054a_120.gif DSC_0054a_121.gif DSC_0054a_122.gif DSC_0054a_123.gif DSC_0054a_124.gif DSC_0054a_125.gif DSC_0054a_126.gif DSC_0054a_127.gif DSC_0054a_128.gif DSC_0054a_129.gif DSC_0054a_130.gif DSC_0054a_131.gif DSC_0054a_132.gif DSC_0054a_133.gif DSC_0054a_134.gif DSC_0054a_135.gif DSC_0054a_136.gif DSC_0054a_137.gif DSC_0054a_138.gif DSC_0054a_139.gif DSC_0054a_140.gif DSC_0054a_141.gif DSC_0054a_142.gif DSC_0054a_143.gif DSC_0054a_144.gif DSC_0054a_145.gif DSC_0054a_146.gif DSC_0054a_147.gif DSC_0054a_148.gif DSC_0054a_149.gif DSC_0054a_150.gif DSC_0054a_151.gif DSC_0054a_152.gif DSC_0054a_153.gif DSC_0054a_154.gif DSC_0054a_155.gif DSC_0054a_156.gif DSC_0054a_157.gif DSC_0054a_158.gif DSC_0054a_159.gif DSC_0054a_160.gif DSC_0054a_161.gif DSC_0054a_162.gif DSC_0054a_163.gif DSC_0054a_164.gif DSC_0054a_165.gif DSC_0054a_166.gif DSC_0054a_167.gif DSC_0054a_168.gif DSC_0054a_169.gif DSC_0054a_170.gif DSC_0054a_171.gif DSC_0054a_172.gif DSC_0054a_173.gif DSC_0054a_174.gif DSC_0054a_175.gif DSC_0054a_176.gif DSC_0054a_177.gif DSC_0054a_178.gif DSC_0054a_179.gif DSC_0054a_180.gif DSC_0054a_181.gif DSC_0054a_182.gif DSC_0054a_183.gif DSC_0054a_184.gif DSC_0054a_185.gif DSC_0054a_186.gif DSC_0054a_187.gif DSC_0054a_188.gif DSC_0054a_189.gif DSC_0054a_190.gif DSC_0054a_191.gif DSC_0054a_192.gif DSC_0054a_193.gif DSC_0054a_194.gif DSC_0054a_195.gif DSC_0054a_196.gif DSC_0054a_197.gif DSC_0054a_198.gif DSC_0054a_199.gif DSC_0054a_200.gif DSC_0054a_201.gif DSC_0054a_202.gif DSC_0054a_203.gif DSC_0054a_204.gif DSC_0054a_205.gif DSC_0054a_206.gif DSC_0054a_207.gif DSC_0054a_208.gif DSC_0054a_209.gif DSC_0054a_210.gif DSC_0054a_211.gif DSC_0054a_212.gif DSC_0054a_213.gif DSC_0054a_214.gif DSC_0054a_215.gif DSC_0054a_216.gif DSC_0054a_217.gif DSC_0054a_218.gif DSC_0054a_219.gif DSC_0054a_220.gif DSC_0054a_221.gif DSC_0054a_222.gif DSC_0054a_223.gif DSC_0054a_224.gif DSC_0054a_225.gif DSC_0054a_226.gif DSC_0054a_227.gif DSC_0054a_228.gif DSC_0054a_229.gif DSC_0054a_230.gif DSC_0054a_231.gif DSC_0054a_232.gif DSC_0054a_233.gif DSC_0054a_234.gif DSC_0054a_235.gif DSC_0054a_236.gif DSC_0054a_237.gif DSC_0054a_238.gif DSC_0054a_239.gif DSC_0054a_240.gif DSC_0054a_241.gif DSC_0054a_242.gif DSC_0054a_243.gif DSC_0054a_244.gif DSC_0054a_245.gif DSC_0054a_246.gif DSC_0054a_247.gif DSC_0054a_248.gif DSC_0054a_249.gif DSC_0054a_250.gif DSC_0054a_251.gif DSC_0054a_252.gif DSC_0054a_253.gif DSC_0054a_254.gif DSC_0054a_255.gif DSC_0054a_256.gif DSC_0054a_257.gif DSC_0054a_258.gif DSC_0054a_259.gif DSC_0054a_260.gif DSC_0054a_261.gif DSC_0054a_262.gif DSC_0054a_263.gif DSC_0054a_264.gif DSC_0054a_265.gif DSC_0054a_266.gif DSC_0054a_267.gif DSC_0054a_268.gif DSC_0054a_269.gif DSC_0054a_270.gif DSC_0054a_271.gif DSC_0054a_272.gif DSC_0054a_273.gif DSC_0054a_274.gif DSC_0054a_275.gif DSC_0054a_276.gif DSC_0054a_277.gif DSC_0054a_278.gif DSC_0054a_279.gif DSC_0054a_280.gif DSC_0054a_281.gif DSC_0054a_282.gif DSC_0054a_283.gif DSC_0054a_284.gif DSC_0054a_285.gif DSC_0054a_286.gif DSC_0054a_287.gif DSC_0054a_288.gif DSC_0054a_289.gif DSC_0054a_290.gif DSC_0054a_291.gif DSC_0054a_292.gif DSC_0054a_293.gif DSC_0054a_294.gif DSC_0054a_295.gif DSC_0054a_296.gif DSC_0054a_297.gif DSC_0054a_298.gif DSC_0054a_299.gif DSC_0054a_300.gif DSC_0054a_301.gif DSC_0054a_302.gif DSC_0054a_303.gif DSC_0054a_304.gif DSC_0054a_305.gif DSC_0054a_306.gif DSC_0054a_307.gif DSC_0054a_308.gif DSC_0054a_309.gif DSC_0054a_310.gif DSC_0054a_311.gif DSC_0054a_312.gif DSC_0054a_313.gif DSC_0054a_314.gif DSC_0054a_315.gif DSC_0054a_316.gif DSC_0054a_317.gif DSC_0054a_318.gif DSC_0054a_319.gif DSC_0054a_320.gif DSC_0054a_322.gif



In the version above, Maggie left a space between each image tag, (remember there were no new line tags in this project we did.)

I took the space out to see how that would work



You can compare the two versions side by side.

- L.M. 10-08-2008 7:37 am [link]


Class #10

gifshow

your daily gifs:

http://www.roglok.net/?p=152,
http://jeffbaij.com/misc/31.html,
http://ominousmoo.com/clint/anim-gif/link.gif,
http://www.animated-teeth.com/ (found some great links on http://delicious.com/network/wizardishungry/animatedgif ),
http://www.maximumsorrow.com/layout/meditation.gif,
http://lal-blog.blogspot.com/,
http://www.paperrad.org/,
http://woahlohan.ytmnd.com/

Joe McKay's list of what artists do with the web (abbreviated):

1. As a place where artists promote their “real world” work.
The site acts as a slide sheet and resume for self promotion. [in case you haven't noticed, this is most definitely NOT what this class is about, you don't take a printmaking course to print exhibition invitations, or an art history course to write up your own C/V]

2. The site acts like a more traditional "white space" gallery.
Harwood - Mongrel Tate, http://gallery9.walkerart.org/, http://www.sfmoma.org/espace/espace_overview.html

3. Where the art starts offline but there is a web component that's important to reach the intended audience.
http://www.critical-art.net/ http://www.safetygearforsmallanimals.com/SGSA.html

4. where artist use the medium itself to mess with the ideas of what the internet should be.
http://www.exonemo.com/ http://www.jodi.org/. http://map.jodi.org/

5. where artists use social networking / web 2.0 tools and the culture of digital society itself as a medium for making art.
Tom moody, Double Happiness, Loshadka, nasty nets

6. People who never intended to make art, but it has "become" art over time, or some of us artists consider it art. [Joe is some of us]
All Your Base, Fensler Films



MORE!!!

Recycle it article by Ed Halter

http://theageofmammals.com/lecture/ps.html lecture by Guthrie Lonergan

http://momoshowpalace.com/EMPM3.html,
http://www.harmvandendorpel.com/bison.htm,

When you have time, look at this source, it's simple (download the images, you probably know enough now to rebuild it): http://www.mathwrath.com/

More Flash work: http://www.coldvoid.com/,
http://www.harmvandendorpel.com/horse.htm,
http://www.harmvandendorpel.com/pingpong.htm,
http://www.harmvandendorpel.com/sleepwalker3.htm,
http://www.harmvandendorpel.com/sleepwalker1.htm,
http://www.harmvandendorpel.com/resurrections.htm,
http://nathanhauenstein.com/cavevid-fs.html,
From Flash, you can also dump to video and upload to youTube or vimeo or wherever you want, (you can also use it to help make animated gifs for a smaller file size): http://www.newrafael.com/sites/cigarette/

- L.M. 10-07-2008 5:33 am [link]


Class #9

Assignment deadlines:

TunnelOfColours_sm


Due October 21: a web page or multiple web pages using as many of your cheap fun tricks technical skills as you can. Compose it as you would any other 2D art work. pay attention to surface, texture and movement. Make sure that your images and objects are called from a server and not locally. (I do not want an image folder) Testing your project to make sure it works is important in this process as well. This is worth 30% of your final mark
Have a good reason to use stuff. http://www.seecoy.com/matrYOshki.html

On-going until November 27: The group blog project. This is worth 20% of your mark, and don't try to slip in a bunch of blog posts on the last week. Participate, pay attention to what other people are doing. GET POSTING. Remember don't post huge image files, use HTML to size things up, its more interesting anyway, it's a pain to wait for a page like that to download.

Due November 27: a page or multiple pages representing a jpegs of a group show, with your own work included. This is worth 20% of your final mark This doesn't have to be your digital work, a jpeg of drawing, paintings, installations, performance whatever. Four or more artists will constitute a group show, including yourself. Give it a title, and remember when you are curating other artists into this web show their work has to be credited - name, title, medium and size (if the size info isn't available don't worry, since lots of artists get away with "mixed media" and "dimensions variable" if there are too many to list) It's a chance to think about what artists you admire, that you believe you can hold your own with. Also doesn't hurt to find out how hard curating a good show can be.

Due November 27: Collection project, minimum 25, max 50 items. Collect things that are invested with some interest and meaning for you. Must be compelling for you or it won’t be for me. Low brow or high brow as you want. I've shown you a lot of artists collection projects. One thing is that though the collection must be submitted on a HTML page, that doesn'ty mean you can't generate the images yourself, scan or photograph or video if you want. This is worth 30% of your final mark

When you look at this stuff, I want you to be more impressed by the decisions these people make as artists, not their tech skills. Trust me, programming is easy compared to making art.

http://www.losamigosdelaimagen.com/EV021/EV021.html, http://www.stevenread.com/node/541

http://www.bordamedia.com/proun/
http://www.newrafael.com/
http://www.messhof.com/
http://www.wimdelvoye.be/ opening page for an artist web site. I don't think this really works with what he has on the actual site.

Today we open Flash and learn a few of the paint tools and how to organize Flash assets so that you can easily animate or program actions for them (or eventually decide you hate programming but at least you can learn to prep files real nice for the programmer, whoever she may be.)

But first you get to play some games.

- L.M. 10-02-2008 6:09 am [link]


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]

older posts...


[home] [subscribe] [login]