Tuesday, September 13, 2011

Instinctual Design / The Fuckness Process

While studying Graphic Design in college I learned that  Concept is King. We were essentially beaten down and rebuilt as designers to develop strong ideas first, and then design based on those ideas second. Essentially, without a strong concept, design is fluff.

From my own experience as an artist, I have learned that Instinct is King. Many of the works I have made that I hold closest to my heart I began with little or no planning. Put on some music, throw back a few beers, and let the subconscious manifest itself.

It doesn't take much to realize that these are two entirely different creative approaches. For years, I was torn about which side to take. Which King to stand by and be willing to die for.

As I am pushing 30 years old and have a decent amount of experience under my belt, I have come to realize that I don't have to pick sides. I can set up camp off in the distance with a clear view of these warring castles and learn from both sides.

This has been my philosophy with the majority of my work at since late 2009-early 2010, coincidentally around Andersen Prunty's inception of Grindhouse Press and Atlatl. It was like the planets aligned. Two new publishing lines and a fresh outlook on my creative output.

Enter early 2011, when Mr. Prunty approached me to do a cover for his book Fuckness. With this particular cover, Mr. Prunty initially requested a quick and simple image to use for an initial release on the Kindle, with the probability of it being converted into a full fledged, published paperback down the road. Therefore, simplicity and flexibility while leaving room for further development was absolutely necessary.

Here is a look into the cover art for Fuckness from start to finish. But please remember, it is what is on the inside that counts. Fuckness is now available for both Kindle and Paperback at Amazon. I've said it before and I'll say it again, if you have never read anything by Andersen Prunty, you are making a big mistake.

It all began with my sketchbook. Though not with a sketch, just the paper itself. I liked the subtle gray, the grain and the feel of the paper itself. So I scanned in a blank sheet to use as the base of my composition.

I then individually copied and pasted the appropriate letters for the title and author's name from my personal scanned type library. On a regular basis I scan in newspapers, old magazines, stuff from antique stores, anything at all with cool type and keep it all in a huge archive on my iMac. I design like a serial killer.

I then started to play around with size and arrangement of the type. With a title like "Fuckness" you might as well make the title as big as possible, right? So I divided the word in half and stacked it to fill the page. Obviously, I also inverted the colors. Not for any particular reason, just working on instinct.

Once I had the layout of the type how I liked it I merged all the individual type layers to save memory and to keep things tidy. I should note that the document is 12.5" x 18.5" at 300 ppi in RGB color space. I always work larger than I need to in Photoshop.

I was liking the black and white, but it just wasn't screaming. And if there is one thing I wanted here, I wanted screaming. I kept the inverted newsprint and applied a layer of red with the Blending Mode set to "Lighten" on top. I also duplicated both the title and Mr. Prunty's name, re-inverted them back to black and offset them about a quarter of an inch.

The look of Mr. Prunty's name was bothering me. I came to the realization that the problem was the offset type effect on the smaller sized, ultra tall and skinny type. It was just too busy. So I removed the black layer of his name, used the lasso tool to select a really loose rectangle from the Paper layer, and copy & pasted that big black bar behind his name, but on top of the red. As Duke Nukem would say, "Ahh...Much better."

At this point, I leaned back in my chair and chuckled to myself. That's usually a sign that I'm done...At least with the initial version. At this point I sent off a jpg to Mr. Prunty to begin using for the Kindle release.

A few months later, Prunty contacted me with the great news that it's time to convert the initial design into a full fledged, print ready cover. Up until this point, I was designing purely on instinct. Why did I do anything that I did? Because it felt right. That's what came out naturally. This goes against everything I was formally taught while studying Graphic Design.

But now that the book was going to print it was time to take a step back and really put some thought into this. First of all, there is the simple fact that preparing a cover for print is a bit trickier than it might seem. There are very precise measurements, guidelines and safe areas to work within. Second, now that the book was actually going to be a tangible product, I felt it was necessary to push the design past instinct into concept. Evolution, if you will. From ape to man. Only faster. But let's not forget...We're still hairless apes. So, while developing the concept I was still working on instinct.

Instinctually, I felt the cover could use some some sort of container for the text. So I start to throw in some random lines and borders.

Conceptually, I introduced an element that ties in with the subject matter of the book: Demon horns.

Technically, at this point I took the print template, provided by Lightning Source, set up my guidelines, placed the UPC, and pasted in the back cover description provided by Mr. Prunty. For this amount of text I use an actual text object rather than copy and pasting each individual letter. With the back cover there are often revisions that spring up in the middle of the design process, so I kept it easy to edit.

The black and white bars I threw in before weren't sitting well with me. Everything felt a bit too flat. So I created a mask on the Red layer (To reveal the inverted Paper layer), and very quickly drew in a bunch of diagonal lines to give it a little dimension. At this point I felt like I was on to something, so I kept rolling with it...

I dropped in a layer of red on the back as well and again drew in opposing diagonal lines. For the back, I worked in reverse. Rather than revealing the Paper layer beneath the Red layer, I revealed the Red layer on top of the Paper. I also dropped in a little subtext between the horns to properly introduce the madman behind the book.

While I really liked the big block of text, front and center, I really felt it needed something else. There wasn't enough contrast, and the addition of the horns wasn't conceptually strong enough to stand alone. It was lacking a centerpiece. Everything on the page was, well...just a bunch of shit on the page. After thinking about it, I remembered something I learned in college: Dominant/Recessive. There was nothing that was visually dominant over anything else on the cover.

There are numerous ways to fix this problem in design. Since I had already established that lack of contrast was bothering me, I figured that would be a good solution. So I grabbed the shape tool and drew a big white circle right in the middle of the design. Instant Dominance. I then went back through and manually erased, cut apart, and redrew portions of the type to make it conform around the circle.


At this point I was feeling good about the composition. The diagonal lines weren't quite crazy enough though, so I offset them with white. I still wasn't sure what this circle was for or what should be put in it, so I began conversing with Andy to bounce a few ideas around of an appropriate symbol to use from the book. After a few e-mails, we decided upon...

An American flag. It fit like a glove in both its design and the ideas in the book. This is the moment when the cover officially put its childhood behind and was ready to be a man. It also amplified the screaming factor ten fold. And you just can't go wrong when you have the American flag in the same layout as a pair of devil horns. As a finishing touch, I rasterized the type on the back and went over it with the Liquify tool to fuck it up a bit.

Flatten, slap 'er on the ass and send that bitch to print.


After a few weeks, Mr. Prunty kindly sends me a couple complementary copies of the book. There are few things that make me happier than holding a tangible copy of one of the books I have worked on in my hands. This cover feels especially good, too, as Andy went the extra mile and chose a soft, satin finish.


There you have it. I hope that my fellow artists and designers can take something from this. And by all means, if you have any questions or comments feel free to post them below!

4 comments:

Dangerdom said...

Fantastic fucking write up man. I love it. One thing that I have learned personally over the last few years is that without that focus on concept I never would have been able to really grasp the instinctual side of design. I still would have been floundering around wondering why things weren't quite working. I also never fully would have understood the importance of a refined visual aesthetic vocabulary. It's a lot less of a war for me personally and more like a marriage.

Keep kicking ass.

Your #7 fan,
-Dom-

Unknown said...

Thanks man! I hear you about the visual vocabulary and not being able to grasp design on instinct. I appreciate the comment and you taking the time to share your thoughts.

Ky Nam said...

i'm a self-taught book cover designer and this kind of post is absolutely what i'm looking for! hope to see more post like this. and yeah i agree on following your instict on design.

Legume Mann said...

Great!