Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

How to simulate a "Scratch" effect

Contributor ,
Feb 12, 2019 Feb 12, 2019

Hi!

I need to do make an effect of scratching, like a Lottery Ticket is scratched.
I have a Ticket PNG before scratching and a bottom layer PNG, which need to appear under the first one.

First I tried to make a scratch PNG and use it as a mask, but it was not possible. For several reasons...
Then I tried to paint it with some brush. But when exporting a movie it says : Unsuported Fetaure, multiframe masks are used.

Tried to join, merge, break apart ... nothing works.

Mask is not working.

Any Ideas?

3.4K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 12, 2019 Feb 12, 2019

Hi.

You're gonna need an AlphaMaskFilter for this.

There's an offical sample in the CreateJS webiste:

https://createjs.com/demos/easeljs/alphamaskreveal

Also, you're gonna have to adapt the references to Animate CC because the demo uses "pure" CreateJS.

Please let us know if you need further assistance.

Regards,

JC

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 12, 2019 Feb 12, 2019

Thanks, but ... If to be honest, I didn't even get into what it is.
Is that a Filter (plugin) for Animate, do I have to install it somehow?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Aug 22, 2023 Aug 22, 2023
LATEST

Hi,

Have anybody got a version of this scratch style (AlphaMaskFilter) on hover working in a adobe animate html canvas project?

 

Any help to get started on this, much appriciated 🙂

 

Regards

Rich

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 12, 2019 Feb 12, 2019

I continue working with that project as I can. Since I asked a question, this is how it looks until now. I really don't like this "scratch" - it looks like a simple brush. I would like to have a nice, robust scratch line there, but if I use some of the Animate Artistic Brushes, it just hangs, or renders a HTML canvas with abnormal CPU stress.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 12, 2019 Feb 12, 2019

Hmm. Sorry. There is no option to show that work. ...
I just pasted a link, where that sample is online.
"the content you posted below has been rejected by our moderators.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 12, 2019 Feb 12, 2019

You can use the Insert Image button in the forum reply interface, or simply paste the image into a reply...

Linking to other sites will be blocked by a good number of moderators, especially if the site doesn't seem to have anything to do with the post, or has a suspect domain name or extension.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 12, 2019 Feb 12, 2019

The link you're using above just brings up a blank white page for me.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 12, 2019 Feb 12, 2019

Screenshot 2019-02-12 16.53.33.jpg

There is a screenshot. I really don't think it will explain something, if we are talking about animation ...
I don't understand what a harm could one link with index.html inside do to this forum.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines