Taking up the challenge inspired by the soccer tournament bracket featured on fastcodesign.com this week, I put my Total Production Geek hat on, plopped myself in front of Adobe Illustrator for several hours and created this radial format version of the 2012 NCAA Men’s Basketball Tournament bracket (updated to show Kentucky as the 2012 champion).
Creative Credit: The original radial-bracket design concept was developed by Hyperakt for their World Cup poster.
Click on the image to view it larger on a new page, or just check out this close-up of the South region:
One of the most time-consuming aspects of the project was looking up the official colors of all 64 schools (my apologies to the 4 teams that lost the play-in games). Only two or three schools didn’t have style guides posted on their Web sites so getting the official hex or Pantone colors was just a matter of 64 Google searches. When in doubt, choose a dark blue from the Pantone 270s or 280s.
As for my approach in Illustrator:
- I started with a 2,400 px radial grid with six concentric dividers and 64 radial dividers.
- I trimmed that down to just one quarter of the outermost ring to work on the sixteen teams of one region at a time.
- I converted the radial dividers into guides, locked the two arcs that formed the inside and outside edges, and then used the pen tool to create the dividing line between each game.
- After unlocking the arcs I converted the group into a Live Paint object to fill in each space with the correct school colors.
- Copy and paste that three times to complete the outer ring, and then create new arcs for each additional round.
- Because there are few things that frustrate me more than the Type on a Path tool, the labels from the 2nd round on are not laid out on circles. Instead I made a 32-sided polygon and rotated the labels to line (everything is by eye because I’m a lazy bum).
- Appreciate the fact that each round brings half as many games!
Would I make one of these again next year? Yeah, maybe. The hard work is done and because everything is set up a Live Paint it wouldn’t be too time-consuming of a project. This type of radial bracket really lends itself to smaller tournaments, though, and I think NBA, NHL and Major League Baseball playoffs would work better than the massive NCAA Basketball Tournament bracket.
For a while, I stooped to the level of spec work on a design contest site. Worse than lowering myself to such a thing was the fact that I didn’t win! Here are some logos I created.
I'm biased, but I think I came up with the best melding of the J and 3 of anyone in the contest.
Another software-company logo concept
Mixed a classic decorative I with a contemporary typeface to show the range of designs that would be shown on their web site.
This company wanted something "rock n roll" and while playing with other ideas this one appeared saying, "Nothing is more rock n roll than not giving a damn."
I kinda loved this concept for a concealed-carry training company, but they went with something with a literal bear.
This company wanted its logo to be aspirational so I used the royal purple and gold colors and refined typeface.
The fine folks at Rancho Bernardo Inn are donating their time and energy to walk for the Juvenile Diabetes Research Foundation and they needed a t-shirt designed to reflect this year’s theme of Team Up. The walk uses multi-colored shoes in its branding so I combined them with the team of misfit adventurers from The Wizard of Oz.
Here’s a logo for The Skinny Confidential, a new blog that will be born in the near future.
Pink was the order of the day, and the skinny font (Helvetica Neue Ultralight with the width and height tweaked into submission) was a natural. Put a cherry on top and you’ve got a logo. Really, this is not so much a logo as a blog header. I’ll post the blog design once it’s finalized and up and running.
Bright pink is a frustrating color to deal with online because no matter how I set Illustrator and/or Photoshop to handle the color it seems each service the files get uploaded to (WordPress, Facebook, etc.) will mess it up a little differently.
The folks at Cenci Ventures wanted something special for their business cards: multiple colors, non-standard dimensions, a die-cut, and dots. Somehow all that got thrown into the pot and something cool came out!
The copy is in Century Gothic to coordinate with the logo, but needed some fine-tuning in InDesign to set neatly. For example, the F next to the fax number is a slightly larger point size than the O and C, and the street address is negatively indented (outdented? undented?) to bring the 101 in alignment with the other lines. The word SHIP was letter-spaced to be closer in width to MAIL, but spreading it wider would have looked too weird.
The fine marketing consultants at Cenci Ventures needed a logo. Well, they were doing fine without a logo, but a visit to their office prompted them to decide it was time to get one. They wanted a simple, modern design, but with an added twist of femininity.
This started out as regular ol’ Century Gothic, but I put my twist on it with an uppercase N and a dot-less i to make it unique to them. Since the N in Century Gothic is so simple, I ended up recreating it from scratch so that I could get the stroke weight to match the other letters. The i was shortened slightly to fall below the crest of the c.
When I was choosing a theme for the Olivia Blake e-commerce site on Shopify, I chose one with a slideshow on the homepage to make it interesting to look at yet still easy to build and maintain. The only thing I had to do was create the slides.
Olivia Blake dresses are all about fairly simple silhouettes brought to life with great fabrics. Since I had collected a handful of swatches during my first meeting, I figured they could make for a cool slideshow.
I got out my Panasonic LX3, laid the fabric down on my white keyboard tray in some nicely diffused light from a window and went to work. Rather than just shoot straight down, I took advantage of the Panasonic’s fast, wide-angle lens to capture images with a very shallow depth of field and lots of interesting angles.
In Photoshop, I added the green rectangles and turned the slideshow into a (very brief) tour of what Olivia Blake has to offer. I sketched the dresses in Illustrator, mostly with my Wacom tablet, but finessed with the pen tool and finished by adding brush strokes.
You can see the slideshow in action at oliviablake.com.