-
1. Re: Make a PNG element become solid black?
resdesign May 27, 2014 1:59 PM (in response to Pixelrave)Not sure this would be what you want but you could add a rectangle behind the image and add the fade in on that. Now if your image background is not a rectangle, a better idea would be to use svg file and edge commons plugin.
-
2. Re: Make a PNG element become solid black?
Pixelrave May 27, 2014 2:11 PM (in response to resdesign)Hello,
No, it is not a rectangle. It's a PNG layer with transparency imported from Photoshop. The image has colors, but I want to fill the whole cutout solid black, to give it the option to fade to black.
One possible solution was to use a black background and have the image fade into the black using opacity animation, but I will be using the element above symbols, and I don't want it to show transparency, just become a black silhouette.
Thank You.
-
3. Re: Re: Make a PNG element become solid black?
iwywaw May 28, 2014 1:26 AM (in response to Pixelrave)You could use the brightness filter in CSS but it's currently only supported in Chrome.
sym.getSymbol("yourSymbol").$("yourPNG").css("-webkit-filter","brightness(0%)");
The better solution would probably be to have two copies of the image, one in full colour, the other with the shape(s) filled with black. Then you could convert both images in to one symbol and use the timeline to fade from one to the other.
Here's a quick example project: http://doug.tf/silhouette.zip
-Doug
-
4. Re: Re: Make a PNG element become solid black?
Pixelrave May 28, 2014 6:46 AM (in response to iwywaw)Hello,
I did attempt both of your suggestions in the past. However, since we are working with more than 200 separate images for motion novels, it might be too tedious to have solid black copies of all of them. I need to find a solution to have this work on android and apple mobile devices.
Thank you.
-
5. Re: Re: Make a PNG element become solid black?
resdesign May 28, 2014 6:53 AM (in response to Pixelrave)Since your images are png files, then do have a rectangular bounding box. iwyywaw idea seems good but I understand that having a lot images would prevent you from wanting to do it that way. If the images are shapes created in Illustrator, I still recommend svg and edgecommons as you can do all this on the shapes no matter what they are.
-
6. Re: Re: Make a PNG element become solid black?
Pixelrave May 28, 2014 6:40 PM (in response to resdesign)But then I would have to convert all the PNG cutouts into SVG's?, or is there a way to make them automatically become SVGs in Edge?
-
7. Re: Make a PNG element become solid black?
resdesign May 29, 2014 4:37 AM (in response to Pixelrave)You can do a batch conversion with bridge.—
Sent from Mailbox
On Wed, May 28, 2014 at 8:41 PM, Pixelrave <forums_noreply@adobe.com>
-
8. Re: Make a PNG element become solid black?
resdesign May 29, 2014 4:39 AM (in response to Pixelrave)Well maybe not from the png files though. How did you create the images originally?—
Sent from Mailbox
On Thu, May 29, 2014 at 6:37 AM, Marie Goodwyn <mariegoodwyn@gmail.com>
-
9. Re: Make a PNG element become solid black?
Pixelrave May 29, 2014 8:45 AM (in response to resdesign)Hello,
The images are digital paintings made in Photoshop, and cutouts of painting elements are separated in layers. Each layer has an Alpha transparency, and exported as PNG.
-
10. Re: Make a PNG element become solid black?
resdesign May 29, 2014 8:56 AM (in response to Pixelrave)So I so not believe svg would work with that. We need to think of an alternative. —
Sent from Mailbox
On Thu, May 29, 2014 at 10:45 AM, Pixelrave <forums_noreply@adobe.com>



