Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,326 Categories: 12

Total Tutorial Views: 41,444,829

Adobe Illustrator - Transparency Effect

Tutorial Name: Adobe Illustrator - Transparency Effect  

Category: PC Tutorials

Submitted By: Nag

Date Added:

Comments: 0

Views: 1,138

Related Forum: PC Building Forum

Share:

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Step 5

It should look like the image below.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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".

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

Step 11

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

[ Register or Signin to view external links. ]

Step 12

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

[ Register or Signin to view external links. ]

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.

[ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]

Step 14

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

[ Register or Signin to view external links. ]

Result

[ Register or Signin to view external links. ]

Ratings

Current rating: 4.33 by 3 users
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"Adobe Illustrator - Transparency Effect" :: Login/Create an Account :: 0 comments

If you would like to post a comment please signin to your account or register for an account.