Beveled Frame Part 1

Corel Clip Art

Custom Frame

Procedure

Part I: Current Page Make Changes In The Preference Settings New File Creation And Image Transfer View Command Settings And Options Create And Save Five Masks

Part II: Next Page Use Masks To Cut Out Parts Add Effects: Apply surface and lighting treatments Final Enhancements: Tweak and retouch Final Color Tweak: Minor color correction

Make Changes In The Preferences Settings Open Preferences (File > Preferences). Units & Rulers: Duplicate the sample settings. Guides & Grid: Duplicate the sample settings.

New File Creation And Image Transfer Create a new Photoshop file (File > New...). Name:.......... Bevel Test Width:.......... 252 pixel Height:........ 198 pixel Resolution:.. 72 pixel/inch Mode:.......... RGB Color Contents:..... White Open your art work choice (File > Open...). Crop the art work to the Bevel Test proportions. Select the Crop Tool from the Toolbox Turn on Tool Info (Windows > Show Info). Use the Tool Info feedback to pull the Crop Mark out to W: 252 and H: 198. Move the Crop Mark to the desired location (click, drag, and drop). You may have to reduce the art work image size to make the crop work with your artwork. Once the right composition is achieved, crop the image (Enter key). Transfer the newly cropped image to the Bevel Test window. Select the entire layer (Ctrl + A). Copy the selection (Ctrl + C). Activate the Bevel Test window (click on its menu bar). Paste the image into Bevel Test (Ctrl + V). Close your art work file.

View Command Settings And Options Go to View Menu and duplicate the settings below. Compare your Bevel Test with the sample below. The ruler displayed as per Show Ruler option under the View Menu. The yellow grid lines as per Preference setting. Pull out the red guidelines from the ruler using the sample above as a guide. Click and hold the cursor on the left ruler. Drag the cursor into the screen. As soon as the cursor clears the ruler, a red vertical line will follow the cursor tip. The red line will snap to the yellow grid line. Release the mouse on that first grid line. Pull a second guideline from the ruler. Let it snap to the second grid line and release mouse button. Pull two more vertical guidelines and place them on the right side repeating the pattern as shown above. Pull out the horizontal guidelines from the top ruler. Position all four horizontal guideline as shown above. Hide the ruler and the grid using the following steps. Eliminate the ruler (View > Hide Ruler). Eliminate the grid (View > Hide Grid). Hiding the grid eliminates the snap to grid function.

Create And Save Five Masks

(L or cycle with L)

Use the "Polygon Lasso" tool to make the mask parts. Frame Face Mask. Left Bevel Mask. Top Bevel Mask. Right Bevel Mask. Bottom Bevel Mask. Use this "A to H" snap-to reference shown below to form the shapes. Frame Face Mask Click on A, B, C, D, and A to close the selection. Save the selection (Select > Save Selections...) Go to the Channels Palette, double click on the new channel (#4) and rename it Frame Face in the Channels Options dialog box). Left Bevel Mask Click on A, D, E, H, and A to close the selection. Save the selection (Select > Save Selections...) Go to the Channels Palette, double click on the new channel (#5) and rename it Left Bevel in the Channels Options dialog box). Top Bevel Mask Click on A, B, E, F, and A to close the selection. Save the selection (Select > Save Selections...) Go to the Channels Palette, double click on the new channel (#6) and rename it Top Bevel in the Channels Options dialog box). Right Bevel Mask Click on B, C, F, G, and B to close the selection. Save the selection (Select > Save Selections...) Go to the Channels Palette, double click on the new channel (#7) and rename it Right Bevel in the Channels Options dialog box). Bottom Bevel Mask Click on C, D, G, H, and C to close the selection. Save the selection (Select > Save Selections...) Go to the Channels Palette, double click on the new channel (#8) and rename it Bottom Bevel in the Channels Options dialog box).

Drop Shadow
Introduction to Web Design with Adobe Photoshop | Table of Contents
Beveled Frame Part 2