GURU question - Creating a PNG with photographic (transparent) reflection

I'm trying to create a PNG file that maintains its reflection which was captured in-camera. The end result would be that the PNG could be used over any colored background (easy for the object) and the reflection takes on the color of the background (not easy to achieve if you can't multiply the reflection over a colored background).
The image was shot on a white background but needs to be able to fall on any color. It would be easy to use the path around the object to isolate the background to a new layer and simply set the layer to Multiply. I realize that, but these PNG files could end up being used by anyone, and they may not have Photoshop, but rather - Powerpoint. :-/
I've developed a process that does this to a degre, but I end up with a white halo around the feathered edges of the reflection (not shown in the example above - see below).
In the shot above, I've split the (very subtle) reflection in a layer set to Multiply, seen to the upper left along the edge. To the lower right is the same reflection with a white hazy halo bleeding into the feathered edge, and this was generated using the process below. Remember, everything is shot on a white background so the reflection has white feathered into it. I'm like this close to desirable results, but the haze has me stumped.
Here's how I got the right side to be transparent without using Multiply, and saving as PNG. Anyone who opens the file should be able to place it over any color background, supplied to them in PNG format.
1. Using high res JPG image, convert "Background" to Layer 0.
2. Activate Path 1 as selection, invert selection and copy all area around product. Paste that copy to new layer.
3. Using same selection, delete all area around product in Layer 0. Now the product is on a separate layer from the shadow and reflection.
4. Duplicate reflection layer and invert. Turn off all other layers. Go to Channels pane, select Blue channel - Command-click channel - Copy.
5. Return to Layers pane and add layer mask to reflection layer. Delete duplicate layer from step 4.
6. Go to Mask pane (CS5) or Properties (CS6) and click on Mask Edge. Slide the Shift Edge parameter to +100.
7. Run Levels on reflection layer - set the Input mid to .96 and set highlight Output Level to 250.
8. Select background image area using mask - subtract subject from selection using path and run Exposure on reflection layer from menu command: Image/Adjust/Exposure: -0.24, -0.15, 0.70. (Using an adjustment layer for Exposure will not work. It saves to PNG with a different outcome when reopened - thanks Adobe!)
9. Set reflection layer opacity to 60%.
So - if anyone has any constructive input to tackle this haze issue, I'd really appreciate hearing from you. It's just about there, but not quite acceptable yet. Hoefully, my explanation is clear and easily understood.
Thanks very much in advance!

It was difficult, but I believe I've reached Photoshop nirvana. I have the file split in half with the left side multiplying and the right side following the process I've just finished creating. The match is dead nuts, left to right. I now have a transparent PNG with shadows and reflections that will behave in the same manner as a multiplied image, over colored backgrounds.
Experienced PS users should be able to follow these notes, which are a modified version of what's in the OP:
Method for Creating Transparent Photographic Reflections
(Uses the reflection as captured in-camera - not manufactured flip reflections)
This process begins with a high resolution JPG that already has the subject outlined with a path.
1. Using HR JPG image, convert "Background" to Layer 0.
2. Activate Path 1 as selection, invert selection and copy all area around product. Paste that copy to new layer.
3. Using same selection, delete all area around product in Layer 0. Now the product is on a separate layer from the shadow and reflection.
4. Duplicate reflection layer and invert. Turn off all other layers. Go to Channels pane, select Blue channel - Command-click channel - Copy.
5. Return to Layers pane and add layer mask to reflection layer. Delete duplicate layer from step 4.
6. Go to Mask pane and click on Mask Edge. Slide the Shift Edge parameter to +100.
7. Run Levels on reflection layer - set the Input mid to .96 and set highlight Output Level to 250.
8. Select background image area using mask - subtract subject from selection using path and run Exposure on reflection layer from menu command: Image/Adjust/Exposure: -0.95, -0.004, 1.49.
9. Refine edge of mask - Shift Edge: -47
10. Run levels on reflection image: Mid - 0.45
11. Refine mask again - Shift Edge: -18
12. Duplicate layer and refine mask to: Contrast 25, Shift -40. Change layer opacity to 25%
13. Save PNG version.
I'd like to thank those who contributed input to this thread!

Similar Messages

  • Why can't I export a 24 bit PNG with alpha transparency?

    I have just upgraded my Macromedia Studio 8 to Adobe CS3, and
    it seems that I still can't export a 24 bit png with transparency
    from Fireworks (Photoshop can do it, but it's just not suited for
    volume graphic production). Anyone know something I don't, or can
    someone at least explain why I can have alpha transparency on 8 bit
    and 32 bit, but not 24 bit pngs? Currently, I'm planning to export
    everything from Fireworks, then batch-process through Photoshop to
    reduce from 32 bit to 24 bit, which is just... gah! Words fail
    me.

    Kathleen13 wrote:
    > I have just upgraded my Macromedia Studio 8 to Adobe
    CS3, and it seems that I
    > still can't export a 24 bit png with transparency from
    Fireworks (Photoshop can
    > do it, but it's just not suited for volume graphic
    production). Anyone know
    > something I don't, or can someone at least explain why I
    can have alpha
    > transparency on 8 bit and 32 bit, but not 24 bit pngs?
    Currently, I'm planning
    > to export everything from Fireworks, then batch-process
    through Photoshop to
    > reduce from 32 bit to 24 bit, which is just... gah!
    Words fail me.
    >
    If I'm correct, 8-bit png supports index transparency just
    like GIF's
    do. 32-bit png's support alpha channel transparency, so you
    can get
    variable or partial transparency in a full color image(8 bits
    for each
    color and 8 bits for an alpha channel) and 24-bit png's are
    similar
    jpegs, only you get lossless compression and no user-defined
    settings.
    So essentially, when you export a 32-bit png file you are
    exporting a 24
    bit color image with an 8-bit alpha channel.
    Jim Babbage - .:Community MX:. & .:Adobe Community
    Expert:.
    Extending Knowledge, Daily
    http://www.communityMX.com/
    CommunityMX - Free Resources:
    http://www.communitymx.com/free.cfm
    .:Adobe Community Expert for Fireworks:.
    news://forums.macromedia.com/macromedia.fireworks
    news://forums.macromedia.com/macromedia.dreamweaver

  • How do I create an image with a transparent shape?

    Hi
    This should be easy -
    The end result I want is this:
    a png which is mostly black (or any colour) but with a defined shape in it which is transparent.
    I have the shape. I select it. I seem to be able to make a mask from this (a selection which I can copy and move about). But what I can't figure out how
    is how to create a new image which is filled except for this masked area.
    Any help gratefully received.
    Thanks
    --Justin Wyllie

    Open a blank, new file with foreground color green
    Type text
    Open effects palette, and in the drop-down go to bevels, then select "Simple Emboss" - it is the second one in my program. Apply
    Still in he effects palette, in the drop-down, go to visibility, select "Hide". Apply
    Double click the f icon on the text layer in the layers palette to bring up the Style settings dialog, and add a small stroke to better define the letters.

  • How to create an image with a transparent shape

    Hi
    This should be easy -
    The end result I want is this:
    a png which is mostly black (or any colour) but with a defined shape in it which is transparent.
    I have the shape. I select it. I seem to be able to make a mask from this (a selection which I can copy and move about). But what I can't figure out how
    is how to create a new image which is filled except for this masked area which is transparent
    Any help gratefully received.
    Thanks
    --Justin Wyllie

    Open a blank, new file with foreground color green
    Type text
    Open effects palette, and in the drop-down go to bevels, then select "Simple Emboss" - it is the second one in my program. Apply
    Still in he effects palette, in the drop-down, go to visibility, select "Hide". Apply
    Double click the f icon on the text layer in the layers palette to bring up the Style settings dialog, and add a small stroke to better define the letters.

  • How can I create a video with a transparent backgound?

    I rendered out an image sequence out of 3DS Max as png files with alpha channels. It is of the earth rotating. I want to export it  so when it is brought into power point, all the space around the globe is transparent.  How can I do this?
    Thanks,
    Dean

    Sorry--overlooked that since it wasn't capitalized.
    Anyway, you'll have to see what formats PowerPoint accepts that can include alpha (if that's even possible). For sure, On2 VP6 won't work, and QuickTime probably will not; the only likelihood is the uncompressed AVI option, and even then, that's a long shot.
    The following suggests alpha channels are accepted in PowerPoint (including PNGs), but only with images, and not videos: PowerPoint and Alpha Channels - indezine.com - Graphics Presentations

  • Png with transparent background not rendering on the mac

    I created a png with a transparent background for a header.  It renders fine on the ipad and iphone but not on the mac.  Is there a reason why? The header is on http://surfingthebluemarble.com/news.html
    Thanks in advance for your help!
    Regards,
    umbre gachoong

    If the header in question is the News on the Blue Marble header it seems to be rendering fine on the page and fine if I download the image to my system.
    The background is transparent.

  • FCPX is doing funny things to PNGs with alpha channel.

    I am currently working on a video that requires lots of compositing using PNGs with transparency. Everything was fine, until I decided to render. Then this happened:
    Some of the PNGs turned into a bunch of pink blocks, as if the file were corrupted. It even happened with a PNG with no transparency-=
    I've tried:
    Trashing Render Files
    Changing Alpha Handling
    Export without Render
    Using "Add" as the Blend Mode.
    What can I do?

    I suggest you begin by deleting preferences, as so many weird things seem to be caused by corrupt preferences.
    You can also try creating a brand new project, composite a few pngs and check if the weirdness also occur there; if it does not, then maybe there was some corruption in the project, in which case selecting everything and pasting into a new project may cure it.

  • How do i save a .png with transparent background?  cannot find in help

    how do i save a .png with transparent background?  cannot find in help

    rickseng
    With what program are you working and with what version of the program and on what computer operating system?
    I suspect that you are working with some version of Photoshop Elements. If that is correct, then be advised that some how
    your thread got posted in the Adobe Premiere Elements Forum (video editing) instead of the Adobe Photoshop Elements Forum (photo editing).
    If Photoshop Elements question, then please re-post your thread in the Adobe Photoshop Elements Forum or wait for a moderator
    here to see your thread here and move it from here to there.
    Photoshop Elements
    Thought....if are creating an image on a transparent background in Photoshop Elements Windows for a Premiere Elements Windows project, then you Save As png or psd.
    Please clarify if I have misinterpreted your question.
    Thank you.
    ATR

  • Creating a PDF with Transparent Images

    Hi,
    Here is my problem:
    I am using Acrobat 9. I design posters in another program. I print to PDF.
    I design the poster and must put a logo in it with a transparent background. Note: If the poster background is white I never have any problems.
    This poster has a pink background and hence I have to put the logo into the poster in a graphic type of gif or tiff or png to maintain transparency.
    All is fine in my design program - transparency is fine etc.
    I print to PDF (Acrobat 9.0) and the dreaded white box occurs. Note, I put an old version of the logo, one I cannot use, and it maintained its transparency fine. So this means that some gif files Acrobat 9.0 keeps transparency and some it does not.
    So, in summary, I have tried all types of file formats gif, png, tiff and all types of programs to remove the logo background and save as one of the later formats and NONE maintain the transparency in the PDF output.
    I have even tried saving the whole poster as a jpeg - but the quality was too poor to print.
    I have used Word, Photoshop, MS Photodraw, Elements etc.
    I have no idea why a gif I have from years ago works and one that I am creating now maintain their tranparency in the PDF.
    I am under a deadline and am VERY worried this will not get done.
    I am immensely grateful for any help - I have been at this for countless weeks and hours...
    Thanks,
    Elisabeth

    I am using MS Publisher and even Word 2010 for poster design and have used multiple programs (and multiple formats that support transparency)  for logo editing - removal of background - Photoshop, etc.
    I place logos, both gifs, with transparent backgrounds in a document and print PDF and one or none will show transparency - it makes no sense at all.
    Most of the time the background is a white block. It couldnt be more frustrating.
    It is a simple document/poster with just a few words of text and a logo...
    Are there settings in Acrobat 9.0 that need to be turned on that I am missing. I had no trouble with Acrobat 7 - it worked EVERY time.
    I was on  with tech support for 5 hrs and there was no knowledge of this - he just wanted to reinstall 7.0 which did not work.
    Need ideas - overprinting is on. I noticed that flattening doesnt allow me to pick transparent objects - have no ideas if I am even on the right track.
    Have read everything I can find online regarding Acrobat 9.0, PDF creation and transparent logo backgrounds.
    Sooo grateful for any help!
    Thanks,
    Elisabeth

  • Opening Fireworks PNG-8s with alpha transparancy

    Hi all,
    I have to do some work on some files I didn't create -- a couple hundred png files. They are 8-bit, indexed files, but when viewed on the web they have 256 levels of alpha transparency. When opened in Photoshop, they have only one level of alpha transparency :(
    Turns out these are in some proprietary Fireworks format ... anyone have any ideas how I can get these into Photoshop without losing my alpha channel, hopefully without having to BUY Fireworks ... oh how I miss ImageReady ;)
    Thanks in advance.

    Photoshop doesn't work with continuous transparency in indexed color mode, only one transparent value is allowed. (ImageReady wouldn't do it, either)
    You may need to use another application to convert them to a normal RGB image with transparency.

  • Bug in fireworks CS4 when exporting 24/32bit png with transparent alpha?

    Hi there,
    I recently upgraded to CS4 from CS3 and am quite disappointed to find that the png export facility for 24 or 32 bit png's is next to useless on my installation of Fireworks (Vista). I have a colleage who has reported the same behanviour on his mac.
    Please see this native fireworks CS4 png file and attempt to export it as 24 or 34 bit png, ensuring the canvas is transparent (it shuold be already)...
    http://www.capitalh.net/demo-bug.png
    Viewing in preview mode in CS3 would show the png with its alpha channel indicated by the chequered transparent pattern. Exporting it as such would produce the desired result > a png with a nice blended alpha channel.
    Viewing in preview mode in CS4 shows a horrible render of the image on a white background. Exporting the image produces the same result. Please see this link for confirmation:
    http://www.capitalh.net/demo-bug-export.png
    Please also see this simpler image, this time using a simple ellipse shape:
    http://www.capitalh.net/demo-bug-export-simpleshape.png
    You'll notice that it is not transparent, and the ellipse has not been anti-aliased.
    Can anyone shed some light on this behaviour?
    Exporting png's as such is something that I do daily at work, and is a basic requirement of an image editting application targetted at web design.
    Am I doing something wrong? I've been using Fireworks since 2003 so I'm inclined to think that I'm not.

    That's a bit, um, oh never mind. Would've been a rubbish joke anyway.
    Aww...pooh. I love "rubbish" jokes!
    If fireworks is unable to export a transparent png at 24bit, then why have the option?
    (granted the option is acutally implied, not given)
    Also, why the horrible rendering on preview and export?
    Transparency for 24-bit isn't an option and isn't implied. Create a FW document with a transparent canvas. Go to File>Image Preview. If you select PNG8 as your export option, then you have drop-downs for No Transparency, Index Transparency, or Alpha Transparency. PNG32 shows the checkerboard where the document is transparent. If you select PNG24, you do not have the transparency options. Transparent areas in your document are set to white, just as they are if you select the JPEG format. Try it.
    I don't know why your rendering is horrible. I'd have to see your image.
    And also, why all this confusion related to Photoshop, seems Adobe really aren't helping the issue:
    http://forums.adobe.com/thread/152434
    Possibly Adobe thought it was less confusing, as they didn't have to go into the math. However, you do see Linda Rathgeber's answer, that the Photoshop convention is...well...misleading? (I'd call it wrong, but that's just me. ) It's just one other issue to bring into alignment as Adobe works to merge the Macromedia offerings into their line.

  • I have created a .png logo to use on my video. It has it's own storyline so the logo is shown overthe whole video. Do I need to composite the logo storyline to the main storyline before exporting? Same question for the audio storyline.

    Final Cut Pro 10.0.8
    I have created a .png logo to use on my video. It has it's own storyline so the logo is shown over the whole video. Do I need to composite the logo storyline to the main storyline before exporting? Same question for the audio storyline.

    Try:                                               
    - iOS: Not responding or does not turn on           
    - Also try DFU mode after try recovery mode
    How to put iPod touch / iPhone into DFU mode « Karthik's scribblings
    - If not successful and you can't fully turn the iOS device fully off, let the battery fully drain. After charging for an least an hour try the above again.
    - Try another cable                     
    - Try on another computer                                                       
    - If still not successful that usually indicates a hardware problem and an appointment at the Genius Bar of an Apple store is in order.
    Apple Retail Store - Genius Bar
    The missing apps could have been done by setting the Restrictions that can hid those apps. If the backup was made with those retrictions set the the Restrictions are also restored.
    Thus, if you get it to work restore to factory settings/new iPod, not from backup                               
    You can redownload most iTunes purchases by:        
      Downloading past purchases from the App Store, iBookstore, and iTunes Store

  • Is it possible to save PNG with transparency to Camera Roll?

    I've had a user contact me saying that the pictures he creates save as JPG and because they are JPG they lose transparency. I looked at the code I'm using and it's CameraRoll.addBitmapData(bitmapData). I could find no other options or parameters. He also said it is highly compressed JPG as well. If it's not supported (although I thought it was in an earlier version??) is there a work around!?

    It isn't really limited due to an iOS issue, just that Adobe chooses to not add PNG with transparency support. I completely disagree with the premise that this should be limited just because on iOS  Photo Album doesn't display PNGs with transparency accurately. There are dozens of existing iOS apps now passing around and creating PNGs with transparency (and viewing them properly).
    As far as Android, I implemented this myself just using the builtin BitmapData.encode support for creating PNG format ByteArray, and just saving directly to the filesystem a .png file since Android (unlike iOS) allows it.
    To make that process  clean with the rest of the Android eco-system, you will probably want to include two additional ANE based features (or choose to roll your own ANE that combines everything)...
    The two extra steps as far as ANE support is:
    1) an ANE that will trigger a refresh of the Android Gallery (or some base directory more exactly) when the filesystem underneath it has changed if you write to the filesystem directly, there are a few ANEs that do this out there like:
    http://forums.adobe.com/message/6092838
    2) In newer versions of Android, different users get different mapped 'home dirs' for Pictures so you really don't want to just write to some common /mnt/sdcard folder and hope for the best.
    The proper base directory to save Pictures to on Android with the newer APIs is to call (on the native Java side):
    File path = Environment.getExternalStoragePublicDirectory( Environment.DIRECTORY_PICTURES);
    Just wrapping that returned directory location above from Java with an ANE, will guarantee you are always working with the proper base directory for the current runtime user in Android.
    I don't know if any ANE out there has added that 'Public Pictures Directory' function above but it is a trivial function call, and you could even just tack this on as an additional API function on whatever RefreshGallery ANE you grab (with source code of course)

  • Export locally png with transparent background

    Is it possible to use Ps touch to remove the background from jpeg images and  export them locally as png with transparent background (reducing the size of the picture)? I would need to use this feature to create more keynotetouch-friendly images.

    Yes. That's possible. You can export a PSTouch project as png to the Camera Roll....and there are other channels as well where this is possible, like  "Share By E-mail" , "Send to iTunes" etc.
    Those options are accesible via the Share  menu (see attached screenshot) as part of the PSTouch project organizer

  • Imported png with transparency not working as mask

    I created an image with several wavey lines in photoshop to
    use as a mask layer in Flash. I "save for web" as a png with
    transparency. I import it to Flash and when it is on the stage it
    is indeed transparent. But when I go to use it as a mask it masks
    the entire rectangle of its dimensions, not just the waves. I trade
    breaking it down and converting it to a symbol but no go. What am I
    missing here?

    Images are rectangle or square, even if you have transparency
    or not, the entire image will be a mask.
    The way you must work is usign vectorial shape as mask. You
    can do it directly in Flash or use illustrator to build you shape
    and then import it in Flash "Copy paste or export as swf". I know
    that you have several wavey lines in photoshop. So, to keep them,
    you have 3 possibilities.
    1- Simply use path in Photoshop and export them into
    Illustrator set them a color and use it in Flash
    or
    2- Import your image in Flash, then use the Trace Bitmap
    option (Modify / Bitmap / Trace Bitmap)
    or
    3- Import you PNG in Illustrator and Convert it into shape
    usign the Live Trace option.
    These 3 way works great, depending on the complexity of you
    graphics, each one have its own advantages

Maybe you are looking for

  • Message "problem with photo with the filename '(null).

    I get the following message "There is a problem with the photo with the filename '(Null).'  The full resolution version of this photo either cannot be located or is corrupt.  Please replace the photo or delete it from your book."  This message appear

  • How can I get the element value with namespace?

    I tried to get a element value in xml has namespace but i can't. I removed the namespace, i can get a element value. How can i get a element value with namespace? --1. Error ----------- xml ------------------------------ <?xml version="1.0" encoding=

  • Trying to watch Disney Jr. Getting error 400-1. ***?

    Trying to watch Disney Jr. Getting error 400-1. ***?

  • Query for a value result when no rows found

    Kindly help me out when I use following query it return no record but I want 0 against this query how plz let me know select b.accode,decode(sum(b.debit),null,0,sum(b.debit)) op_dr, decode(sum(b.credit),null,0,sum(b.credit)) op_cr, c.actitle from v_m

  • Narrow Casting

    Hi all, Can anybody please tell the usuage of narrow casting. preferable with simple code. Anirban Bhattacharjee