Advertisement


How to use a vector mockup with perspective?


Question

I don't know how to explain what do I want, so I put some images to explain that.

Vector Mockup

We have a vector mockup here for example (image 1). There is no problem with this mockup because you need just put the image or vector between some layers ...but if you have a vector mockup with perspective then what would you do?

enter image description here

Photoshop had a solution for this: Smart Object but what about the Illustrator? Every time we need to transfer or fix the alignment to make a right perspective? I'm looking for the best and fast way ...

2016/03/02
1
1
3/2/2016 6:54:00 AM

Accepted Answer

Symbols in Illustrator are a close equivalent to Smart Objects in Photoshop.

Drag your image to the Symbol Panel to create a Symbol.

Then use the Symbol. Transform the symbol however you need it. (In fact, art must be a symbol to apply it in Illustrator 3D effect surface mapping.)

If you then need to edit the original image later.... Double-click the Symbol in the Symbol Panel. It opens as a flat image which can be edited, added to, etc.

It is sometimes helpful to draw a no-fill/no-stroke rectangle around the artwork before making a symbol if the art is non-rectangular in nature. This creates a bounding area that, when you later edit, you need to stay within. If you edit and exceed the original bounding area, it can throw off your transformations.

2016/03/02
4
3/2/2016 7:56:00 PM

Create a box that matches the edges of the "perspective" object (directly on top of it). Select it and shift-select the picture, select the Object menu, select Envelope Distort, then Make with Top Object. This is a non-destructive method and works well for things like computer/cell phone screens.

2016/03/02