Well, it’s done. Plateau Photography has finally merged with Keen Graphics to provide both design and photography through one brand and one website. With our coding partner, DNew Development, we have launched the new site. Utilizing custom PHP scripts and embedded Flash galleries, we were able to include all of the content without sacrificing design. Go check it out!
I recently ran into another pre-press dilemma for one of my newsprint clients. Of course the phone call came in the day after my print deadline, while I was in the eastern Utah backcountry. So there I was, standing on a rock, trying to get enough cell reception for a 5-minute phone call. There wasn’t much I could do 1,000 miles away from my office, but the problem was this:
I often use colored boxes or gradient sidebars with black text on top of them. I find it helps give color to the page, and adds some visual interest to an otherwise monochrome copy space. I had never had a problem with these in the year and a half that I have been designing this particular publication. Yet, the printer informed me that this time the black text was overprinting, causing rich black text in the colored sidebars. As mentioned in my previous post on rich blacks, small rich black text is a big NO-NO. Even the slightest misalignment in plate registration can cause the text to become illegible. Below is an example of what the overprinted text came out looking like. In print, it looks blurry and over-saturated.
The first step to correcting this problem is realizing it is there. So, when you are checking your output PDF in Adobe Acrobat, go to Advanced>Print Production>Output Previewer. Hover the cursor over the overset black text. If you have exported incorrectly,it will look like this:
As you can see, the black text is actually built of 100%K, along with the ink blend of the color beneath it. In this case, the ink limits are 200% or higher, and the built blacks will cause my text to be fuzzy or illegible. Fortunately, it is an easy fix. In Adobe InDesign CS4, simply go to the Edit>Preferences menu and select “Appearance of Blacks”. A dialogue box will appear with all of the Preferences menu items on the left, and “Appearance of Black” as the active item. Make sure that the drop-down menu called “Printing/Exporting” reads “Output all blacks accurately”. Then, UNCHECK the checkbox below that says “Overprint [Black] Swatch at 100%”. As follows:
This will cause any overset black text to knockout the ink below it, instead of adding 100% to the existing color ink blend. Now simply export as you usually would, and double-check your ink in the Acrobat Output Previewer. Ta-da!
There you have it. A simple step you can take to make sure your overset black text comes out looking crisp and legible. Hope this simple tutorial helps you!
After several weeks of graphic design and back-end development, Keen Graphics has launched a complete website for its client, Grace Requires Understanding Inc (GRU).
Based in Las Cruces, New Mexico, GRU provides services to developmentally challenged individuals and their in-home care providers. They came to Keen with the desire to improve the look and functionality of their existing website. In conjunction with the skills of a talented web coder, we developed a color scheme with the client, recreated an old logo with a slightly updated look, and set to work developing a fully-functional website that would provide GRU with:
- Login permission groups with access to different member services, including announcements, policies blog and downloadable PDF forms
- Secure file management system for confidential records
- CMS system for adding and editing content
Another project completed! To learn more about GRU, or to view the site, visit MyGRU.org.
Almost every week, I hear of another print publication folding under the immense pressure of the economic pinch. The Rocky Mountain News of Denver and the Seattle Post-Intelligencer just went out of business completely. The Chicago Tribune, LA Times, and Philadelphia Inquirer have all requested bankruptcy protection. Christian Science Monitor, PC Magazine, and several others are moving to online-only publication. Even iconic publications like Rolling Stone are making major cuts. So is it too late for print media? Can magazines and newspapers weather the storm of declining ad revenues and decreased newsstand sales?
Maybe.
Newspapers have taken the biggest hit, by far. The problem, according to NPR’s recent story, “Chronicling the Death of American Newspapers“, is this:
“Swiftly moving competition from emerging Web sites has hastened the downfall of newspapers. As more people turn to the Internet for news — even, ironically, to the newspapers’ own Web sites — fewer subscribe to news printed on paper. As circulation dwindles, so does advertising revenue. And without the same amount of advertising revenue, newspapers can no longer afford large, comprehensive, news-gathering operations. So the newspaper shrinks, attracting fewer readers, leading to a decline in advertising revenue, and the death spiral continues.
Newspapers have tried, with varying degrees of success, to migrate to the Web and hold on to their readers. But the advertising revenue is dramatically less than it was for the print version. (Many advertisers have their own economic problems to solve.) Consequently, newsrooms are having to contract — through buyouts, layoffs, combining or closing certain sections and even shutting down the presses altogether. There seems to be a general consensus that the kind of print and photographic journalism supported by large newsrooms and substantial resources is teetering on extinction.”
Even worse, the publications that seem to be thriving in this economic atmosphere, have nothing to do with investigative journalism or memorable imagery. The New York Times has a great tracker for comparing the difference in advertising revenues for major publications during the past 3 years. Interestingly (and rather disturbingly), most tabloid publications recorded significant increases in revenue, like inTouch, who increased advertising by 68% from 2005 to 2008. In contrast, magazines like Newsweek, Businessweek, New Yorker and Time took big hits in ad sales. But the big winner? TV Guide, whose ad sales increased in volume by a whopping 458% over the same three-year period. Americans love their televisions.
Many print publications have been able to stay afloat, just barely, by developing robust online content. So far, it has been nearly impossible to gain the same level of advertising revenue from online publications as from print editions. But the idea of bolstering missing advertising revenue by charging readers to view content online doesn’t seem a likely scenario. Experts agree that consumers simply won’t pay for news content online. People want their news for free. Period. And the internet is more than willing to oblige; with blogs, free news sites and even syndicated news sites, consumers have all the news they need at their fingertips.Despite the floundering newspapers, ironically, the demand for news has never been higher. Web traffic to newspaper websites was up 12% in 2008. MSNBC saw 45 million unique visitors in January 2009. People seem to reconize the value of quality newsgathering, but are unwilling to pay to access it. Smart newspaper publishers should recognize that the end of print news is near, and should invest time and money in developing their online presence to shift to an online advertising-only revenue model. If they accomplish that, they might be able to survive.
As for consumer magazines, the weaker ones are rapidly being culled. But these special-interest publications are much more resilient than their newsprint brethren. Why? Two reasons. First, because they generally carve out a specific niche for themselves, instead of covering a wide array of subjects relevant to the general public. In contrast, every newspaper in the country covers the same major national news stories, giving newspapers a massive redundancy factor. The second advantage of magazines is that while they may publish time-sensitive information, the shelf life of that information is much longer than the average news story. Newspapers can’t compete with constant online updates - by the time a printed paper hits the newsstands, it is already 6 hours old (eons in news-time).
The morals of this evolving obituary? What does print media need to do to survive? My advice:
1. Develop a dynamic and interactive web presence. The Internet is not going away. It is here to stay, and it will bury print media inthe near future. For publications to survive, they must embrace web content, not fight it.
2. Carve out a niche. Even newspapers can capitalize on niche reporting. Downsize your print edition and localize. The one thing that the consumer cannot find easily online is in-depth local news. Leave the redundant national news stories to the big guys, and focus on developing hard-hitting stories within the community. They’re out there - go find them.
3. Increase your shelf life. Focus on stories that are relevant for days or weeks or even months after you report on them.
As for me… I’m going to cross my fingers that magazines and newspapers can and will survive in one form or another. After all, they write my paychecks.
It was time. Keen’s previous site, though Flashy and fun, had many pitfalls. First and foremost, a couple of the pages took 15+ seconds to load, which we all know is WAY too long for the average surfer even when distracted by a mesmerizing circular preloader graphic. And the more portfolio samples I added, the longer it took to load the animation. Hmm.
So I decided to upgrade to an XML-based site design. The new site features fast loading times, XML embedded slider applications for the different navigation sections, a fancy intro slideshow, a news announcement page, a description of our services, an introduction to Plateau Photography (as well as links), and a fillable PHP contact form. Spiffy. Here’s a screenshot from the print design section:
Want to see it for yourself? Visit www.KeenGraphics.net.
Okay, I feel kind of silly.
I never really liked Photoshop brushes. I felt they were rather limited in scope, and it was difficult to get the effect I wanted. I ended up doing a lot of rotating of the image, a lot of copying and pasting and free transforming.
And now I find out all that work was for nothing.
Adobe, being the geniuses that they are, include an entire options window for brushes. I noticed it before, but never really explored it fully. So, I’m passing on this incredibly simple tip to you…
Window>Brushes produces the Brushes toolbox window. Click on “Brush Tip Shape” (the cleverly hiding option without a checkbox) at the top of the Brush Preset menu list on the left hand side of the window. And ta-da! Here’s what you get:
Using this option panel you can rotate the brush to acheive the effect you want, as well as edit the spacing of brush strokes. Pure gold. And so simple…
Amazing that a person can use Photoshop for 11 years and still learn new things every day. Ha.
Enjoy!
I know, it’s been a long time. I’ve been very busy with the publications I design, not to mention enjoying the summer outdoors.
On to business…
We all know that web presses (presses that print magazines and newspapers) run in CMYK plates, as opposed to RGB like your local Kinko’s would. Normally we create our design files in CMYK, whether in Photoshop, InDesign or Illustrator. It’s almost automatic. But sometimes we all receive the occasional “camera-ready” illustration or ad file that needs to be converted to CMYK. And sometimes this process produces blackbuilds or rich blacks. So let’s try to understand the difference between the two and why/when it is important to use one or the other.
First of all, CMYK is composed of four plates, or process colors. Cyan (C), Magenta (M), Yellow (Y), and Black (K). Standard process black is 100%K, or 0/0/0/100. Visually, 100% Black is a kind of washed-out black, not a deep black like we can obtain through rich black. Rich black combines ink from all four plates to produce a dark, super-saturated black. An example is below, which uses 70/82/90/100.
Rich blacks can be very useful when looking to obtain a deep, dark black over a large field of solid color. However, be aware that utilizing rich blacks can have two negative effects:
1. Super-saturation. Depending on your medium, this can be a real problem. If you are designing for newsprint, using inks in excess of 240% can cause the ink to soak through the page and obscure content on the other side. In the above example of rich black, we would be using ink percentages of 342%. Check with your printer to see what their maximum ink limit is for the medium you are using. You can check overprints in Adobe Acrobats “Output Previewer” option (more on that later).
2. Registration problems. This is the most common dilemma caused by rich blacks. Sometimes the registration, or alignment of the different color plates will be just a fraction misaligned. This is normal, especially for newspaper printing. However, when utilizing all four plates to create black, especially text or knock-out text, the margin for error is minimal and misaligned plates can cause illegible text.
Below is an example of using 100%K text compared to rich black text:
And here is an example of knockout white space in a field of 100%K as compared to a field of rich black:
As you can see, rich blacks should not be used on black fields with knockouts, or on text under 48 pt. Using these general guidelines will hopefully help you avoid ugly or illegible text.
So what happens when you receive camera-ready artwork that needs to be converted to CMYK from RGB?
This can be a frustrating process. But it’s really quite simple. When converting an image file or PDF to CMYK in Photoshop, it generally defaults to CMYK profile US Web Coated (SWOP) v2. However, as illustrated below in the channels window for our camera-ready ad, this profile creates blacks built with color in all four channels. No bueno.
The key is creating a custom CMYK conversion profile that limits the black ink to 100%, and generates the maximum amount of K for blacks. To do this, we will go to Edit>Color Settings…>CMYK dropdown menu>Custom CMYK…
This produces the following screen:
Here we will select GCR, Black Ink Generation = Maximum, and Black Ink Limit = 100%. Click OK. This will save your custom CMYK profile. Exit the Color Settings window and return to your RGB image waiting to be converted. Now we will convert to CMYK by selecting Image>Mode>CMYK like we always do. But this time it will load the custom profile you just made, and presto! Look in your channels window and you will see that ll the black is in the black channel.
Also note that an easy way to check for built/rich blacks in a camera-ready PDF is to utilize Adobe’ Output Previewer. In Acrobat Professional, go to Advanced>Print Production>Output Previewer. Not only will this break down the ink builds when you hover the mouse over colors on the page, but it will highlight rich blacks and overprints for you. This is a very useful tool when preflighting your print files.
I hope this brief tutorial is helpful. If you have any questions, feel free to ask!
Everyone is going “green“. Families are assuaging their consciences by replacing their home lighting with CFLs, businesses are buying out of conscience by purchasing carbon offsets, and eco-companies are selling conscience on every imaginable level. Despite the varying motives for this trend, it is one that appears to be sticking around.
- It is important, I think, to differentiate “green” and “sustainable” before we continue. “Green” (eco-friendly, low-impact, etc.) focuses on reducing our impact on the environment. A lofty goal worth working for. “Sustainable” is more of a methodology for innovation that seeks to understand and utilize the complex systems of the environment to better incorporate new technology into it. Thus, successful sustainability would render being “green” unnecessary. -As I was listening to NPR the other day, they broadcast a story on biomimicry. The idea of biomimicry is to derive inspiration and solutions from nature for sustainable innovation. Essentially, when faced with a dilemma, we ask, “What would nature do?” For example, when faced with the dilemma of liquid storage, nature provides us with myriad solutions, ranging from the snail to the banana to lettuce. Lettuce is 98% water, but when punctured, the leaf does not leak. Imagine if we could produce packaging that, instead of employing the traditional method of thicker leakage barriers (and thus excess materials), could utilize the structural matrix of the lettuce leaf to render the vessel leak-proof?
Or, more pertinent to this blog, let’s examine nature’s construction of vibrant color in the peacock. All the colors of the peacock are actually comprised of just one brown pigment, melanin. The secret to those vibrant hues lies in the microstructure of the feather. This allows light to bounce off of the structure in a way that produces vivid blues and purples and greens. What’s more, this is done without dyes, is 100% permanent, safe, and edible! Imagine if we could create packaging for food on this model, so that you could eat the packaging along with the food! Or, imagine if magazines were printed in a manner that never required recycling to return to nature?
The introduction to this radio broadcast mentioned that the narrator met Janine Benyus (founder of the Biomimicry Institute, a collaboration between biologists and innovators) at a national graphic design conference. My ears immediately perked up. Though the story focused primarily on packaging/product design and structural design, I wondered how this concept can be applied to my trade. How can graphic designers employ biomimicry? The answer is twofold:
Concept:
Inspiration is all around us. Nature provides us with endless combinations of shapes and colors and textures. It is possible to incorporate these basic yet elegant images into our design, without being pigeon-holed hippie artists. The vision for biomimicry in graphic design is to subliminally promote respect for the natural world by incorporating nature into visual design.
This is not a new phenomenon and has been utilized for decades, again for myriad motives. Combined with color theory, abstract symbolism is used by corporations to portray a very deliberate image to the marketplace. A prime example comes from the marketing genius of multinational petroleum giant BP. BP, through the use of color and shape, managed to both subliminally portray itself as sustainable (yeah, right) with the liberal use of the color green, and to incorporate the sacred lotus blossom into its image. Though my sensibilities are offended by this double blasphemy, I must admit it is marketing genius. Below:
Lotus flower:
BP logo:
So how can we use our powers for good? How can we incorporate natural art into human art, when often the recipient is unrelated to eco-industry? I know my own clients range from NPOs to publications to software companies, and biomimicry presents a unique challenge in design for these clients when their marketing strategies are not focused on being “green”. Below is a wonderful example, including a portion of a social service industry ad and its biomimicry inspiration:
Ad:
Natural inspiration:
Here the designer drew visual inspiration from the skeleton of a leaf, and the imagery was made all the more potent by the green element containing the main text of the ad. This accomplishes the concept of biomimicry without converting the subject into something it is not. We can all strive to take our cues from the natural world. Take note of color and shape next time you are in your backyard or even walking to the mailbox. How does nature construct itself visually? Art should, after all, represent life… even if abstractly.
Execution:
This element of biomicry is, for the graphic designer, much much harder. How can we find natural structure for the packaging or print materials we design for? Applying the idea of biomimicry to the end products of graphic design poses an intimidating challenge to those of us who are not inventors or structural designers. We feel we are limited by the product resources we are presented by our vendors. And perhaps we are. So must we then settle for “green” instead of biomimicry? Perhaps. And perhaps this is better than nothing?
An easy thing to do: When calling around for print bids, take bids not only on price but on availability of recycled materials or low-impact print processing. Present these options to your client. You’ll be amazed how often they will opt for the “greener” alternative.
And maybe, just maybe, by applying the concept of biomimicry to our visual design, the ideas will trickle down through the layered soil of the design industry and permeate the very roots, the structure of graphic design. Perhaps if we insist on incorporating nature into the imagery, the innovations of the execution phase will follow.
So pay attention. Inspiration is everywhere, and you needn’t look further than your biological surroundings. Nature wrote the book on art, and perhaps it is time that we give it proper annotation in our bibliography of design.
Want to learn more?
WEBSITES
Package Design Magazine on biomimicry in package design
READING
Benyus, M. Janine. Biomimicry: Innovation Inspired by Nature
Gatter, Mark. Getting it Right in Print: Digital Prepress for Graphic Designers (some relevant chapters discuss environmentally-friendly inks and materials)
Papanek, Victor. Design for the Real World: Human Ecology and Social Change
California College of the Arts
The College offers a course entitled “Applied Biology for Designers and Artists”. The goal of the course is to introduce students to the basic concepts of biology and relate these concepts directly to design and artistic work using the field of biomimicry.
Minneapolis College of Arts and Design
Offers an on-line course called “Biomimicry for Designers” taught by Dayna Baumeister of The Biomimicry Guild.
For some reason, people seem to shy away from a very useful tool in Photoshop known as the Clipping Mask. It can be used to isolate elements of an image, for instance to overlay part of an image over text or other graphics. You can also use it to knock out or blur backgrounds, apply filters and much more. Instead of using this tool, people often try to cut out objects using the polygonal lasso tool, the freehand select tool, or myriad other difficult and time-consuming methods. Here is a quick tutorial on how to use the Clipping Mask in Adobe Photoshop:
1. Open the image you wish to clip or cut out. For this example, we are using a photograph of a chipmunk, and out goal is to insert text behind the rodent’s head but in front of the background.
2. Duplicate your background image layer, so you have two identical layers.
3. Create a new blank layer. This will be your clipping mask layer. Order this layer between the two image layers and make the top image layer invisible so we can see our clipping mask layer clearly.
4. Set the opacity of your clipping mask layer to 50%.
5. Using the paintbrush tool and whatever color you want, paint over the area of the photo you wish to cut out. In this example, we are cutting out the head, so I colored in the entire head area with a red paintbrush.
6. Return your clipping mask layer opacity to 100% and make the top image layer visible again.
7. Holding down the “Alt” key, click on the line between the top image layer and your clipping mask layer in the “Layers” tool window. This will create the clipping mask for the top image and exclude all parts of the image not covered by your colored clipping mask. Now you are ready to insert the text.
8. Create a new layer, and order it beneath your clipping mask and above your background image layer. Type in whatever text you want and position it so the clipped portion overlaps it.
9. All done! You can now flatten the image if you are done and save it as a JPEG or similar, or you can leave it as a layered PSD or TIF to edit it later.
Quick announcement:
Keen Graphics is now operating from an office in Las Cruces, New Mexico. It was time to escape the cold.
I’m excited to open up new design markets in the Four Corners area, as well as Texas and the southern states.
Not to mention my Spanish language skills will improve drastically…
