1. Design & Illustration
  2. Illustration

Create a Glowing Abstract Light Vector Graphic

Scroll to top
Read Time: 4 min

In the following tutorial, I'll show you how to create a glowing light abstract vector graphic. The great thing about this tutorial is it doesn't use any raster effects. The final illustration is all vector! In this tutorial, you'll utilize blends, different blend modes, and gradient meshes. Moreover, these techniques are real easy to apply to other illustrations.

Step 1

Create a new document that is 8 inches wide by 11 inches tall. Use the Rectangle Tool (M) and create a rectangle the size of your document. Fill the rectangle with a rich black (I used these CMYK values: C=100, M=100, Y=100, and K=100).

Step 1Step 1Step 1

Step 2

With the Mesh Tool (U), click on the rectangle about an inch from the top in the center of the rectangle.

Step 2Step 2Step 2

Step 3

After you add a mesh point with the Mesh Tool (U), change the color of the mesh point in the Color Panel to a dark blue (C=100, M=40, Y=0, and K=60). If you have accidently clicked away from the mesh point, use the Direct Selection Tool (A) to select the mesh point.

Step 3Step 3Step 3

Step 4

With the Mesh Tool (U), create another mesh point in the center of the rectangle. Try to keep it in line vertically with the first mesh point.

Step 4Step 4Step 4

Step 5

Change the color of the second mesh point to a dark red from the Color Panel (C=0, M=100, Y=100, and K=50).

Step 5Step 5Step 5

Step 6

Add another mesh point about an inch from the bottom and change the color to a dark orange (C=0, M=80, Y=100, and K=30).

Step 6Step 6Step 6

Step 7

In the next couple of steps we're going to create a brush for the glowing lines in the illustration. With the Rectangle Tool (M), create a rectangle that is 4 inches wide by .125 inches tall. Fill it with a 5% black.

Step 7Step 7Step 7

Step 8

Copy (Command + C) the new rectangle and Paste it in Front (Command + F). Change the height of the copied rectangle to .03 inches and fill it with white.

Step 8Step 8Step 8

Step 9

Select the first long rectangle and change the transparency to 0%. If it is getting hard to see the rectangle, you can place them over your Gradient Mesh so you can see what you are doing.

Step 9Step 9Step 9

Step 10

Select both rectangles and create a Blend by going to Object > Blend > Make. Now the line should look like it is glowing.

Step 10Step 10Step 10

Step 11

Select your blend and drag it into the Brush Panel. Then choose New Art Brush from the options. Keep all the default Art Brush Options the same. We're done with the blend and you can set it aside or delete it.

Step 11Step 11Step 11

Step 12

With the new brush we can start creating the vertical lines. I have a Wacom tablet so it's really easy to use the Brush Tool (B) to create smooth flowing paths. If you don't have a Wacom or don't feel comfortable using the Brush Tool (B), you can always use the Pen Tool (P) and apply the brush to the path. Decide which tool you want to use and create your first flowing line down the middle of your gradient mesh.

Step 12Step 12Step 12

Step 13

Select the new line a choose Overlay for the blend mode in the Transparency Panel.

Step 13Step 13Step 13

Step 14

Draw three to five more lines overlapping each other and set to Overlay.

Step 14Step 14Step 14

Step 15

Next, draw three to five more lines, set to Overlay, and change the Stroke Weight to .5 pt.

Step 15Step 15Step 15

Step 16

Again draw five to ten more lines, set to Overlay, change the Stroke Weight to .25 pt, and set the Opacity to 20% from the Transparency Panel.

Step 16Step 16Step 16

Step 17

Draw three to five more lines, set to Overlay, change the Stroke Weight to 3 pt, and set the Opacity to 35%.

Step 17Step 17Step 17

Step 18

The lines are done and now it is time to add a little more glow to the illustration. First create an ellipse with the Ellipse Tool (L) that is .5 inches by .5 inches. Change the color to a 8% yellow.

Step 18Step 18Step 18

Step 19

Copy (Command + C) the ellipse, Paste it in Front (Command +F), scale it down to .25 inches by .25 inches, and change the fill to white.

Step 19Step 19Step 19

Step 20

Next change the Opacity of the first ellipse to 0% from the Transparency Panel and blend the two ellipses like the brush we created.

Step 20Step 20Step 20

Step 21

Place the blended ellipse over the line where a couple of them converge and set the blend mode to Overlay.

Step 21Step 21Step 21

Step 22

Copy (Command + C) and Paste (Command + V) the blended ellipse around other line converging areas in the illustration. All done!

Step 22Step 22Step 22

Final Image

Below is the final image again. These techniques can easily be applied to many other illustrations, it just takes some experimenting!

Final ImageFinal ImageFinal Image
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.