How to make white shapes turn transparent when exporting to .png?

I'm trying to cut out parts of my image with white shapes, but when exporting to .png with transparent backgrounds, the white shapes remain as white shapes instead of becoming transparent and applying the cut.
How do i fix this?
Thanks,
Rokas

Use a mask, most probably an opacity mask should help.

Similar Messages

  • How to make white colored sections transparent

    I have made a logo that consists of a black circle, with lots of text and shapes inside that are colored white. It looks fine on a white background, but when you change the background color the text stays white, when I want it to be transparent like a "cut out". How can I achieve this easily and still be able to edit the text?

    Thanks Jacob! This worked. I already tried clipping masks and pathfinder but they didn't work very well because I used strokes around the white shapes. Not sure about knockout groups, but it did what I wanted.

  • How to make smart shape buttons turn colors after clicking on them?

    How to make smart shape buttons turn colors after clicking on them?  I am using buttons as links to learning paths and would like users to know which buttons they have allready clicked on when returning to main menu.

    This is reply I got from Adobe support.  I will try and let you all know what works best:
    Here is the workflow which you can follow to achieve this functionality.
    Puspendra: You can choose image button and then choose from the available image buttons, or click on the folder icon when you select the image button and choose from the Gallery of Captivate 6.
    Puspendra: Few image buttons change color on hover or onclicked, these effects are predefined in them.
    Puspendra: Or you can edit that button on which you are working, from properties Panel.
    Puspendra: The Post and Cancel button on this thread seems like a transparent button in Captivate with different fill and stroke color, and transparency is also less, and with corner radius of 0.
    Puspendra: You will find these all optionns, when you will click on that button and then click on the properties panel.

  • On a 5s how do you make the light turn off when phone rings or when you receive text, at work I would like to shut that off. Also seems like vibrate doesn't always work?

    On a 5s how do you make the light turn off when phone rings or when you receive text, at work I would like to shut that off. Also seems like vibrate doesn't always work? I had a 4s and didn't have these issues

    Thank you, I did find that. Still my phone does not always vibrate when ringer is off for texts and calls, only sometimes?

  • How to make the backlight stay on when charging? N...

    Hi
    How to make the backlight stay on when charging?  or it is not possible?
    Thanks  

    Did you select HIDE under the Options (in the application) ? Its working fine on my Nokia 5800xm
    There is one more.. KeepItOn also available at OVI Store..
    --------------------------------------------------​--------------------------------------------------------​--------------------------------------------------​--If you find this helpful, pl. hit the White Star in Green Box...

  • How to make icons of photos bigger when selecting to attach to email?

    how to make icons of photos bigger when selecting to attach to email?

    Changing the DPI to 120 won't affect the font size of the menu bar in the Editor.  See this FAQ for what happens when you change the DPI:
    http://www.johnrellis.com/psedbtool/photoshopelements-6-7-faq.htm#The_Organizers_Menu_Bar_ doesnt_show

  • How to make VPN client auto timeout when it still idle?

    How to make VPN client auto disconnect when it still idle?
    Hi,I found some user still connected the VPN evenif they dose not use the VPN resouse.
    I try to set a "idle timeout" for the VPN configuration.
    We use PIX515 8.0.3 and CISCO ACS 4.2 for the VPN's connection and authentication,and the user use cisco vpn client for the connection.
    I have tried many methods,but all failured.
    First,I configed "vpn-idel-timeout 5" on PIX.It can not worked.
    so,I add Radius(CISCO VPN 3000/ASA/PIX 7.0+) attribute "[026/3076/050] Authenticated-User-Idle-Timeout" on CISCO ACS,It still not worked.
    And I also add IETF RADIUS Attributes "[028] Idle-Timeout" on group setting on ACS,it always not worked.
    i found in vpn client's statistics,it always has some byte sended or received, i thought it maybe IPsec keepalive message or Radius message.
    This maybe the reason because the PIX or ACS think the vpn user is keep working.
    Can someone tell me how to make a "idle time out"?
    best regard.
    Roger

      here is the configuration on PIX,
    group-policy DfltGrpPolicy attributes
    wins-server value 10.0.0.67 10.0.0.68
    dns-server value 10.0.0.67 10.0.0.68
    vpn-simultaneous-logins 20
    vpn-idle-timeout 5
    split-tunnel-policy tunnelspecified
    split-tunnel-network-list value vpn-acl
    default-domain value mydomain.com
    address-pools value vpnpool group-policy DfltGrpPolicy attributes
    wins-server value 10.0.0.67 10.0.0.68
    dns-server value 10.0.0.67 10.0.0.68
    vpn-simultaneous-logins 20
    vpn-idle-timeout 5
    split-tunnel-policy tunnelspecified
    split-tunnel-network-list value vpn-acl
    default-domain value want-want.com
    address-pools value vpnpool

  • How to make a rubber effect like when you swipe between apps using 4 fingers on iPad ?

    Hey guys,
    So how to make a rubber effect like when you swipe between apps (first or last app) using 4 fingers on iPad iOS7 ? Any examples ?
    Thanks!
    Ivan

    Please do not double post the same question.
    Just like I said before. Animate X scale and position. Set the anchor point of the left image to the left side. You can then use an expression or just generate keyframes for scale. When you flip to the next screen then animate position. Easy basic animation except for the bounce. Key framing the bounce so that it looks natural takes a lot of experience or an expression.
    Google bounce expression after effects and find this. http://www.motion-graphics-exchange.com/after-effects/Wiggle-rubber-bounce-throw-inertia-e xpressions/4ad0f32a944ad
    There are a bunch of other solutions.
    There is no single click solution to this problem and it is not an effect, it is an animation.

  • How to make White, White ?

    My Photo Editing skills and experience are minimal and specially for the purpose of Photo-Texturing 3D Geo-Models (geo-located) for Google Earth.
    I have been doing this for 3 years. However, I have yet to figure out how to edit photos so that White looks White.
    Instead, they almost always look Bluish White.
    Can someone please share with me how to make White areas in Color photos, appear White ?
    I will be forever grateful for this information, especially if I can receive it quickly.
    Thanks in Advance.
    SnowTiger61 (aka SnowTiger at Google Earth and Google Forums)

    Make a test image In Elements with only a white background.  Verify that the background colour is the RGB values of 255,255,255.
    If this looks Bluish white then you have a problem with your montior calibration, since 255,255,255 is as white as you can ever get.
    You don't say how you calibrate your monitor, nor the colour space in which you are working.  There is only one way to accurately calibrate and profile a monitor and that's with a hardware device like an Eye-One Display 2, or Spyder.  This is not for printing accurately but for accurate on screen rendering.
    Any other method is guess work.
    Also keep in mind that to accurately rendere colours on screen needs a colour managed program.  Elements is, but others you are using may not be.  In which case the best colour space to use is sRGB.  However, once you get your screen to look right there is no guarantee that others will see the same colour unless they also calibrate their screens.
    Colin

  • Color differentiation when exporting to PNG

    Hello!
    This is just driving me crazy and I'm dying to find a solution. Whenever I export my artboards to the PNG format, I receive a slight change in the bitmap colorization.
    In Illustrator, my colors are perfect, but when exporting to PNG, the end result shows an increase in color vibrance - making a light blue (for example) show as slightly more turquoise/sharper light blue.
    Example:
    (This is a screenshot capture. Illustrator artboard is on the left hand side, the exported PNG example is on the right hand side.)
    So, my question is if I am doing something wrong with my color settings?
    My settings have been set in my Adobe Bridge to:
    Europe General Purpose 3
    RGB Space: sRGB IEC61966-2.1
    CMYK Space: Coated FOGRA39 (ISO 12647-2:2004)
    PS: I constantly switch between creating graphics that are used for the web and other on-screen web applications (such as GUI's) and printed booklets and posters, etc. I've always had immense trouble finding a perfect working space with web and printed material. If anyone has an advice for color settings or some kind of best-practice working environment to create consistent color, I would be very appreciative.
    Thank you!

    Chrome is not a color managed browser. From the several browsers I have installed on my pc only Firefox has color management capabilities that can match the color with the Adobe color managed programs.
    You have to understand that there are color and non-color managed programs. Non-color managed programs always display the colors with the color space of your monitor. Take for example a color recorded in the file say, pure red R=255, G=0, B=0. The non-color managed program will send to your video card the same number and your monitor will display the most saturated red it is physically capable of. When a color managed program reads this value, first it checks the color space of the document, which can be defined with a color profile, a soft proofing color space, or when there is no color profile with the color settings set for the working space. Then it checks the color space of your monitor which is defined in your system and translates the values from the color space of the document to the color space of your monitor which can result in a different value other than 255, 0, 0 sent to your video card. In other words color management is simulating on your monitor a color space different than your monitor's color space. The result from this is different color displayed by color managed and non-color managed programs when reading the same file.
    You can't make non-color managed programs to match a color managed programs, but you can make the color managed program match the non - color managed programs on your monitor by setting you document color space to the color space of your monitor. To do that from the Edit menu, choose Assign Profile and select the color profile of your monitor. This will match the color in Illustrator to the color displayed by the non-color managed programs. This in effect turns the color management off because the color management is translating between the same color spaces which results in zero difference.
    However have in mind that this is not a very professional way of working with color and it only ensures a color consistency between color managed and non-color managed programs on your current monitor. What color you are actually creating that others will see or the color that will print is unpredictable with this setup.

  • Illustrator CS4 crops my artwork when exporting to png

    Illustrator CS4 crops my artwork when exporting to png (it always crops on the right side). It doesn't happen everytime but often enough to be annoying. Sometimes centering my artwork in the artboard solves the problem but not always. Do you have any idea why it's happening, and what I can do to avoid that problem?
    (See the attached png)

    @Jacob & Mylenium: I don't have any stroked path in my artwork. I've tried to add a no fill/no stroke rectangle (same size as my artwork and then a bit bigger) but it didn't work.
    Your advices gave me an idea though: I've added a filled rectangle slightly bigger than my artwork, centered it and dropped its opacity to 0%, it worked.
    I'm glad I know that trick now, because even when my artwork wasn't badly cropped, it was touching the edges of the picture (png). Then I had to open it in Photoshop and increase the canvas size in order to leave some transparent space between the artwork and the edges of the picture. Now I can do that in Illustrator
    Thanks a lot for your help !

  • Save error when exporting to PNG in Illustrator using a Macbook with Yosemite

    Anybody experience the issue of png being saved with "/" in the beginning of the file name when exporting to png in Illustrator? This only happens when I use my mac not my PC.
    Due to the save error my PC cannot identify the files and when the files are linked in Indesign they are not copied when packaging the indesign file.
    Any advice on the issue are most appreciated

    I don't have a lot of experience with this kind of problem, but the first thing I'd check is the parameter block you're passing the action call. I don't know why it would matter if the dialog appeared or not, unless the export settings block wasn't being filled in with everything it needs?
    You might try recording an export you perform manually via the action palette, and then saving it to a file. You can open it up manually and compare it (even if it's a binary block) to what you're doing in code. You might spot something that way.
    I don't know what else to suggest though. It's unlikely to be an SDK bug, though it could be a bug in the action-aware part of the exporter.

  • Save error when exporting to Png i Illustrator

    Anybody experience the issue of png being saved with "/" in the beginning of the file name when exporting to png in Illustrator. This only happens when I use my mac not my PC.
    Due to the save error my PC cannot identify the files and when the files are linked in Indesign they are not copied when packaging the indesign file.
    Any advice on the issue are most appreciated

    Hi,
    I am moving your posting to Illustrator Forum from Acrobat.com Forum.
    Thank you
    Hisami

  • What resolution do I choose when exporting a png?

    I Have created a vector graphic that will be used as an app screen. My document size is 1080 x 1920 (HDTV 1080). When exporting to png, should the resolution be 300 or 72?

    I chose the HD configuration because it was the same dimensions I am required to work in, that is 1080 x 1920 for an Android screen.
    Can you point me in the right direction to these developer guides? My background is in print, not web, so I have asked this question on the forum in order to receive some practical guidance.
    Thanks!

  • How do I make my iPad turn off when the screen is covered?

    My old iPad would turn off when I closed the cover but I cannot find how to make the iPad air turnoff in a similar fashion?

    dpna wrote:
    Yes it is a proper cover
    If it is an APPLE COVER, perhaps it's not the one for that model. But, if it's not an Apple cover, then maybe the manufacturer hasn't set up the magnets the way they are supposed to be.
    I'm going to quote from another post elsewhere ...
    Are you using a genuine Apple cover or another third party cover?
    It's the magnets in the cover which activate the lock/unlock feature to appear in your settings. In earlier iPads you could slide a magnet down the side of the iPad to find where the magnet activates and turn the feature on.....Apple have now changed how this works with the iPad Air. Whereas before there was only 1 magnet positioned in the cover for earlier iPads, it is now thought there are 2 with alternating polarity.
    So if you want this feature you will need to buy an Apple cover or wait for third party manufacturers to get their magnets in the correct position.
    If you do have a genuine Apple cover then there is something going wrong here....

Maybe you are looking for