Skip to main content
A
Abdullah5C72
Participant
February 13, 2021
Question

Photo Collage and Mockup Toolkit Image Size Problem

  • February 13, 2021
  • 2 replies
  • 1346 views

Hi All,

I am using JJMack's  great toolkit to create images from one mockup file. it works great but i have a problem. The toolkit place the PNG's to the smart object but it covers all of the mockup (mug). I need to place the designs to front of the mug. I tried to use smaller PNG's but still it covers all the mug. Could you help me figure out the problem?

Thanks in advance.

This topic has been closed for replies.

2 replies

JJMack
Community Expert
JJMackCommunity Expert
Community Expert
February 14, 2021

If your png image have transparent boarders.  If you Place them is as smart object in Mockup template. Place will trim Transparent boarders and may also scale the object  so it the wrong size.  If you use Replace Content to replace smart object later content in Mockup templates and use PNG replacemet files. Photoshop Replace Content is most likely trimming the  transparent borders to the image subject and scaling the image on you.   If you want to retain transparent boarders you can somewhat do that by hiding two gray 1%  opacity pixels in the boarders. One in the canvas top left and bottom right corners. Photoshop Place, Rreplace Content and Copy&Paste will trim Boarders that are fully transparent. Photoshop PNG support in newer version of Photoshop also seems toe have a performance issue. If you use the Script Help Button and read the documentation.   You should see information about dealing with Collage and Mockup Templates when it come to dealing with PNG image Replacement Files and using Smart object that are png objects.   My Collage script use Place to place image into collage templates. If you want to retain transparent boarders you need to user the 1%  gray pixels to work around Photoshop trimming behavior.  With Mockup Templates the Edit Option does not use Place, Replace Content or Copy&Pate where the transparency would be trimmed.

JJMack
A
Abdullah5C72Author
Participant
February 15, 2021

Thank you very much for your help JJMack 

A
Abdullah5C72Author
Participant
February 14, 2021

JJMack here is my mockup file: https://freedesignresources.net/coffee-mug-free-mockup/

JJMack
Community Expert
JJMackCommunity Expert
Community Expert
February 14, 2021

Your Free coffee Mugs Mockups  are designed to cover the outside of the cups except the top rim and handle. They are working for you as they were designed.   Here I added a background color to their  smart object which have transparent boarders.  Your Replacement do not have transparent boarders or Replace content is stripting them or if you use  my script edit option my script will resize your replacement images canvas so the canvas size will fill the object canvas size. If the aspect ratio is the same as the object the resize will be perfect  otherwise the resize will look like a centered Aspect Ratio crop.  Replacement edited into mockup will be size  like the  object in the mock template. If the aspect Ratio is not the same and  you do not want any cropping you can use the scripts  Edit and Fit options. The replacement will be fitted to the Object Canvas the replacement will not be cropped but there will be transparency in the replacement image. The smart object sizes is 1265px by 1185px at 300ppi

The smart object layer has been Transformed distorted narrower and warped to the mugs shape.

JJMack
JJMack
Community Expert
JJMackCommunity Expert
Community Expert
February 15, 2021

That free mockup is not a good Mockup.     The layer mask on the smart object layer labeled effects is bogus.  It is link to the smart object layer's content which is not really valid.  If you use Ctrl+T to edit the Smart Object Layer transform Photoshop will tell you the link is not valid.  What is in the layer mask should be is a layer above the smart object layer and blended is as a highlight effect.  The Smart object layer is already masked by being clipped to the mug layer.  However, it needs the be mask even more so it will not be visible  inside the mug, and not overlay the mug handle and lip. It should not be link to the smart object layerr's content its masking areas of the mug that are not masked by the clipping mug mask. 

A fixed up mockup would look like this

JJMack
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices