Warning: Political Art Object Ahead.

When I launched FF back in 2007 I envisioned it as a personal playground, a sketchbook, a sandbox and a refuge from my daily graphic design job, which can become more “production” than “creativity” on any given day. Not complaining—I’m lucky to be paid for what I love to do—but every job has it’s drudgery. So FF was created as a place devoid of clients, art directors or deadlines. And as my little no-stress corner of the blogosphere, where I rarely post “troll bait” subject matter, I’ve been able to make it pretty “flame proof”, or at least “flame retardant” (I do occasionally get a critical comment but more about technique than subject matter).

So it isn’t often that I post politically sensitive content in this space. Instead, I try to adhere to the original mission for Foolish Fire which simply put is to make it more “Foolish” than “Fire”. But news events of late, namely the situation in Ferguson, MO and elsewhere, have awakened my inner rabble-rouser, so I’ve used words and pictures (besides voting…my favorite tools) to make a statement here, in the form of the graphic below, titled “Dear White People”.

If you’re a subscriber to Foolish Fire, first, thank you—I appreciate that you’ve seen something on FF you like well enough to open up your inbox to the occasional email. You may want to close it after this piece, or after future pieces that aren’t just about hand lettering and inspirational quotes. And that’s fine. I get it. I’m always editing my newsletter list.

I still intend to keep this space more playground than political forum, but as I get older and gain the perspective (and orneriness) that brings, I’ll be honest, I’m not sure I can remain silent, even here. Especially here. There are simply too many issues in this world that demand my participation and I recognize that as an artist I don’t just have a calling but a responsibility, so sometimes that requires a brief foray into the political realm. Don’t mean to wax all lofty but there you go.

So as always, take what you like and leave the rest…and have a nice day.

white-male-poster

Flow Magazine is the finest publication in the world…

Flow-page

And not just because they commissioned and published an illustration from this blogger, but I won’t lie, it does go a long way. Would I have so passionately recommended Portable Restroom Operator magazine (a real publication…I Googled it) if they’d bought an illustration? Not likely. Okay maybe. But seriously, Flow is the real deal.

If you’re not familiar, Flow is a Dutch publication directed mainly toward women seeking to “simplify their lives, feel connected and live mindfully.” Hey, aren’t we all? And the great thing is that Flow is available in honest-to-god 3D, meat world, glorious paper (as well as in pixels on iTunes). You can order all formats from their website. English versions are available.

So call me androgynous, call me a metrosexual..I am completely sans uterus and I loved this magazine anyway. Clever knows no gender.

Be the Hero of Your Own Story

I wrote this line but it’s probably not original—don’t care, didn’t check. It felt authentic in the moment. I’d created the little flying dude a while ago after looking at a book of primitive African motifs. He represents some kind of hybrid bat/man in African mythology.

So… bat + man = Batman = hero = hero myth = Joseph Campbell = follow your passion = be the hero in your own narrative. And that’s the way that particular rabbit hole happened.

Fooolish Fire :: Be the Hero in Your Own Story

 

 

 

The Best of Foolish Fire Readers’ Chalkboards

In past chalkboard-related posts I’ve put it out there that I’d love to see what chalkboard background buyers/downloaders are making with these files. On occasion I hear back…

So thanks, Marilyn Curtright. Great job, and I’m glad the backgrounds came in handy. With the popularity of chalkboards still on the rise there are more and more free fonts and resources for chalkboard artists who want to create a chalkboard effect without inhaling dust or even adding hand-lettered and scanned text.

Marilyn describes in meticulous detail how she created the poster below In Photoshop, even down to the fonts and hex colors.

Foolish Fire :: Reader's Chalkboards

Thought I’d let Marilyn describes the process in her own words:

“Hi James,

I belong to the Art Journal Caravan for 2014, a year-long “workshop” held by Tangie Baxter over at ScrapbookGraphics.com. For week 10, back in March, one of the prompts suggested to make a layout using a chalkboard effect. So with your chalkboard background as a base, some nice chalk fonts and dingbats, and a great quote, I put together my piece.

Chalkboard background from foolishfire.com, fonts include Bergamot Ornaments – dingbats, Kraft Nine, Handy George, Return to Sender, Chalk-hand-lettering, Clementine Sketch, Square Chalk, DeLouisvilleSmallCaps

Font color: #d1d5d3 (lightish gray). I didn’t want it to be stark white.

For each text layer, I added a pattern overlay to my text, just something that looked a bit like crumpled paper. This was set to NORMAL at about 50% opacity to give the wording some texture.

When I was done with my design, I created a composite of all my layers. At the top of the layer stack, Ctrl-Alt-Shift-E.

On the composite, I created a layer mask, with low opacity, used the same font color as above and with random brushes, I lightly brushed over all creating the smudged chalky effect.

I did use as a resource a tutorial by Courtney Odell, found on the web.

Hope this helps.

Marilyn

 

 

A Foolish Fire Tutorial :: How to Make a Collage in Photoshop

A Foolish Fire Tutorial :: How to Make a Collage in Photoshop

I’ve been making collages in one form or another since I was old enough to wield scissors and paste, which turned into long hours during the summer and after school stuffed into a poorly ventilated darkroom combining cut-up Kodalith sheet negatives and printing large-scale BW contact prints, which turned into Photoshop 3.0 and a Mac FX, which turned into..well faster and better “scissors and paste” and a permanent “buh bye” to smelly rooms full of chemicals.

There is something magical about the process of starting with a collection of unrelated images and seeing hidden relationships appear— a hundred tiny acts of discovery..

The medium of collage is a huge part of the message and for me serious serious fun. So in keeping with the purpose of this site; if I do it, I’m happy to share it.

Here’s the finished piece I’ll be using as a case study. It’s called “Autodidact”, which means self-taught (news to me). The collage began as a much smaller piece, inspired by “Brazil”, the Terry Gilliam opus and grew in complexity as I thought about how many influencers and levels of inspiration actually contribute to our “self-teaching” as we grow and mature.  Anyway…

A Foolish Fire Tutorial :: How to create a collage in Photoshop

Photoshop allows the artist to assemble a collage in pretty much real time with a few basic skills, a scanner and/or some image files that already exist on your hard drive. While this tutorial is really aimed at the intermediate Photoshop user, anyone familiar with PS basics can make interesting and satisfying work while keeping the learning curve frustration to a minimum. We hope.

My collage subjects have always tended to be a bit on the dark side. Heavily influenced by Bosch, Magritte, Dali, Uelsmann and dare I say it, Monty Python in my formative years it’s no wonder, but with collage, the sky is literally the limit. If you’re drawn to unicorns and daisies, go for it!

So in lieu of an Xacto knife or scissors, digital collage requires only a mouse and a lasso tool. The Photoshop layers palette contains all the bits and pieces you would have carefully cut out and readied to glue on to some sort of background—so we’ll start there. But first, here’s what you’ll need:

  1. A copy of Adobe Photoshop 4.0 or above or Photoshop Elements.
  2. A flatbed scanner or scanner app to convert hard copy (real paper) source files and ephemera (items of collectible memorabilia) to digital files.
  3. Hard copy or digital ephemera or source files.
  4. A sketchbook, pencil and eraser.
  5. An hyperactive imagination tempered with a sense of restraint.

Step 1: Create your canvas (background) .PSD file

Foolish Fire :: How to make a collage in Photoshop

Start with a standard, printable size. You can always adjust your canvas size as your collage takes shape.

First, decide what the output medium and final size (dimensionally) will be; print or web or both? if you ever want to be able to print your work, set up your base file at 150-300 dpi. It means your .psd may be pretty beefy by the time you’re finished, but worth it to ensure decent print quality. If you only want to display your work on a website or blog, create the base file at 72 dpi, it’ll make the whole process faster by not hogging as much bandwidth.

Rule of Thumb: when working with bitmapped (pixel-based) files, you can always “Save As” lo-res files from hi-res files, but not the other way around without severe quality loss. Hedge your bets by starting off at 300 dpi if you even remotely think you might print out your work at some point.

Step 2: Gather your source material

This is probably the step with the most wiggle room. There are so many ways collages come together; sometimes an interesting relationship happens between two or three objects, or you may have an entire narrative in mind which then becomes about locating the right imagery. 

I often start with a concept or theme in mind, then scour my ephemera and photography folders for likely collage candidates. I’ve been collecting “scrap” from old magazines, found art, discarded photos, parts of old manuals and postcards for years, so I have a lot to choose from on my hard drive. Antique stores, flea markets and second hand stores are great sources for old print material, magazines, manuals, postcards and discarded scrap books full of photos. Sites like Retronaut or Time Tales are great places to start to downloading copyright free material. 

Rule of Thumb: An image you pulled off a web site will be 72-96 dpi by default. If you’re making a collage for print at 300 dpi, that image may be tiny when you paste into your base .psd file. Enlarging it to fit will generally NOT produce the result you want, although if you don’t mind the “crunchiness”, sometimes you can Unsharp Mask the *@#+ out of it and may get acceptable results. 

I browse my scrap folders with Adobe Bridge so I can see lots of thumbnail previews at once, but there are other options for folder browsing including Preview and iPhoto or other freeware options. Just Google “image browsers mac/windows”. 

Foolish Fire :: How to make a collage in Photoshop

I use Adobe Bridge to browse folders full of “scrap” but any browser app will work that allows you to open a file directly into Photoshop.

As source images start to speak to you, open them in individual windows in Photoshop. You’ll be working with .jpgs for the most part—which is fine, .gifs or .pngs work as well but be conscious of the resolution of your source files. 

Rule of thumb: Beware of copyright restrictions for anything you might use off the web. Even vintage materials are subject to copyright if they’re part of a collection. Check your sources for permissions. You’re generally safe using older/vintage material in the public domain as long it’s not for a profit-making enterprise but copyright law is not an exact science. Archive sites like www.retronaut.comwww.timetales.com, bitlounge.com and westfordcomp.com are wonderful one-stop sources of collage material but often hold copyright on their material and may limit use to non-commercial purposes only.

Always scan hard copy scrap at the same resolution (or higher but not lower) as your base .psd. 

Step 3: Get organized, but not too organized

This step is about setting up your file so you can start playing with your layers.

In Photoshop (and Illustrator and InDesign for that matter) there is a thing called “good layer hygiene”. It means that whenever you work with a layered document, proper naming of those layers is a best practice from the beginning because as you’ll learn, layers tend to multiply like bunny rabbits. Collage is such an organic, make-it-up-as-you-go art form, to save yourself a ton of grief, label those layers!

Foolish Fire :: How to make a collage in Photoshop

A well organized layers palette actually makes spontaneity more possible.

That said, don’t get too hung up on the fussy workflow advice. Spontaneity is key, so as a compromise, I usually stop after I’ve created five or six new layers and do some housecleaning i.e. delete any inactive layers I’m sure I won’t be using, name any unnamed layers, put logical layers into folders. If you tidy as you go, you’ll also reduce bandwidth drag by getting rid of unnecessary layers.

In a collage, you’ll be building something of a pyramid structure, with the base layer and background files occupying the entire real estate of the piece and a much of edited and/or masked images or fragments of images stacked on top. 

I usually add a background texture at this point but most often end up changing it once my artwork is in place. The layer right above your background layer should be the Background Texture. 

There are multiple sources online for obtaining digital background textures including my personal fave Creative Market. They have plenty of freebies as well as affordable collections. I also keep an eye out in the real world for interesting walls, pavement patches, sides of buildings, graffiti and random and interesting paint textures.

Step 4: Cutting and pasting

This is where a bit of expertise in using PS selection tools can be useful. Pick one of your open source files and either select the area you want to use with the lasso tool or Select All and copy the entire file. If I’m using the lasso tool I generally don’t try to be too precious with the selection at this point—instead I’ll draw my selection 10 pixels or so wider than what I really want. I’d generally rather do the final edge cleanup on the placed layer. 

Go to your base file and paste the selection. You’ll note a new layer has just been created. Name that layer and proceed repeat the process of copying and pasting source material into your base file, creating more layers as you go. Give each layer a name.

Step 5: Layer Masking

Foolish Fire :: How to make a collage in Photoshop

A layer mask allows you to use only the parts of an image you want without permanently erasing pixels. This is the TV image I used in the top of the example collage with the mask on.

Foolish Fire :: How to make a collage in Photoshop

This is the orginal image with the mask disabled.

Layer masks are almost mandatory with this kind of iterative process. Snapshots and Adjustment Layers also come in handy but in the interest of simplicity and my short attention span, I use masks on almost every layer. If you’re not familiar with masks in PS, they allow you to edit the content of a layer without committing to the edit. Simply select what you want to keep with the lasso tool or magic wand and click the mask icon at the bottom of the layers panel. When the layer icon is elected, you can subtract pixels with any brush tool given a black foreground color, or with a white brush to add back the original image. This is an intermediate level tutorial so I won’t go into much more detail about masks—trust me though, they’ll make your life a lot easier when creating a collage. 

Step 6: Blending Modes: the way layers interact

Blending modes can make or break the look and feel of a piece. They are not an exact science and for me is a matter of feel rather than trying to predict what a layers will look like with a particular mode applied. I do a lot of reversing (Command-I) and using Screen mode on BW line art to eliminate backgrounds and pop out of dark backgrounds, and Color Burn with photographs is a favorite as well, but overall I recommend trial and error. You’ll know when it looks right. 

Step 7: Image adjustments

In order to get layers to play nicely, adjust them individually for levels, opacity, contrast, hue and saturation, etc. I usually do this toward the end when composition has been more or less decided. This is all part of the fine tuning process along with zooming in to be able to clean up unmasked pieces of layers with the brush tools. 

Step 8: A word about composition

Design schools teach that every work of art succeeds or fails based on composition. Even fine execution takes a back seat to the creative placement of elements. Some rules apply here but as your collage takes form, reduce the window size so you can evaluate the piece from a distance. Or better yet use an old photographer’s trick and look at it upside down (or just ask an old photographer). Your collage should make compositional “sense’. Think “rule of thirds”, eye tracking, point of entry, hotspots, border integrity, it all matters and separates the clip art projects from the fine art. 

I often move elements around in groups (which is why creating layer groups is important) in order to solve compositional problems. It’s one of the benefits of working in Photoshop as opposed to scissors and paste. 

Step 9: Working with text 

A lot of my pieces contain some form of text, either drawn or placed as images. I rarely use fonts but that’s a subjective choice. Text can help illuminate or enhance the theme of a piece, which may not always be obvious to the viewer. I personally don’t mind if a viewer has to work a bit at deciphering the symbology of a piece, just as I don’t mind it when viewing other artists’ work. Collage is by nature symbolic and multiple interpretations are inevitable. In fact it’s one reason why I love the medium so much. Bits of text can be signposts, however, providing literal or poetic clues for the viewer. That said, I often find deciding how to use text to be the biggest challenge. 

Step 10: Knowing when to stop noodling

Sometimes the process of collage making can be so engaging it’s hard to stop. Like editing my own writing, I have a tendency to start out overly complicated and simplify, simplify.

The best collages may be comprised of hundreds of individual images but still look cohesive and “legible”. Restraint can be applied not just to the judicious use of imagery but to your color palette as well. You’ll note in the “Autodidact” piece, there are really only two colors. Economy in one aspect of the work can balance excess in another.

A Foolish Fire Tutorial :: How to Make a Collage in Photoshop

Every image on the perimeter was used in some way to create the final collage.

More collagiality

These are pieces created using the processes above. Many were created around Illustration Friday weekly themes. Starting with a one-word topic is a great way to keep the creative muscles toned.

A Foolish Fire Tutorial :: How to Make a Collage in Photoshop

Evolution Take 3

Foolish Fire :: Collage Portfolio

Beginner’s Mind

Foolish Fire :: Collage Portfolio

Perennial

Foolish Fire :: Collage Portfolio

The Drink Takes the Man

Foolish Fire :: Collage Portfolio

Cowbird Blueboy (animated GIF)

Foolish Fire :: How to create a collage in Photoshop

Stay (animated GIF)

Foolish Fire :: Collage Portfolio

Obsession

Foolish Fire :: Collage Portfolio

A Memory of Shadows

Foolish Fire :: Collage Portfolio

Fountain of Youth

Foolish Fire :: Collage Portfolio

A Little to the Left

Foolish Fire :: Collage Portfolio

Swept

 

 

Chalkboards in Spaaaaaaace

One really nice perk of doing this blog is meeting really nice people like Dawn-Marie Dugan of Maison Rouge Creative, if only virtually.

Her 1-year old Leo had his first birthday party back in March and she used one of Foolish Fire’s hi-res backgrounds as a base for the invitation design you see below. The typography is a combination of hand lettering and “chalkboard font” and the artwork is all hers.

She hired online print vendor Smartpress to have them printed and used a chalk marker on black envelopes along with some groovy vintage, space-themed stamps to complete the invite package.

So this is what’s possible with a little inspiration, some online resources, a copy of Photoshop and the superior organizational skills to manage an art project with a 1-year old trying to destroy your studio. As a fellow parent/artist, my hat’s way off.

And if you like these, and want to hire Dawn-Marie to design yours, I understand she may be taking taking custom orders. Contact her through her web site. She’ll get back to you while Leo naps.

Chalkboard Invitation using Foolish Fire Backgrounds and Maison Rouge Creative's Design

Chalkboard Invitation using Foolish Fire Backgrounds and Maison Rouge Creative's Design

Chalkboard Invitation using Foolish Fire Backgrounds and Maison Rouge Creative's Design

Rumi-nations

This Being Human is a Guest House:: Foolish Fire

This quote hit me where I live, pun intended. A “guest house” is a perfect and profound metaphor for the daily experience of being human and standing at that threshold where we either invite in the “unexpected visitor” or send him packing along with his freaking “crowd of sorrows”. Rumi crushes it again.

HiRes Chalkboard Background Files in PSD format

ff-chalkboard-hires-psd

Bigger, more customizable chalkboard backgrounds for designers

Challenge: Lately I’ve had several requests for backgrounds that have particular features, like more “chalk” blur, or fewer scratches and specks, etc.

I’ve also been asked to provide backgrounds at larger sizes for posters and signs, especially for weddings, menus, etc. So…

Solution: Rather than reinventing the wheel and creating multiple versions of the chalkboard background files, you get to do all the work! Brilliant! Thank you.

So have at it, you uber-picky chalkboarders. Here are my original .PSD files for your edification.

  • 300 dpi so they’ll print with quality
  • RGB color space so you can add color tints if you’re so inclined. Change mode to CMYK of Grayscale for print projects.
  • Layers are clearly marked so you know what you’re altering.
  • Create more layers and/or add text according to the formula outlined here.

8.5x11 PSD files for 3.99

16x20 PSD files for 5.99

 

Playing in Traffic

Traffic-Related Typography Thing #1

Sometimes life dishes out serendipitous moments like it’s an all-you-can-eat buffet. One moment you’re sitting at a stop light, idling both mechanically and mentally, and you notice out of the corner of your eye something slightly askew—a thing out of place, context, space and/or time. Or in this case just a weird-ass traffic sign.

So it was on my way back from Costco, when this caught my eye…

Playing in Traffic :: Foolish Fire

I love this and I don’t know why. It’s utilitarian yet transcendental. A perfect example of anomalous environmental design. A public “work” of art that asks as many questions as it pretends to answer. It warns, yet reassures. Honestly, I’m not even sure what the hell it means—is it warning me that traffic ahead is in fact calmer than the traffic behind? Or is it a veiled invitation to keep driving because traffic-related stress reduction awaits? I don’t really care. I just have to applaud not only the enlightened civil servant who wrote the copy for this sign, but his or her boss who had to approve it.

So I circled back and made this photograph and on the way home mused about what would happen if the City ran with this whole new “touchy feely” traffic sign idea. Here are some outcomes…

traffic-curb-rage

Playing in Traffic :: Foolish Fire

Playing in Traffic :: Foolish Fire

Playing in Traffic :: Foolish Fire

Late breaking news: Traffic calming is a real thing! If I’d done my research before writing this post I would have uncovered about a million Google search results, and a whole Wikipedia entry devoted to “traffic calming”. Who knew? Not me apparently. Moral of the story…I should get out more. But I still love it. Thanks to the psych major with the minor in traffic engineering who came up with the idea.

Traffic-Related Typography Thing #2

So some years ago (easily dateable by the “dad” jeans) I bought a really big paper mache “J”. My intention was to do something clever with it and give it to my niece Jessica for Christmas. On the way home I abruptly asked my wife to stop the car so she could photograph me walking across the street, not in the crosswalk, carrying the “J”. I avoided getting a citation and the rest is typographic history.

J-Walking