Tutorial Details

Final Image

Step 1

To begin our Light Swords vector tutorial, start Adobe Illustrator, and then go to the File> New…. In the opened dialog box choose the RGB color mode for our illustration.Create a rectangle with the help of the Rectangle Tool (M), the size of which corresponds to the size of an artboard. Fill the rectangle with a radial gradient from dark blue to black color.This object will serve as a background for the illustration and allow us to pick the right colors in the process of creating light swords.

Step 2

Proceed to the creation of the plasma blade of the first sword. Take the Line Tool (\) and holding down Shift, create a vertical straight line segment with a black stroke (R = 0, G = 0, B = 0) and without a fill. Set the width of 44px and tick Round Cap option in the Stroke panel.

Select the black stroke in the blend object (it is convenient to do so in the Layers panel) and set the 0% Opacity in the Transparency panel.Select the entire blend object and use Screen blending mode in the Transparency panel.

Step 5

Select the group, then go to Object > Path > Outline Stroke. As a result of this action stroke paths have converted to filled objects.Now go to Object > Envelope Distort > Make with Warp…. In the Warp Options dialog box, select the Arc Style and set -5% for the Horizontal Bend.

Step 6

Proceed to the creation of the handle of the sword. Create two horizontal straight-line segments using the Line Tool (\) at a certain distance from each other. Apply to these paths 6px wide stroke of any color and turn on the Round Cap option in the Stroke panel.Select these paths and create a blend object (Opt / Alt + Cmd / Ctrl + B).Create two more horizontal straight-line segments at the top and bottom of the handle as shown in the picture below.

Step 7

Select all the objects of the handle, then go to Object > Path > Outline Stroke and fill obtained objects with vertical linear gradient, which consists of two black (on the edges) and one white (in the center) slider.Group up all the elements of the handle (Cmd / Ctrl + G). Duplicate the handle (Cmd / Ctrl + C, Cmd / Ctrl + F), fill its objects with horizontal linear gradient, which consists of various shades of blue, like the one shown in the picture below. Apply to the upper group the Multiply blending mode in the Transparency panel.Blue sword is ready, duplicate it and recolor blue colors of the copy with red shades. Although this manual work will take some time, but you will surely get better result than the result after applying the Recolor Artwork feature (Edit > Edit Color > Recolor Artwork …).

Step 8

Before crossing the swords, select their plasma blades and go to Object > Expand …, choose the Objects option in the dialog box.Now turn swords into meeting each other at an angle equal to 45 degrees.

Step 9

In place of swords crossing create a circle using the Ellipse Tool and fill it with a radial gradient from white to black.Apply to the circle the Color Dodge blending mode in the Transparency panel.

Step 10

Take the Flare Tool and click at the place of swords crossing. In the opened dialog box, turn off the Rings option, and pick parameters for Rays option.Select the Flare object, then go to Object > Expand… and tick Objects option in dialog box.Delete all the options leaving only the divergent rays.

Step 11

Increase the Opacity of the rays up to 20% in the Transparency panel.Now apply the radial gradient from white to black to the strokes of the rays.Here is how it should look. I hope you’ve enjoyed this tutorial and can apply these techniques in your future projects.

laroslav Lazunov

Iaroslav Lazunov is a graphic designer from Ukraine. He loves sharing his knowledge and experimenting with tutorials. You can follow him on Twitter or on his blog, Vectorboom.