Category: graphic design

Dry transfer lettering and the human touch

Dry transfer type

From the graphic design history archive… Anyone remember doing advertising or editorial mockups using dry transfer lettering? Or the fact that mockups were expected to take several days. Not hours.

At the university where I received education in the art of design, I spent a lot of money purchasing packets of dry transfer lettering and Pantone triple nib markers. And I spent a lot of hours in the design studio developing the skill of paste ups and thumbnail layouts.

As I designed a multi-page layout project recently I could not escape the fact at how fast I was able to pull it together. The hand drawn layout thumbnails and non-repo blue line paste ups were not part of the process. Nor were there long days of sketches, dummied text, paste ups, Photostat machine, rubber cement, T-squares, proportional scale wheels and other essential pre-digital design tools.

Fortunately for me, I entered the world of advertising and marketing during the digital revolution in design. The design process for the multi-page layout project was exclusively digital — from concept to completion.

Instead of paging through thick, expensive design journals and other trade publications for color palette and typography and font inspiration, I visited a couple websites like Design Seeds[3] or Font Squirrel.[4] The color palette choice and font and photo selections were quick. That is the nature of the fast-paced environment of production work for a graphic designer.

Yet, last Thursday when the printed product arrived and I reviewed the freshly-inked pages, I was disappointed. The final printed product lacked the essence of human touch. At no point did my hand every touch the page. Everything was created by digital proxy. I can see the difference. Most designers see the difference. A careful observer may also see the difference.

NOTES:


[1] Image originally posted: August 8, 2014. https://coffeehousejunkie.net/2014/08/08/dry-transfer-lettering/
[2] It is a challenge to purchase the old style triple nib markers. Here is one source: AOE Artworld.

[3] Design Seeds: https://www.design-seeds.com/

[4] Font Squirrel: https://www.fontsquirrel.com/

Step-by-Step Graphics magazine

Young creatives—back in the transitional years of the digital revolution in design—coveted Step-by-Step Graphics magazine. One reason, the price of the publication was expensive for university students. Not as expensive other trade journals, but college students did not have a lot of disposable income. The cost of art supplies ate up most of the budget. Another reason, there was one copy of the latest issue for twenty students. Magazine copies were placed in the fine arts building’s library. The main reason is obvious, university students devoured each issue in hopes of creating work inspired by the amazing artists and illustrators featured in each publication. That was the goal. Graduate and earn a living creating graphic and commercial art.

I used to enjoy reading articles in Step-by-Step Graphics magazine. The editorial content was one part inspiration, one part innovation and a healthy dash of technical craftsmanship. The periodical was the inspiration and trend source for many Gen X graphic design student. Of course, we were never called, labeled nor pursued as Gen Xers at the time. We were simply called students.

One memorable story—for me, at least—was the 1992 feature of a medical illustrator. There was a page devoted to perspective and painting—airbrush painting. What does a 30/60 prospective grid mean, and will I learn about it in this semester, I pondered many winters ago. I marveled at the color photos of the artist pencilling arrows on a perspective grid and drawing ellipses with a template. And all the tracing paper required to pull off one truly amazing image about how a pharmaceutical product responds to cholesterol molecules.

Rabbit trail. There used to be an old bookstore in Milwaukee’s downtown area that had back issue copies of Step-by-Step Graphics and other resources like Communcation Arts and Émigré. I bought these back issues and toted them back to university. Some of you may remember when Step-by-Step Graphics magazine’s cover logo design changed—sometime in the late 1980s—from the rectangle black box with “graphics” in script font under the words “Step-by-step” to the square reflection logo.

When I graduated, the digital revolution in design matured. The need for hands-on technical skills that I spent years learning dissipated as computer hardware and software flooded ad agencies and publishing houses. New digital skills were learned on the job. Learn quick or go hungry was the unwritten motto.

Step-by-Step Graphics magazine disappeared sometime around the appearance of the iPod. Today, if you are searching for pro tips on graphic design and illustration, you search for YouTube videos on the topic. Imagine the graphic design profession without the internet. Without YouTube. How did graphic arts and designers work before 2005?

I went to school for graphic design

Sharing this post[1] with you from nikography — plus my own story afterwards. Because graphic design is hard work.

i went to school for graphic design, and did not spend my nights getting drunk. instead, i worked my ass off, spent most of my outside-class time learning/trying/doing as much as possible, and then got an awesome job after graduating.

protip: if you’re lucky enough . . . to be in college, you should be spending all available time learning, trying, making things, messing things up, experimenting and READING. . . .

i didn’t waste a single day. and neither should you. build your momentum and go with it.

for the but-i’m-an-artist’s: you want money? learn a technical skill related to your field and get good at it. then get better at it. . . . just sayin’.

final note: i had a BLAST in college, and miss it like crazy. working hard does not mean no-fun-allowed, it means relax harder 🙂 [2][3]
—nikography

I had the unique opportunity to enter a graphic design career during the transitional years of the digital revolution in design (somewhere between the Upper Peasealithic and Macolithic periods). The university offered computer graphics classes during the final year of the academic program called commercial arts. The degree was catalogued as a bachelors in science (as opposed to a bachelors in arts).

All other graphic design classes were hands-on, analog, technical application of composition, typography, illustration, photography, color theory, and so on. And for that fact, I am grateful.

One afternoon, during critique of students’ work a professor called two of my classmates out of the room. Most of the students knew why. One of the two owned a personal computer (yes, this is back in the paleolithic days before wifi, laptops, and mobile phones). They did their copy layout (design jargon for arranging blocks of advertising text — usually Lorem Ipsum — on a page) using a personal computer and printer. Then they inked over the print outs and submitted their work. Or so the rumors went.

No one else in the class owned a personal computer and had to lay out the text for a three-panel brochure by hand using rulers, graphite and non-photo blue pencils and rubylith film for color overlays.

The professor had caught them cheating. They denied using a computer to do the text layout. Hushed conversation relayed that they were nearly suspended for the act.

The recollection of that afternoon seems so arcane and archaic. The level of craftsmanship and skill required to accomplish print layout work was demanding. Each design student spent hours a day in the studio working on each project.

It used to take weeks of hand-lettering and composing mock-up pages before submitting the design samples for ad director and client reviews. Now it takes me a morning to generate three design layout drafts of a two- to four-page project.

The digital revolution allowed for faster turnaround of design projects, but graphic design is still hard work. It is something I try to impart to interns and young designers.

If graphic design is not good, hard, rewarding work, than you’re doing it wrong.

NOTES:


[1] The original post was shared from Tumblr, January 20, 2010. https://coffeehousejunkie.net/2010/01/20/nikography-i-went-to-school-for-graphic-design/

[2] orginal image via synecdoche

Good design is subtractive

“Design that communicates efficiently is typically more subtractive than additive.” [read more]

Anatomy of print advertising

DSCN6003[DSCN6002[sqr-basic-lomo-dusk-tilt]]
Very excited about a mentoring opportunity with the Boys & Girls Club of Greater Milwaukee this afternoon. Last October I volunteered and really enjoyed sharing my knowledge and experience of graphic design with the students.

Here are my notes on the five basic elements of a print advertisement.

  1. Headline
  2. Subhead
  3. Body copy
  4. Visuals
  5. Layout

A print ad includes other components (like, color, shape, logo, etc.), but these five elements are foundational to print advertising.

A page from the history of graphic design

There was a time — somewhere around the Middle and Upper Paleolithic periods of graphic design — when all pre-press art files were saved to a 250 MB Zip disk, packed into a Fed-Ex overnight envelope and delivered to a Fed-Ex pick location.

Working for a weekly newsmagazine, I was the last person to see that package and its digital content before it travelled 384 miles to the press that printed the periodical.

On one occasion I had to deliver the package to the airport due to a late breaking election story. That was before Adobe Photoshop CS arrived. And sometime between versions of QuarkXPress 4 and QuarkXPress 5.

The magazine introduced a virtual private network (VPN) in 2003. This linked the headquarters with various national offices as well as the press that printed the publication.

Soon Zip disks became novel items that were relegated to the bottom drawer of a filing cabinet. Like the extinction of the Neanderthals, the Zip disk has completely disappeared from all graphic design and print production today.

Four tools to create a color palette

This is the most read blog post this week. Thought I would share it with those who may be interested in reading about graphic design tips.

coffeehousejunkie's avatarCoffeehouse Junkie

Color palette based on book cover design Color palette based on book cover design for the novel Blue Dollar

Wear the blue neck tie to suggest boldness and confidence. Wear the red tie for passion. Or so the conventional wisdom offers those business persons who are presenting themselves for a job interview. Color is important when designing books, posters, web sites, etc. Building an effective color palette takes years of experience in knowing the right color combinations that present contrast or harmony or various other arrangements.

Thanks to some online resources, creating a color palette takes only a few minutes. Here are four online tools to use in creating a customized color palette.

  1. CSSDrive.com: http://www.cssdrive.com/imagepalette/index.php
  2. DeGraeve.com: http://www.degraeve.com/color-palette/
  3. colorhunter.com: http://www.colorhunter.com/
  4. PaletteFX.com: http://www.palettefx.com/index.php

There is also a way to create a color matrix using Adobe Illustrator, but that’s a bit more involved and takes longer to explain. Here’s an example of what a color matrix looks like (see below).

View original post 17 more words

Who doesn’t love the smell of coffee and fonts in the morning?

Screen shot 2015-04-24 at 9.01.01 AM
Searching for the right typeface for a design project in progress

 

Say something creative

Yes. Someone actually asked me that. The request: “Say something creative in 150 characters or less. Grab my attention.”

Here is my on-the-spot 30-second reply:

An artist may paint an image of a stop sign on canvas and it earns some interest. A designer creates a stop sign and people stop. Message delivered.

Dry transfer lettering

Dry transfer type

From the graphic design archive…

Anyone remember doing advertising or editorial mockups using dry transfer lettering? Or the fact that mockups were expected to take days not hours?

Four tools to create a color palette

Color palette based on book cover design
Color palette based on book cover design for the novel Blue Dollar

Wear the blue neck tie to suggest boldness and confidence. Wear the red tie for passion. Or so the conventional wisdom offers those business persons who are presenting themselves for a job interview. Color is important when designing books, posters, web sites, etc. Building an effective color palette takes years of experience in knowing the right color combinations that present contrast or harmony or various other arrangements.

Thanks to some online resources, creating a color palette takes only a few minutes. Here are four online tools to use in creating a customized color palette.

  1. CSSDrive.com: http://www.cssdrive.com/imagepalette/index.php
  2. DeGraeve.com: http://www.degraeve.com/color-palette/
  3. colorhunter.com: http://www.colorhunter.com/
  4. PaletteFX.com: http://www.palettefx.com/index.php

There is also a way to create a color matrix using Adobe Illustrator, but that’s a bit more involved and takes longer to explain. Here’s an example of what a color matrix looks like (see below).

Color matrix
Color matrix (for a corporate brand book)

What tools do you use to create effective color palettes?

Job title – Creative Director

JobTitleCD

It is still a bit odd for me when I see the title of “Creative Director” on the labels of mail and packages that are delivered to my office desk. I won’t deny that so many years ago, sitting in graphic design class at the university, I dreamed of being a creative director. But now I look at that designation, that job title, and wonder.

What does a creative director creative director do anyway? It is too reductionistic to say that a creative director is the primary enforcer of consistant brand and mission of a company. The job is more nuanced. One professional states that the “job doesn’t come with operating instructions.”1 [1] That is absolutely true, at least, in my case. There’s more I could write about the path to a creative director or even the role of a creative director, but that may be for a different post.

What makes me wonder about the designation of job title of creative director is what it means. Is it my identity? Yes. No. Does it matter? It seems that the title is more of a way for other people to catalog and/or judge me, but it is not who I am as a person. Does that make sense?

NOTES:
1) Mary McMahon, “What is a Creative Director?,” Practical Adult Insights, Accessed January 15, 2013, https://www.practicaladultinsights.com/what-is-a-creative-director.htm

Good design is more than this


(image via Jonathan Trier Brikner)

There’s more to being a design genius than this. Truly.

Just because you have a computer, laptop or tablet allowing you to download free fonts and free images and use some free app you discovered on Twitter does not make you a design genius.

Just because you “designed” a cool graphic image the way many misled souls believe they labored and “built” an IKEA bookshelf does not make you a design genius. [1]

Celebrated graphic designer, Milton Glaser, put it best:

Computers are to design as microwaves are to cooking.

Good design solves problems and presents stories. As a creative director for an international publishing house, my chief goal is to attract potential readers to new books by capturing a story in a single cover image. To illustrate the point further, an author (for whom I had just completed a book design) emailed me recently: “I’m getting some great feedback on my Facebook page about the cover. Thank you very much…” Good design is about communication: problem solved, story told.

NOTE: [1] For what it is worth, IKEA is not good design. It is nothing more than cheaper-than-Wal-mart veneer furniture, second-rate fabric products and wax-paper lamps. And don’t call IKEA “modern design” because modern design is so 1948. Seriously, the modernist movement began almost a century ago. But I digress.

How to capturing abstract ideas in a book cover design

How do you capture an abstract thought for a book cover design? That’s the question one person left in the comments section to Judging a book by its cover.

That is a challenge. A lot of abstract ideas — like love, grief, joy, freedom, etc. — have emotional and psychological weight. Photography is an easy tool to use in conveying physical responses to abstract thoughts. Photos illustrating love or grief become cliché. For example: how many books can you find at a local book seller on the topic of grief of a loved one that includes sun bursting through voluminous clouds? There are reasons for a majority of the bereavement books have similar titles — primarily marketing. Readers looking for books on how to cope with grief in a book store find themselves staring at a shelves of cloud cover books. So how does a graphic designer create a cover that competes with all the cloud-covered-grief-books?

Here are two other tools to consider: color and shape.

Color

Color psychology informs me what colors might work best to address a book on the topic of grief, freedom or spirituality. The challenge arises frequently — due to an enormous amount of books published every year — that most books on the topic of grief utilize the same color scheme or photographs of a path leading through a forest with a bright patch of light at the end or the ever-present sun breaking through the clouds. So I turn to color psychology as a tool to design a book cover dealing with the abstract concepts of grief, joy, love, etc. There has been a lot of research in this field to learn from. For example, blue (depending on the shade or tint) offers a feeling of peace, tranquility, confident, and as reliable as the sky and ocean. But blue can also be cold and corporate (again, depending on the shade or tint). Interestingly, brown can express reliable and authenticity.

Shapes

Recently, I’ve turned to the psychology of shapes and patterns as a way to define abstract ideas like endurance, peace or joy. According to research, there are three main categories of shapes: geometric, organic and abstract. Other distinctions remind me of primary school including: circles, squares, triangles, spirals, and more. Also, the orientation of the shape is essential — horizontal and vertical. Squares and rectangles are common but express peace, stability, conformity or other abstract concepts. For example, a horizontal rectangle expresses confidence in much the same manner as the color blue. Whereas a spiral shape my best represent grief as it expresses the idea of death, life and transformation.

As I share the psychology of color and shape with authors with whom I am designing their book covers, they often need to be educated on the visual vocabulary of these ideas. Most of the authors understand the premise of how color, shapes and patterns express the content of their book. Additionally, most of the authors prefer a photographic cover design. This is a bit off in my mind, because what is a photograph but a composition of colors and shapes? Is there a lack of visual literacy in our culture? Or is the graphic design community a cloistered cult of artists that do not share secrets with the outside world?

As I design book covers, these are the tools I fall back on consistently: color and shapes.

Judging a book by its cover

For me, every book cover I design begins with pencil sketches that eventually lead to ink drawings. Actually, I suppose it begins prior to that. The author receives a pre-publication questionnaire from me prior to the design process. The questionnaire asks the author what is his/her elevator pitch, what are the pillars of the book (i.e. what are three main concepts/ideas in the book?), and what is the book’s key audience? There are more questions that help me prepare for the design process, but reading through that document helps me form an idea of who the author is, what the book is about and how best to represent the book’s content with an attractive cover.

Then I receive the manuscript a few weeks later and begin reading the author’s work. This helps try to envision in my mind an iconic poster image. For me, a book cover is the equivalence of a film poster. At this stage, I produce some concept drawings (like the one’s pictured) and research color schemes and subject themes that I plan to use in the cover design. After a couple rounds of emails with the author, I proceed to the full-color design phase.

The full-color design is often photographic, as in the case of this sample, but can also feature illustrated work or typographic designs. An illustrated cover is sent to a freelance artist who spends a week or so producing the cover art. The final cover design pulls together all the elements (art, photo, type and copy) to present a cover that, in theory, sells a 1000 to 3000 copies on face value. I know what you’re thinking, but books really are judged by their covers. Just watch people at a bookstore. They’re scanning covers before they even pick up a book to read the back copy blurb or open a book to read the first few chapters. If a book has amateurish art or less than professional photography, the audience will move to the next book cover that has great photography or stunning artwork. Further, if a book has poor quality cover art, it will be represented in poor book sales. Let me say it again: if a book has crappy cover art, the book will have crappy sales. No reader wants a crappy book on their bookshelf or e-reader. Half the battle for a reader’s attention is getting him/her to pick the book from the shelf. The same applies to e-book stores. Readers are scanning covers from the Kindle or Nook e-stores and deciding, based on cover design and book blurb, what title to purchase.

From the time the final cover is approved until the product arrives is six to eight weeks depending on circumstances. That’s when the real test of a book’s cover design and interior content begin. And that’s about the time I begin the next round of cover designs.

Print Design Garners 93% of All Media Created

(via Full Circle – Paper + Print + Design)

33 Ways to Stay Creative

Some inspiration to start your week with. I fully support everything on this list! Especially number 24. Anyone know who created it? (via hrrrthrrr)

People do judge a book by its cover

Have you ever considered who the people are who design book covers? I know most of us are more interested in the author and the story being told, but for me it is interesting to learn of the designers behind such iconic book covers. That’s why I enjoyed this short list of iconic book covers and the creatives who designed them. The list includes some of my favorites like The Great Gatsby (designed by a relatively unknown artist at the time, Francis Cugat), To Kill A Mockingbird (designed by Shirley Smith), Brace New World (designed by Leslie Holland), and Fahrenheit 451 (designed by Joe Pernaciaro). What are some of your iconic book covers?

Book cover design

Kidlingers like the latest book cover design… because the title has flaming letters & a firefighter.

How to create running headers and footers in InDesign

Graphic design tip: running headers & footers

Just a few of the books I designed during the last few weeks.

The purpose of sketching your ideas

“The purpose of sketching your ideas is to help you explore as many ideas as possible in order to trash the bad ones, leaving you with a couple of good ideas that could evolve in a solid  design…”

Read the blog post for more details on productivity and creativity. Here’s some techniques offered:

  • Brainstorming
  • Idea writing/sketching
  • Mind Mapping
  • Gap filling
  • Boxing gloves

(via First Step in Making Your Ideas Happen – Sketching)

I loved reading these kind of articles in Step-by-Step Graphics magazine.