[Adobe Photoshop Tutorial]
[Spacer] [Table of Contents]
[Next Page]
[Previous Page]
[Spacer] [Spacer]
Creating A Custom Bevel

Multifaceted Procedure

Part 3: Current Page

VI....Add Effects: Apply surface and lighting treatments.

VII...Final Enhancements: Tweak and retouch.

Part 2: Previous

IV...Make Five Masks: Save Selection...

V....Use Masks To Cut Parts: Load Selection...

Part 1: Bevel Start Page

I.... Make Changes in the Preferences.

II....Create a new Photoshop file.

III...Make changes in the View Menu.


VI. Add Effects: Apply surface and lighting treatments.
  1. Decrease contrast

    • Eliminate the mask/Turn off Selection (Ctrl + D).

    • Decrease contrast (Image > Adjust > Brightness/ Contrast...)
      • Contrast value set to -75

  2. Add Texture

    • Add noise (Filter > Noise > Add Noise...)
      • Amount value set to 25
      • Check Gaussian

    Bonus Image The result of the above two steps.
    Bonus Image Bonus Image

  3. Shift Color

    • Colorize (Image > Adjust > Hue/Saturation...)
      • Check Preview.
      • Hue value set to 149 for blue.
      • Saturation set to 81% to mute the color.
      • Lightness set to +22 to lighten the value.

    Bonus Image The result of the above step.
    Bonus Image Bonus Image

  4. Part: The Top Bevel

    • Create the new part using the following procedure or refer back to step V from the previous page.
      • Load Selection: Top Bevel mask
      • Click on the Delete Key to cut-away the unprotected areas.

    • Add effect using steps 1 to 3 from above.
      • Decrease contrast (Contrast value -75).
      • Add texture (Noise value to Gaussian +25).
      • Shift color (H: 149, S: 81%, and L: +22).

    • Additional step, darken the part (Image > Adjust > Brightness/Contrast...)
      • Check Preview.
      • Brightness value set to -80 for a deep shadow shading.

    Bonus Image The top bevel part.
    Bonus Image Bonus Image

  5. Parts: Left and Right Bevels Parts

    • Make the left bevel using the required steps from above. The only difference is the Brightness setting. It is a touch lighter.
    • Make the right bevel. It is the secondary highlight side so it needs to be brighter.
      • Check Preview.
      • Brightness value to +50 for a highlight.
      • Contrast is unchanged.

    Bonus Image The left and right bevel parts.
    Bonus Image Bonus Image

  6. Part: Bottom Bevel

    • Make the bottom bevel using the required steps from above. The only difference is the Brightness setting.
    • It is the dominant highlight. Brighten accordingly.
      • Check Preview.
      • Brightness value to +85 for a highlight.

    Bonus Image The final bottom part.
    Bonus Image Bonus Image


VII. Final Enhancements: Tweak and retouch.

The newly created frame has a strong presence on it own. I found it too bold with the artwork. It was toned down for the final version to retain the focus on the artwork.

I decided to use the Layers Opacity setting to control the presence of the frame element. I set the Opacity for all the parts to 75%.

................The picture with a softer frame.
Bonus Image

The Burn Tool: Retouching.

The Burn Tool is part of a powerful triad (Burn, Dodge, and Sponge) in the Toning Tool set. They are all very intuitive for photographers familiar with darkroom work.

The Sponge takes the concept of printing with polycontrast filters to a new level. The sponge allows you to locally alter the contrast grade using the dodge & burn technique.

For the non-photographer among you, just try it. It works wonders. For the retouching, use the Burn Tool with the settings suggested in the samples shown below.

Bonus Image Bonus Image Bonus Image
...Toning Tool Options.......Burn Tool ...Brush Size Selections

The framed picture above was already retouched. The sample below shows the the original flat lighting (lack of dimension) problem.

  • Activate the Right Bevel layer.
  • Burn the corner area with burn set at 50%.
  • The red marks in the center sample shows the burn locations.

........................Before............Burn locations ..........After
Bonus Image Bonus Image Bonus Image Bonus Image Bonus Image Bonus Image

The Final Tweak: Make minor changes in Color Balance and Brightness/Contrast.

Bonus Image Bonus Image Bonus Image
...................Before .................................... After

Change color balance (Image > Adjust > Color Balance...).

  • Select midtones
  • Cyan value to +19
  • Magenta unchanged
  • Yellow value to -7

Change brightness and contrast (Image > Adjust > Brightness/Contrast...).

  • Brightness value to +7
  • Contrast value to +8


Next topic Arrows: Embossed Buttons

Bonus Image Bonus Image Bonus Image
[Spacer]