Skatedeck

Finished Product

All rights reserved by Popinjay Design.

All rights reserved by Popinjay Design.

All rights reserved by Popinjay Design.

All rights reserved by Popinjay Design.

All rights reserved by Popinjay Design.

All rights reserved by Popinjay Design.

—————————————————————-

Budget:  $30 for printing and $10 for a skate deck.

—————————————————————-

Time:
Total for execution: 11-15 hours
Total for project (including research):  approx 31-35

This design was very simple so I didn’t have to invest too much time in actually creating it.  The bulk of my time was spent researching art styles and developing a design concept (estimate:  20 hours).

The execution breaks down as:  1 hour vector tracing; 1 hour creating palette in Illustrator (from Andy Warhol ad, below); 1-2 hours developing colour scheme from palette; 30 min editing and placing the texture element (and another 15-30 min redoing this after bringing the file down to 72 dpi, just in case this might help the file save faster…although it’s vector so presumably dpi doesn’t apply); approx 4-6 hours creating different versions of the deck (repositioning elements, etc).

I had to spend some extra time trouble shooting a glitch in the software (or in the way I was using it, as the case may be). When I tried to copy in the oval logo from Photoshop, Illustrator kept creating a rectangular white background around the logo; this wasn’t a problem when I placed the logo, but one of the specs for the assignment was that there couldn’t be any linked files, since this might mess up the printing. Solving that took me a few hours as well, we’ll say 3-4 — my version of the program seems to have the eraser locked at a size of about 50 pixels, which was much too big for me to clean up the logo with any degree of precision.  Eventually Illustrator accepted my PNG file without creating the white bounding box/background – I’ll have to experiment again and find out what I did differently that made it work.

—————————————————————-

Working Files:  Illustrator

Image by Popinjay Design.

All rights reserved by Popinjay Design.

To create the vector hairspray can, I used a technique that we’ve been working with in my DMA101 class – that is, tracing large background shapes and placing smaller shapes on top.  This creates much cleaner lines than trying to get two separate lines that you’ve traced to lie flush.

Image and design by Popinjay Design.

All rights reserved by Popinjay Design.

Image and design by Popinjay Design.

All rights reserved by Popinjay Design.

Image and design by Popinjay Design.

All rights reserved by Popinjay Design.

Image and design by Popinjay Design.

All rights reserved by Popinjay Design.

During the project, I tried out several designs for the text and logo (above). At one point I used a raster file of a stylized “Andy Warhol” signature. In the latest versions I added the name of my design brand and enlarged my logo (final version is on the right). A scan of a cafeteria napkin ended up being the texture overlay on the design (below).

I scanned this cafeteria napkin to use as a texture overlay on the design.

—————————————————————-

Sketches and Notes

ConceptMap_Skatedeck_DMA179

Concept Map

Notes I made on the assignment specs.

Notes I made on the assignment specs.

My observations about the workflow in DMA179 ^_^

My observations about the workflow in DMA179 ^_^

Burnlist for courses, complete with doodles

Burnlist for courses, complete with doodles

Brainstorming

Brainstorming

More brainstorming

More brainstorming

Possible logo positions

Possible logo positions

Design concepts.  All right reserved by Popinjay Design.

Design concepts. All right reserved by Popinjay Design. I got concerned about the message I was sending in the design with the woman holding the broom, and in the end decided to avoid the sensitive issue of race, since I didn’t have time to seek out critiques from various sources.

More design concepts

More design concepts

Layouts for the hairspray design.  All rights reserved by Popinjay Design.

Layouts for the hairspray design. All rights reserved by Popinjay Design.

—————————————————————-

Research:  Source Images  

I ended up taking my inspiration from Andy Warhol and used this image to create my colour palette. Art by Andy Warhol.

Art by Andy Warhol.

In the end I took my inspiration from Andy Warhol and used this image (left) to create my colour palette. I traced the photograph below in Illustrator to create my hairspray skate deck design for the movie “Hairspray”.

Traced this image in Illustrator to create my hairspray skate deck design for the movie "Hairspray".   Image courtesy of Roadsidepictures and the American Museum of Packaging.

Image courtesy of Roadsidepictures and the American Museum of Packaging. www.flickr.com

—————————————————————-

Research: 50s and 60s Advertising

Ads I looked at when researching styles I liked – and messages I didn’t want to emulate:

twitter-old-school-ad

Image courtesy of The Laughing Squid and Twitter. http://laughingsquid.com

Image courtesy of The Laughing Squid and Facebook. http://laughingsquid.com

Image courtesy of Business Pundit.

Image courtesy of Business Pundit. I definitely do NOT endorse this message (above).  I’ve included these ads because I think in researching art styles from particular times, it’s important to be aware of the attitudes that were embodied in those art styles, and the references you are making when you use them. http://www.businesspundit.com

Image courtesy of Cover Girl Fashions.

Image courtesy of Nancy Zonga and Cover Girl Fashions. http://www.pinterest.com

Image courtesy of Vintage Ad Browser and Viceroy.

Image courtesy of Vintage Ad Browser and Viceroy. http://www.vintageadbrowser.com

—————————————————————-

Research:  Skatedeck Designs

Getting a feel for the market:  http://www.skateboardermag.com.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s