Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Frame Tutorial

 


1. Create a new image 400x400 px with a transparent background

 

2.Draw a circle selection in the middle of the image and flood fill with the stained wood texture, for my i rotated by 90 to make the grain become vertical.

 

3. nex a bevel must be added to our wood layer, Effects>>3D Effects>>Inner bevel and use the following settings.

 

4.your frame should still be selected but if it isn't press ctrl+F then ctrl+F this will select your frame. Go to Selections>>Modify>>Contract and set it to 35px. now add a new layer, Layers>>New Raster layer and name it cutout. Now add the cutout effect Effects>>3D effects>>Cutout and use these settings

 

5.Now we need to create the metal ring but first contract your selection by 5. Now select your selection tool ad set it to ellipse hold down ctrl and then draw a smaller circle in the middle.

 


Create a new raster layer and flood fill the selection with a metallic gradient

 

6. Now add an inner bevel with these settings.

 

 

7. Now we need to add an image you can use anything but for this tutorial i have used a landscape. first open your landscape as a separate document, go to Geometric effects and circle. this will distort the image and give it a raised effect when its added to our frame. to extract it just draw a circle selection in the middle of your round area. Hit ctrl+C to copy your selection, then return to your frame image and hit ctrl+l. the pasted image will fill your whole image and you will have to resize it to make it fit.
Done, a good idea is to add a texture to the background


"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2026 All Rights Reserved
Privacy and Legal