How to Blur Your Image Background Online in Seconds
Fotor

We have a great new tool here at Fotor that I’d like to share with you. It’s something that can really take your editing to the next level, and that’s Fotor’s Tilt Shift filter and Tilt-Shift Brush. Before I go into detail about the feature, let’s go into some detail about blur and what it can do for our photos.

Two Things You Need to Know Before You Start

Blurring photos can really help a lot with showing different ideas or themes, so let’s go through how each one of them helps with expressing what you want out of your photos.

Blur can be really good to show movement. It can show dynamic action in a way that many crystal-clear stills cannot. If you want to show some action, consider throwing in some blur to help draw the audience’s eye in a way that a static photo cannot.

In case there’s a lot going on in your shot, or you want something to stand out, blur can help keep the audience’s eyes on the prize and focus their gaze on the main subject of a photo. So, if you need to simplify your photo down, or are afraid your photo’s subject might get lost in the background noise, use blur to keep it front and center.

Next, let’s talk about depth of field. A basic definition for a depth of field is: the zone of acceptable sharpness within a photo that will appear in focus. In every picture, there is a certain area within your image in front of, and behind the subject that will appear in focus.

street leaves

Similar to what happens with real-world cameras, Depth of Field (DOF) applies a blur to a scene based on the distance in front of, or behind, a focal point. The effect can be used to draw the viewer’s attention to a specific subject of the shot based on depth and adds an aesthetic to make the rendering appear more like a photograph, or film.

purple flowers

In a camera, f-stop, distance from your subject, and lens focal length will determine your depth of field. Here, however, we can just use Fotor to kind of play around with how the depth of field works.

How to Blur Your Image Background with Fotor

Let’s see Fotor in action and find out how we can create some shots that look like this. There are two tools that you can choose, tilt-shift and tilt-shift brush.

First, upload a picture from your computer. We’re going to bring out the woman’s face and help the rest of her fade into the background. Let’s get to work! Go to effects on the left side, then scroll down until you find Tilt-Shift at the bottom. Then, click on it. Let’s explore the options it offers.

blur image background

Click Photo to Edit Your Image

As, you can see here, you can choose if you want Linear or Circular, then you can adjust the Size and Blur Intensity. Circular tilt-shift will be more suitable for portrait photos.

Here is Linear. It will be more suitable for landscape photos like streets, rivers, and others. Here you can see you can grab the small white dots at the periphery of the main circular symbol to adjust the angle.

I honestly like better how circular frames her face so I’m gonna walk you through that one. Here’s the final result. I think this does a really good job of adding Depth of Field to this photo.

Next, let’s look at the Tilt-Shift Brush. Now, while the name is similar to the Tilt-Shift we just went through, its application is quite different, so let’s go over it now. The Tilt-Shift Brush is right below Tilt-Shift in the Effects tab. Let’s play around with the Tilt-Shift Brush and see what we can do. The first thing to realize about the Tilt-Shift Brush is that it blurs the entire image, as you can see from the following image.

And then you need to adjust the brush and blur intensity to choose which parts you want to make sharper. This is a great way to start it off because then you can see what colors or contrasts your eye is naturally drawn to and kind of get a feel for what should be the focal point you should be basing your de-blurring on.

Another great feature that Fotor has here is that it shows you how large or small or brush is getting when you adjust the size on the left size. It’s a great way to tell if your brush needs to get larger or smaller.

Click to Edit Your Photo

I think the original is a masterpiece, and this was just a fun exercise to introduce some great art and a great tool to you. Also, you can check this tutorial video and review all the steps.

Tips & Tricks to Blur Image Background Like a Pro

What this means is that if you want to have some text on your banner on your Youtube page or on a landing page, the best way to help the text stand out well is to use blur to make the background nice and blurry so that the text really stand out. Make sure the background doesn’t have too much going on, or it still might swallow up the text. Here is a good example of a landing page utilizing blur to let its text stand out.

bamboothemes

Dribbble.com/Bamboothemes

Another important aspect is to make sure that your blurring helps focus attention on what’s important, so always keep that in mind. Whatever you’re doing, whether it be blurring, or applying other filters, must have a purpose, and blurring’s purpose is to help draw attention to a certain part of a portion of your design. This example is a perfect use of selective blurring (Tilt-Shift Brush) to let the products stand out from their backgrounds.

awwwards.com/kissmix

While objects may be blurry, we can all recognize quite a bit of what an image may be trying to tell us. This example below uses a picture of a blurred runner to let you know that this Class Register is for some kind of exercise class. You can find in really tiny letters the word “pilates”, but I didn’t really need to see that to know what kind of class this was.

dribbble.com/class register

You know why you think Jurassic Park, from the late 90s, had amazing CGI, yet movies from today, like Black Panther (there I said it! Come at me!) doesn’t seem to be the same is because Jurassic Park used a couple clever tricks to hide the blemishes that would have taken us out of the movie. First was the darkness (great way to hide detail that could give away the limitations of the tech at the time) and rain. Rain allowed a blurring effect that made details even harder to see, so remember blurring as another way to hide some less than ideal details. This video below is one of the resources that turned me on to how important blurring can be.

Warm-up

So that’s our article on blurring! Hope you’ve learned more about blurring and how to utilize it on the Fotor site. Remember that it takes just a few clicks with Fotor to make something amazing! Until next time.

About Us:

Fotor is a free online picture editor and graphic designer, allowing you to use online photo editing tools, such as add filters, frames, text, stickers and effects…and apply design tools to make creative photo designs and graphics. Online photoshop and graphic design software has never been so easy!

photo editing tool


Related Posts :
Leave a Reply :

2
Leave a Reply

avatar
1 Comment threads
1 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
FotorCristine Woo Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
Cristine Woo
Guest
Cristine Woo

Greetings,

This is so amazing! I’m always impressed by your photos. I love how you arranged the article, it is very informative and effective. This blur background effect is so trend and you explained the step by step of how to do it is so easy to follow. This post had me thinking of new ideas to try. Thank you indeed.