Screen shot of BaseLayer three as used on my home page
I’ve been developing a new version of my wordpress theme for quite a while now and finally have it to a point that I like and have installed it on my site (you’re looking at it right now). There are a few artists using the theme already, and I worked with a design friend to come up with a nice, flexible overall layout. It has a stronger grid than my last design, and many more typography tools that are accessible within the WordPress admin area.
I’m giving away the theme for free and will be gradually updating the documentation to explain what it can do. For example, I personally don’t use pop-up galleries, but a lot of people use them so I have several versions of Colorbox built into the theme. Simply typing in the shortcode [gallery_colorbox] will create a default pop-up gallery. More info and downloads can be found here.
I thought it would be fun to revisit a classic assignment Michael Beirut mentioned in a recent post on DesignObserver.com where he showed his student portfolio. The idea is to simplify an animal to it’s most essential elements and create a logo-like image. It occurred to me that those same skills are exactly what is needed when designing characters for game design, and with the game engine Unity now free we should introduce motion as an element.
I’ve been working on a new site design for the last few weeks and would like to announce that it’s finally been launched! Let me know what you think!
For my design friends that are curious, the whole site is done in WordPress, which is a free content management system that you can install on most web sites. It is basically a blog setup, but it is pretty easy to customize it so that it does not look like a blog. There are a ton of cool plug-ins and built-in features that make managing a complex site very easy. For example, for my image pages I can upload all of my images at once and they are automatically formatted into a gallery. I can create a new post, and it will be added to my navigation and menu areas in the appropriate place.
Here is the the finished example of the Database Visualization I have been explaining in the previous 2 posts. A couple of things I added were rectangles based on the engine displacement, a for loop to create a dot representing the number of cylinders for the car and finally a rollover effect so that the viewer can concentrate on the imagery before knowing which car is represented. I don’t know if it’s a useful visualization or not, but I think it is attractive and I will spend more time viewing data like this than a chart.
Continuing with where we left off in Part 1, let’s start with a bit of data from the cars.tsv file referenced in the Processing File 02 example. BTW, if you are on a Mac, go to your Processing Preferences and check “Place File Menu inside of Navigation to avoid Mac Java bug, that way you can get to these examples very easily right from File>Examples in Processing. Or, upgrade to Processing 1.0.9. Make a new text file and paste this data that I got from the cars.tsv file referenced in the program:
chevrolet chevelle malibu,18,8,307,130,3504,12,70,1
buick skylark 320,15,8,350,165,3693,11.5,70,1
I have used Processing many times to import and manipulate database files but I tend to either forget exactly how I did something or not be able to find the kind of instructions I am looking for. I greatly appreciate all of the example’s Ben Fry and others have on Processing and they are important tools in learning to work with data. I would like to provide a one-stop tutorial, reference and explanation for exactly how to get an array of data into Processing and then how to manipulate it for data visualization purposes. And, if possible I will make an extremely simple example so that it is easy to build from here. Continue reading →
I had never thought of Rubens as a designer, but as Mark Lamster writes in his article on DesignObserver.com, he was and a good one at that. I especially like his Hemingwayesque defence of his design decisions.
Here are the comp proposals submitted by the Digital Design students. We will use this area to comment about the ideas and to decide on the 3 basic set designs to use for the show. Through lighting, textures and animations the environments will be customized for the specific scenes to be performed. Continue reading →