Vector Basic Training

Vector Basic Training Book.

I want to apologize for the delay in my new blog being launched. It's been designed for well over a month but unfortunately the developer I'm using has dropped the ball so it'll be a while longer, but will launch within January.

In the meantime as a way to say "Thank you." to those who read my blog. I'm going to do a FREE giveaway of my newest book called "Vector Basic Training." (VBT) I'm already doing another FREE book giveaway on the VBT Facebook page and this one is specifically for my blog readers, but don't let that stop you from participating in both if you wish.

I won't bother posting all the details about the book here, you can read about that on my web site. All you have to do to be included in this drawing for a FREE copy of the book is to comment on this post. I'll than draw three winners this coming Friday and will list them at the bottom of this post.

B Level Acting Skills.

When I came up with the idea for the video intros I didn't think the publisher would take me seriously. But they did, and we had a lot of fun with them as you'll see below in this promotional plug for the book. You can view another video posted on my web site here.

So what are you waiting for maggot!? Post a comment now!



Winners of the FREE VBT Book Giveaway!

My oldest daughter Savannah drew names out of a hat and the following three people were chosen.

- Jeff (No Last Name) This Jeff.
- David Sizemore
- Ronda Couch

Each of you have 24hrs to claim your FREE copy by emailing your snail mail to info@vonster.com.

FYI: I'll be doing a workshop at the HOW Conference in Chicago this summer on "Vector Basic Training" so if you're planning on going I'll be demonstrating the methods I cover in the book.

Thanks everyone.

Slum Sans

Photo of some slum typography.

It's been nearly six months since I spent time in the Mathare Valley Slums located on the outskirts of Nairobi, Kenya. My emotions are still raw when I think about that experience and it usually makes my eyes water.

At this time the post production of the documentary is in full swing and in good creative hands as well.

A common site in the slums is hand drawn typography used on signs. They are everywhere you look. For an upcoming collaborative project with Rule 29 I wanted to mimic this aesthetic so we could use it for titling in our project.


Slum Sans on light background.

As you've seen in previous posts the slums continue to be source of inspiration for me.


Slum Sans on dark background.

I drew out the whole set by hand pretty small so it wouldn't be crisp. Then I created a rough highlight you could add to the type to give it some pop. I even used a slum texture to degrade the letterforms as well.


Slum Sans complete set.

The whole set is just a simple vector file with the letterforms on one layer and the highlights on another. So you just compile what you need to create the word.


Slum Sans detailing.

I optimized the texturing as much as I could without loosing that nice authentic feel. The source file in the download below is a CS2 Adobe Illustrator file.

Update: A big thank you goes out to Brian Carroll who took my raw vector files and not only created a working font but also created the missing letter "I" that some how I over looked in the process? Brian is a multi-talented creative who is part of Studio Litchfield so check out their site.

Download Links

- Slum Sans - Vector Art (1.9MB)
- Slum Sans Font (217KB)

If you find this resource useful please consider donating to the work of Life in Abundance who works in African slums helping people improve their lives. Donate here. Thanks.

Drawsigner

"Drawsigner" Logo Mark.

I've been calling myself an Illustrative Designer for about six years now. It fits the type of work I do on a daily basis the best. A good mix of design oriented projects needing to be leveraged with an illustrative flair.

But over the last year I've condensed the term "Illustrative Designer" down to an even more simpler term of "Drawsigner." Once again it defines what I do on a daily basis. (Yes, I've secured the domain name)

I first revealed this new definition when I spoke at the AdFed group in Acadiana. My topic was named "Drawsigner" and I created the above logo of myself for it.


Tight refined sketches of ornament designs.

Earlier this year I posted about the new book I'm creating for HOW Books, now officially titled "Flourish.Banner.Frame."

I've spent the last year creating over 400 pieces of artwork for this volume of ornaments, borders, frames etc. My creative process for the creation of this content is all about being a drawsigner.


Frame motif design.

I draw out all my ornament designs, scan them in and build them out in vector form. I've spent a lot of late nights finessing bezier curves and wrestling with anchor point handles in order to create artwork that is precise and beautiful.


Ornament design.

Like my other two books, this new one will include artist features showcasing some of our industries best talent utilizing a piece of art from the book in their own unique way. It's been a blast seeing how incredibly creative the approaches have been from the featured artists.


Graphic ring design.

Those who follow me on Twitter are well aware of my rants regarding Adobe Illustrator at times.

I really can't complain though. On a project like this I'm essentially getting paid to create what ever I want. Of course I've been art directing myself along the way and I'm creating more content than what I need so I can isolate the very best for the book.

So enjoy the summer, and as the days roll along I'll continue to get frilly with it.

Volume 1 PDF Tutorials

"Alien Skull" PDF Tutorial cover.

I'm happy to announce that I've finally produced my first collection of self-contained tutorials called "Volume 1 PDF Tutorials."

This first collection was derived from our top “25″ downloaded tutorials. Each tutorial comes in an easy to access multi-page PDF file format. Each PDF tutorial includes creative process images and exhaustive text embedded with links to referenced software, books, and resources. You’ll be able to view and read them on-screen or print them out for hands on reference purposes.


"Alien Skull" PDF Tutorial interior pages.

For more information visit my "IllustrationClass.com" web site.

Lost Ideas

Tonight I was skimming through some old archived files and stumbled upon a lot of what I call "Lost Ideas." Most are design options presented to clients but never used, and some are ideas I played around with during the creative process but never presented.

All of them sit lonely amongst the 0's and 1's, in long forgotten files collecting dust on my HD.

I've been working digitally since 1991 so my archives are filled with graphic elements like this. I probably have thousands of things I can't even remember and I'm not sure if I could open some of them anymore? (FreeHand version 2.0) If I was smart I'd go back through everything and catalog all the art. I'll get to that Someday. (Yeah right.)

Perusing through these lost ideas from both the recent and long past was cathartic and nostalgic. So being a fair graphic warden I decided to let a handful of my designed captives out of their solitary confinement so they could see the light of day once again.


Collection of Lost Ideas.

Creating 5ive-Alarm Concepts

"Creating 5ive-Alarm Concepts" Presentation.

Over the last three years I've had the privilege of speaking at the HOW Design Conference.

My two previous presentations were:
- HOW 2008, Boston: "Illustrative Design"
- HOW 2009, Austin: "Living a Creatively Curious Life"

And this year I'll be doing a presentation called "Creating 5ive-Alarm Concepts" which goes into how designers should think and always be expanding their knowledge base in order to facilitate original ideas.


Lots of notes, writing, and re-writing to refine the message.

Because of my trip to Africa I started my presentation production about a month late. I've been cramming non-stop for the last three weeks straight pulling all the information and research together I've collected into a coherent narrative. (At least I think I have?)

I take a lot of notes and over the last ten months or so I've been jotting down my thoughts and interviewing others about the whole realm of idea generation. How one goes about conceptualizing an effective design solution.

The end result is a folder jam packed full of chicken scratch notes and marked up print outs.


Frazzled.

I'm not sure why, but my mind as I work on a project like this often fluxuates between thoughts of "I think this is coming out pretty good." and "You're going to clear the room, or put everyone to sleep." In other words a lot of doubt pops up. These self-inflicted head games make the whole process harder. I suppose it's fear of failure?

A long time ago someone gave me some very wise advice when it comes to relaying information to others. They said:

"If it doesn't challenge and compel yourself, don't expect it to resonate with or compel others."

That has proven to be very true in many areas of my life.

In previous years I've had the audio supplied to me after the fact. The first time it worked out OK, the second time it was hostage quality and I just couldn't use it. I'm done relying on others for my content.

Whether you were able to make it to the HOW Conference or not, you can experience the presentation now. Download everything listed below, go through it at your own pace and hopefully glean something you can integrate into your own creative pursuits. (If I manage to get an audio recording I'll update the download but at this point no audio exists)

Files included in download:
- "Creating 5ive-Alarm Concepts" Presentation (PDF Format)
- Conceptual Method Diagrams (PDF Format)
- Complete outline notes of presentation (PDF Format)

Download "Creating 5ive-Alarm Concepts" Package (76 MB)

If you'd like me to speak at your local AIGA group, AdFed group, design event, school, in house art department, or side show circus just shoot me an email and lets talk.

Holy Vectors

Iconic Rabbi Illustration.

Life as a creative hired gun brings in some interesting work at times.

Firms hire me to draw all manner of content for them and believe it or not this isn't the first Rabbi I've drawn either.


Ancient Source Photo.

On this latest gig I was provided with a photograph of a Rabbi. This teacher from yesteryear dates back about 75 years and the firm needed an iconic illustration based off of it they could use in their project.


Alternate motif.

This type of project isn't a huge money making venture for me, but I still enjoy doing them. I bet it never crossed the Rabbi mind that some day in the future he'd be digitally rendered in a resolution independent format?

Sneak Peek - Border.Banner.Frame

Refined Sketches for "Border.Banner.Frame" artwork.

For the last three months I've actively been working on my next book called "Border.Banner.Frame" which will be the third book I'm developing for HOW Books.

"Border.Banner.Frame" will be a stock art book for graphic designers.


Ornament design. (Sketch shown above)

The book will catalog over 300+ custom design motifs covering "18" different categories. (DVD will contain an additional two categories of art) I have enough of the content finalized that I've decided to give everyone a sneak peek at a few pieces of the artwork now.

This book will also include features on some of our industries most talented designers and illustrators too and I'm honored they've agreed to be part of this publication.


Frame design.

I've been drawing out all my art and at the moment my office looks like a creative hurricane hit it. I have piles upon piles of paper, vellum, sketches, roughs, finals, print outs, and notes scattered everywhere. It's a bit nuts right now in my studio.

But I can't complain, it's been a lot of fun drawing out all the design devices, cartouches, banners, flames, skulls, ornaments, and floral motifs. I usually draw out a good chunk of designs over a couple of days then spend a couple days building them out and polishing the artwork.

I've repeated this process one late night after another and it's turning out nice so far.


Two border designs.

Designing borders is a lot like designing patterns, in that they have to be able to repeat seamlessly to the right and left. Some of the borders I'm designing will also have corner art too.

I'm looking forward to finishing all the artwork in the next month and a half if everything goes as scheduled. The book is due to hit February 2011. But I plan on posting more about it later this year and giving away some FREE downloads too so you can test drive the artwork yourself.

Mole Mode

"Mole Mode" Logo.

Recently on the Freelance Radio podcast I shared a method I use for focusing my creative energies and getting work done efficiently. I call it "Mole Mode."

Other than the name I've given it my method for time management isn't anything unique as far as I'm concerned.

I call it "Mole Mode" because a mole digs deep and buries himself in his work. He's fully immersed in his task of digging through the dirt looking for tasty roots insects to consume. BTW, the Latin in the logo above means "Dig Deep."

Too Much Noise
As an illustrative designer my process is both analog and digital.

But living a digital lifestyle means you have to be able to reduce the noise cascading upon us daily from various technologies and social media services vying for our attention and distracting us from our creative work.

So when I find myself getting overwhelmed and having my attention pulled in different directions I go into "Mole Mode."

What Does "Mole Mode" mean?
- Shut Down Email
- Turn Off Cell Phone
- Unplug Land Line Phone / Fax
- Shut Down Twitter
- Close Facebook etc.
- Put on Noise Canceling Headphones
- Listen to Music or Audio Book

When I'm in "Mole Mode" it optimizes my productivity and allows me to get into that creative zone that facilitates great ideas. This of course is far more essential when I have tight deadlines too.

In writing this post I came across a time management eBook written by Mark McGuinness. The eBook has a lot of very practical advice and you can't beat the price since it's FREE. Download "Time Management for Creative People" by Mark McGuinness here.

So take 2010 by the gonads and give "Mole Mode" a try.

Robot Love

My Toy Robot Collection.

My fascination with robots started in the summer of 1977 when Star Wars hit the big screen. As I've posted before, robots are one of the top ten themes creative people love.

So when I moved into my new studio a few years back I found a unique shelve design to display all of my robot collectibles.

I've been wanting to use them for a creative project in some way, but never could figure out an appropriate use. That is until I worked on a recent identity project for New Modern Science.


Raw Photograph of Robot.

As I worked on the identity for New Modern Science I realized the robot would make a perfect company mascot. A secondary branding element in essence.

I'm not a professional photographer, but I know enough about photography to get what I need in this case. I set up a nice forced perspective shot against a white background.


Final Photograph of Robot Mascot.

I took my raw image into Photoshop and cleaned up some details, added depth of field fx, and crossed processed the colors so it worked well with the look and feel of the logo mark.


Brand integration.

The robot fits the context of new brand identity well. I even used it on the back of the business card design I created. You can view the whole project on my primary design site here.

Hoodlum Teaser

Cropped "Hoodlum" Editorial Illustration.

I love clients that give me complete creative freedom. The opportunity to explore and create in a direction that is fresh and new even though it wasn't what they had originally requested. Such is the case with this editorial illustration.

To read more about this project and view the un-cropped version of the above illustration visit my primary site.

Illustrative Stunt Double

Striking a pose.

When ever I need reference material for a creative project involving a male figure I call up my friend John Nissen. He was my best man and we've known each other since attending art school. He also has a good stereotypical body type which makes him my go to male model. ;-P

An agency hired me to create some linear illustrations for a campaign pitch. The topic was medical and they requested a few samples to use in their presentation.


Doctor with stethoscope linear illustration.

John is an Art Director at a local firm here in town where I live and does both design and illustration himself so he knows how to strike that perfect pose. In this case a doctor getting ready to listen to your heart via a stethoscope.

These were going to be animated just like the bank spots I've done in the past.


Acting for the sake of art.

Here John is posing as a sick guy looking for a cure online. Does he have H1N1 or is he just a Hypochondriac?


Googling for Rx linear illustration.

Like so much agency work this project died before it ever had a chance to be animated. Easy come, easy go.

Brewing Design

I just posted a new project at my primary design site regarding a coffee label design I did for Rahzo.com. I had shown this label to twitter users a while back after I got shipped some printed samples and was asked if I'd deconstruct how I went about creating it.

Well that is what this blog post is all about. So grab a cup of coffee and enjoy the post.


Source Photo: Paris, France.

1. Source Photo
Because I named the roast "Noir French Blend" it goes without saying it needs to have a French flair to the approach. I sourced out this picture which has the Eiffel Tower in the background.

I also picked this image because the contrast was perfect for how I planned on using it too.


Compositing images via Photoshop.

2. Distorting Reality
I wanted the the Eiffel Tower to be a focal point in my composition so if reality doesn't work you do what every fashion magazine does and manipulate reality so it looks better than real.


Converting photo to a halftone.

3. Halftone FX
I converted the photo to a halftone. In a nutshell: Convert color photo to greyscale, convert to halftone by going to the menu image/mode/bitmap. From there you'll have to experiment in order to determine what size of halftone works best for you, it isn't a one size fits all process. Once you have the size nailed down you have to convert back from bitmap to greyscale then copy/paste it back into your PSD file.

If you're still scratching your head after reading the above try this link it might help you? Or my big dot tutorial might also explain this process better?


Halftoned photo integrated into layout.

4. Halftone Integrated
I nest the halftoned photo into my over all layout. Mind you this is screen res so it doesn't do the halftone justice. Make sure to view the larger image at the end of this post to see how the halftones enhance the look and feel of the design.


European Beauty.

5. Romance
I wanted drama in my design. It's Paris so it needed some beautiful romance so I sourced out this photo. Her eyes were captivating and that was what I was after.


Romantic dot gain.

6. Larger Halftone FX
Once again I used the same halftone effect, just a larger size and composited the romantic gaze into my design.

A lot of what I do when I use Photoshop is experimentation. Playing with transparency, blend modes and arrangement of content and via layers to achieve the look and feel I'm after.


Laying a graphic foundation.

7. Graphic Foundation
This historical ornament and banner dangler will serve as the foundation for critical content like type and iconography as you'll see in the following images.


...Like a big pizza pie that's moire.

8. Creating a Moire Effect
The design over all felt too stark to me. I wanted to blend it all together more. So I just opened another color stock photo (Any will work) gaussian blurred it, went to filter/Pixelate/Color Halftone, converted it to greyscale, copy/pasted it back into my PSD file, messed with transparency and blend modes and there you have it.


...You're in love.

9. Moire Effect Applied
Compare this image to step 7.


Adding more character.

10. Texurizing
To add more depth and interest I used a variety of surface textures from my "Crumble.Crackle.Burn" book.


Interesting diagram art.

11. Diagram Illustration
I wanted culture appropriate imagery to collage my design with so I did some research and found this great retro diagram illustration of a Vespa scooter.


The Vespa has been parked.

12. Diagram Illustration Integrated
I'm building my design layer by layer taking the various graphic elements and collaging them together. After all that is essentially what graphic design means.


Information added to the layout.

13. Typography & Iconography
It goes without saying that the type you choose need to work for the specific genre you are designing for. This design uses just two typefaces and I've added an iconic graphic of a coffee plant to lock up the design motif.

I also left room so we could work in Rahzo's logo stamp as well.


The label diecut.

14. Diecut
On this project we had the luxury of doing a custom diecut so I created this unique shape to frame my design. Of course I knew I was doing this from the beginning so I kept that in mind as I collaged my graphic content too so as not to loose anything when it was trimmed.


Piping hot design ready to pour.

15. Final Product
The final labels came out great and the product is now available.

Click here to view a larger image of the final label design.

If you'd like to deconstruct this project further just download the "Brewing Design Pack" below which contains a print resolution (150 dpi) layered PSD file. (CS4 file but will open in CS3 or CS2) You'll be able to click through the layers and see exactly how everything was set up.

- Download "Brewing Design Pack" (5 MB)