PS Tut: MiniHendrix

by Jin, 09-09-08 // 5 comments
Jimi Hendrix Original

Bitmap Mode

Bitmap Mode is probably one of the least used modes in Photoshop. In Bitmap Mode, a 1-bit pixel can only be black or white(transparent for printing). This puts a limitation on things you can do. For example, you can’t use filters, or burn/smudge tool, layers, adjustment, and there’s no anti-alias option.

Bitmap does have one powerful feature. It remaps a gray scaled image with black or white dots depending on the average brightness of the original image. For example: below is a bitmap version of a grayscale image, using Halftone Screen:

Halftone is often used for creating shading patterns in illustrations, especially digital comic art.

In this tutorial, I’d like to share with you something I learned from Kai Krause 14 years ago. It was an era when Photoshop had no layers. It took three different images just to produce a drop shadow effect. Eek.

We’re going to create a poster of Jimi Hendrix, made up by tiny versions of itself. A recursion effect, if you will. The concept is really simple: We shrink the original image to a tiny size, define it as a custom pattern. Then convert the original image to bitmap mode, using the custom pattern. Keep in mind this tutorial isn’t too useful for web graphics, due to its size. However, it’s great for a large poster.

Step 1: Define Pattern

The image I picked for this tutorial is the grayscale photo of Jimi Hendrix shown above, titled jimi_normal.

Duplicate jimi_normal (Image->Duplicate), name the new image “jimi_pattern”. Drag a perfectly square marquee(hold shift while dragging) over the new image, centering on Jimi’s face. Then (Image->Crop). Now your image should look like Figure 1.

Next, we’re going to heighten the contrast to look like Figure 2. Go to Image->Adjustments->Level. In the level menu, input the following values. You can play with different settings. The point is to make the photo high contrast.

Level Menu

Now we resize the image size to 60x60px, 300dpi. Select the whole image (control/cmd + A), then go to Edit->Define Pattern. Let’s name this pattern “Jimi Pattern.”

Define Pattern

Now we’re done with the pattern. The reason I picked 60x60px is because the final output image will be 300dpi. So the pattern will tile 5 times horizontally and vertically. Feel free to adjust the size for your desired output size.

Step 2: Remap the Original

Now go back to the original photo, Jimi_Normal. Let’s resize the image to 5400x4200px, 300dpi. If you plan to use a RGB photo, you need to convert it to grayscale mode. You can only convert to bitmap mode from grayscale. At this point you can feel free to play with the contrast of the photo by using the Level tool or Curve. Since I’m quite happy with the original, I’m going to remap now.

Go to Image->Mode->Bitmap. In the Bitmap option window, for Method, choose “Use: Custom Pattern.” Then pick “Jimi Pattern” we defined in Step 1.

Bitmap Options

now your image should look like this:

If you zoom in a bit, you’ll see the mini Hendrix.

Zoomed In

Step 3: You take it from here

We’re done! That was easy. As long as you understand the concept, play with different image output. The bigger the original image’s resolution, the better the output will be. Also, don’t try to make the original photo’s contrast too high, it’d affect the smoothness of the bitmapped version. I’d stick with 300dpi for best print quality.

The bitmapped version is comprised of only black and white pixels. This makes it easy to use the magic wand to copy and paste onto a RGB mode image. You then can combine other techniques in your possession to spice up the image some. Here I just added a simple rainbow background using the radial gradient tool. Click on it to see the full size.

Jimmy Thumb

Hope you enjoyed this short tutorial. I’d like to see what you come up with.


also feel free to contact me on twitter or via email
Ananya 09-09-08

That’s an interesting effect. Can you do that by saving into actions?

Anna 09-09-08

Maybe you should try a “purple haze” effect. Ugh, I’m so lame…

[...] here explains a way (it does look like a mosaic though) . I am not sure if this is what you mean. Photoshop Tutorial – Mini Hendrix Using Bitmap Mode | 8164 __________________ [...]

[...] Re: How can I make a picture comprised of several of several smaller pictures of the same? This tutorial here explains a way (it does look like a mosaic though) . I am not sure if this is what you mean. Photoshop Tutorial – Mini Hendrix Using Bitmap Mode | 8164 [...]

Coastal Cottages 04-23-10

That’s a great tutorial and technique. Never found a use for Bitmap Mode up until now. Thanks for sharing.