Posted by: Brendan on Nov 12th, 2008 Filed under: Design
Edit: I had to take this down, as using the typeface Gotham in an interactive flash application violates the font’s EULA. I considered reposting with a different typeface, but decided against it. The use of Gotham accounts for at least half of Obama’s visual identity.
The app made images like this (with customizable text):
Original Post:
The campaign may be over, but I don’t think we’ve seen the last of Barack Obama’s well-designed political brand. Already I’m starting to see other websites imitating some of the visual elements and styles of the Obama campaign.
I thought I’d take things one step further, and make it easy for anyone to make a graphic that looks like it was designed by Obama himself! Or, you know, his design team.
So in honor of our new president-elect, I present “Change this Text”, an Obama-style graphic generator! You can use it to show your support (”Hope For The Future”, “Change We Need”, etc.) or to satirize the next administration (”Spread the Wealth”, “Socialists for Obama”, whatev).
Have fun! Post your jpegs in the comments!
[ app removed ]
A while back I did some sample work for Three Rings Design, a game studio out in San Francisco. The projects I did were for Whirled, their latest game which is a flash-based MMOG. It’s an online community where people can play games, chat, etc. – but the real reason to play Whirled rather than one of its many competitors is the wealth of player-created content.
On Whirled, anyone with Flash and a little bit of time can create their own avatars, furniture, or pets. And unlike most of the other online community games I’ve seen, you can create these from scratch. So instead of using a simple in-game avatar-creator to tweak an existing design, players can make any kind of character they want using flash. This makes the game a little like a cross between Second Life and the website Deviant Art.
Three Ring’s most recent Whirled newsletter highlighted one of the avatars I made, which reminded me that I’ve been meaning to blog about them!
Whirled Avatar – The Marquis
The Marquis is inspired, loosely, by the Marquis de Carabas (the character from Puss in Boots, and from Neil Gaiman’s Neverwhere). He’s something of a trickster who is, perhaps, a bit down on his luck. However he won’t let that stop him from comporting himself with class and grace. After dealing with a slow character (see Spaceman Tom) I wanted to make someone with quick, snappy movements – his run was a blast to animate.
Try it out
Whirled Avatar – Spaceman Tom
Spaceman Tom is a cute astronaut kind of person. Getting his rather slow, low-gravity movement to work with the technical restraints of a player-controlled character was a bit of a challenge, but I’m pretty happy with the end result. The weightless float animation was also tricky.
Try it out
I also specced out some suggested improvements to the user interface. I won’t put the whole comp here, but I did want to share these buttons. Maybe I’ll turn that pixelly slab serif into a fontstruct font one of these days.
I haven’t spent much time on Whirled since I made this stuff – going back is on my ever-expanding list of things I’d love to do if I had more time on my hands. But while I was working on these I spent a lot of time there and really enjoyed it. The games were fun, and so was seeing everyone’s creations – but more than that, the community was really welcoming. And if I ever go back I’ve got a mountain of coin to spend from everyone who purchased my avatars ^_-
I just finished taking down my old portfolio site – from here on, Rocdove will be the one place to find all of my design work. I liked the old site’s design (especially the interactive flash on the homepage), so I kept a little bit of it alive here.
I replaced the site itself with a brendan-locator. It’s got links to all the places people can find me (for example, this site). I’m pretty happy with the design of the page – check it out!
