selective color desaturation tutorial


I’ve put together an easy tutorial on how to give an image a pop of color in Photoshop.  The burst of color is achieved by selectively desaturating a full color image. This is not to be confused with colorization of a black and white image. Click here for that tutorial.

Don’t have Photoshop? You can download a 30 day trial of Photoshop from Adobe. All keyboard shortcuts provided are for CS5 on a PC, they may vary slightly for other CS versions or Mac platform. 

  1. Open your image in Photoshop and determine what part you want to stand out. selective_desaturation_screenshot_1For this tutorial I will choose the red rose.
  2. Save your image as (SHIFT + CTRLS) another name than the original. You don’t want to save over your original image!
  3. Zoom in (CTRL + +) on the detail as much as possible.  selective_desaturation_screenshot_3
  4. Select the Magnetic Lasso tool (L) from the tools pallet.magnetic-lasso
  5. In the options bar, select Anti-alias and then set any of these options:    mag-lasso-options-bar                Width: To specify a detection width, enter a pixel value for Width. The Magnetic Lasso tool detects edges only within the specified distance from the pointer.

    To change the lasso pointer so that it indicates the lasso width, press the Caps Lock key. You can change the pointer while the tool is selected but not in use. Press the right bracket (]) to increase the Magnetic Lasso edge width by 1 pixel; press the left bracket ([) to decrease the width by 1 pixel.

    Contrast: To specify the lasso’s sensitivity to edges in the image, enter a value between 1% and 100% for Contrast. A higher value detects only edges that contrast sharply with their surroundings; a lower value detects lower-contrast edges.

    Frequency:To specify the rate at which the lasso sets fastening points, enter a value between 0 and 100 for Frequency. A higher value anchors the selection border in place more quickly.

    Useful TIP: On an image with well-defined edges, try a higher width and higher edge contrast, to trace the border roughly. On an image with softer edges, use a lower width and lower edge contrast, to trace the border more precisely.
  6. Start at the edge of the object you want to select, and click your mouse to set the first fastening point. Now very slowly move the mouse pointer along the edge of the object. The selection border snaps to the edge of the object and add points to the selection path as you move the mouse.selective_desaturation_screenshot_6
  7. To scroll while using the magnetic lasso, hold down the space key, and then click and drag on the image to scroll.
  8. If the border doesn’t snap to the desired edge, click once to add a fastening point manually. Continue to trace the edge, and add fastening points as needed.
  9. If the tool adds a point where you don’t want one, just delete (DEL) it.
  10. Close your selection border by connecting the first and last fastening points.
  11. You will see a line of “marching ants” outlining the object in your image. selective_desaturation_screenshot_11aNow right click and select Layer via Copy. A new layer will appear in the layers pallet and contain only your selected object.selective_desaturation_screenshot_11b
  12. Go to the layer with your original image and add an adjustment layer by clicking New Adjustment Layer button at the bottom of the Layers adjustment layerSelect Channel Mixer from the menu. Make sure the Monochrome box is checked.selective_desaturation_screenshot_12c
  13. Clip the adjustment to the photo layer. Clip-to-layer
  14. If you want to tweak the hue and saturation of the object, now is the time to do it. Add an add an adjustment layer and select Hue/Saturation from the menu. You can select the saturation settings or individual color channels and adjust the sliders to your liking.selective_desaturation_screenshot_14
  15. Save (CTRL + S) your image.Color_pop_rose_final

design your own timeline cover tutorial


Some people, like me, go out of their way to design something special, just for that huge central Timeline photo. I’ve created an easy and basic tutorial using Photoshop.

If you don’t have Photoshop you can download a free 30 day trial from Adobe. All keyboard shortcuts provided are for CS5 on a PC, they may vary slightly for other CS versions or Mac platform. Shapes used in this tutorial were downloaded from DeviantArt, fonts were downloaded from DaFont, background was downloaded from PremiumPixels, all were unzipped and installed onto my computer. Find out how to do this here.

The best-looking cover photos tend to be images that are designed to take advantage of the cover photo’s exact size and shape.

  1. Create a new document (CTRL + N) with the official Facebook cover photo dimensions of 851 pixels wide by 315 pixels tall, a resolution of 72 ppi and a transparent background.timeline_cover_screenshot_1
  2. (Optional) In the new document, turn on your document grid (CTRL + ) to help with precise placement of your silhouette and Snap to Grid (View > Snap), and then make sure Snap to Grid is checked (View > Snap To > Grid).
  3. Turn on the ruler (CTRL + R). Drag from the vertical ruler to create a vertical guide at 0.25 inches from the left edge. Drag from the horizontal ruler to create a horizontal guide at 2.6875 from the top edge, or go to View > New Guide > Horizontal and enter the position.timeline_cover_screenshot_3
  4. Add a new layer (SHIFT + CTRL +N), rename your layer Profile Picture.
  5. Select the Rectangular Marquee Tool (M) from the tool bar and drag out a rectangle, the size does not matter right now, then release the mouse. You will see a line of “marching ants” outlining your shape.timeline_cover_screenshot_5
  6. Fill (Shift + F5) your rectangle with 50% Gray and bring up the Free Transform box and handles around the rectangle (CTRL + T).
  7. Enter into the reference point location bar the following dimensions 170 pixels wide by 121 pixels tall. timeline_cover_screenshot_7Press ENTER to accept the transformation. Move your rectangle to the intersection of your guides and deselect (CTRL + D) your rectangle. You just created a place holder for your profile photo, which will be turned off prior to uploading your completed cover image.
  8. Add another layer (SHIFT + CTRL +N) between your background and Profile Picture layers. You always want your placeholder to be on top, so that you can build your cover image around it.
  9. Place your background photo in your document, by going to File > Place and selecting the photo you want to use. Click Place.
  10. Time to make your photo fit your document. Your photo layer should be active and the Free Transform box and handles should appear around the photo (otherwise press CTRL + to make them show up). timeline_cover_screenshot_10Pick a corner, wait for the cursor to change, now hold down your SHIFT + ALT keys as you drag to resize it. By doing this your proportions will be constrained and the shape will resize from its center. Hit enter to accept the transformation.
  11. Set the foreground and background colors to their defaults of Black and White (D). Select the Text Tool (T) from the tools palette and add your text.default-colors
  12. Add another layer (SHIFT + CTRL +N) and select the Custom Shape Tool (U) from the tools palette. In the upper left area right under the top menu there are 3 options – Shape Layers, Paths and Fill Pixels. Make sure you have Fill Pixels (the one on the right) selected.Untitled-12
  13. Pick a shape (in this case I chose a trio of holiday ornaments) and drag it out on the layer while holding down your SHIFT + ALT keys as you drag to resize it. timeline_cover_screenshot_13bBy doing this your proportions will be constrained and the shape will resize from its center. Release your mouse when satisfied. Rename your shape layer (3 Ornaments).timeline_cover_screenshot_13
  14. Add a new layer, select another shape (in this case pair of ornaments), draw it out and rename the shape layer (2 Ornaments).timeline_cover_screenshot_14
  15. (Optional) Add additional shape layers.
  16. (Optional) Add styles to your layers by clicking the second icon at the bottom of the layers palette.timeline_cover_screenshot_16
  17. When you’re satisfied with your image, Hide the Profile Photo layer and save (SHIFT + CTRL + S) your image as a jpg.Timeline-Cover-FINAL
  18. Upload your image to your Facebook account.

That was easy! Now you give it a try!!