Mobile app version of vmapp.org
Login or Join
Karen819

: Uploaded image overriding mask image We are allowing user to upload image on Mask image as below [ Svg & Png ] Mask image : user upload another image on mask image [phone case] :

@Karen819

Posted in: #AdobeIllustrator

We are allowing user to upload image on Mask image as below [ Svg & Png ]

Mask image :



user upload another image on mask image [phone case] :



Once user drag the uploaded image to top, half of the 2nd square is overrided by the uploaded image. but another half is not overrided. but uploaded image should not override the original image.



Our Graphic designer using Illustrator.

Update : Below is another example

Initial :



Later : Once user drag uploaded image to top : Its displaying black straight line , that should not display.... how to correct these kind of mistakes ?



here is link to check : once you click on "Browse" button & upload the image, than click on the uploaded image, than it will display on mask image, than drag the image to top.....

Edit 2 : Our Designer followed as below image to create SVG....

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Karen819

1 Comments

Sorted by latest first Latest Oldest Best

 

@Kevin459

Create your phone template, and make sure it is a combined shape including the inside rectangles. Use the Path Finder Minus Front button to punch the holes in the case.
Select the template shape, and copy and paste in front.
Paste your graphic or photo and position it.
Click Object > Arrange > Send Backward
With the graphic/photo still selected, CTRL+click (or CMD+click on Mac) on the phone case. This will select both the graphic and the phone case.
Click Object > Clipping Mask > Make.


Now the graphic is inside the clipping mask.

You can double click on the graphic to enter the clipping mask group, and move the graphic to any position you want. The clipping mask will clip the graphic wherever you move it.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme