How To Create Custom Borders Using Pixlr Online Image Editor

How To Create Custom Borders Using Pixlr Online Image Editor
Page content

Make Custom Frames for Your Webpage Pictures

You can make custom picture frames for your images with Pixlr online image editor. This can be a great way to share your photos online. To make a custom frame similar to this one, follow the steps below.

To view the full size of any image in this tutorial, click on the image.

Step 1: Use Pixlr Tools and Filters to Add a Border to Your Picture

Click to Enlarge

Load your desired image from your computer into Pixlr online image editor. Change the image size if you need to, by using the Image -> Image Size feature.

Adjust the display size of your image so that there is plenty of space around it by moving the Navigator slider to the left.

Now, you will be adding a border around your image.

Go to Image -> Canvas size and add 10 pixels to each dimension. Click the center box to move the blue box to the center and click OK. You will now see a thin white border around your picture.

Use the Wand tool to select the white frame, and then the Flood Fill tool to fill it with

black. Use Edit -> Deselect All to remove the selection.Load your desired image from your computer into Pixlr online image editor. Change the image size if you need to, by using the Image -> Image Size feature.

Adjust the display size of your image so that there is plenty of space around it by moving the Navigator slider to the left.

Now, you will be adding a border around your image.

Go to Image -> Canvas size and add 10 pixels to each dimension. Click the center box to move the blue box to the center and click OK. You will now see a thin white border around your picture.

Use the Wand tool to select the white frame, and then the Flood Fill tool to fill it with black. Use Edit -> Deselect All to remove the “trailing ants” from your border.

Step 2: Add a Second Border to Your Pixlr Image

Click to Enlarge

Now you will add another border to your picture. Repeat the Image -> Canvas Size, adding 20 pixels to each dimension, and again, moving the blue box to the center square.

Use the wand tool to select the white border. Now, flood fill with a bright, dominant color from your picture by clicking the black square at the bottom of the tool bar, and using the dropper to pick up a color. Flood fill the selection with this color.

With the colored border still selected, choose Filter -> Noise, and move the slider all the way to the right (400). Keep monochromatic checked.

Choose Filter -> Pixelate and change the cell size to 2. Deselect the border.

Step 4: Add a Final Border to your Pixlr Image

Click to Enlarge

Repeat the Image -> Canvas Size, this time adding 30 pixels to each dimension, and moving the blue square to the center. Use your Wand tool to select the white border. Again, pick a color from the picture. It works well if you pick the most dominant color.

Choose Filter -> Scanlines and leave on default (40). Click OK. Select Filter -> Diffuse and leave on default (5). Click OK. Deselect the border.

Viewing and Saving Your Pixlr Image

On the Navigator, change the size back to 100% to view at the size you will see on your webpage. Save your picture, and you’re done.

Experiment with the Pixlr online editor filters and tools to create all sorts of lovely borders for your pictures. You’ll be glad you did, and so will your visitors.

This post is part of the series: How to Use Pixlr Online Photo Editor

Easy to use and best of all, free, Pixlr online photo editor is a powerful yet simple photo software that will please beginners and experienced photo editors alike.

  1. Pixlr’s Free Online Photo Editor Has All the Image Editing Tools You Could Ever Need
  2. How to Shrink Images Using Pixlr Online Image Editor
  3. Using Tools and Filters to Enhance Photos in Pixlr Online Image Editor
  4. Creating Custom Borders for your Photos using Pixlr Online Image Editor
  5. How to Make Marble Background Tiles using Pixlr Online Image Editor