What color is your canvas?
The canvas color is white. I could have selected transparent?
I just tried a new file with Transparent canvas. It still didn't work. I'm not getting the antialiasing in the rounded corners. I get hard pixels even though I select Alpha Transparency from the drop down menu when I do a Save As
Post a link to the PNG file please.
Please upload the original, editable PNG file rather than an exported one.
Photshop flattens Fireworks PNG files. Don't open them in Photoshop. You're already in FW, optimize and export (NOT SAVE) the file from there. You will get the transparency AND a smaller file size to boot.
The file that is being opened in Photoshop is a Flattened PNG from Fireworks.
Here's the process:
- I work in Fireworks. I'll design an icon and Save as Flattened PNG with Alpha Transparency selected. I DO NOT send them the Fireworks png file, I send them a Flattened PNG file.
- Other designers I work with don't like Fireworks. They like Photoshop. But when they opened my Flattened PNG file that is suppose to have Alpha Transparency with antialiased corners, they don't see that. They get hard edged pixels like the example I show in my previous reply with the purple background.
The PNG file you included is a flat bitmap, so I can't edit the stroke or fill on the sample, so I can't change the stroke or fill.
However, even though this is a flat PNG, I can still adjust transparency with the file:
In your optimize panel, you have set the matte color to white. Change it so there is NO matte color.
Optimze as either PNG 32 or PNG 8 (with transparency)
EXPORT the file. It must be exported for the transparency to be applied to the flattened PNG file
Keep the editable file for yourself, send the PS designer the flattened PNG.
I tested these steps with your specific file and they work as expected.
Ideally, you would do this using the editiable PNG file so you have control over the stroke and fill as well.
Save the EDITABLE FW PNG file as PSD from Fireworks and send them THAT file. This will give them editing options.
Nope, didn't work. It works fine when I open it again in FW, but Photoshop is not reading the antialiasing. This is bugging me so much, I think the next step is to post a video just to make sure everyone knows the steps I'm taking.
I'll be really disappointed If this is a FW, PS not being compatible thing. I'm really trying to use FW more, but if this doesn't work I may just go back to good'o PS or Illustrator.
I'll post link to the video today
Supply us with the Fireworks PNG file that you are working on. There's not much we can do
without having the original, unflattened file for testing. My feeling is that it's got to do witht he stroke properties
but we cannot change anything on the PNG you supplied because it's already flattened.
I'm at work and looking to see if I can upload the master file here or upload to a server so you guys can download it.
By the way, thanks for sticking with me and trying to help me. I really appreciate this.
I opened the png file.
The matte color in the optimize panel was set to white. I mentioned this earlier as the likely issue.
I changed the matte color to none.
Then I exported the file. (FILE > EXPORT).
Transparency and anti-alias were supported when the exported png file was opened in Photoshop.
PS doesn't understand 8-bit pngs with transparency. It locks the layer and I couldn't find a way to unlock it.
So, I went back to FW, switched the Optimize setting to PNG 32 (in PS, this is PNG 24 with transparency, which PS does understand), made sure there was still no matte color and exported again.
I reopened the file in PS and lookie-lookie. Added a new layer with a gradient fill and the shape blends as desired, even with multiple colors.
I magnified the view so you can study the corners.
So now, the PS designers can use the file and then generate a final file that is 25 - 40% larger in file size than Fireworks would have exported. (Sorry, I had to say *something* about PS as a web design tool).
It all comes back to the matte color, though, regardless of which format you decide to use.
Message was edited by: Jim_Babbage Update. It's also worth noting that you can even reopen the "old" flattened PNG in Fireworks, change the matte setting to it, re-export and it too will work in PS. That's what I did the first time with the original PNG file you supplied.
wOOT!! WE GOT A WINNER!
Ok, I come from Photoshop so I'm used selecting PNG 8 for these PNG's. So I was selecting PNG 8 in FW as well. Strangely, the PNG 32 from FW gets the same file size as the PNG 8 from PS. If I save a PNG 32 in PS, I get a bigger file size. Go figure.
Thanks so much, now I can continue exploring FW :-)
You are quite welcome.