Crazy happenings with png's blendmodes
I have this app loading several png's on top
of one another and over a main png. The png's use the blend mode "overlay". Ea
ch area of the png that is supposed to be clear when in overlay mode actually turns about 1% black. With 15 on top
of each other this is very noticable. So my work around was to create a mask for the entire set that didn't
allow the mistake to show.
Then I take a "snapshot" by creating a jpeg using the jpeg encoder class. This works perfectly locally in the flash environment. However, live, there seems to be a shift in the mask right before it gets the bitmap data.
If I remove the cacheAsBitmap on the masker and maskee the save works perfectly. However, the stage looks silly because you can see the edges of that 1% black that is now 15% black.... The png's don't cover the entire stage.
Sooooo what gives? Is this a bug with the latest Flash player? The cache as bitmap has never worked correctly so should I remove it?
Why does the overlay give me a 1% black on each image? How do I get rid of that?
It took my quite a lot of time to make a workaround to this issue, but it was worth as all the campaign that i'm preparing right now is based on overlay and multi layers, to make reach the effect.
I used custom written class for Overlay.
http://code.google.com/p/blendmodes4flash/
If next time you'll have to do it again, with this is much easier
Take care!
Similar Messages
-
SVG with PNG fallback, Responsive, EDGE Reflow & Animate integration
I mentioned this on the Muse Facebook, and they said I should post it here... I think Muse is an awesome program. But I really, really would love to see these features. Any of them good enough to make it to the sketching table?
1. SVG with PNG fallback support (for Retina displays)
The problem with Hi-Res displays on Tablets, phones and laptops is that the web is becoming awfully ugly. You need to zoom to fit webpages, and when they fit, the JPG's and PNG's become blurry. Since displays are increasing resolution year after year and pixel density is becoming a real issue, on phones (like the HTC One) or laptops (Macbook Retina or Chromebook Pixel).
Wouldn't it be great if we could use vector SVG for new devices for sharp a crisply logo's on every screen. And with that instantly use an automatic PNG-fallback option for older browsers. This would signifantly upgrade any website made with Adobe Muse and the Web in general if you ask me! I've done some research and I found this website very useful considering this issue: http://toddmotto.com/mastering-svg-use-for-a-retina-web-fallbacks-with-png-script/
2. Responsiveness (Adobe EDGE reflow integration)
Adobe Reflow is amazingly promising. What if (instead of making different websites for every device) you can export a website to Adobe Reflow to make the design instantly responsive.
3. Beter Adobe EDGE Animate integration
EDGE Animate is a great program, especially with the codes and actions which you cna integrate. The only problem is sometimes I want an animation to start playing when I'm at that part of the page, not after when it's done loading. Overall the integration is so-so, and it's doable to add an animation to Muse, but these tweaks could upgrade it from great, so turbo-awesome!
Which brings me to my next point:
4. Dynamic Content Loading (Load on view)
Isn't Muse a great tool for making one-pages?! I love it for that, and I do love one-pages. The problem is that it can take a while to load when it's becoming more complex. Is there a possibility to add a feature when thing are loaded when you scroll? Which is fairly often used on blogs and stuff.
5. Horizontal Parralax Scrolling
Since the latest update I've been pretty hooked on the functions of parralax scrolling and what it could do in a usefull way. The problem is that it doensn't work for horizontal scrolling. The objects can move horizontal (when scrolling vertical). But there's no option to add an effect when scrolling in a horizontal direction.
What do you think? Any of these interesting enough to develop?I would love all of the features in this post. But you must post it in the Idea section of the forum so people can vote for your ideas.
-
DW CS3 problem with PNG-8 images in Design View?
DW CS3 (build 3481) on XP seems to have problems with PNG-8 images, specifically trying to display them in design view.
I had a very simple image that was able to be exported by Fireworks CS4 as PNG-8 using 4 colors (no transparency) for a tiny file size under 250 bytes.
DW could not display it at all, or even recognize it, reporting it was 0 x 0 in size. I published the page anyway, and it looked fine in the browser.
I upped the number of colors to 32, and DW could then display it in design view in the page I was working on.
I'm still having problems with other PNG-8 images. The attached file "temp.jpg" is a screenshot showing part of the design view in DW.
The smaller image on the left of the banner is "58_certificate_of_discharge.png" (attached), and the larger image below is used as the background of the DIV containing the form,"compassbk.png" (also attached).
These images all look fine in the browser, but terrible in DW.
I'm stumped as to why.
Thanks in advance.According to a different discussion, the images that are stuck as "Queued" are showing a bug in the virus scanning on the forums.
Now trying the recommended 'camera icon' method...
Looks like it worked.
Now compare what it looks like in DW CS3 in the design view:
It's a 16 color PNG-8 made in Fireworks CS4 with no transparency, size is 113 x 58, ending up at 1.71K.
If this is a repeatable problem in CS3, is there any hope of it being resolved, or am I stuck with upgrading to CS4 as my only option (assuming it's fixed in CS4)?
Thanks. -
Trouble converting powerpoint files with png images to pdf-Can someone help?
Hello all,
In my line of work, I create and modify large sized posters that are created in powerpoint. I would have the files print ready by converting them to pdf. I usually have little to no issues executing this. However, I have been dealing with an issue of converting ppt files with png images. The size of the ppt is typically a 42x56 file. The several ways to convert to pdf produces an error each time. Png images are very useful as they provide much clarity vs jpegs or tiffs. The 3 ways I have tried below are:
A) File>Print>Adobe PDF>High Quality print settings/300dpi results to an error message that says:
"Windows cannot print due to a problem with the current print setup. Try one of the following:
*Check the printer by printing a test page from Windows.
*Make sure the printer is turned on and online.
*Reinstall the printer driver"
A blank pdf opens up (Selected to open file after publishing)
B) File>Save as> Change file type as a pdf results in nothing happening. No pdf is produced.
C) Acrobat>Create PDF results to an error message that says: "An unexpected error occured. PDFMaker was unable to produce the Adobe PDF."
Again, this all happens with ppt files with png images. I took out the png images and attempted to convert to pdf, and the pdf is produced!
Can anyone provide any assistance in creating pdfs with png images or what settings I need to adjust? I am able to covert every other image type (jpeg, tiff, bmp), except for png images.
I am using Microsoft Office 2010 with Adobe Acrobat X on Windows 7 (This happened on Windows XP as well).>I have a 48 slide presentation that has a small .png image in the "slide
>master" so it will show up on every page.
PowerPoint only has to store one instance of the image even thought it is
displayed on multiple slides. But Acrobat can't do the same, the image has
to be stored for every page that it appears on, so that would explain the
larger file size.
Acrobat is supposed to be able to optimize the storage of common background
images (at least that's the message I see when I do a "Save as..."), but I
have yet to see it to work. Maybe it depends on the application the orginal
file is created in and the PDF conversion method used.
Adding the image into a PDF file later as a watermark instead may be a way
to keep the size down (then it really only does store the object once),
though I believe that watermark images will appear in front of everything
else on the page (not sure if that's a problem for you, it depends on
whether any text or objects in the presentation ever appear in front of the
image).
What are the dimensions and resolution of the image in PowerPoint? You may
be able to go as low as 75 dpi and not notice a difference, it depends on
whether the image contains any areas of high contrast or text. -
Import powerpoint with png images on slide(s)
L.s.,
I imported several ppt documents with png images on the slides, I noticed that sometimes png images are damaged or not visible.
My search for differences between the source files was not succesfull.
Has this behaviour been noticed before?
Regards,
PeterHello Peter, welcome on the Forum.
Which version of CP do you use and which version of Powerpoint? PNG is the format used internally in Captivate (heard this from the team), so it seems a bit odd that those images are damaged. You could of course import them (images) directly in the library and put them on the slides in CP while editing. Perhaps you could post a screenshot? Use the camera icon in the toolbar of the message box to insert the screenshot.
Lilybiri -
Load picture control with png image from the web
Hi guys,
Is there an example anywhere for Labview 8.6 for loading a picture control with png image from the web?Hi lavalava,
here you find a note on how to load pictures from the internet. After grabbing the data you could save them to a file, load the file with the picture file functions and then convert it into the image datatype to feed a picture indicator with the data...
Best regards,
GerdW
CLAD, using 2009SP1 + LV2011SP1 + LV2014SP1 on WinXP+Win7+cRIO
Kudos are welcome -
Problems with PNGs... Overall compression + Running out of memory!
We're having a number of issues with PNGs while working on our first iPhone project, and any assistance would be greatly appreciated!
Our game is using a large number of PNG assets, some of which are full-frame (though the full-frame files tend to mostly be transparent/use alphas, though apparently that doesn't help memory issues much).
We're running into two huge problems -
1) We're running out of memory on device when calling to these full frame sequences, which tend to be anywhere from 10-40 frames each at anywhere from 50 to 250kb in size.
2) Our overall package size is huge, sitting at around 60mb. I've already compressed the pngs through photoshop to the best of my ability, and I'm not having much luck with downloadable compressors like pngcrush. IS there a way to compress all the pngs through xcode/c++/objective C? The programmers are informing me right now that the only compression possible is whatever I apply directly to my pngs on my end - nothing through code.
I'm stumped as to how I'm seeing seemingly-complex apps with plenty of content at 1-5mbs, and running smoothly with full-frame animations. I'm imagining the problem is that we're not using a proprietary engine to properly manage things, but I'm wondering if there is a simple solution.
Thanks in advance, guys!
P.S. - Already done a bunch of research on my own, and not having much luck. Just wondering if there is something obvious that both the programmers and I are missing!* Make image frame smaller? A fully transparent border around an image is pure overhead -- there is still data in the actual pixels (even though you cannot see them), plus the transparent border itself. All it needs is an x/y coordinate and a tiny code adjustment.
* Use less transparency bits? Perhaps you could do with 1-bit transparency on some images. It'll use 1/8 times the memory (well, globally).
* Use less colors? 24 bit color might compress down to 16 bits without visual artifacts (esp. when you don't have lots of gradients). Perhaps even 8 bit palettized.
* Make images smaller? You might be able to get away with enlarging some images.
Just a few things you could check right away, without major rewrites. -
Hi there! Am I alone having troubles with kids' app Little Pets Shop? Crazy invoices with €89,99 the "Wonderful Mountain"!! Has anybody got an idea? Thanks a lot
One of your kids made an in app purchase that you did not know about. Some apps include in app purchase and games do this quite often. The game itself is free, but you might have to purchase additional items to enhance the game or to unlock certain levels.
You can prevent this from happening in Settings>General>Restrictions>In App Purchases>Off. -
Images sequence with png problem
I created an image sequence with png files for transparency reasons. When I activate the interactivity, the original placed image shows behind the image sequence as i interact with it. Anyway to get this to go away other than hiding the intial image?
nope. Transparency isn't well supported in image sequences.
—Johannes -
Action script 3: Export object to image with PNG format - make transparent
Hi!
I have a problem in export a object to image .PNG (and make transparent). When i add a object TextField in stage and add effect for my object. Then i export to image with format is .PNG.I use BlendMode.NORMAL properties of BitmapData to draw my image - work done and image is exported.
I use BlendMode.ERASE properties of BitmapData to draw my image - is not word
See more in attact file : BlendMode.ERASE.png, BlendMode.NORMAL.png
Code text effect: \OnlyTextEff\view\textEffs.as and \OnlyTextEff\effects\EnvelopeDistord_2.as
Code export image: \OnlyTextEff\view\textview.as (function name is "exportHandler")
download demo: http://www.mediafire.com/?vgnauwspt8b6x08
Does anyone have a good example or explanation of that ? Thanks.// that looks like a pretty poor tutorial. but
public function init(e:Event=null):void{
go=new Go(); // you need to declare go
addChild(go);
go.addEventListener(MouseEvent.CLICK,startgame);
public function startgame(e:Event):void{
removeChild(start_mc); // where start_mc is the movieclip of your start screen
addChild(game_mc); // where game_mc is the movieclip of your game -
Image is not saved in jpeg/bmp file but ok with png
Hi i am unable to save the image in disk in jpeg format.
Here is the code.
public void saveImage(){
//if no filechooser is there means no image file opened.
if(fileChooser==null){
if(errorWindow==null)
errorWindow=new ErrorWindow(XXX.getPrimaryStage());
errorWindow.showErrorWindow("There is no image to save !!\n");
else{
fileChooser.setTitle("Save The Image");
File saveFile=fileChooser.showSaveDialog(XXX.getPrimaryStage());
if(saveFile!=null){
System.out.println("saveFile path= "+saveFile);
//get the extension of output image to be saved.
//XXX: is the main class name(say)
outExtension=*XXX*.getImageExtension(saveFile);
//if user does not give extension: set default extension as jpg
if(outExtension.equalsIgnoreCase(saveFile.getName())){
outExtension="jpg";
String newPath=(saveFile.toString())+".jpg";
saveFile=new File(newPath);
Task task = new Task<Void>() {
@Override
public Void call() {
Platform.runLater(
new Runnable() {
public void run() {
try {
//The image is inside ImageView->inside ScrollPane-> inside TabPane.
Image curImage=XXX.getCurrentImage();
int width=(int)curImage.getWidth();
int height=(int)curImage.getHeight();
System.out.println("cur image width= "+width+" ht= "+height);
bufferedImage=new BufferedImage(width, height,BufferedImage.TYPE_INT_ARGB );
//set the current image to awt Buffered Image
SwingFXUtils.fromFXImage(curImage, bufferedImage);
imageTabPane=xxx.getImageTabPane();
Tab tab=imageTabPane.getSelectionModel().getSelectedItem();
TabPane childTabPane=(TabPane)tab.getContent();
ScrollPane sp=(ScrollPane)childTabPane.getSelectionModel().getSelectedItem().getContent();
final ImageView imageView=(ImageView)sp.getContent();
WritableImage wim = new WritableImage(width,height);
imageView.snapshot(null, wim);
System.out.println(" snapShot width= "+wim.getWidth()+" ht="+wim.getHeight());
*ImageIO.write(SwingFXUtils.fromFXImage(wim,null), outExtension, saveFile);*
//<------ its not working for png,jpeg,bmp,gif
// the below lines are working only for png and gif
OutputStream out = new FileOutputStream(saveFile);
ImageIO.write((RenderedImage) bufferedImage, outExtension, out);
out.flush();
} catch (Exception ex) {
Logger.getLogger(FileMenuController.class.getName()).log(Level.SEVERE, null, ex);
//ex.printStackTrace();
System.out.println("finished");
return null;
Thread th = new Thread(task);
th.start();
}else{
System.out.println("File is not saved");
}//saveImageNote: The above code is executed in ubuntu(10.04) using Netbeans 7.2(Javafx(2.2), java(1.7.0_11).
When i run(from terminal) separately in a new class with an image in an Imageview( inside a Vbox) and take the snapshot
of the imageview and write into the file using ImageIO.write(SwingFXUtils.fromFXImage(wim,null), outExtension, saveFile);
with any extension (jpeg,png etc) it is working fine.
Please help me.
Any small hint is also helpful.Please feel free to comment or give suggestion.
Edited by: 963038 on Feb 17, 2013 7:14 PMWhen i omit the line OutputStream out = new FileOutputStream(saveFile);
and write only
ImageIO.write((RenderedImage) bufferedImage, outExtension,saveFile);
//out.flush();
then saving the image even in "png" also fails.
The following is the error code:
Note : FileMenuController is my file where the saveImage() is wrtten.
javax.imageio.IIOException: I/O error writing PNG file!
finished
at com.sun.imageio.plugins.png.PNGImageWriter.write(PNGImageWriter.java:1168)
at javax.imageio.ImageWriter.write(ImageWriter.java:615)
at javax.imageio.ImageIO.doWrite(ImageIO.java:1612)
at javax.imageio.ImageIO.write(ImageIO.java:1536)
at *newciptk.controls.menu.file.FileMenuController$1$1.run(FileMenuController.java:205)*
at com.sun.javafx.application.PlatformImpl$4.run(PlatformImpl.java:173)
at com.sun.glass.ui.InvokeLaterDispatcher$Future.run(InvokeLaterDispatcher.java:76)
at com.sun.glass.ui.gtk.GtkApplication._runLoop(Native Method)
at com.sun.glass.ui.gtk.GtkApplication$3$1.run(GtkApplication.java:82)
at java.lang.Thread.run(Thread.java:722)
Caused by: java.io.IOException: Operation not supported
at java.io.RandomAccessFile.writeBytes(Native Method)
at java.io.RandomAccessFile.write(RandomAccessFile.java:499)
at javax.imageio.stream.FileImageOutputStream.write(FileImageOutputStream.java:124)
at javax.imageio.stream.ImageOutputStreamImpl.writeInt(ImageOutputStreamImpl.java:91)
at com.sun.imageio.plugins.png.ChunkStream.finish(PNGImageWriter.java:136)
at com.sun.imageio.plugins.png.PNGImageWriter.write_IHDR(PNGImageWriter.java:401)
at com.sun.imageio.plugins.png.PNGImageWriter.write(PNGImageWriter.java:1135)
... 9 more
javax.imageio.IIOException: I/O error writing PNG file!
at com.sun.imageio.plugins.png.PNGImageWriter.write(PNGImageWriter.java:1168)
at javax.imageio.ImageWriter.write(ImageWriter.java:615)
at javax.imageio.ImageIO.doWrite(ImageIO.java:1612)
at javax.imageio.ImageIO.write(ImageIO.java:1536)
at newciptk.controls.menu.file.FileMenuController$1$1.run(FileMenuController.java:205)
at com.sun.javafx.application.PlatformImpl$4.run(PlatformImpl.java:173)
at com.sun.glass.ui.InvokeLaterDispatcher$Future.run(InvokeLaterDispatcher.java:76)
at com.sun.glass.ui.gtk.GtkApplication._runLoop(Native Method)
at com.sun.glass.ui.gtk.GtkApplication$3$1.run(GtkApplication.java:82)
at java.lang.Thread.run(Thread.java:722)
Caused by: java.io.IOException: Operation not supported
at java.io.RandomAccessFile.writeBytes(Native Method)
at java.io.RandomAccessFile.write(RandomAccessFile.java:499)
at javax.imageio.stream.FileImageOutputStream.write(FileImageOutputStream.java:124)
at javax.imageio.stream.ImageOutputStreamImpl.writeInt(ImageOutputStreamImpl.java:91)
at com.sun.imageio.plugins.png.ChunkStream.finish(PNGImageWriter.java:136)
at com.sun.imageio.plugins.png.PNGImageWriter.write_IHDR(PNGImageWriter.java:401)
at com.sun.imageio.plugins.png.PNGImageWriter.write(PNGImageWriter.java:1135)
... 9 more -
Poor quality motion tween with png image, tried "Trace Bitmap", but then it looks like a newspaper
Greetings all,
I've been a software developer for many years, but am not very savy in the design elements. So, much of what I'm going to say will probably sound "newbie", so please forgive me in advance.
So, I'm trying to get a transparent image to fly in from the side. So, I *thought* I was doing the correct thing by moving the "symbol" off of the visible portion of the stage, and creating a motion tween to move it onto the stage. The motion works, but the quality of the image in general (and the text in specific) looks pixelated.
Thus, I did a little bit of snooping, and everyone said that you should start with a bitmap. So I saved the image from Photoshop into .bmp format, and was able to set the properties to "allow smoothing" and with lossless compression. So far, so good. Now, as I expected, the transparency is no longer there...
So here's the question: how can I make this image retain its quality, still have transparency, and a motion tween?
It seems like this is some set of characteristics that don't play well together, even though I see this type of thing online ALL the time.
I tried "Trace Bitmap" to convert to a raster image, and tried to follow some suggestions online, but when I do "Trace Bitmap", it ends up looking like it has a bunch of grayish dots on the image... definitely NOT what I was expecting.
Thanks for your help!
JPBGo back to using the png, and set the smoothing allowance. That should take care of the quality. In Flash, a "bitmap" will often refer to any type of image element... .bmp's are probably dinosaurs (as in extinct) where Flash usage is concerned.
-
Indesign CS5 with PNG file exporting as a PDF file but the text is random bold
Hello,
I am looking for help to teach me how to solve this problem.
I use Indesign CS5 to make a proposal. I set the page marker and sub title in the master page.
Of course, there are including dozens of pages and some pictures here.
And one of these page, I place a PNG file and type some text.
When I export this file as a PDF file, one page, which is including PNG file, the text becomes random bold.
Therefore, I have used PSD file to cover the PNG file. But finally getting the same problem.
So does anyone can help me how to solve this problem?
Thanks so much for your help.This sounds like a known issue with transparency on the page. When transparency is introduced ID uses a differnt method, apparently, of rendering text on that page and it appears bolder on screen and can print that way on low resolution devices like desktop printers. It usually is not a problem on press output.
The only way to mainatian consistency would be to introduce transparency on all pages, perhaps by adding a transparent object to your master page. -
Best way to work with .png files for print
My client suppllied 100 color .png files (screen captures), about 1700 pixels wide for his book. I opened one with Photoshop, saved as Tiff, converted to Grayscale, cropped to 300 dpi and placed in InDesign, but the InDesign file size is almost 2mb. Is there a better method?
That’s not what I mean at all…I mean what ever they are, they are. Just place them and be done with it.
There is nothing you can do with them in Photoshop that will make them better.
And you are incorrect…the fact that one page document is 2 megs does not mean the full document will 200. Graphics are linked, not embedded, by default.
Do not embed them.
I’m going to move this thread to the InDesign forum.
Bob -
Problem with .png images being black boxes in InDesign
Hello,
I'm hoping someone might be able to help me with a problem I'm having with some .png files. When I try to place certain .png files in my InDesign document, they come in as just black boxes. The .png files are created by a third party application, (EditLive w/MathFlow) But if I view the .png files in Fireworks or other image viewers, they appear to be fine. I have tried looking at the image properties inside InDesign, to see if by tweaking them it might work, but I am not a graphic designer by trade so my knowledge is rather limited. Any help would be greatly appreciated.
Specs:
Windows XP
CS4 Suite including:
Adobe InDesign CS4
Fireworks CS4
Thanks,
JoshThat worked! Mostly. The little preview box on the file upload dialog still shows a black box. But when the image is placed inside the doc it looks perfect. Well, as perfect as the .png can look.
Is there any way within InDesign to "ignore" the alpha channel or whatever of the graphic? I have access to the IDML as well as the normal application interface & the SDK through the InDesign Server. I'd prefer not to be reliant on opening the image in another tool, as we have a large number of images to process some times & it could get annoying. If not, I can try contacting the 3rd party group that is generating the .png & see if they can better handle the alpha channel when they're creating the image maybe...
And thanks for the quick responses!
-Josh
Maybe you are looking for
-
Problem: Can not specify path to read a file from stored procedure. Potential cause: Improper configuration Description: I have created a procedure that opens a tab-delimited file, reads it, and inputs it into the database. In the procedure I specify
-
i have changed the apple ID (email) but on my iphone , the icloud is stil asking me to log in whit the old email.And it is poping-up on every 10 seconds.I never used icloud, and i dont want to use it.I just dont know how to disable the icloud.
-
HT2969 Why does my iCal dates not synchronise with Blackberry?
Please help; I have a Blackberry Bold 9700 and I downloaded on my MacBook Pro the Mac Version of Blackberry Desktop manager to be able to synch with my iCal events on my Macbook Pro. The synch works however every All-Day event is being put into my B
-
Is there a manual for the Razr M???
I am new to smart phones. I admit that right away. But I follow instructions really well. The starting instructions for this phone don't help, as they are incomplete. For example: When I try to do what it tells me, as in getting a couple of widgets o
-
Hi Alla, I have a report to display QTD Quantity. when ever i ran the report QTD data is calculating this year (2001) quarter and last ( 2010) year data ( we have only 2 years data ). I mean if i run the report today it should display from Apr 2011 d