Create a transparent PNG of 2 layers - a normal, multiply it

I am trying to create a single transparent PNG (for use on the web and in an iPhone application) which was created as two layers of photoshop; one that is normal and one that has a blend mode 'multiply '. I tried their fusion in different ways, but each time I find myself with shadow (the product layer) actually transformed normal and to be a dull grey, opaque. You can download the PSD to http://files.bendodson.com/profile.psd

The file was created (I think) in InDesign exported to the PSD so I cut for use in the app while the obvious solution would be to get the designer to do it again in a different way, they're on vacation for the next 2 weeks and I really need this sorting prior to that date.

Actually, I need a PNG image of the photo and full set with transparent shadow so that it can sit on top of any background (except Photoshop), but keep the same shadow effect.

Thank you

Ben

PS. I'm using Photoshop CS4 on mac.

The thumbnail of the layer shadow drop Cmd-click to select non-transparent pixels.

Fill it with black (or a different color).

Reduce the opacity as desired.

Merge visible, remove background and save as png.

Tags: Photoshop

Similar Questions

  • How to create a transparent png of sem

    I created a rectangle with corners rounded in Fireworks and I would like to save it as a transparent png, so that the central part of the rectangle is transparent, but the outside of corners is not transparent.  This is so that I can overlay on a background image to a Web page, which makes the image have rounded corners.  How can I do in the middle of the rectangle is transparent?

    Make a standard rectangle that is the same size as your rounded rectangle (or whatever it is, to display). The information panel is an easy way to ensure that the size and location is accurate.

    Use the layers panel, move the rectangle below your rounded rectangle.

    Select both objects, then go into the menu modify > combine paths > Punch. It will drill a hole of rectangle to round in your rectangle corners.

    (Punch punches of the superior shape in the lower order, that is why your existing rounded rectangle should be above your new standard rectangle in the stack of layers).

    Something like this (where I have the biggest standard rectangle rounded rectangle). Half upper picture shows the two individual forms. Half lower shows the standard rectangle with the rounded rectangle knocked out of him.

    But... what you can do is to select your image, copy (Ctrl-c), then select your rounded rectangle (or any shape), then go to the Edit menu > paste inside (or Ctrl-Shift-V). (It's a good technique when your image is exactly the size you want, you want just rounded corners).

    Or, you can do a white rounded rectangle, place it on the part of your picture that you want to display, select the rectangle and the image and go to the Edit menu > mask > Group as mask. (It's a good technique when your image is larger than the part that you want to display, but you don't know exactly what you want to do).

  • Creating smooth edges on a transparent PNG

    I need an image on my site with a transparent background. I first tried this creation as a gif, but it looked horrible on my background image of the Web site. Then I tried saving it as a png, which looked much better, but it has jagged edges. What is the proper way to create a transparent in PS image so that it will be smooth borders? It is essentially a circle, about 60 px in width, with a solid color in the Center and a border of about 2 px. Nothing complicated.

    It looks perfect in PS, but once I have embed on my page on the background image, looks like a mess.

    Thank you!

    Instead of doing a save as, save for web devices. File-> save for Web & devices. Then save it as PNG 24 bits, not 8-bit.

  • All of a sudden, I can't open a PNG file in layers.  I get a message file could not be found. Help!

    I work with multilayer files in photophop CS6 creating composite photograph.  All of a sudden, I can't open the PNG files.  I get a message that the file cannot be found when I try to open it.  Can someone help me please?

    A quick search on Google turned up the news I knew vaguely.

    PNGs in layers are only produced by Macromedia (later Adobe Fireworks more) using a proprietary format that has never been publicly documented.  Thus, it seems that only Adobe Fireworks can open the png with the layers intact. Whether or not you can export these layers in another file format and to open in another application with everything intact seems to be up in the air.

    Fire of artifice is not updated anymore and it seems that Adobe doesn't have a plan for png supports layers and the proprietary format is removed.

    Some people seek to affinity as a possible replacement for Photoshop.

    However to quote some comments from their FAQ:

    FAQ - fireworks in layers of PNG and TIFF files in layers

    Since this question comes up often, I write a definitive statement.

    Files PNG Fireworks (layers)

    There is no such thing as "layered PNG.  The standard PNG does not define a way to store diapers and only deals with flattened images.

    Fireworks saves the data of the extra layer of PNG files in a proprietary format with a private label. A definition for this exclusive data has never been made public.  Saved by Fireworks PNG still usable as a flattened image of any application able to handle PNG files.  These applications will maintain the standard data and ignore the proprietary data of fireworks.

    Affinity maintains the standard PNG files.  But it cannot import or export data from the layer by using the method of fireworks.

    There is no hope that we will always be able to manage the data layer from Fireworks PNG files.

    We recognize that being able to handle Fireworks PNG files would be very useful for users of affinity.  If a public definition of the format of data become available, we will be able to address the issue.

    Layered TIFF files

    There is no such thing as "layered TIFF.  The TIFF standard handles only images flattened under the tags described to the public.

    TIFF allows businesses to record any additional tags for their own use. Adobe has recorded two private TIFF tags that allow them to incorporate the layer data in a TIFF file.  These tags are an extension and are not part of the standard TIFF Central.  These tags are used to integrate data layer PSD into a TIFF image, in addition to the standard rasterized image.

    Since affinity has a PSD importer, we are able to import data from the layer of a TIFF file if it has these tags.  However, given that this is handled by our PSD importer that is subject to the restrictions as standard PSD Import in affinity.  We clearly that while we aim to provide the best third party support PSD, we can never replicate 100% the way Photoshop deals and displays a PSD file.  Photoshop has its own approach to apply the transparency/alpha, vector and features of vector, layer effects and gradient masks.  This means that although we can offer the importation of what can be changed to a PSD file, the result will not be a reproduction of a one pixel that you see in Photoshop.

    We recorded our own TIFF tags for the incorporation of the data layer of affinity in a TIFF file, in a similar way to the data layer PSD. This is intended for the dams that use TIFF as their Exchange format.  When you save a TIFF file, you are given the option to include data of layer affinity.  This will help keep the editable document of several layer elements.  This obviously comes at a cost of increased size.  Our TIFF labels will use our format proprietary data and as such, cannot be used by the applications of affinity.

    -----------------------------------------------------------------------------

    Their admission that same PSD are not guaranteed to be a reproduction of a tone pixel that you see in Photoshop, combined with the use of the affinity of the TIFF layers and tags "our TIFF labels will use our format proprietary data and as such, cannot be used by affinity applications." is a bit worrying consequences for everyone who has the hope that affinity would be a complete replacement for Photoshop

  • How to create a transparent background

    Hello guys,.

    I want to create transparent image or background, could you please help me how to create a transparent background image my Web site name is Digi Shiksha I want to post pictures on facebook for this I want to create a transparent image if you know tell me how to create a transparent image?

    You will also need to save in a format that supports transparency - as PNG. JPEG does not work.

    Dave

  • Export of transparent png files

    I am creating assets for the purposes of book for children and drew their in http://bit.ly/joc0zm on an iPad pro. While it exports png files, it does not culture to the bounds of the object, I need to animate. So I export the png and have to crop in another application. But I'm not find all the apps that export with transparency png files! Y at - it all apps iPad mobile Adobe who will import png with transparency, crop and then allow me to export it as a png with transparency? I really do not have to go to the computer for that.

    Hey there, tangofilly!

    Unfortunately, you're out of luck one finding. Option in the Adobe mobile apps in PNG export. If you take the files on the desktop for animation, perhaps cropping can happen just before the Office?

    I apologize for the inconvenience. If you want to ask. Export PNG in a specific mobile application, please press on "give us feedback" in the application and which will go to the team produced.

    Thank you!

    -Kathleen

  • How to create a transparent background in Adobe Illustrator?

    I am doing a logo and save it as a PNG with a transparent background. It's for a Web site.  How to create a transparent background? Thank you!

    The background is transparent, unless you draw something.

  • How to create a transparent image for a Web site?

    Years, I have created a transparent image with Photoshop CS 5.5, but I forgot how I did it?

    Can someone offers a tutorial on how I can re - create the image of transparent Lake following please?

    Thank you

    See you soon!

    Betty

    transparent.jpg

    Yes, bevel and imboss, but if you want transparency for the web, you must create a png-24 file using the save for web dialog box: ctrl/cmd-shift-alt/opt-S.

  • Is it possible to create a transparent background with a cutout of jpeg?

    Is it possible to create a transparent background with a cutout of jpeg? I want to know how to cut an object in a jpeg file, so it can be used in a Web site.

    No jpeg file format does not support transparency. Try the PNG format.

  • Is it possible to restore the opacity in a semi transparent PNG?

    Through the window of the channels, I can paint on the R, G and B channels individually. That's fine, but where is the Alpha channel? Photoshop only allows me to create a new layer of opacity that simply subtracted from the native opacity of the PNG - may not add to it. What I need is increasing opacity.

    In other words: I have the parts of this semi transparent PNG, and I need them to become opaque. How can I do?

    Hey, doubtful.

    I'm not in front of my computer, so I can't test this theory out, and I don't know your exact layer configuration, but what happens if you duplicated the semi-transparent layer several times? Each repetition must add an additional layer of opacity, ultimately having an opaque image result.

    With this selected layer, CTRL + J (Windows) or command + J (Mac) is the shortcut to duplicate layer.

    Give that a shot and let us know if it works.

  • Make my transparent .png file?

    Can what iMac software I use to make my transparent .png file?

    Personally, I use Adobe Fireworks, but I believe that Photoshop will work as well. Alternatively, you can use a snippet.

  • Flatten the two (or more) transparent PNG images (32-bit)

    Hello

    How to flatten two (or more) transparent PNG (32-bit) images.

    The result must also be a transparent PNG (32 bit).

    It is the solution that I was looking for.

    Thanks Darin.K.

  • How can I create a transparent rectangle to hide text? Driving me crazy!

    Hello

    I imported a logo to illustrator which is on a transparent background. I want to create a transparent rectangle that hides part of the logo, and then I want to put a new text on the hidden... text while keeping the background transparent. I tried different masks and gradient transpariences and nothing works! Attached is the image... try to cut out the word Boston and introduce a greater 'Boston' (same width but superiors characters) in the same place, with a transparent background. Now, Boston is too hard to read if the logo is small.

    Thank you!!!

    Boston Bus Journal 1.png

    See you soon,.

    Elizabeth

    Elizabeth,

    Assuming that the exisiting BOSTON mounting is not an option, you can:

    (1) create a nostroke/nofill rectangle that covers all word all, then give it a white fill.

    (2) in the palette flyout transparent tick do the with unchecked Clip opacity mask and mask Invert checked.

    That should clear the view BOSTON then you can retype.

    You could use a black fill and let the mask Invert unchecked (if black is black enough).

  • How to apply a shadow to transparent PNG files

    Hello

    I would like to apply a shadow to a transparent png file. But Edge still apply around the image of the box.

    Any ideas?

    Best regards

    Hi, Felipe.

    What you need are filters CSS, which are not fully supported on all browsers, but support browsers based on Webkit (Safari/Chrome, including mobile).  You can find our CSS filters under the section "Filters" in the properties panel.

    Thank you

    -Elaine

  • How to create a transparent rectangle

    Hello

    I want to create a transparent rectangle that cannot cover the background image. Is that everything here can help me to revise the code?

    Thank you

    -Leo
        private Rectangle createSelectWindow(final Color color, double length) {
            //create a circle with desired name,  color and radius
            final Rectangle rect = new Rectangle(length, length);
    
            
            //rect.setFill(Color.WHITESMOKE);
            rect.setStroke(Color.WHITESMOKE);
    
            //add a transparent effect
            Blend blend = new Blend();
            blend.setMode(BlendMode.SCREEN);        
            blend.setOpacity(1.0);
            rect.setEffect(blend);
            //change a cursor when it is over circle
            rect.setCursor(Cursor.HAND);
            return rect;
    }
    Published by: leo November 22, 2011 12:45 AM

    Unless you're doing something special here (I'm not sure what you mean by "does not cover the background image"), I don't think you need an 'effect '.

    Try this:

    private Rectangle createSelectWindow(final Color color, double length) {
    
            Rectangle rect = new Rectangle(length, length);
            rect.setFill(Color.RED);
            rect.setStroke(Color.RED);
            rect.setOpacity(0.5);  // i.e. make it 50% visible
            rect.setCursor(Cursor.HAND);
            return rect;
    }
    

    Or, if you do not want the border to be translucent and just fill, try this:

    private Rectangle createSelectWindow(final Color color, double length) {
    
            Rectangle rect = new Rectangle(length, length);
            rect.setFill(new Color(1, 0, 0, 0.5));  // rgba - use an alpha of 0.5 on the fill color
            rect.setStroke(Color.RED);
            rect.setCursor(Cursor.HAND);
            rootPane.getChildren().add(rect);
    }
    

Maybe you are looking for

  • MacBook laptop

    I need a laptop for use in the library of my church. That I'll be using iWorks 9.0 on. This will be used for presentations, the topics of discussion paper, etc. on a television screen.  I'm looking at a MacBook Pro 2010.  Have a desktop at home. Don'

  • Complicated simple question - ray tracing

    Hello I'm working currently on a project - I have an optical system (some prisms, some lenses etc) and I want to do a VI to calculate the propagation of a ray of light - something like ray tracing. I know that labview is not a perfect platform to add

  • Convert specific signals from NI Labview vi

    Hello I am currently using Labview SignalExpress. I need to work on a Labview VI to work more professionally. However I'm not familiar with Labview VI. I need to convert my program 8 VI Labview SignalExpress.  I tried several times but could not mana

  • Theme dark Z30 disable BlackBerry

    I would like to disable the theme dark on my new Z30.  I found where to turn them off for contacts and calendar, but I would like it to go away from various settings and screens phone dialer and SMS. White text on black background is very poor demarc

  • BIG BUG: Pre stuck on mode headphones! Help

    I was listening to music on my pre and had plugged my earplugs I call then I unplugged them and now I can only make calls using the speakerphone or bluetooth headset and the internal speaker stopped working. During a call, if I look at the icons at t