Creating Vintage Border

[timteamouse]

Here is a example of using the distort filters to create a vintage border effect.
In my example I used a 7" by 5" image at 72 dpi.

Mysite
http://www.pbase.com/timvesper/image/84895500

or

http://www.pixentral.com/hosted/1XCpywHWuujYSICF89ye82DWqGPIr1_thumb.jpg (http://www.pixentral.com/show.php?picture=1XCpywHWuujYSICF89ye82DWqGPIr1)

Open your 7" x 5" @72 DPI image, or crop one to this size to start with.

Next click the create a new layer icon in the layer palette to create a new blank layer to work with.

[Step: 1]
Next Press: Ctrl + A (Select > Select All)
Next Press: D (default colors)
Next Press: X (swap those colors)

Now go to Edit > Stroke (outline) selection
Stroke with: 38 px
Color: white
location: Inside
Blending mode: Normal
Opacity: 100 %
Preserve transparency: Unchecked

Next Press: Ctrl + D (Select > Deselect)

[Step: 2]
Filter > Distort > Wave
Number of generators: 2
Wave Length - Min: 38 Max: 38
Amplitude - Min: 5 Max: 20
Scale - Horiz: 51 Vert: 50
Type: Sine
Underfined areas: Repeat edges pixels

[Step: 3]
Filter > Distort > Ripple
Amount: 600 %
Size: Medium

[Step: 4]
Filter > Distort > Displace
Horizontal Scale: 8
Vertical Scale: 8
Displacemnet map: Tile
Undefined ares: Repeat edge pixels
Selected map: Schnable Effect

[Step: 5]
Filter > Distort > Ripple
Amount: -700 % [Note: this minus here]

[Step: 6]
Filter > Blur > Radial Blur
Amount: 16
Blur method: Spin
Quality: Best
Blur Center: Center

[Step: 7]
Filter > Distort > Spherize
Amount: 40 %
Mode: Horizontal Only

[Step: 8]
Filter > Distort > Spherize
Amount: 40 %
Mode: Vertical Only

[Step: 9]
Filter > Distort > Spherize
Amount: -100 % [Note: this minus here]
Mode: Normal

[Step: 10]
Filter > Distort > Zipzag
Amount: 44
Ridges: 9
Style: Around center

[Step: 11]
Filter > Distort > Spherize
Amount: 80 %
Mode: Normal

[Step: 12]
Filter > Distort > Twirl
Angle: 500

[Step: 13]
Filter > Distort > ZigZag
Amount: 51
Ridges: 10
Style: Around center

[Step: 14]
Next create a new blank layer to work with by clicking
the create a new layer icon from the layer palette.

Press: Ctrl + A (Select > Select all)

Now go to Edit > Stroke (outline) selection
Stroke with: 19 px
Color: white
location: Inside
Blending mode: Normal
Opacity: 100 %
Preserve transparency: Unchecked

Next Press: Ctrl + D (Select > Deselect)

[Step: 15]
Filter > Distort > Ripple
Amount 758 %
Size: Small

[Step: 16]
Filter > BLur > Radial Blur
Amount: 53
Blur Method: Zoom
Quality: Best

[Step: 17]
Next change the opacity to 65% for the top layer.

Press: Shift + Ctrl + E (Layer > Merge Visible)

Next go to Image > Resize > Canvas Size
New size
Width: .25 inches
Height: .25 inches
Relative: Checked
Anchor: Center
Canvas extension color: white

And your all done.

All comments welcome.

[Martha]

I like this effect and had never thought of using the distort filters to make frames. Thanks. Mine didn't turn out as nicely as yours-mine seems to need a wider border of the effect (not explaining so well)
Martha
http://www.pixentral.com/hosted/1qV0aSYm1JTEztmjUj38f3u9Ivx1_thumb.jpg (http://www.pixentral.com/show.php?picture=1qV0aSYm1JTEztmjUj38f3u9Ivx1)

[CarolR]

Tim, I really like your gallery. I clicked through all of them. I noticed that most were done in Paint Shop Pro. Is it safe to assume that most of the effects can be done in Elements also? I'm rather new at this, but I'm very eager to learn new techniques. :)

[timteamouse]

Tim, I really like your gallery. I clicked through all of them. I noticed that most were done in Paint Shop Pro. Is it safe to assume that most of the effects can be done in Elements also? I'm rather new at this, but I'm very eager to learn new techniques. :)

http://www.pbase.com/timvesper

Most of them can be done with Elements. Not all of them.

[timteamouse]

I like this effect and had never thought of using the distort filters to make frames. Thanks. Mine didn't turn out as nicely as yours-mine seems to need a wider border of the effect (not explaining so well)
Martha



What you could do is rotate your image first and then do it side ways and then flip it back up when your done.

[CarolR]

Tim, I'm attaching my attempt at doing this border. I had a couple of problem areas: :(
1. Where it says Filters - Distort - Displace -- I couldn't do this one because I couldn't find (or know how to do) "Selected map: Schnable Effect". So, I had to eliminate that step all together. How do I do this step?

2. Your picture shows the background behind the ovals. Mine doesn't do that. I would like to have mine show through like yours.

3. My picture wasn't quite 7 x 5. Should I have changed any settings?

I am using Windows XP - 5.0

Thanks for your help. It was fun.

http://www.pixentral.com/hosted/1L4QIk13sAJTSOztYvLp8JNc2mfB_thumb.jpg (http://www.pixentral.com/show.php?picture=1L4QIk13sAJTSOztYvLp8JNc2mfB)

[swalkr]

Here is a example of using the distort filters to create a vintage border effect.
In my example I used a 7" by 5" image at 72 dpi.




I usually create things at a higher dpi in case I intend at some point to print. (Then do a save-as at 72 dpi for the web). What happens if I change the dpi, say to 300? Would any of your instructions change?

[AngelicKim]

problem areas: :(
1. Where it says Filters - Distort - Displace -- I couldn't do this one because I couldn't find (or know how to do) "Selected map: Schnable Effect". So, I had to eliminate that step all together. How do I do this step?

I had the same thing. Thanks Tim

Here is mine.

http://www.pixentral.com/hosted/1NdG1jp8n9cK97IKLvT9fAqLzFlSOz_thumb.jpg (http://www.pixentral.com/show.php?picture=1NdG1jp8n9cK97IKLvT9fAqLzFlSOz)

[smiles]

Tim, thanks for sharing so much with us. A while back I was playing around with borders, but just didn't come up with anything in comparison to yours! Thanks again!

[lisabee]

Timothy, your galleries are lovely. I hope to have time to try the frame technique later, thanks for sharing :)

Lisa

[LoriG]

Hi Tim,

Just wanted to say thanks for the tutorial and I am going to give it a try. Your gallery is absolutely gorgeous. I have a question for you. Would you mind sharing how you did the watercolor of the vase (second row, third image). Did you photograph the vase by a window so the light could shine through the water? The water looks likes like it has a glow to it. It is beautiful and I would love to try that effect. Thanks.

LoriG

[timteamouse]

Tim, I'm attaching my attempt at doing this border. I had a couple of problem areas: :(
1. Where it says Filters - Distort - Displace -- I couldn't do this one because I couldn't find (or know how to do) "Selected map: Schnable Effect". So, I had to eliminate that step all together. How do I do this step?


I thought this might be new to you.

O.K.
Filter > Distort > Displace

Horizontal Scale: 8
Vertical Scale: 8
Displacemnet map: Tile
Undefined ares: Repeat edge pixels
Say O.K.

Now because abode has not set a default directory setting for this, you have to go and find them, so, go to....

C: Drive (Main Folder) and open it. Next open your Program Files folder and then open your Abode folder next.

Now you should see your Photoshop Elements folder now, and open this folder.

Next you should see the "Plug-Ins" folder, that where the displacement maps are, so open it, now you should see the "Displacement Maps" Folder there. Now open this folder and there you'll see a few PSD Files. These are displacement maps, now select the "Schnable Effect.psd" to work with.

Selected map file: Schnable Effect
And say Open.

[timteamouse]

Hi Tim,

Just wanted to say thanks for the tutorial and I am going to give it a try. Your gallery is absolutely gorgeous. I have a question for you. Would you mind sharing how you did the watercolor of the vase (second row, third image). Did you photograph the vase by a window so the light could shine through the water? The water looks likes like it has a glow to it. It is beautiful and I would love to try that effect. Thanks.

LoriG

The image was a photo at a editing group I hang out at, all I did was try to make a watercolor out of it.

[timteamouse]

I usually create things at a higher dpi in case I intend at some point to print. (Then do a save-as at 72 dpi for the web). What happens if I change the dpi, say to 300? Would any of your instructions change?

Yes, you have to change the settings to match the percent ratio of your DPI your working with to the example I gave....

200 DPI example
http://www.pixentral.com/hosted/1ezi8lYpU19hD3KVQYqZ0boIAuLqD1_thumb.jpg (http://www.pixentral.com/show.php?picture=1ezi8lYpU19hD3KVQYqZ0boIAuLqD1)

You'll have to make these changes to these steps to do the same for a 7" x 5" @ 200 DPI

[Step: 1]
Next Press: Ctrl + A (Select > Select All)
Next Press: D (default colors)
Next Press: X (swap those colors)

Now go to Edit > Stroke (outline) selection
Stroke with: 100 px [Note: for a 1/2" Border]
Color: white
location: Inside
Blending mode: Normal
Opacity: 100 %
Preserve transparency: Unchecked

[Step: 2]
Filter > Distort > Wave
Number of generators: 2
Wave Length - Min: 105 Max: 105 [Note: 1 inch waves]
Amplitude - Min: 20 Max: 45
Scale - Horiz: 51 Vert: 50
Type: Sine
Underfined areas: Repeat edges pixels

[Step: 3]
Filter > Distort > Ripple
Amount: 600 %
Size: Large

[Step: 4]
Filter > Distort > Displace
Horizontal Scale: 21 [Note: 2.7 ratio]
Vertical Scale: 21 [Note: 2.7 ratio]
Displacemnet map: Tile
Undefined ares: Repeat edge pixels
Selected map: Schnable Effect

[Steps: 3 - 13]
No Changes, follow as normal.

[Step: 14]
Next create a new blank layer to work with by clicking
the create a new layer icon from the layer palette.

Press: Ctrl + A (Select > Select all)

Now go to Edit > Stroke (outline) selection
Stroke with: 50 px [Note: 1/4 inch border]
Color: white
location: Inside
Blending mode: Normal
Opacity: 100 %
Preserve transparency: Unchecked

Next Press: Ctrl + D (Select > Deselect)

[Step: 15]
Filter > Distort > Ripple
Amount 758 %
Size: Large [Still not the same but very close]

[Steps: 16 - End]
No Changes, follow as normal.

[AngelicKim]

Tim, thanks for pointing out where the displacement maps are. I looked last night when the box opened but didn't check the plug ins folder. DUH. Thanks again for the tut.

[douglas m scott]

Tim,
Many thanks for posting this tutorial. And Many more thanks for posting the Path to find Adobe Displacement maps. I spent an hour Googling trying to find the Schnable Effect with no luck. Also could'n find anything through PSE Help.
Again Thanks.

doug

[douglas m scott]

OK here is my effort using a picture of a Cicada that I took yesterday. I wouldn't have chosen a blue background, but that is where it lit.
doug




http://www.pixentral.com/hosted/1GHtvc6dTPG3CGcx43YfMmgLWGl60_thumb.jpg (http://www.pixentral.com/show.php?picture=1GHtvc6dTPG3CGcx43YfMmgLWGl60)

[timteamouse]

I know the tut is a little long, just make sure your using a 7" x 5" @ 72 Dpi or follow the 200 Dpi version to get the same effect.

[CarolR]

I thought this might be new to you.

O.K.
Filter > Distort > Displace

Horizontal Scale: 8
Vertical Scale: 8
Displacemnet map: Tile
Undefined ares: Repeat edge pixels
Say O.K.

Now because abode has not set a default directory setting for this, you have to go and find them, so, go to....

C: Drive (Main Folder) and open it. Next open your Program Files folder and then open your Abode folder next.

Now you should see your Photoshop Elements folder now, and open this folder.

Next you should see the "Plug-Ins" folder, that where the displacement maps are, so open it, now you should see the "Displacement Maps" Folder there. Now open this folder and there you'll see a few PSD Files. These are displacement maps, now select the "Schnable Effect.psd" to work with.

Selected map file: Schnable Effect
And say Open.

Got it! Thank you so much! I never, ever would have found that. :D

Did you do this effect from a tutorial -- or just playing around?

Also, how did you get your background to show outside of the ovals? I couldn't get that.

Again, thanks for the a great border effect.

[swalkr]

Thanks for the extra instructions for a 200 dpi photo. It worked out great. The only thing I changed was the last instructions for the canvas area. I changed the color. Here's the link.

http://www.pixentral.com/hosted/1zZjjDowdp4MGfQiEkmE0ophX3FV4_thumb.jpg (http://www.pixentral.com/show.php?picture=1zZjjDowdp4MGfQiEkmE0ophX3FV4)

[CarolR]

Well, I tried it again after finding the displacement map. Thanks, Tim. Didn't know they were there!

I also found that I didn't do a couple of things correctly the 1st time, i.e., I wasn't using minus percentages where you had noted them. That did make a difference! :D

This is the 2nd attempt. I deleted the 1st one so I can't do a before & after. I really enjoyed your detailed instructions. :)

http://www.pixentral.com/hosted/1j3MtDrGTFd5WWf0uGAE8pvcgg221_thumb.jpg (http://www.pixentral.com/show.php?picture=1j3MtDrGTFd5WWf0uGAE8pvcgg221)

[Martha]

What you could do is rotate your image first and then do it side ways and then flip it back up when your done.

Thanks for the suggestion. I'm anxious to try more whan I return from the beach!
Martha

[timteamouse]

Well, I tried it again after finding the displacement map. Thanks, Tim. Didn't know they were there!

I also found that I didn't do a couple of things correctly the 1st time, i.e., I wasn't using minus percentages where you had noted them. That did make a difference! :D

This is the 2nd attempt. I deleted the 1st one so I can't do a before & after. I really enjoyed your detailed instructions. :)



Now you got it. Looks Super....
I was wonder why everyones look different, it's the minus there missing.

Thanks

[timteamouse]

Got it! Thank you so much! I never, ever would have found that. :D

Did you do this effect from a tutorial -- or just playing around?

Also, how did you get your background to show outside of the ovals? I couldn't get that.

Again, thanks for the a great border effect.

This effect is my own, there's no tut on the net for it. This double layer vintage effect can be very impressing with the right image and colors. As far as learning this from playing around, no, I know about it from learning how to do it with another photo editing software on my own.

My ideal was to create a cool vintage effect for my DVD slide show using a border color of somekind. In this case white or black.

[Bayla]

Timothy,

Thanks for taking the time to type all that out (twice!)

Here's my attempt.....

http://www.pixentral.com/hosted/1wst6WfTF5HxPbTz4OD3BJF3aWrj1_thumb.jpg (http://www.pixentral.com/show.php?picture=1wst6WfTF5HxPbTz4OD3BJF3aWrj1)

I tried it a second time with a different picture and carried out the suggestion of rotation for a portrait rather than a landscape orientation. It worked out fine & I think it's a perfect border for this particular image.

Bayla

[timteamouse]

Very nice effect with that image.

[timteamouse]

You up for another one

http://www.pixentral.com/hosted/1KrPGN0o0soCJ0kHXpN8TjiIh9n3K0_thumb.jpg (http://www.pixentral.com/show.php?picture=1KrPGN0o0soCJ0kHXpN8TjiIh9n3K0)

I thought I would throw a little texture in to this one. Sample image is a little larger for you to see the effects better.

[CarolR]

I'm ready! That is another neat effect. I'll be anxious to try it. :D:D:D

[CarolR]

Timothy,

Thanks for taking the time to type all that out (twice!)

Here's my attempt.....

http://www.pixentral.com/hosted/1kUg5slaZj14GHKHp0zVMWlLFqoogW_thumb.jpg (http://www.pixentral.com/show.php?picture=1kUg5slaZj14GHKHp0zVMWlLFqoogW)

I tried it a second time with a different picture and carried out the suggestion of rotation for a portrait rather than a landscape orientation. It worked out fine & I think it's a perfect border for this particular image.

Bayla

Very nice effect for your picture. I like the portrait look. :D

[timteamouse]

Before I post more instruction, I would like to share with you here this advanced style. I left it in a larger size so you could see the details of the border. The border edge was created by using the distort filters until I had created a cat tail type edge. Then I crop it out and then I made a pattern from it, for all 4 sides of my border.

http://www.pixentral.com/hosted/1gRzG2Kw38fnvUUZGRzJfEQtjA8C9q0_thumb.jpg (http://www.pixentral.com/show.php?picture=1gRzG2Kw38fnvUUZGRzJfEQtjA8C9q0)

[timteamouse]

http://www.pixentral.com/hosted/1zLKYF18M3v6iBlq02Esj8yV8pO440_thumb.jpg (http://www.pixentral.com/show.php?picture=1zLKYF18M3v6iBlq02Esj8yV8pO440)

Vintage Border II - Using a Mask

Open your 7" x 5" @200 DPI image, or crop one to this size to start with.

Next click the create a new layer icon in the layer palette to create a new blank layer to work with.

[Step: 1]
Next Press: Ctrl + A (Select > Select All)
Next Press: D (default colors)
Next Press: U (Mouse Pointer)

Now go to Edit > Stroke (outline) selection
Stroke with: 200 px [Note: 1" border]
Color: Black
location: Inside
Blending mode: Normal
Opacity: 100 %
Preserve transparency: Unchecked

Next Press: Ctrl + D (Select > Deselect)

[Step: 2]
Filter > Distort > Ripple
Amount: 326%
Size: Large

Press: Ctrl + F (Repeat last filter applied)

[Step: 3]
Filter > Distort > Spherize
Amount: 35 %
Mode: Horizontal Only

[Step: 4]
Filter > Distort > Spherize
Amount: 35 %
Mode: Vertical Only

[Step: 5]
Filter > Distort > Wave
Number of generators: 2
Wave Length - Min: 34 Max: 155
Amplitude - Min: 104 Max: 178
Scale - Horiz: 19 Vert: 19
Type: Sine
Underfined areas: Repeat edges pixels

[Step: 6]
Filter > Distort > Twirl
Angle: -400 [note: minus here]

[Step: 7]
Filter > Distort > Spherize
Amount: 65%
Mode: Horizontal Only

[Step: 8]
Filter > Distort > Spherize
Amount: 65 %
Mode: Vertical Only

[Step: 9]
Filter > Distort > Pinch
Amount: 75 %

[Step: 10]
Filter > BLur > Radial Blur
Amount: 16
Blur Method: Spin
Quality: Best
Blur Center: Middle

[Step: 11]
Filter > Distort > Displace
Horizontal Scale: 25
Vertical Scale: 25
Displacemnet map: Tile
Undefined ares: Repeat edge pixels
Selected map: 12 Sided [25%].Psd

Next rename this layer to "Mask"

[Step: 12]
Next click the create a new layer icon in the layer palette to create a new blank layer to work with.

Press: Ctrl + G (Layer > Group with Previous)
Press: Ctrl + Backspace Key (Fill layer with backgrounf color "White")

[Step: 13]
Filter > Texture > Texturizer
Texture: Sandstone
Scaling: 50 %
Relief: 4
Light: Top Left
Invert: Unchecked

[Step: 14]
Now click the create "New effect layer" icon at the bottom right of the filter palette to create a new effect layer to work with.

Then select Craquelure filter
Crack Spacing: 5
crack Dept: 3
Crack Brightness: 9

Say O.K.

Press: Shift + Ctrl + E (Layer > Merge Visible)

[timteamouse]

Vintage II options

After "layer 1" is completed and filled with the background color I applied a layer style and adjusted all the settings to zero.

Then I selected the "mask" layer to work with and changed black colored mask to white. (Ctrl +I)

Next I selected "layer 1" again to work with and lower the opacity some and then merged this layer down with mask.

The I applied a shadow effect to the vinatage border to create this effect.

http://www.pixentral.com/hosted/11SUqhekh1tX0nUZeyV6Ms8gjDXpO_thumb.jpg (http://www.pixentral.com/show.php?picture=11SUqhekh1tX0nUZeyV6Ms8gjDXpO)

[swalkr]

"[Step: 14]
Now click the create "New effect layer" icon at the bottom right of the filter palette to create a new effect layer to work with."


I am using PSE 4, and I don't think I have "new effect layer" in my layer palette. Is there a work around for PSE 4? I'm stopping at that step for now.

[timteamouse]

"[Step: 14]
Now click the create "New effect layer" icon at the bottom right of the filter palette to create a new effect layer to work with."


I am using PSE 4, and I don't think I have "new effect layer" in my layer palette. Is there a work around for PSE 4? I'm stopping at that step for now.

Jump to this thread and see the image from post #3 (by Steve), you'll see the red arrow pointing to the create a new effect layer icon that is needed to add another effect layers.

If by change adobe did change this for some reason, the way filters can be applied, then texturize the top layer using the settings and say O.K., then go back to the filters and apply the craquelure filter to the top layer. It's the same as doing both of them at the same time in the filter palette.

[Here is the thread link to see image]
http://www.photoshopelementsuser.com/forum/showthread.php?t=28317

[swalkr]

Jump to this thread and see the image from post #3 (by Steve), you'll see the red arrow pointing to the create a new effect layer icon that is needed to add another effect layers.

If by change adobe did change this for some reason, the way filters can be applied, then texturize the top layer using the settings and say O.K., then go back to the filters and apply the craquelure filter to the top layer. It's the same as doing both of them at the same time in the filter palette.

[Here is the thread link to see image]
http://www.photoshopelementsuser.com/forum/showthread.php?t=28317

I actually initiated the thread about the filter layer, and Steve answered my question. I did not know that was there. Glad for the info. I've posted my finished photo in my gallery.

[Tradewindwx]

I enjoyed your tutorial! Thanks for taking the time to share with everyone.

Here's my picture.

http://www.pixentral.com/hosted/1pKDoLsBndF5yr66qFoKTBOumo90_thumb.jpg (http://www.pixentral.com/show.php?picture=1pKDoLsBndF5yr66qFoKTBOumo90)

[timteamouse]

Wow!, sharp looking flowers there!

[Bayla]

Timothy,

Thanks for the second tutorial. I also tried it with a photo of a swan:

http://www.pixentral.com/hosted/1mv2AJd4PVoOe2nhEzbMir1z9JkDq1_thumb.jpg (http://www.pixentral.com/show.php?picture=1mv2AJd4PVoOe2nhEzbMir1z9JkDq1)

I may be stating the obvious, but once you've made your frame, turn off the picture layer and save it as a png or psd file - then you can use it again for a different image.

Bayla

[timteamouse]

Very nice work!

[timteamouse]

Here is one of my drama effects I created will this still life. I added a vintage border overlay, with layer style and a texture layer.

[After image]

http://www.pixentral.com/hosted/1Km0SpTl5UebHLu4rxoSvwSaFJUKrJ_thumb.jpg (http://www.pixentral.com/show.php?picture=1Km0SpTl5UebHLu4rxoSvwSaFJUKrJ)

[The before]

http://www.sxc.hu/photo/352174

For the vintage border in this image I used the rectangular marguee tool to select the corners areas in 1/4 parts to the size of the image and apply distortion filters, then I selected a horizontal section from the middle of the image and applied more distortion, and last I did the same thing going vertical as I did horizontal. Grabbing a wide strip.

[smith]

Thanks so much for this great technique. Also, thanks for the help finding displacement maps. They were all right there, so I will try again using that step. This forum is so wonderful! Generous and sharing people like yourself help all the rest of us to learn new techniques to enhance our photos and scrapbook pages.
smith

[el_vaquero]

Thanks for the great info! I'm bookmarking this page so I can try it out later. Great jobs everyone!