Feed on
Posts
Comments

Adding borders or frames to a is a nice way to enhance the look and style of a picture .  As a matter of interest, many WordPress blog themes automatically put a border of some sort around pics as part of the CSS styling code. This does save some of trouble of putting a frame around the pic. The Mistylook Wordpress theme I’m using on this blog does that…so in these examples of frames there are two frames! 😉

Making borders or frames the easy way with Photofiltre.

The quickest way to create simple frames around a picture is by using the frames function. Find it here:

Filter >> Frame

Photofiltre provides a range of frames to choose from:

  • Simple
  • Slide Frame – Like an old fashion photoslide type style with round edges
  • Button 3D
  • Large Button 3D
  • Frame 3D
  • Smooth frame 3D

 

 

To make a simple frame select:

Filter >> Simple frame

Select frame width, colour and opacity

Preview first, then OK when satified 🙂

Picture slide style frames.

The picture slide frame style is reminiscent of that used in old fashioned slide projectors. It has the rounded corner edge for example.

Various options such as blur, corner radius, opacity, frame width and colour can be changed to suit.

3D Frames

There is also a range of 3D style frames available, although they don’t provide any options such as frame width, opacity or colour.


Another way to create frames or borders around pictures.

 An alternative way to make a border or frame around a picture using Photofiltre is to use the Outside Frame function. Find it here:

Image >> Outside Frame

One difference between Outside Frame and Filter Frame is the Outside frame will increase the size of the picture because it puts frame on the outside. Hence the name, Outside Frame. On the other hand, the Filter Frame function puts the frame on the inside of the picture thus preserving to overall size of the picture.

Step 1. Select Image > Outside Frame

 Step 2. Select width and colour of outside border frame from the dialogue box.

 

.
.
Result 🙂 …But wait, there’s MORE!
.

Adding Double Border

A variation on the basic border is to have a double border. The double border looks a little nicer than the plain white one. Use a thin white inner border, surrounded by a thicker outer black border, once again, using the Image > Outside frame function.

  • Apply the first border of white… about 3 pixels wide.
  • Apply second border of black…about 8 pixels wide

Adding Text to Borders.

A neat trick is to make the border a little thicker and then add text to it. In this example, I’ve used a black border of 40 pixels wide and added white text to the top and bottom, giving it a postcard style look.

 

Snipped Edges Style Border.

I first noticed this style of border on Karen Cheng’s Snippets of Life blog. It’s quite easy to do and visually really interesting. The first time I saw this effect I was very impressed. It has greater impact when the blog theme has auto borders turned off so that the snipped white background of the picture blends in with the white background of the blog. ( or whatever colour, so that it matches). Here’s how to do: Step 1. Open pic… Select Polygon Tool. Draw straight lines in a jagged method… all around the outside of the picture, eventually linking up with the start, to form a selected section.

Step 2. Select the Crop Tool….and use white background in the pallet menu.

End result…:-) Perhaps my jagged edges are more chunky than Karen Cheng’s..but hey.. I gotta add my own style to this 😉 Gives new meaning to “Doing the Karen Cheng”  

  Note that my WordPress theme, Mistylook, automatically puts a border around every picture as part of it’s CSS coding.

Translucent Style Border.

Another interesting effect is to have a translucent border. Rather than having a plain coloured border, the translucent border effect has part of the original picture showing through. In this example, I’ve used the rectangle tool and contract tool to make a selection of the border around the edge of the picture and then applied Gamma correct+ to lighten it up. Here’s how I did it: Step 1. Open picture and use the Rectangle Tool to select the outside edge of the picture.

  Step 2. Goto Selection > Contract…

Contract dialogue box will appear… select the amount to contract the original box by. This will determine the width of the picture border.

Step 2a. (Thanks to Reader Sang for reminding me) Right mouse click —> Select Invert Selection

Step 3. Use the Gamma Correction + tool to lighten up the selected border area.

After several clicks of gamma correction, the end result will look like this:  

 

Using Photofiltre PhotoMasques.

Photofiltre includes a wide selection of inbuilt photomasks know as Photomasque ( wee wee french! 🙂 ) which can be used to create very attractive artistic edges and surrounds. These are found under the Filter > PhotoMasque menu. Photomasque is very easy to apply to your pictures and gives stunning results in seconds. How to use: From the Filter > Photomasque menu

  Choose a suitable photomask for you pic. Press preview to check how it looks first. Adjust opacity and colour for mask( I used white in this example). Also note that the mask orientation can changed 90 degrees to suit the picture orientation.

 

A wide range of photomasks are available 🙂

 

  Some examples of using PhotoMasque Clouds with Photomasque spray mask.

 

 

Old house with Watercolor photomasque applied.

One interesting aspects of these Photomasques, is that you can create your own masks and then do a laying effect…try it out..take a .gif file and experiment…but more on that another time

About Photofiltre…

Photofiltre is a comprehensive photo editing and retouching programme for Windows that can be compared to Adobe Photoshop(albeit less complicated features) but easier to use (and best of all) it’s free. While sufficiently powerful to do most photo editing jobs, it is amazingly easy to use when compared to Photoshop or Paint Shop Pro… and in addition is wickedly fast loading. Photofiltre homepage. Photofiltre download page.


12 Responses to “Photofiltre Basics: Creating Borders”

  1. Sang says:

    uhm the transparent border doesnt work for me
    it only made the inside square get lighter
    is there a way to fix that?

  2. Jeff says:

    Hi Sang,

    Thanks for pointing that out. I have missed a step in the procedure.

    After using ‘Contract’ click OK (selected area will contract)
    Then, right mouse click…select ‘Invert Selection’
    Gamma correction to lighten border.

    Hope this helps,
    Jeff.
    (I will revise my post to include this procedure)

  3. Sang says:

    thanks ^^
    that helps A LOT! haha
    thanks for putting this up 😀

  4. Meztly says:

    Thanks this helps alot.
    but isn’t there a way to do the border dotted.?

  5. Jeff says:

    Meztly: Take a look at this youtube video.

    http://www.youtube.com/watch?v=0R1r6WCuGsA&feature=related

    Jeff.

  6. Scott says:

    Awesome info! Thanks alot.

  7. Deanna says:

    You mention Blur to the frame. How do you make it blurry!?

  8. Jeff says:

    Hi Deanna, the blur is a feature in the “Slide Frame” style of border.(Filter>>Frame>>Slide Frame). You have the choice of either High or Low blur which is the amount of blur applied to the frame.

  9. Hi says:

    Thanks !!
    I appreciate the effort. Keep it up.

  10. Jessica says:

    Hi Jeff. Your Tutorials are very helpful. Is there a way that I can apply a frame to only a section of the outside of a photo. For instance, on your photo example of the car w/ yellow slide frame, is there a way to have the tail end of the car lay above the frame????

  11. Jeff says:

    Hi Jessica,

    This can be done in Photofiltre and is quite fun to make. This technique is known as Out Of Bounds framing effects. I’ve got tutorial coming up for this. Here’s some I’ve quickly made up with Photofiltre:

    http://jeffagogo.com/wp-content/uploads/2010/02/d-ray.jpg
    http://jeffagogo.com/wp-content/uploads/2010/02/skateboard-jump1.jpg
    http://jeffagogo.com/wp-content/uploads/2010/02/splash.jpg

  12. Jessica says:

    Ok 🙂 I’ll keep an eye for it! Thanks again!!

Leave a Reply