: 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] :
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....
More posts by @Karen819
1 Comments
Sorted by latest first Latest Oldest Best
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.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.