I was having an issue earlier, where I wanted to create a simulated reflection on the floor beneath a vector object made up of many smaller paths, while still maintaining full transparency of my final vector.

This is a very easy thing to accomplish in Photoshop and I found a few posts here about it, but I was having trouble finding anything about how to do it in Illustrator (let me know if this is a duplicate and I'll delete). I figured I would share how I accomplished this task and open it up to any better methods you might have.

So, the question is: How do I take this vector object below and add a reflection beneath it, that fades to transparent?

brain

up vote 12 down vote accepted
  1. Duplicate the object that you wish to create a reflection of and flip it vertically (Object > Transform > Reflect, making sure you choose Horizontally)

flipped

  1. Duplicate the "reflection" group that you just made in the last step, then use the Pathfinder to combine all of the shapes into one

combined

  1. Fill the new path with a black to white gradient (black = transparent)

gradient

  1. With the gradient and "reflection" groups selected, open your transparency window (Window > Transparency) and click on Make Mask

transparency

Now you can adjust the opacity of your new reflection, add a shadow, whatever.

enter image description here

If you wish to edit the Transparency Mask that you've just created, you may do so by opening your Transparency Window (pictured below) and clicking on the mask's icon (2). To return to editing your document as normal, click on the object's icon (1)

masks

  • The combination of the shadow and the reflection looks really odd to me and makes me wonder what kind of magic material the surface is made of :) – Vincent May 23 '16 at 9:44
  • @Vincent I actually wound up not even using the reflection haha I thought the same, so I opted for the shadow and not reflection. – Manly May 23 '16 at 14:37

Your Answer

 
discard

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.