Monday, October 26, 2009

reading for oct 27

decided to go analog for this one (at least in part).


I enjoyed this one a lot actually. Text taken from a passage in Peter Cho's essay

"the computer can work its subtle influence in this way,
guiding the creative process by making some actions easy, others
frustratingly difficult."

(very late) DB 3.1

the two interactive type works I chose for this DB were Spell with Flickr and Typorganism (which is really a collection of several interactive type toys)

Spell with Flickr is a cool app I came across a few years ago, but haven't really revisited until now. Basically, it takes a piece of text you input to it (a few words long) and replaces each character with a photo of a real world instance of that letter. It looks something like this:

The element I like most about this app is the fact that it is really just a framework for purely user-generated content, a good example of what the net is all about. As far as it being effective from a design point of view I'm not so sure. The images it creates are often interesting, and if you don't like one of the letters you get, you can click that letter to refresh it, making it possible to arrive at compositions which are somewhat harmonious. Ultimately though, the results of 'Spell with Flickr' are (almost) always very hard (or impossible) to read. As a tool to find one letter to use as an accent I think this could be very useful, but as a standalone interactive piece it is not really anything more than a fun novelty (not that there's anything wrong with that).

The second piece I chose to look at, Typorganism is, as I said above, a collection of small interactive type pieces. The part of this site I thought worked the best was actually its menu and intro, rather than any of the actual 'content' within the site. The menu looks like
this:


Each menu item has circle in the center to which it corresponds, and these circles dart around their larger circle in a way reminiscent of micro-organisms under a microscope. I actually found this menu quite beautiful. It is very simple, very elegant and quite original as well. As a piece of design and as a piece of typography I think it is very effective. I think I would say the same for the menu as well. It looks like this:




at first all you see is a bunch of letters floating around in space, seemingly without meaning. but when you click they quickly assemble into a word, like this:

I found this part of the site to be really effective as well. At first it is difficult to tell what is going on, the site doesn't really make any sense, but the moment you realize how the site works you feel like you've just got the punch-line to a joke. Again like the main menu of the site, the motion of the letters in space is very organic. They appear to be suspended in liquid, slowly drifting, and then when they are clicked they snap together as if under the influence of some sort of magnetic field. Another dimension is added to this effect when the user varys the speed of their mouse-clicks. With slow clicks the effect is lazy and biological, but with fast clicking, the words appear to explode and recombine constantly, producing a very different, but still good, effect.

As I said, the actual content of the site was somewhat less inspiring. The effects were not all that interesting, and in some cases the actual interactive elements of the site were not really as interactive as the menu and the
intro.

I would not wan to say that either of the pieces I talked about is better than the other, because they are so different. As a tool, 'Spell with Flickr is definitely more useful, but as a piece of design 'Typorganism' is far superior. The one thing I might say that 'Flickr' has that 'Typorganism' does not is re-playability. I can see myself visiting it many times in the future, because it is different every time, whereas 'Typorganism' does not change, once you've seen it once, you've seen everything.

Monday, October 12, 2009

DB 2.0



The basic process I used to make this video was the following. I started by harvesting a whole bunch of old movies, shorts and instructional films from a wonderful website called Archive.org. I imported all these movies into Premiere and selected interesting shots from them, which I cut together, trying to fit the music, but also to create some sort of flow. All of the type I used was created in Adobe Illustrator using the fonts Plasticine and Cut it Out. I liked these two fonts because they are somewhat dirty and imperfect, but not overtly dark or threatening. I also felt that they echoed old film and television titles well, which I think adds a certain something to the piece. Text and video was compiled in After Effects. This was a very simple, but very time-consuming process, masking the text layers, with a little bit of feather, to reveal the foreground items I wanted shown, and applying a slight gaussian blur, to unify the appearance of type and image. There were also a few other techniques used, a bulge was put on the text in the shot with the crystal ball, and the position, scale and rotation of the text was tweened in a few shots, notably the basketball shot and the cigarette shot. All the techniques I used were really very simple, but I feel like they created an interesting effect, and I am happy with the result.

Wednesday, October 7, 2009

DB 2 very rough cut

So after uninstalling and reinstalling various components of CS4 I was able to export this from Premier Pro. Finally.

this is a very rough cut, a lot of scenes still need to be fit to the frame better, and all the clips (or at least the ones after the lyrics start) have to be converted to black and white.

enjoy:

(hopefully)

Monday, October 5, 2009

Reading Oct. 6

For this week's reading I chose a sentence from Ambition/Fear By Zuzana Licko and Rudy VanderLans;
Digital data is easily modifiable and it is difficult to draw the lines of ownership and copyrights.
and here it is: