

In both software, you get basic easings as presets and also an option to create custom easings. Both GWD and Animate CC are equipped with easings. Easings (GWD 1/ Animate CC 1)Įasings help us manage the acceleration and deceleration of animation, this makes animation more fascinating and engaging. Morphing a shape can create a very interesting transition between Shapes, something not possible directly with Google web designer. Shape tween lets us create morphing of SVG without the use of any custom coding with JS libraries like Greensock. Playing with Shapes (GWD 0/ Animate CC 1)īoth Animate CC and GWD let us make popular shapes and custom shapes, what makes Animate CC better at playing with shapes is Shape tween and some advanced properties. Animate CC was well equipped with masking since day 1, but to use masking in GWD we always used a trick to make ‘Overflow: hidden ’ in the ‘Div’, this made elements going outside the boundary of div as hidden and gave a feeling of masking, the only issue was the complexity in keeping the item inside div stable while animating the mask only. Masking is a feature that was most awaited for a long time and now it’s available with very useful properties.
#Adobe animate cc googlw drivwe update#
Masking (GWD 1/ Animate CC 1)Ī recent update (Version 7.) in Google Web Designer brings the most awaited design gem in the toolset. Static text option lets us export text as a shape and on the other hand, we also get an option to export dynamic text that gets exported as natural text in HTML. On another hand, Animate CC has a very flexible text tool that gives an option to export text as static and dynamic. Google Web Designer has a very annoying problem with the text tool, when we try to make changes in some part of the text in a paragraph it converts in between text changes into individual ‘spans’, this sometimes becomes a pain when we make changes in the formatting of text multiple times. Google web designer also supports SVG format but not as extensively as Animate. This gives much more design flexibility than GWD, It also keeps the size of the ad on the lower side as shapes don’t export as images but as SVG. Most designers use illustrator or photoshop to design their banner ads before animating them, as an adobe product, animate cc can import shapes and illustrations directly from illustrator and photoshop, after importing them we can convert those shapes into symbols and use them for animations. Vector Friendliness (GWD 0/ Animate CC 1) We are giving 1 point for every advantage and 0 for every deficiency, this way we will analyze the ups and downs of using both the software. We will compare Animate and GWD on certain important parameters and features that are important for HTML 5 Banner ad creation. Today in 2019, GWD is out of beta mode and very much equipped with almost all necessary tools required for HTML 5 animated ads. Google launched the beta version of google web designer in 2016. As flash is no longer in use for web and mobile animation, animate CC gives the ability to produce ActionScript and HTML 5 animation from a single platform.
