Skip to main content

How to Make a Blurred Vector Background in Adobe Illustrator

There are many ways to make a blurred background in Adobe Photoshop. But this will be a bitmap image. So we should use Adobe Illustrator to get 100% vector picture. Raster effects are not allowed too. You will learn all the secrets of the blurred background in Adobe Illustrator from this tutorial.

I'll show you 4 ways to make a blurred background in Adobe Illustrator. The final image will not contain any raster effects or parts. 100% vector illustration. So you can sell such illustrations on Shutterstock or other microstocks.

Let's go!

1. Using Mesh to Create Blurred Background

First of all you need a source file for your blurred background. You can use a photo for example.

I took the photo from my India journey. Drag and drop your photo to the Illustrator window. You can use Illustrator menu File > Place too.

Select the photo and go Object > Create Gradient Mesh. Set checkbox Preview and settings for Rows and Columns.

You should click OK button finally. And get the gradient mesh instead the photo.

This is our vector blurred background. You can edit some nodes of the gradient mesh to make the background better. Use the Direct Selection Tool (A) for this.

Then fit the mesh to the size of the artboard. Add some sparklings. There are circles with Color Dodge and Screen blending mode and radial gradient fill.

You can type any text finally.

Blurred background is ready :)

2. Using Dense Mesh to Create Blurred Background

Second way to create vector blurred background is the same. But we create dense gradient mesh for it. First of all we should create any object. This is my molecule.

Then make two copies of the molecule (Ctrl+C, Ctrl+V). I set the blending mode Multiply for transparent edges.

Make more copies of the molecules. You can create several layers if you need.

Then turn off the layer with large molecules (Toggles Visibility icon in the Layers panel).

Select small molecules and background and go to Illustrator menu Object > Rasterize. You can see my settings on the picture below.

Click the OK button to convert vector objects to bitmap.

Select this raster background and go Effect > Blur > Guassian Blur. Click OK button to apply effect.

Then go to Illustrator menu Object > Expand Appearance.

It's time to get rid of the raster. Select blurred bitmap background and go Object > Create Gradient Mesh. Set 50 Rows and Columns. This is the maximum value.

And we get vector blurred background.

Turn on the layer with large molecules and add text.

Are you ready for the next method? :)

3. Using MeshTormentor Plugin to Create Blurred Background

And there will be rock and roll now! But we need the MeshTormentor plugin for Adobe Illustrator. You can free download it here:

Then open any vector illustration. Make copy of all objects.

Select this copy and go Object > Rasterize.

Click OK button. We have the raster copy now.

Select bitmap image and Effect > Blur > Guassian Blur. Don't forget make Expand Appearance after that.

Draw a rectangle in the center.

Turn it to mesh using Object > Create Gradient Mesh. Rows and Columns - 50.

Select the mesh rectangle and open MeshTormentor plugin. Click the Increase mesh density button.

Next select the mesh rectangle and the raster background and click the button with Mona Lisa icon.

MeshTormentor copies all colors to the mesh rectangle. Perfect result.

Now you can delete raster background. Then move the mesh rectangle to the illustration.

Use Align panel for centering.

Next you can add white transparent rectangle from above. And linear gradient with Multiply blending mode for shadows. Don't forget about text.

Now the last method. It's easy :)

4. Using Image Trace to Create Blurred Background

Really you can make Image Trace (Autotrace) of blurred raster image to get vector illustration. Unfortunately this method does not accept Shutterstock if you want sell vector images. But we will consider it.

Take any raster image. Some photo for example.

Drag and drop to the Illustrator and use Guassian Blur. Don't forget about Expand Appearance.

Then make Image Trace (Autotrace). Select a template with the highest quality.

Click the Expand button. Now we have vector shapes on the Artboard.

Center the illustration.

The protruding parts can be covered with a mask. You can use Super Magic Eraser script for cropping also.

Add some text :)

The tutorial is over.

If you like it, please leave a comment here or share to SNS! You may also thank me using referral links -> CLICK HERE



Post a Comment

Popular posts from this blog

Free Scripts for Adobe Illustrator

There are ten very useful and interesting scripts for Adobe Illustrator. You can download them in this set. Just click on the title of the script or picture below. Wish you great creative experiments :)

Drag and drop the script file (JSX or JS) to the script folder of your Adobe Illustrator to install the script. Location of the script folder depends on your Adobe Illustrator version and system configuration.

For Windows:
C → Program Files → Adobe → Adobe Illustrator (your version) → Presets → en_GB → Scripts

For Macintosh:
Applications → Adobe → Adobe Illustrator (your version) → Presets → en_GB → Scripts

Then run Adobe Illustrator. You can find the script in the main menu File → Scripts.

You can also run the script without installation. Go to File → Scripts → Other Script (Ctrl+F12). Then open the script file on your computer.

Let's go!

Free Stock Master

Free Stock Master is a script for Adobe Illustrator which automatically prepares vector files for microstocks.

Extended Select


New Vector Inspector Plugin is available now

Do you remember the old Vector Inspector plugin which fixes mistakes in vector illustrations for microstocks? The plugin is very useful. But it was made for the Adobe Illustrator a long time ago. There were no any updates. Unfortunately it does not work in the new Adobe Illustrator CC. Is this the end of the Vector Inspector plugin? Can we change destiny?

And we have such opportunity! A team of young and ambitious developers has already started creating new Vector Inspector plugin for Adobe Illustrator. Here you can observe the development: Vector Inspector Pro - Ai-plugin for fast checking of the vector illustrations.

You can free download Vector Inspector Pro plugin here:
VIP developers page

Installation: drag and drop the AIP file to the plugin folder.
C > Program Files > Adobe > Adobe Illustrator > Plug-ins

This project funded like the Crowdfunding. Join if you have the opportunity. And you will get the new version first of all. $ 10-30 is enough.

Skrill → microvectorone@g…

Stock Master Pro Illustrator script

Present to your attention new Stock Master Pro script for Adobe Illustrator. The Stock Master can prepare and save vector illustrations for microstocks automatically. There are EPS-10 (8), Ai, JPEG, PNG file types. Correcting technical mistakes in a vector file and much more. See this video.

Characteristics of the script Stock Master Pro:
- Settings for scanning a file;
- Automatic mistakes fixing;
- Saving as EPS, Ai, JPEG, PNG;
- Sizes for all file types;
- Set directory for saving;
- Multi-Artboard file support;
- Emergency stop;
- Compatibility Adobe Illustrator CC, CS6 (Windows and Mac);
- Improvements in the interface and performance.

You can see User Guide by this link - Stock Master Pro User Guide (Eng)

The script costs only $ 14. You can buy it on the site

If you like this article, please leave a comment here or share! You may also thank me using referral links -> CLICK HERE