Skip to main content
TheTejun
Participating Frequently
November 9, 2018
Answered

illustrator vector image is blurry when scaled and moved in animate cc test

  • November 9, 2018
  • 2 replies
  • 2977 views

I have manually traced the entire character with the pen tool in illustrator and once i import it on the stage, as long as there isn't any motion, across the stage, i can run a test and the character renders perfectly at any size with the internal character motion working fine. Once I apply motion across the stage and enlarge the character on one end of the motion path it is very blurry in the tests. Can someone please help me?

This is a screenshot of the vector image enlarged with internal motion only, renders fine in the test.

This is a screenshot of the vector image shrunken with the internal motion only, renders just fine.

This is a screenshot of the same image but moving across the stage going from small to large and it renders blurry in the test

This topic has been closed for replies.
Correct answer UDESCO

Does that have anything to do with the 'test' function?  That is when it blurs, I haven't even made it to the publish phase yet. My publish settings looks completely different also.


Yes, Test and Publish are practically the same in Animate.

Open Publish Settings dialog, click on Javascript/HTML label in the left column to reveal the settings as shown in my above screenshot. Find 'Export Document as Texture' checkbox and uncheck it and then press OK button. Now you can test your animation.

2 replies

TheTejun
TheTejunAuthor
Participating Frequently
November 10, 2018

Nobody? Ok....

UDESCO
Adobe Employee
Adobe Employee
November 12, 2018

HTML5 Canvas publishing in Animate CC 19.0 has a new setting to export document as Texture. It helps with the runtime performance but may cause blurriness if you use scaled artworks.

Open File > Publish Settings, disable the below setting and then Publish.

Let me know if you still face any issues.

TheTejun
TheTejunAuthor
Participating Frequently
November 12, 2018

Does that have anything to do with the 'test' function?  That is when it blurs, I haven't even made it to the publish phase yet. My publish settings looks completely different also.

Monika Gause
Community Expert
Community Expert
November 9, 2018

It's blurry when doing what? Animating it with JavaScript/SVG? Or doing something with HTML5/Canvas? Flash/Animate?

TheTejun
TheTejunAuthor
Participating Frequently
November 9, 2018

here is a screenshot of the properties for character and stage

Monika Gause
Community Expert
Community Expert
November 9, 2018

The message says that Animate has successfully converted something to bitmaps.

You might want to post this in the Animate forum, because it looks like Animate is doing something to your paths. Might happen when importing the artwork (how did you import it - via CC libraries?) or when exporting for web (e.g. when saving as HTML5/Canvas) or maybe because of stuff you do when animating.

Adobe Animate CC