Current state of ad design

Out of context: Reply #4

  • Started
  • Last post
  • 10 Responses
  • fyoucher10

    No, you don't have to break them apart anymore (that was before Animate CC in Flash CC). You just create text like how you would have in Flash. There's no custom anti-aliasing though. It's basically 'Antialiase for Animation' but it renders much better than Flash did with that setting. Right now I'm individually tweaking and kerning each letter, offsetting the positioning by 1/2 a pixel here and there to make the text super crisp.

    Chrome bug happens with vector masks on either other vectors but especially noticeable on a vector mask on a bitmap. It aliases the edges, so you get that stepped look around curves. It's a Chrome bug with Canvas, not a bug with Animate CC. The workaround is pretty simple and requires code though. It's kind of like setting a shape as a mask via code like how you did in Flash without setting the actual layer properties as a 'mask' layer, except you're using compositeOperation and then need to cache it. If the mask is animated, then you need to continually do it each tick. Once you get it once, it's easy to apply again. Hopefully Chrome with fix this soon.

    The other caveats is how you trigger canvas elements outside of Animate CC or Canvas. But again, once you figure it out, then you can use regular old JS in your HTML file or external JS file to do whatever you want. So you get the best of both worlds -- being able to code JS inside of the actual application and being able to do it in an external code editor (like Sublime).

    fyoucher1 0Permalink
    UpvoteDownvote
    Flag
    • Actually, I think the last update to Animate CC made it so you don't have to break apart text.fyoucher1
    • There are some minor bug nuances with the app too, but nothing that would stop me from using it.fyoucher1
    • You also need to be aware of the HTML file it exports and how you have to uncheck overwrite HTML and images.fyoucher1
    • I made a template HTML file with all of the various ad settings I use on regular HTML banners (click tag, misc CSS, etc).fyoucher1
    • Now I don't even allow Animate CC to export the HTML, just the JS lib file.fyoucher1
    Show [[ numHiddenNotes ]] more notesAdd Note
    SaveCancel

View thread