Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Photoshop Frames Tutorial
Aug 4, 2007, 01:01 (This post was last modified: Aug 4, 2007 02:32 by tiiviitii.)
Post: #1
Photoshop Frames Tutorial
I have had a couple of requests for instructions of how to do simple frames in photoshop....

While I have made an effort to keep this very simple it does require a moderate knowledge of photoshop.

Lets go...

- Open your image
(The image used in this example was 3008 x 2000 pixels)

- Create a new blank layer using the 'create new layer' button in the layers tab.
[Image: a.jpg]

- This new layer will become the matte. Rename layers as you go...
[Image: 64_1.jpg]


- Next we need to increase the 'canvas size' to allow room for the matte:
Image Menu / Canvas size.
For this size image I will increase the width and hieght by 750 pixels (You may need to experiment to find the right size for your image)
*Remember to tick the 'Relative' box...
[Image: 81_2.jpg]

- Fill the matte layer with white or whatever colour matte you want (You can always change it later if you keep each layer)

- Create another new blank layer and rename it 'frame'

- Next we need to increase the 'canvas size' to allow room for the frame:
Image Menu / Canvas size.
For this image I increased by 300 pixels for the frame.

[Image: 75_3.jpg]


- Fill the frame layer with black (or any other colour)

Now rearrange your layers as follows...
[Image: 10_4.jpg]

You should now see the basic construction of the frame...

To make the frame and matte more realistic we can experiment with layer effects.

Follow carefully...
- Hold the ctrl key and left click on the image box within the matte layer and release ctrl key... (this will select the area within the outer border of the matte)
[Image: 45_5.jpg]

- Left click on Frame Layer.
- Ctrl X - (this will delete the selected area from the frame layer leaving only the required area...)

- Holding ctrl key, left click on the image layer (selecting the area within the photo)
- Left click on Matte layer.
- Ctrl X - (deleting selected area from the Matte layer)

Rearrange the layers with frame on top. Matte in the middle. Image at the bottom (as a real frame would be).
Double left click on the frame layer to experiment with layer effects.
Tick the drop shadow box and click on the drop shadow tab to play with the settings...
[Image: 7.jpg]

You may also want to experiment with the bevel and emboss tab which can help make the frame look 3 dimensional...
[Image: 8.jpg]

Click OK to save layer effects (they can be changed later if you wish...)

Double left click on matte layer to change layer effects on the matte.
With this one I only used the bevel and emboss tab to give a bevelled edge between the matte and the photo...
[Image: 47_9.jpg]


You should now how a finished frame:

[Image: 10.jpg]


Stay tuned for 'timber frame'... You may wish to save your work now (Be careful not to save over your original image)...

To convert black frame to a timber frame is a little more complicated...

Create a new layer and fill with black (make this the top layer).
- Filter Menu / Render / Fibres.
- Play with Fibres settings to get something similar to grainy wood...

[Image: 11.jpg]
This will become the grain for the vertical sides of the frame.

Create another new layer and fill with black (this will become the horizonal sides.)
- Filter Meny / Render / Fibres..
Rotate this layer by 90 degrees (unless your image is square you will have to then stretch the layer to reach all sides).

[Image: 17_12.jpg]

Now to colour the timber layers...
Image / Adjustments / Hue Saturation.
Tick the Colorize button..
Play with the hue slider to find the right colour.
Play with the saturation and lightness sliders...
(Repeat for both timber layers)
[Image: 13.jpg]

Now add a 'layer mask' to both timber layers...
[Image: 14.jpg]
(Repeat for both timber layers)

If you have never used a layer mask before the only thing you really need to understand is: Paint with black on the mask to 'see through' this layer', Paint with white on this layer to reveal this layer..... If this doesnt make sense you need to find a tutorial all about layer masks....

Left click on the layer mask and then fill with black. This will hide this layer.
Repeat for both 'timber' layers.

Holding Ctrl, left click on the image within the frame layer (this will select the area of the frame.)
Left click on the layer mask of a timber layer...
Fill the selected area with white to reveal this area.
(Repeat for both timber layers).

Finally we need to select vertical sides of the frame only. I found it easiest to use the polygonal lasso tool.
Trace the outline of the vertical sides and a 45 degree corner...
Make the selection and then fill this area with black on the layer mask of the top layer....

[Image: 15.jpg]

Again play with the layer effects of the timber layers... Bevel and Emboss...

Another option is to give the matt some texture...
Left click matt layer.
Filter / Texture / Texturiser..
I used a canvas texture (very lightly)

[Image: 16.jpg]

Hopefully you have reached this point...

[Image: 17 copy.jpg]

Any problems? You know what they say.... Dry your eyes princess... Build a bridge....
ONLY JOKIN... Let me know and I will edit the tutorial to make more sense...
Visit this user's website Find all posts by this user
Quote this message in a reply
Aug 4, 2007, 04:05
Post: #2
Photoshop Frames Tutorial
sweet, now i can save money on frames! just print the picture and blu-tack it to the wall Lol (jk)
Visit this user's website Find all posts by this user
Quote this message in a reply
Aug 5, 2007, 15:02
Post: #3
Photoshop Frames Tutorial
Shane - thanks for this, have printed it out for future reference. I'm sure your showing will be a success Smile
Find all posts by this user
Quote this message in a reply
Aug 5, 2007, 19:12
Post: #4
Photoshop Frames Tutorial
Thanks for taking the time to do this.
I look forward to trying it soon.

Views Of Texas
Loud Nine (my former band)
Matthew's Reviews
Visit this user's website Find all posts by this user
Quote this message in a reply
Aug 5, 2007, 20:11
Post: #5
Photoshop Frames Tutorial
I have really disliked faux frames for most of my online career - as ADI refugees will atest to - but now I am looking at digital frame solutions for odd shaped photos - so I have new interest in this. Thanks for the detailed tutorial.
Visit this user's website Find all posts by this user
Quote this message in a reply
Aug 5, 2007, 23:01
Post: #6
Photoshop Frames Tutorial
Excellent tutorial!!

Thanx Shane!

/Paul L.
Visit this user's website Find all posts by this user
Quote this message in a reply
Aug 6, 2007, 00:32
Post: #7
Photoshop Frames Tutorial
Thanks everyone. If anyone has followed it through from start to finish - Please let me know if there were any issues with the instructions?

Toad - I know these look very tacky when printed but I think they can be useful for net use.
Visit this user's website Find all posts by this user
Quote this message in a reply
Sep 17, 2007, 02:50
Post: #8
Photoshop Frames Tutorial
Thanks so much for your tutorial. It looks very well explained.
I will work with it as soon as I can... Smile
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  canon 70d not working with photoshop cs5 webber 6 603 Aug 19, 2014 01:47
Last Post: webber
  Editing Software - Photoshop? bethanhearne81 33 4,461 Feb 19, 2014 14:44
Last Post: KevinT
  Photoshop Revelation EdMak 16 2,896 Jan 24, 2014 02:12
Last Post: EdMak
  Photoshop Sharpening Tutorial. EdMak 1 2,322 Jan 9, 2014 04:56
Last Post: Barbara G.
  Black & White Conversion Photoshop EdMak 4 1,429 Nov 27, 2013 16:08
Last Post: PhotoPlay
  Photoshop Elements 12 mikul44171 2 1,222 Oct 7, 2013 12:27
Last Post: mikul44171
  Hunting for easy tutorials of Adobe Lightroom or Photoshop samyshah 19 3,523 Aug 31, 2013 13:13
Last Post: spareno
  Logo and Text as Signature in Photoshop samyshah 5 1,246 Aug 1, 2013 09:40
Last Post: Barbara G.
  Who uses presets/packs for Lightroom/Photoshop? shuttertalk 8 1,701 Apr 23, 2013 04:36
Last Post: vlad
  How to Take Photos at Night - Tutorial Barbara G. 2 1,539 Apr 1, 2013 11:36
Last Post: Barbara G.

Forum Jump:


User(s) browsing this thread: 1 Guest(s)