Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator Illusion of transparency vector rays

Illusion of transparency vector rays


Step 1

Grab the Polygon Tool (in the Rectangle Tool submenu) and draw a triangle - click-and-drag, then press the Down arrow to reduce the number of sides. Also hold the SHIFT key to place it into an orthogonal position. Set Fill to #000000 and no Stroke. Using the Selection Tool (V), rotate it 90 degrees clockwise.

Set its dimensions like below.

image 1

Step 2

Select the triangle. Now grab the Rotate Tool (R), hold ALT key and click the anchorpoint where you have the smallest angle, the one that's marked in the image below.

image 2

Step 3

In popup window, set the angle to 30 degrees and click "Copy". Now press CTRL+D (duplicate command) 10 times. It should look like below.

image 3

Step 4

Select all rays using the Selection Tool (V). Grab the Twirl Tool (in the Warp Tool submenu), press Enter and use the settings below. Center your mouse cursor over the shape and click once.

image 4

Step 5

It should look like the image below.

image 5

Step 6

Select all rays, then copy them (CTRL+C), then paste them to front (CTRL+F). Use the Rotate Tool to rotate them 15 degrees - hold ALT and click the center of the rays, then set the Angle to 15. Hit OK. It should look like below. Select all rays and go to Object > Group (CTRL+G). Also give them another color.

image 6

Step 7

Grab the Rectangle Tool (M) and click the canvas. Now set both Width and Height to 600 px. Hit OK. Also give it a blue color and make sure it has no Stroke.

image 7

Step 8

Select only the rectangle and go to Object > Arrange > Send to back (CTRL+SHIFT+[ ). It should look like below. Place the square over the rays, select all and using the alignment tools (top side of your screen), hit the "Horizontal Align Center".

image 8

Step 9

Now click the "Vertical Align Center" button. Along with Step 8, this will create a perfect alignment, so we don't get any offsets further on.

image 9

Step 10

Select only the square, copy it (CTRL+C) and paste it to front (CTRL+F). Now go to Object > Arrange > Bring to front (CTRL+SHIFT+] ). Remove its fill. Now it should look like below.

image 10

Step 11

Select all, then go open the Pathfinder window (Window > Pathfinder) and click the "Crop" button. It should look like this.

image 11

Step 12

Go to Path > Clean Up to remove the un-necessary anchorpoints.

image 12

Step 13

Select all artwork, go to Gradient window (Window > Gradient) and add gradients to the square, black rays and red rays with the settings below.

image 13

image 14

image 15

Step 14

Select it and resize it to fit your page while holding SHIFT key to constrain its proportions and you're done.

image 16

If you want, you can add different motifs, stars, circles, different shapes and use the same technique to make them pop up. A fast, but not so precise method is to lighten the colors: click the "Recolor Artwork", click the "Edit" button, then toggle the "Lock harmony colors" (broken chain icon) and move the slider a bit to the right.

image 17

Illusion of Transparency - Vector Rays



Author's URL: Designious
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own. More Adobe Illustrator Tutorials: Featured Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com


Like us to: