In this tutorial, we’ll create a cool 3D donut shaped frame for images and photos.

1. Open up a new document in Photoshop. Set the canvas size to roughly around 600×600 pixels.

2. Also open the image or photograph that will be framed.

3. Now create a new layer and title it as “Donut Border”.

4. With the Donut Border selected, select the Eliptical Marquee tool and draw a circle selection on the canvas. While you are drawing the circular selection, be sure to hold the SHIFT key down at the same time so that the circle selection is perfectly round.

5. Now, while holding down the ALT key, draw another circle selection within the previous circle selelction. Holding down the ALT key allows you to remove a new circle from the first circle selection, therefore creating the illustion of a donut style selection.
(What makes an even better effect is if you draw the inner circle selection so that it skewed off to the side a bit).

6. Select the paint bucket tool, choose a color that pleases you, then click inside to fill the selection. You should now have a donut style illustration as so:

7. Now let’s ad some 3 dimensional quality to the donut shape. Right click the “Circular Border” layer and select Blending Options.

8. Select Bevel and Emboss from the options in the Layer Style pop-up box that appears. Adjust the attributes, such as Depth, Size, Soften, so that you give the donut shape a 3D looking quality. Click OK when you are satisfied with the 3D appearance.

9. Still within the Layer Style pop-up box, select the Drop Shadow attribute. Adjust the shadow sliders, as well as the Distance, Spread, and Size attributes, so that the effect is pleasing to the eye.

10. Now copy and paste the image or photo into a new layer titled “Photo”. Make sure this pasted image/photo is on a layer titled “Photo” which is below the “Donut Border”. If all is going well by this point, you should be seeing your image/photo underneath the circular border. (See example below).

12. With the “Photo” layer still active, select the Circular Marquee tool again and draw a circle within the donut shape. See below:

13. Goto Select > Inverse from the main menu.

14. Then click the delete key. You should now have your Donut Frame.

Related posts:

Tags: Donut Frame, web graphics

This entry was posted on September 15, 2009 at 12:04 am and is filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed.