First 2d drawing in Vectorworks

In my Design for Digital Fabrication class we’re starting out with 2d vector drawings. I’ve used Adobe Illustrator and Inkscape for vector drawings in the past, but I’m new to Vectorworks. I’ve already found some very useful functions missing in other programs like the ability to auto-measure and label parts. So nice!

We were asked to create a 2d drawing of an existing object. My parents are restoring an old card catalog that has plastic handles. about 1/3 of them are broken, but they haven’t found a supplier for them yet. I’m going to try to 3d print it. But first, a 2d drawing.

handle_2d <- pdf link

I’m not sure I represented to curve properly, as you can see in the photo below. (Note: This image is not the actual handle, but it’s very similar if not the same)


Hello (Spacebrew) World!

Last night I got started using Spacebrew. It was actually really nice to use once I got everything setup and configured. I ran my own node server and used the example processing sketches to change the greyscale background of one sketch using a slider from another:

Screen Shot 2013-02-05 at 6.11.02 PM

I then spent a good bit of time trying to get the arduino sketches to work with a leonardo + Wifi shield. I wasn’t able to get it yet, unfortunately, but I think I’ll have to dig into the source of the websockets or arduino spacebrew libraries (or both). I’m looking forward to trying this out with other projects!

What if … I finally documented my creative coding work from last semester

Screen Shot 2012-11-14 at 1.20.25 PM

I’ve been enjoying a very long and fun break since the ITP show (more on that later) but now I’m aboutto start another semester! I can’t wait to start working on some new projects, but I still haven’t shown some of my work from my previous semester. First up: Introduction to Computational Media, or my creative coding class.

Here were a couple of the smaller weekly assignments I made throughout the semester.


Once we started working with cameras, I wanted to make a sketch that worked similar to a teleidoscope with copies of the same images rotating slowly. a simple proof of concept.


teleidoscope2 from brett peterson on Vimeo.


Pixel Mirror

Screen Shot 2013-01-19 at 12.49.41 PMAnother onethat I made and just really liked the effect of. These weren’t very complicated applications, but I really liked the effects they produced.


pixel mirror from brett peterson on Vimeo.



What If

Screen Shot 2012-11-14 at 1.17.02 PM

I took the Conspiracy Keanu meme and created an app that crawls twitter for “what if”, does some parsing and creates an image from the text it finds. This one was really fun to run a bunch of times. Most made little sense



Visual Language: Color

Let’s start with a test:

color hue test

The task is to arrange the colors from one end to the other in order to create a seamless gradient. The lower the score, the better. How’d you do? Here’s my score:

color test score


I did pretty well! I found that if I stopped looking at the individual colors and looked at the whole range, It was much more apparent which colors were in the wrong order.

The next part of our assignment was to create a sketch to explore 3 different aspects of color: hue, brightness and saturation. I created a pixel mirror that would use only 1 of the three from the original pixels and set the other 2 values to a constant number. Here’s the original, reflecting the correct hue, brightness and saturation:


Here’s what happens when you keep the brightness and contrast constant and only reflect the hue of each pixel:


Here’s brightness:


and Saturation:


The sketch I made will cycle through these when the user clicks the mouse, and the value for the other 2 variables is set by the mouse’s y position. Here’s a video:

and here’s the code:

Visual Language: Logo Design – Part 2

The next step of our homework assignment was to create a new ITP logo. I had been thinking about this all during the weekend so when I sat down with my pen and paper today I was ready to go. I started with brainstorming ideas about what ITP means to me and others. I wrote down things like Creative, Flexible, Technology, Art, Experimental, etc. I was very inspired by the flexible systems in my last post so I got to work.

I first thought about the typeface. I initially wanted to use the negative space, so I knew I’d need a chunky one. I decided on Helvetica Bold for the iconic shape and the weight. I then started thinking the flexibility. ITP stands for a lot of things to a lot of people, and everyone’s experience is slightly different. I wanted that to show in my logo and give users the ability to customize their logo for different use cases (such as business cards, etc.) Here’s what I came up with:

pdf here for more options.

as I was making the pdf and scrolling through, I loved the way it looks as it flipped through the colors so I made an animated gif of it (Click to view):

Visual Language: Logo Design – Part 1

I really enjoyed this assignment to study logo design a bit. We were asked to find a logo that we liked and feel is successful. In thinking about modern logo design, I remembered a few that I really liked that were flexible and changed depending on the many different circumstances a logo is used for these days. After some searching I found this blog post from last year:

A few of these I think are really successful (Brooklyn Museum of Art, City of Melbourne, Museum of Arts and Design) and a few I think are pretty terrible actually (Bay Area Library Information Systems, MIT Media Lab) – yet all logos are flexible, changeable but still consistent. I particularly like the Brooklyn Museum of Art logo.

This logo was created by 2×4, a design firm here in Manhattan back in 2004. I love the color. These 8 designs around the standard “B” show the different aspects of the museum and the diverse content there.

Next up: my ITP logo redesign


Business Cards – first version




I really like the pixel caricature I use as my avatar for my email and other sites, so I wanted to include that with a friendly greeting on the front. I wanted to use a vertical format, but knew that my long name (and email, and website…) would pose a problem. I decided to solve it in a couple ways; first, I put everything at an angle to keep the font size large, and make it a bit more visually interesting. I also combined my name, website address and email address instead of writing it out 3 times. That did, however, introduce a bit of confusion with the twitter handle, so I added the twitter bird to make that more clear.

The “code + design” was an addition to remind others what it is that I do, or am interested in. I made a version without it as well. I’m trying to decide which I like better.

I wanted to keep it very clean and to the point, but I’ll definitely make a few more versions before I finalize this.


 For this assignment we were asked to set our name in six typefaces; 3 serif and 3 sans serif types each. The choices are supposed to be used to describe us or parts of our personality. We were also asked to create expressive text – words that describe themselves. Here’s what I came up with:
Can you tell why I chose these words? Which do you think best represents my personality?
And here are my expressive words:

Bad Signage

This week’s assignment was to find examples of ineffective signage around our neighborhood and then to redo one as an example. Here’s what I found:

Some signs were very hard to read like the one below. What’s the name of this salon? I have no idea.

Then there were signs that were crammed full of words. What is “EMILY” up there for? Why is it covering the address? Just confusing.

This next one hits close to home because, well, it’s close to my home. We live on Summit Street. I’m not sure where that other name comes from, and I’ve never seen any address with “Monsignor Delvecchio Place” so I’m not sure why they need to share a sign. The only real effect of such small lettering is that most cabs and food deliveries drive right by it.

Here’s the beauty that I’ve decided to redo. This sign is taped (rather poorly…) to the door of a delicious deli. Their meats are actually delightful, but I wouldn’t believe the sign.


So here is my design. First, I’ve replaced the hand-written sign with one using a couple nice typefaces. I made the background colorful to still be eye-catching, although maybe not as much as the neon green. The items are lined up and given a slight bit of color, enough to stand out from the title. Take a look below and comments welcome