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 Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
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

Making a Window Frame in Photoshop


Images used in the project:

1. Open the giraffe image or another image you wish to frame in a window frame. It can be either square or rectangular.

2. Click image=> canvas size. Set the dimensions being 100 more pixels both ways than your first image. So if your first one is the giraffe. 337 x 504, then the new one will be 437 x 604. And sure the anchor is in the middle.

3. Next open burlap image. Click Select=> all. Then Click Edit=> Copy.

4. Select the Rectangular Marquee Tool set to width of 700 pixels and height of 50 pixels. Click in the bottom left corner of your image. to get the bottom 50 pixels selected. Then click Edit > Paste In.

5. Select the move tool and make sure the Show Bounding Box is checked. Stretch the sides of the burlap to the edges of your image.

6. With the marquee tool set to 700 wide by 50 pixels high,  click at the top left corner to select the top 50 pixels. Select the move tool then go to Edit > Paste In. Stretch the burlap the same way you did at the bottom.  The last two layers should each be showing a mask.

7. Go to Image > Rotate Canvas > Rotate 90 ° CW. You may have to widen your work area to be able to see the whole canvas.

8. With the marquee tool, create a rectangle of the same fixed style size by clicking in the lower left corner. Paste In the burlap and stretch it all the way to the edges. Double click inside the area to apply it.

9. Right click on the mask and select set selection to mask. Click back on the image thumbnail on the layers panel. Next go to Edit > Transform > Skew. Take the top left drag handle and pull it inward to form a 45 ° angle in the corner of the frame. Do the same for the top right. Then double click inside the resulting trapezoid to apply.

10. With the marquee tool set to the same style of 700 pixels by 50 pixels, lick in the upper left corner. CLick edit=> paste into. Stretch the burlap to at least the width of the canvas.

11. Right click on the mask and select set selection to mask. Click back on the image thumbnail on the layers panel. Next go to Edit > Transform > Skew. Take the bottom left drag handle and pull it inward to form a 45 ° angle in the corner of the frame. Do the same for the bottom right. Then double click inside the resulting trapezoid to apply.

12. With your canvas still sideways, click view=> rulers so that rulers are in place. Right click on the ruler bar and make sure it is set at pixels. Using the rectangular marquee tool set to a fixed style size of  700 pixels wide by 10 pixel high click at the  213 mark on the left side of the canvas. You may need to magnify the canvas to see this. Paste In the burlap and stretch it all the way to the edges of the frame.

13. Now click on the layer just below the top one on the layers panel. Create a new layer.

14. Go to Image > Rotate Canvas > Rotate 90 ° CCW. This will make your image rightside-up.

15. Using the rectangular marquee tool set to a fixed style size of  700 pixels wide by 10 pixel high click at the  298 mark on the left side of the canvas. You may need to magnify the canvas to see this. Paste In the burlap and stretch it all the way to the edges of the frame. Paste In the burlap and stretch it all the way to the edges. You should now have your cross pieces for your window frame.

16. If you like, you can leave your frame brown. If not, then turn the eye off on the background layer and your original image layer. Then Merge Visible and go to Image > Adjust > Brightness/Contrast. Adjust it until you get a brownish white look to it like it was painted white a long time ago.

17. Next, if you don't like the white look, then you can go to Image > Adjust > Hue/Saturation and check colorize and adjust it to a color that you prefer.

18. Once you have it the color that you like, then you need to click on each of the layers that contain parts of the window frame and apply a Gaussian Blur. This is done by going to Filters > Blur > Gaussian Blur and set it somewhere between 1.0 and 2.0.

19. After applying the Gaussian blur, go to the layers panel and click on the arrow button in the upper right corner and choose flatten image.

20. Go to Image > Image Size and reduce the size of the image before you save for the web. You will most likely want to save this as .jpg if your image has a lot of color in it as most photographs do.



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