Create a Realistic Plexiglas® Plate Vector

plexiglass® plate vector Final Image
In this tutorial you will learn how to create a semi-realistic Plexiglas® Plate Vector in Adobe Illustrator. You will find out how to add shadows and highlights to your Plexiglas® Plate using different Blending Modes and finally how to create a conical gradient using the Envelope Distort technique. Let’s begin!

Tutorial Details: Plexiglas® Plate Vector

  • Program: Adobe Illustrator CS5 – CC
  • Difficulty: Beginner-Intermediate
  • Topics Covered: Gradient Tool, Basic Tools and Effects, Transform techniques and the Appearance panel
  • Estimated Completion Time: 45 minutes

Final Image: Plexiglas® Plate Vector

As always, this is the final Plexiglas® Plate Vector that we’ll be creating:
plexiglass® plate vector Final Image

Create a Plexiglas® Plate Vector

Step 1

Open Adobe Illustrator and create a new document (Ctrl + N). Select CMYK Color Mode, 300 DPI Raster Effects and make sure that Align New Objects to Pixel Grid is unchecked.

Next, go to Edit > Preferences > General and set the Keyboard Increment to 1px.
artboard details

Step 2

Pick the Rectangle Tool (M) and draw a 350 x 500 rectangle.  Fill it with C=0 M=0 Y=0 K=10. Focus on the Appearance Panel, select the Fill and set the Opacity to 40%.
color fill

Step 3

Select the rectangle we’ve previously created and make two copies in front of it (Ctrl + C > Ctrl + F > Ctrl + F).

Step 4

Select the first copy (the one in the middle) of the rectangle, and with your keyboard arrows, move it 2 points to the left and 2 points down. Select both copies and click the Minus Front button from the Pathfinder Panel.

Step 5

Fill the resulted shape with Black (C=0 M=0 Y=0 K=100). From the Appearance Panel set the Fill opacity to Default (100%) and then lower the Opacity of the shape to 10% with Blending Mode set to Multiply.

Step 6

Now select the initial rectangle of the plexiglass® plate vector and again make two copies in front of it (Ctrl + C > Ctrl + F > Ctrl + F). 

Step 7

Select the copy that is on top of the others and move it 2 points to the left and 2 points down. Then select both copies and hit the Minus Front button from the Pathfinder Panel.

Step 8

Fill the resulted shape with White (C=0 M=0 Y=0 K=0). 

Step 9

Select again the original Rectangle of the plexiglass® plate vector and go to Object > Path > Offset Path. Enter a value of 30 points, then press OK.
offset path

Step 10

Select the initial rectangle of the plexiglass® plate vector, make a copy of it (Ctrl + C > Ctrl + F). Select the copy and the previously created rectangle with 30 points Offset and go to Object > Compound Path > Make (Ctrl +8).
Make a copy

Step 11

Select the resulted Compound Path and double-click on the Selection Tool (Black Arrow Tool). The Move Panel will appear. Enter a value of 10 points for Horizontal and a value of -10 points for Vertical Position, then hit the OK button.
vertical position

Step 12

Fill the Compound path with Black (C=0 M=0 Y=0 K=100). Set the Fill Opacity to Default (100%), the Shape Opacity to 7% and the Blending Mode to Multiply. Go to  Effects > Blur > Gaussian Blur and enter a value of 20 pixels.
color & blur

Step 13

Select the Compound Path again and double-click on the Selection Tool (Black Arrow Tool). The Move Panel will appear. Enter a value of -20 points for Horizontal and a value of 20 points for Vertical Position, then hit the Copy button instead of OK.
compound path

Step 14

Fill the Compound path with White (C=0 M=0 Y=0 K=0). Set the Fill Opacity  to Default (100%), the Shape Opacity to 20% and the Blending Mode to Screen. Go to Effects > Blur > Gaussian Blur and enter a value of 20 pixels.

Step 15

Make a copy of the initial Rectangle (Ctrl + C > Ctrl + F), move it on top of the two Compound Paths, then select all of them.
make a copy

Step 16

With the three shapes selected, go to Object > Clipping Mask > Make (Ctrl + 7). Now the shades are clipped into a mask.
clipping mask

Step 17

It’s time to draw the shadow of the plexiglass® plate vector. Go to Effects > Stylize > Drop Shadow. Set the Mode to Multiply, lower the opacity to 50%, enter a X Offset value of -20 points and a Y Offset value of  20 points. Increase the Blur to 10 points and pick Black (C=0 M=0 Y=0 K=100) as the color for the shadow. Hit Ok.
drop shadow

Step 18

Now let’s draw the highlight of the plexiglass® plate vector. Draw with the Pen Tool (P) a shape similar to the one in the screenshot below. Focus on the Layers Panel, select the shape you created and move (drag and drop) the shape into the Clip Group. Make sure that the shape stays selected, open the Gradient panel (Window > Gradient) and simply click on the gradient thumbnail to add the linear gradient. The Right Slider is filled with White (C=0 M=0 K=0 Y=0) and has the Opacity 0%. The Left Slider  is filled with White (C=0 M=0 K=0 Y=0) and has the Opacity 100%. From the Appearance Panel change the Opacity to 30% and the Blending Mode to Screen.

Step 19

It’s time to create the Background for our plexiglass® plate vector. Draw a Rectangle (M) that fits the artboard (600 x 750 points). Fill it with C=0 M=0 Y=0 K=10. Now add a new fill from the Appearance Panel (Click the Black Square from the bottom of the panel),  lower the Opacity to 30% and set the Blending Mode to Multiply. Then fill the shape with C=0 M=0 Y=0 K=10. With the second fill still selected, go to Effects >Sketch > Note Paper and enter the values from the screenshot. Now add a new fill (Click the Black Square from the bottom of the panel), set the Opacity to 20% and the Blending Mode to Multiply. Make sure that the fill stays selected, open the Gradient panel (Window > Gradient) and simply click on the gradient thumbnail to add the default black to white linear gradient; then make sure that the angle is set to 26.1 grades.
plexiglass® plate vector shape

Step 20

Now we are going to finish our illustration by learning how to make the screws using a Conical Gradient. Create a Rectangle (M), then add a multicolor gradient (Window > Gradient):

1. C=0 M=0 Y=0 K=0
2. C=22 M=18 Y=18 K=0
3. C=42 M=34 Y=34 K=0
4. C=14 M=11 Y=11 K=0
5. C=26 M=20 Y=21 K=0
6. C=42 M=34 Y=34 K=0
7. C=14 M=11 Y=11 K=0
8. C=0 M=0 Y=0 K=0
9. C=14 M=11 Y=11 K=0
10. C=42 M=34 Y=34 K=0
11. C=14 M=11 Y=11 K=0
12. C=26 M=20 Y=21 K=0
13. C=42 M=34 Y=34 K=0
14. C=14 M=11 Y=11 K=0
15. C=0 M=0 Y=0 K=0

conical gradient

Step 21

Draw an Ellipse (E) and fill it with a two color radial Gradient (Click Window > Gradient and simply click on the gradient thumbnail to add the linear gradient then change the type of gradient from Linear to Radial, like in the image below). It doesn’t matter what colors you use. With the Ellipse selected, go to Object > Expand  and be sure you check Expand Gradient to Gradient Mesh. Then hit OK.
expand gradient mesh


Step 22

Now we have a Clip Group. Delete the Clipping Path from the Layers panel.
clipping path

Step 23

With the Direct Selection Tool (A) select the right point on the Inner Circle and delete it (del).
selection tool

This is the shape that will remain: a Gradient Mesh with 4 points

Step 24

Go to  Object > Envelope Distort > Envelope Options and be sure you have the same properties just like in the image below.
envelope options

Step 25

Select both the Gradient Mesh and the Rectangle, make sure that the Mesh is on top by checking the Layers Panel, then go to Object > Envelope Distort > Make with Top Object.
gradient mesh

And this is our Ellipse with a Conical gradient that will serve at the screw for our Plexiglas® plate!

Step 26

It’s time to add a Drop Shadow to our screw for the plexiglass® plate vector. Firstly, make sure that your screw is 19 points wide and 19 points high. Then go to  Effects > Stylize > Drop Shadow and enter the same values as in the screenshot below.
drop shadow

Copy the screw three times (Ctrl + C > Ctrl + F > Ctrl + F > Ctrl + F) and arrange them like the screenshot below.

And we’re done!

plexiglass® plate vector Final Image

Andrei urse

Author: Andrei Urse

My name is Andrei Urse. I’m a graphic designer from Romania.  I love creating logos and complex vector art using Illustrator, but I also use Photoshop and InDesign on a daily basis. You can find all of my work on Behance.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • StumbleUpon
  • Design Float
  • Facebook
  • Mixx
  • TwitThis

4 thoughts on “Create a Realistic Plexiglas® Plate Vector

  1. I found your weblog web site on google and verify a few of your early posts. Continue to keep up the very good operate. I simply further up your RSS feed to my MSN News Reader. Looking for ahead to studying extra from you afterward!?

Leave a Reply

Your email address will not be published. Required fields are marked *