graphics

How to Change a Photo to Black and White in Photoshop

by Danny Cruz| Follow Danny @sixstringsensei on Twitter HERE

Black and White Post Image

Q: How do I change a photo to black and white in Photoshop?

A: Read the tutorial below for a complete answer.

This mini-tutorial assumes you will be using Adobe Photoshop®. Don’t worry too much about the version of Photoshop you have as the procedures are similar. A little plucking here and there should get you going. You might notice that apart from the Hue/Saturation method, which wasn’t fully desaturated, most of the photos look very similar.

The changes are very subtle, but when you are working with professional photos you want that kind of control. Subtle changes can make a big difference. Note: Some older versions might not have some of these features.

Original Color Image

This is the original color image we will be working with. Click to view larger.

There are various ways to change a color photo to black and white. Let’s start with the most obvious and simple one:

1. Change photo to grayscale method

For this method, simply open your color photo in Photoshop and go up to the menu and select, Menu>Image>Mode>Grayscale. Photoshop will ask you if you want to discard color information. Click Discard and you’re done. Below is a photo of the menu path and the final effect result.

Photoshop Grayscale Mode

Photoshop Grayscale Black and White Method Result

This is the resulting effect of using the simple grayscale method. Click to view larger.

2. Hue and Saturation method

This next method is a little bit more involved but will allow you to keep some of the color if you’d like. First, open your photo, then follow this menu path: Menu>Image>Adjustments>Hue/Saturation. When the adjustment window opens simply slide the center “Saturation” slider left. The more you go left the less color. All the way left will render a full black and white image. The beauty of this method is you get to keep the photo as RGB or CMYK, not grayscale.

Hue-Saturation Black and White Method MenuHue-Saturation Control Box

Photoshop Grayscale Hue-Saturation Method Result

This is the resulting effect of using the hue and saturation method. Click to view larger.

3. Black and White method

This method also allows you to keep the photo in the current color mode even while changing to black and white. It allows even more control over your final black and white photo’s look. In the menu, follow this path: Menu>Image>Adjustments>Black and White… A Black and White control adjustments box will appear. The photo will instantly turn black and white when this window opens, but here you can adjust how the final result looks. The easiest and quickest way is to select one of the presets off the presets menu at the top of the box. I used the “Infrared” preset. Find something you like, customize it further if you want and then commit the changes. That’s it. (Note: Some older versions of Photoshop do not have this Black and White adjustments feature.

Photoshop Back and White Method Dialog

Photoshop Black and White Method Result

This is the resulting effect of using the black and white method. Click to view larger.

4. Channel Mixer method

This method is my personal favorite but it involves the most amount of work. However, the control is much more than with the other methods. With your photo open, go to the channels pallete. If it isn’t open, open it by going to Menu>Window>Channels.

This method works in both RGB and CYMK but I prefer to do it in RGB. So change your color mode to RGB if it already isn’t. Menu>Image>Mode>RGB. In the channels palette click on each of the channel colors individually (red, green, and blue) and look at the results in the photo. Decide which of the 3 channels yields the most detailed image. Then reselect “RGB” at the top of the pallete so the image shows in color again.

Now to do the actual conversion. Go to Menu>Adjustments>Channel Mixer… and an adjustments box opens. In the adjustment box select the output channel that corresponds to the channel color you chose as the best looking one. For example, Blue. You’ll see the blue slider move all the way to +100%. Then tick the “monochrome” box at the bottom. You’re image will now look officially Black and White, however, you may want to move the color channel sliders every so slightly until you get a mixture that you really like. I avoid the “constant” slider, but if you do use it, move it very little. It tends to screw up the saturation and make the image too light or too dark. Once you are happy with the results, click OK and you’re done. You may notice the image is still RGB, not grayscale. If you screw up a setting while you are making adjustments, I find the easiest way to deal with the problem is to cancel the changes and close the control window. I then reopen it again to start over. You may find a different way of dealing with this but this works for me.

Photoshop Channel Mixer Dialog Box

Photoshop Channel Mixer Black and White Method Result

This is the resulting effect of using the channel mixer method. Click to view larger.

{ 0 comments }

Flyer Design Variations Over the Course of 2 Years

by Danny Cruz| Follow Danny @sixstringsensei on Twitter HERE

This is what happens when you stick to a flyer template and adjust it every time there is a price or product change over the course of 2 years. The template works and it has been producing sales, so the saying goes, “If it ain’t broke, don’t fix it.” Just change the colors and the pricing a little bit! A new design should be in the works soon nonetheless. This is a legal sized sheet of paper and it actually adapts well to email marketing at 700px wide. In other words, even though the design is quite busy and complicated, at 700 pixels wide it is still readable. Not that you can read the tiny examples here, but then again, that was never the intention of this post. I just wanted you to see the array of colors and variations that went into this flyer design over the course of 2 years. -DC

Flyer Design Variations

{ 0 comments }

High End Mountain Bike Graphic Design – Product Artwork

by Danny Cruz| Follow Danny @sixstringsensei on Twitter HERE

Mountain Bike Graphics PhotoNot everything I design ends up on paper or on the web.  Some projects are way more exciting that that.  This is one of those projects.  Not only was the final design laser etched as the main graphic look of the Solis Tephra 5.5 mountain bike, but It is now the mountain bike I personally ride.  The best part is that every time I go riding I’m proud to see my work gracing the anodized frame.

Mountain Bike Graphics Frame Forward Triangle

Mountain Bike Graphics Section 2

Another great aspect about this project is the fact that it was a team effort job.  Too often I’m stuck developing a design by myself.  The design for this bike was a collaborative effort between the product manager of Solis Bikes and myself.  We both pieced ideas together and created multiple mock-ups and concepts.  In the end, we combined different parts of my concept drawings with his and ended up with this final design.

The Solis Tephra 5.5 is a high-end all-mountain bike distributed around the world.  It’s one of the best value for money mountain bikes on the market.  The retail price for one of these is around the $3,600 mark.