# Create a Glowing Abstract Light Vector Graphic

##### Tutorial Details
• Program: Illustrator
• Difficulty: Intermediate
• Completion Time: 1 hour

### Final Product What You'll Be Creating

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 2

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

## 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 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 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 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 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 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 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 10

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

## 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 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 13

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

## Step 14

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

## Step 15

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

## 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 17

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

## 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 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 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 21

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

## Step 22

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

## Final Image

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

• http://link Tyrone

A fantastic site, and brilliant effort. A great piece of work.,

• http://www.ancashoria.ro/ Horia

Thank you for this, it came out exactly like yours and I learned good techniques

• Nick P

Thanks a ton.

Been looking for this effect for a while

• http://parisvega.com/?page=portfolio Paris Vega

Really nice image.

• Luna 1985

Great tutorial!
This inspires me to make backgrounds for my mp3 player!

• Sean

Nice tutorial, but I’m running into one snag. As an AI file this is @ 1.6 MB. however if you convert it to an EPS (save as) the resulting file is 319 MB! And on 3G of Ram it takes for ever to process. Am I missing something I should be clued in on? I can export it to a TIFF @ 36 MB, but it seems contrary to the point to maintaining a vectored image.
Thoughts?

• Cyber

if you attend an art university/college, do they teach you how to use these woftwares…like photoshop and illustrator etc…?

• DaVe

Really super!

• http://www.islam.com captain zia

nice!

• yurgy

niceeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

• Marx

thanks! i learned A LOT.

• Sarah

This is amazing!
My only problem is that there is a very annoying gray feathering around all of my mesh points after I apply color to them.

Can anyone help fix this?

• Russ

I have the same exact problem.
did u manage to fix that already?

• chris

its a problem with CMYK. change the document to RGB!

• el..

very nice dude
thought these effects could only be done in photoshop

• http://tuts.cgbaran.com CgBaran Tuts

Cool work thanks

• http://www.myspace.com/72890186 nathan

heaps good! i learnt a lot from this thanks!

• http://www.smartertools.com JD

simply awesome…i have done this with photoshop but never thought it could be done in illy. now i know :)

think i will a double helix design, like glowing dna! whuhahahha!

Thanks.

• http://www.myislam.zoomshare.com/ Ahsan

nice work dear.

• aniruddha

very very good

• Chimp

actually when you say change transparency to 0% you mean 100%, im not trying to be anal about its just confusing for people following this tutorial (this great tutorial) using other software. Thanks for the tutorial!

• http://wwww.artwanted.comd/davidfriedman david

What do you mean the tutorial means 100%? I change it to 0% as instructed and it worked fine! :)

• http://sexstories101.blogspot.com/ Sala

it is really helpful for me.

• http://www.iamafreelancer.net web designer in Egypt

nice and so easy thanks

• http://www.softe.org my free spyware removal blog

amazing work, amazing colors, love it

• Jocke

omg wow… thnx for it.. =DD im a newby and adobe and corel are new for me… but this, this is so… WOW.. =D

• Bill

Ugh, there are no images in the containers………..hard to follow without samples…….

• Trine

So… how do you change the colours of the glow lines? I’m trying it on a different background but I can’t change the colours! I’ve tried changing the Colorization settings to Hue Shift but the line just stays various shades of grey. What am I doing wrong?

• http://bucketothought.com/loungekat/blog/ LoungeKat

To change the actual color of the line you have to change the color when you make the brush. Hue Shift can sometimes work a bit funny on these things.

• Nate

thank you for taking the time to help random people out, people like you are the best.

• Jon.UK.Cornwall

Fantastic Tutorial, really clear and concise. This has helped me alot for my latest Uni project (Product Design). Keep em’ coming.

• Dadi

Thanks dude, being able to do this in Illustrator is really really cool. Thanks a lot!

• neha jain

luv it…..:)

• Kery

You saved me!!!!!

• alex

Great tutorial!

• alamin

Thanks

• ken

I tried this but the blend didn’t work. I just made another ellipse half the distance between the two selected at half the opacity. I checked the blend mode and it said smooth I even tried the other options and they didn’t help either.

• Sean

In the blend options (Object > Blend > Blend Options) select specified steps under spacing and change that to a higher number like 6 or 7. This will allow the blend to have multiple gradations rather than just two separate colours.

• sista

great tutorial!!!! thank you very much!

• Harshani Erangi Fernando

Yes Great!!! Thank you so much!!!

• http://www.facebook.com/warren.grant.1806 Warren Grant

**PLEASE HELP! **
When i apply the first step my gradient mesh fades to white, not transparent like in this tutorial?
I dont get the same transition to black, I get a muddy white gradient between?

What am I doing wrong?

• http://www.facebook.com/warren.grant.1806 Warren Grant

Never mind! It was because it was cmyk not rgb.

• Tim Morris

Great Tutorial, Thanks so much! This taught me the gradient mesh tool as well!