Skip to main content
M
mkrohn
Participating Frequently
May 25, 2017
解決済み

Exporting .png from Photoshop - Drop shadow to heavy

  • May 25, 2017
  • 返信数 1.
  • 10496 ビュー

Good evening everybody

I've recently started creating my own product mockups (for digital prints) with Photoshop. Working with smart objects, several layers etc. is no problem - everything works the way I want it to in .psd files.

I've seen that people sell mockups online as .png with a transparency where the print is supposed to go. I've tried to recreate this but hit an obstacle:

I have a background layer with the (transparent) cutout inside the frame, for example, and a second layer with a flower overlaying part of this transparency. As the light is coming form above, there's no shadow inside the frame, but the layer with the flower has a drop shadow.

When exporting the file as .png, the soft drop shadow (barely visible in the .psd file) suddenly becomes a heavy gray streak.

Have I overlooked something in the export options or do I have to work differently with the layers?

このトピックへの返信は締め切られました。
解決に役立った回答 JJMack

Thank your for your detailed answer and your inputs. I myself work with mockups or templates in Photoshop to have all the additional options you mention. However, I'm trying to create a template somebody not owning Photoshop could use as well, that's why I'm trying to create this .png-file.


The problem you have with your drop shadow is there are no pixels to blend the drop shadow effect into.  The layer frame covers the whole canvas so the Canvas bounds acts as a cropping mask the outer frame shadow effect would fall outside the documents canvas.  The Frames inner shadow would fall onto the images and blend into the image. However you are trying to save that frame as a png template without an image.  So there are no pixels the effect can be blended into.  You will need to add the drop shadow  to the frame  with the image populated.    If your template is not going to be used in Photoshop what ever imaged editor is used will need to be able to add the drop shadow.

返信数 1

JJMack
Community Expert
JJMackCommunity Expert
Community Expert
May 26, 2017

mkrohn  wrote

I have a background layer with the (transparent) cutout inside the frame, for example, and a second layer with a flower overlaying part of this transparency.

Something is wrong with your description of what you have!  The Photoshop background layer does not support transparency.   If your layer has a transparent cutout in a frame. That layer is not the document background layer.

You can has a layer over a background layer that covers an area that is inside a frame in the Photoshop Background layer.  No layer can be below a document background layer.

All my Template PSD files have a background layer that images are placed in above in in order.   Their Location Size and Shape are mapped by  alpha channels with names "Image 1", Image 2",  ... "Image N".

JJMack
    M
    mkrohn作成者
    Participating Frequently
    May 26, 2017

    That was apparently a wrong use of the term "background layer" on my part. I unlocked the background layer and than made the cutout to transparency. I can now add a layer below that to show what I want to see in the frame cutout.

    But as I want a .png with a cutout, I would deactivate that layer below because I don't want to export it.

    It's the dropshadow of the vase in this case, that looses the transparency, when I export as .png and then move the picture blow it.

    The original .psd

    The exported .png opened in photoshop with the desired picture below it.

    JJMack
    Community Expert
    JJMackCommunity Expert解決！
    Community Expert
    May 26, 2017

    Thank your for your detailed answer and your inputs. I myself work with mockups or templates in Photoshop to have all the additional options you mention. However, I'm trying to create a template somebody not owning Photoshop could use as well, that's why I'm trying to create this .png-file.


    The problem you have with your drop shadow is there are no pixels to blend the drop shadow effect into.  The layer frame covers the whole canvas so the Canvas bounds acts as a cropping mask the outer frame shadow effect would fall outside the documents canvas.  The Frames inner shadow would fall onto the images and blend into the image. However you are trying to save that frame as a png template without an image.  So there are no pixels the effect can be blended into.  You will need to add the drop shadow  to the frame  with the image populated.    If your template is not going to be used in Photoshop what ever imaged editor is used will need to be able to add the drop shadow.

    JJMack
    契約条件Accessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices