Skip to main content
L
luvmykidz74
Inspiring
May 10, 2018
Answered

Having majors issues with quality and transparency from importing JPEGs, PNGs, and etc.

  • May 10, 2018
  • 2 replies
  • 930 views

I'm having issues with Adobe Animate that prevent me from making content! (Read Desc) - YouTube

     Just for further clarification (because my commentary was shoddy, rushed, and unscripted), I've tried different qualities and all, no matter what I do I can not seem to get the JPEG to have transparency to show the background and I can't get the PNG to have quality. It's odd that the JPEG seems to have better quality than the PNG, but I need it the other way around while still having the transparency of the PNG for the background on the other layer to show through.

     I can't seem to get the tools to work and edit out the background to get the JPEG to work but I also haven't been able to get the quality of the PNG to work. I've tried various things and I've saved files in many file sizes, qualities, formats, and programs but nothing seems to work.

     I'm having issues with Adobe Animate that prevent me from making content! I would love some help. Been trying to get it to work for several hours today and yesterday but I've had to resort to this and I have contact with anybody that has great experience with this program.

This topic has been closed for replies.
Correct answer Colin Holgate

_keyframer is partially wrong. Publishing with SWF that uses JPEG as the compression will still let the image keep any transparency that the imported had. But what he meant is correct, import PNG if you want transparency.

I think he also mistyped when saying that PNG is lossy, and he meant lossless. But, it's only lossless if you look at the bitmap info in the library, and set the image to be lossless instead of JPEG.

Another option in the library info is Allow Smoothing, which would go a long way to solve the issue about using an image at the wrong size.

So, if you are trying to animate something and have it be the best it can be in a video, for example, do these things:

Make sure you're using an ActionScript 3.0 FLA and not HTML5 Canvas. It has more filter options, can do stream synched audio, and will be able to take the line of code I'll show below.

Import either PSDs or PNGs that are 24 bit with transparency.

In the library make sure that all bitmaps are set to lossless compression, and allow smoothing.

In the Actions panel of frame 1 in the main timeline, add this line of code:

stage.quality = "16x16";

For sound, make sure imported files are 16 bit, 44.1 KHz, WAV. In the publish settings, set sound to be RAW, 16 bit, 44.1 KHz, for both Event and Stream audio types.

2 replies

Colin Holgate
Colin HolgateCorrect answer
Inspiring
May 10, 2018

_keyframer is partially wrong. Publishing with SWF that uses JPEG as the compression will still let the image keep any transparency that the imported had. But what he meant is correct, import PNG if you want transparency.

I think he also mistyped when saying that PNG is lossy, and he meant lossless. But, it's only lossless if you look at the bitmap info in the library, and set the image to be lossless instead of JPEG.

Another option in the library info is Allow Smoothing, which would go a long way to solve the issue about using an image at the wrong size.

So, if you are trying to animate something and have it be the best it can be in a video, for example, do these things:

Make sure you're using an ActionScript 3.0 FLA and not HTML5 Canvas. It has more filter options, can do stream synched audio, and will be able to take the line of code I'll show below.

Import either PSDs or PNGs that are 24 bit with transparency.

In the library make sure that all bitmaps are set to lossless compression, and allow smoothing.

In the Actions panel of frame 1 in the main timeline, add this line of code:

stage.quality = "16x16";

For sound, make sure imported files are 16 bit, 44.1 KHz, WAV. In the publish settings, set sound to be RAW, 16 bit, 44.1 KHz, for both Event and Stream audio types.

    _keyframer
    Community Expert
    _keyframerCommunity Expert
    Community Expert
    May 10, 2018

    Thanks Colin - yes, I meant "lossless" and it's not the first time I mistyped that

    Animator and content creator for Animate CC
    _keyframer
    Community Expert
    _keyframerCommunity Expert
    Community Expert
    May 10, 2018

    Okay so for starters, forget about JPG format because it does not support an alpha channel at all.

    PNG is what you want and it's lossy format and supports compression with great results. I've been using PNG format for years successfully.

    That said, I suspect your issue is with how you are authoring your PNG images. If using Photohop, what is the canvas size (dimensions) and are you saving to PNG-24 format?

    Animator and content creator for Animate CC
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices