How to Make Before and After Pictures with Pixlr X App

“Before” and “After” pictures are often shown in commercials and news. It’s a beloved pics style by weight loss program advertisers. And even after natural disasters in Japan, the Internet was filled with “before and after tsunami images”. Of course, we aren’t body-builders or newsmakers, but sometimes it’s pleasant to show off your fitness results, photo shooting skills or cakes and make pictures side by side that speak for you. Today, we’ll explore one of the best online before and after graphics editor software called Pixlr X.

What is Pixlr X?

This side by side picture maker web app was created long time in 2008 ago by Swedish developer Ola Sevandersson and name

d Pixlr Express. Later on in 2011, the collage maker was sold to Autodesk, Inc. And finally, in 2017 INMAGINE purchased the before and after picture generator and renamed into Pixlr X. Now the editor is fast, easy and smart online side by side collage tools. Here’s what the app looks like in 2021:

The maker is a light version of a more advanced online Pixlr E editor. By the way, as a reader of Photo Software & Design Blog, you should be familiar with its sister-app, previously called Pixlr-o-Matic which reviewed earlier here. As all other free picture editing websites, the app has tons of robust tools to edit pictures . But in order to make a before and after picture for free, we’ll explore only online pic collage maker section in this tutorial.

How to Put Before and After Pictures Together?

Here’s how to put “Before” and “After” pictures side by side using Pixlr X:

1. Go to pixlr.com and jump to the X version;
2. Select a simple 2 column before and after picture template, which allows us to make pictures comparison side by side.
3. The new window will open. On the left picture, click the Plus sign to select where to upload a “Before ” image. Then on the left pannel, click the Set Image button and add a picture into slider from PC, OneDrive, Google Drive, etc. Then do the same thing on the right image and add an “After” pic from your computer.
4. As a result, you’ll be able to preview “Before and After image”. If you like the pic, you can save it onto your PC. Find the Save button at the lower right corner of the application. There are several collage saving options: JPG, PNG, PXD, and higher / lower image resolutions. Select before and after picture layout quality that you want and hit the Download button.

Here we learned a simple side by side before and after image composing in the tool. But there are more artistic ways to make a pics collage out of two images with the help of the advanced E picture editing app version. It’s a mere example tutorial explaining how powerful E suite can be. Watch a video guide showing an advanced PhotoShop-style way to blend two images into one collage:

How to Use Before and After Picture Maker?

Still asking how to make good before and after sliders? Then check this tutorial. If you feel that the picture isn’t close to your idea of a good progress picture, than you can continue editing the file by clicking the correspoding tabs on the left pannel. Don’t forget to select each image to apply the changes. The X version is as good as PhotoShop. As one of the best graphics editing sites, free X toolkit includes options to tweak: object shape, colors, shadows, image rotation, image resizing, background color adjustment, adding overlays, borders, frames, stickers, etc. The paid X plan includes filters, effects, retouch and more.

HOW TO COMPARE TWO PHOTOS SIDE BY SIDE, PIXEL BY PIXEL WITHOUT LIGHTROOM? [VIDEO GUIDE]

For example, let’s see how to add text to your picture:

1. Pick up the Add text icon among the left menu, you’ll switch to the editing mode in X version. There are two options. On the one hand, you can apply a ready text sticker like Old and New to your before and after sketch. Or add your custom words to your collage. So, use the top Add new text menu and go to the Text tab.
2. Type your text such as “Before” or “After” in the highlighted box, select the font style, align, color and position with the help of corresponding tabs.
3. When you are done, don’t forget to save the picture and apply your changes.

The last step will be to evaluate your work and download the final “Before” and “After” photo comparison collage.

As you can understand, it’s a unique editor is useful for both newbies and pros. It enables you to make easy side by side pic or advanced image with PhotoShop elements. Let’s sum up Pixlr X advantages and drawbacks:

Advantages:

+ easy and free for new users;

+ powerful image editing features;

+ tons of ready templates for various occasions (family, business, celebration, sports, etc);

Disadvantages:

– filters and effects are locked in paid version;

– a bit complicated selection of layers for beginners.

What would you add into Pixlr X app? Is it any good for you?

Blog’s Freebie of the day:

• Badge Maker by MakeBadge