Quickly Create Realistic Lens Flare Vectors!

Lens Flare Vectors

Today we will learn how to create lens flares vectors on a transparent background with the help of simple vector objects, blending modes and Flare Tool. Have fun with our new Illustrator tutorial!

Tutorial Details: Realistic Lens Flare Vectors

  • Program: Adobe Illustrator CS4 – CC2015
  • Difficulty: Beginner-Intermediate
  • Topics Covered: Gradient Tool and the Transparency panel
  • Estimated Completion Time: 45 minutes

Final Image: Realistic Lens Flare Vectors

Lens Flare Vectors

Step 1

To begin our lens flare vectors post, we’ll create a new document (File> New …). Set the size of our artboard – 600x600px. Click on the Advanced button and set the RGB color mode, if of course, it is not installed by default.

Lens Flare Vectors

Step 2

Proceed to the creation of a semi-transparent background. It’s quite a popular design element today. Create a light gray square using the Rectangle Tool (M). The dimensions of the rectangle should correspond to the size.

Lens Flare Vectors

Now in the top left corner of the artboard let’s create a dark gray square with dimensions 20x20px.

Lens Flare Vectors

Step 3

Select a dark gray square, then go Effect > Distort & Transform > Transform… and set the Horizontal Move value = 40px and 14 Copies in the dialog box.

Lens Flare Vectors

Apply the Transform effect once again and set the value and select the options shown in the figure below.

Lens Flare Vectors

Through these actions now our background looks like a chess board.

Step 4

Create a new square with the size of our artboard and fill it with a dark blue color, for example R = 5; G = 11; B = 20.

Lens Flare Vectors

Duplicate this square (Cmd / Ctrl + C; Cmd / Ctrl + F). Apply to this object a linear gradient from gray (K = 50) to white.

Lens Flare Vectors

Step 5

Select the two upper squares, and then click on the Make Mask button in the Transparency panel to create an opacity mask.

Lens Flare Vectors

Semi-transparent background is ready. We can begin to create our lens flare vectors.

Step 6

With the help of the Ellipse Tool (L) create a circle in the center of the artboard. Fill the circumference with a radial gradient from gray (K = 30) to black (R = 0; G = 0; B = 0).

Lens Flare Vectors

Apply to this object Color Dodge blending mode in the Transparency panel.

Lens Flare Vectors

Step 7

Duplicate the circle (Cmd / Ctrl + C; Cmd / Ctrl + F). Fill the top of the circle with a radial gradient from white to black.

Lens Flare Vectors

With the help of the Selection Tool (V) transform the upper circle to an ellipse and rotate it to any angle.

Lens Flare Vectors

Step 8

Duplicate the last ellipse couple of times, and turn the copies into other angles. You can also resize and reduce the opacity of some ellipses. As the result, we receive a star similar to the one shown below.

Lens Flare Vectors

Lens Flare Vectors

Step 9

Create a circle with a radial gradient fill from gray (K = 50) to black (R = 0; G = 0; B = 0) and place it in the center of the star.

Lens Flare Vectors

Apply to the circle Screen blending mode in the Transparency panel.

Lens Flare Vectors

Step 10

Take the Flare Tool and click in the center of the top of the circle. In the dialog box, set the parameters similar to the ones shown on the figure below.

Lens Flare Vectors

Lens Flare Vectors

I do not think that all objects of flare are needed. Select the Flare object, then go to Object> Expand… and choose only the Object option in the dialog box.

Lens Flare Vectors

Step 11

Now we can remove some of the circles, leaving the necessary ones.

Lens Flare Vectors

And edit the color of gradients of any of the circles, which were previously included in Flare object.

Lens Flare Vectors

I desaturated all gradients to flares light so they can be used on any color background. I hope everyone finds this lens flare vectors tutorial useful! Good luck creating!

Iaroslav Lazunov

Author: Iaroslav Lazunov

My name is Iaroslav Lazunov, I am a graphic designer from Ukraine. I am glad that I finally found the job in my life that I can share my knowledge and experiments with you in my tutorials. Follow me on Twitter or visit my blog Vectorboom.com.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Design Float
  • Facebook
  • Mixx
  • TwitThis

Leave a Reply

Your email address will not be published. Required fields are marked *