Touch of Magic » Color

Flirty Fish Finished

Jeff Bucchino — Tue, 02 Aug 2011 14:00:52 +0000

Here I present the final, color version of the last two posted fish sketches. It was finished and assembled in Illustrator to make it easy on the vinyl guy who will be adding the graphic to the boat. I added a very subtle touch to the fishing line, in keeping with the theme of the cartoon.

iPad sketch

Jeff Bucchino — Tue, 11 Jan 2011 15:00:03 +0000

Armed with a new iPad and Sketchbook Pro, I present to you my first quick still life using those tools. A sippy cup sitting on a cloth. This thing will force me into a more painterly style while using it, although probably not for my finished cartoons done with ink and paper.

Bronco Pig Color

Jeff Bucchino — Wed, 29 Sep 2010 14:00:08 +0000

As promised, the color version. I could be a little happier with the expression on the pig’s face. Maybe I’ll work on that a bit and soften it up somewhat to be a bit less evil looking.

Pig Pickin 2

Jeff Bucchino — Thu, 22 Apr 2010 14:00:57 +0000

Well, the creek stayed where it was thankfully, so here is the color version of Tuesday’s sketch as promised.

Zodiac Crayons

Jeff Bucchino — Thu, 18 Mar 2010 14:00:09 +0000

Like every other child on the planet, crayons were my first drawing medium, and as an artist, they hold a very special place in my heart. Diem Chau has taken crayons to a completely new place that I could have never gone. In my mind’s eye, I see picking one of these up and having to fight the overwhelming inspiration to draw with it. By the way, but my favorite is my sign.

Liquor Labels

Jeff Bucchino — Tue, 12 Jan 2010 15:00:04 +0000

Continuing in the cartoon series of booze labels, I present two new labels that I’m kinda fond of. Notice the skulls blended into the background of the vodka label to give a bit of texture.And two revised versions that are a little more on the practical side from a production and printing standpoint, although maybe not so much from a marketing point of view:

Wizard Bock

Jeff Bucchino — Thu, 07 Jan 2010 15:00:35 +0000

These are a couple of mock beer brands I had to create and get out of my head. Even though I’m not a drinker, I do enjoy looking at the label designs. Aside from the initial hand drawn cartoon portions which were turned into vector art, these were created entirely in Illustrator.

Fish ‘n’ Chips

Jeff Bucchino — Thu, 24 Dec 2009 15:00:41 +0000

Here is a commissioned Illustrator cartoon that will be put on a dark blue background, on the stern of a boat named “Fish and Chips”. I’m sometimes surprised and often honored by being chosen as the artist for many of my client’s projects. Some of the more unique uses that have been found for my cartoons are on orthodontic devices, children’s prosthesis implants, enameled pins, cake decorating software, quilt designs and vending machine graphics.

Shading Cartoons in Photoshop

Jeff Bucchino — Thu, 27 Aug 2009 14:00:16 +0000

Shading cartoons with Photoshop takes some creativity at times to achieve the results you want, especially if you change your mind (or the client changes it for you) after hours of work. If you’ve used a color in a large area that doesn’t look quite right after you’ve added texture, highlights and shadows, it probably won’t be easy to go back and recreate or repaint that area from scratch. Well, with a little forethought and the help of layers, color, blending modes and levels, you may be able to save yourself some time and avoid completely reworking the area. This can do wonders for your sanity and blood pressure if you are up against a deadline.

I use the Magic Wand on the line art layer most times to make my selection and expand it if necessary into the line art to insure I have the entire area covered. Once you have your selection made, create a blank layer above it in the layers palette. Choose a color and fill the area that you need to alter. The color at this point doesn’t really matter, it’s essentially a placeholder for the final color we will be using in the next step.

Neatness is always nice, but since we are using a completely separate layer for this step, we can easily go back and use the eraser to cleanup what we don’t want. When you have the area covered, erase any stray marks that are outside the area to be altered. It may help to add a white bottom layer as a temporary measure to see the color areas you want to erase. Now in the layers palette, lock the transparency of the new layer with the color you’ve just laid down. You will be changing the color on this layer to something more suitable to your needs, if it isn’t already.

If you need to lighten the area, choose a color similar to the area to be changed, and fill the locked layer with this color. With the transparency of the layer locked, only the areas colored already should fill with color. Then change the layer blending mode to Overlay in the layer palette.

To darken, choose a similar color and fill the locked layer, but change the blending mode to Color Burn instead. Remember that you can experiment with the Opacity setting in the layers palette to fine tune the blend mode results. In addition, it’s easy to try different colors and blending modes since our color is on a layer by itself and the layer transparency is locked, making color changes a simple matter of picking one and then hitting Option-Delete.

Often I will use this method as a way of adding shadows and highlights to my cartoons without being destructive to the underlying color. Being on a separate layer, it has the added benefit of being able to easily put continuous shadows and highlights across areas of different base color with a natural look.

Channels and Line Art

Jeff Bucchino — Mon, 17 Aug 2009 14:58:56 +0000

If you scan your inked cartoon and save it as a TIF, the scanned image is white to the edges, obscuring anything on the layers beneath. We need a method that will let us isolate the cartoon lines and place them on any background we choose. We could change the blending mode of the image layer to Multiply in order to let the lower layers show through the white, but deleting the white altogether allows us maximum freedom to manipulate the cartoon and extend our options for the final image.

Additionally, this workflow allows us to color the outlines of our cartoon to match the adjacent areas of color rather than being limited to just black outlines. I’ve included an example at right, where most of the outlines are a gradient of orange and red. Note the black outlines that I’ve left around the eyes.

Open your high resolution cartoon TIF and go to the Channels palette. You will see a single composite RGB channel and each of the Red, Green and Blue channels broken out into layers. Drag any one of the Red, Green or Blue channels to the new channel icon at the bottom of the palette to create a copy or Alpha Channel.

Switch back to the Layers palette and make a new, empty layer by clicking on the icon at the bottom of the Layers palette. Then from the Select menu > Load Selection… . This will bring up a dialog box with a pull-down menu for our Source/Channel. Pull this menu down and select the new channel that you made earlier. In the same dialog box under Operation, make sure that the radio button for New Selection is pressed. Hit OK.

Back in the Layers palette in the new layer, you will see the ‘marching ants’ indicating an active selection. (If the marching ants are marching around the edges of your file window, your cartoon lines are not selected and you’ll need to go to menu Select > Inverse.)

Once you’ve made sure the marching ants indicate the outline of your cartoon, fill the selection with black. Now you should see just the lines of your cartoon with no white fill inside or out, and the checkerboard pattern, indicating transparent areas, should be visible behind the lines.

*If you are going to use color outlines, as shown in the bird’s head example at the beginning of this post, you’ll need to lock the transparency of the line art layer at this point.

Now that we have the line art isolated, we have no use for the black and white scanned layer anymore. Double click that layer to change it’s name to something other than Background which will unlock it and allow you to delete it.

Finishing your cartoon is now just a matter of creating a new layer to hold the color. Background elements can be placed on additional layers as needed and pulled to the bottom of the layers stack in the palette.