Jump to content
Mensch Mesch

AD - Use SYMBOLS to create a CSS sprite from template for animation

Recommended Posts

In this tutorial I will demonstrate how to use an Affinity Designer template with symbols to create a CSS sprite for an animated Jumping Jack.

 

Hampelmann-HD.gif

 

Download

 

You will find the AD template for the animated Jumping Jack here on my website and the tutorial on my YouTube channel.

 

Keep on drawin'

 

Norbert


Find me on YouTube | Mensch Mesch | MeWe | Twitter | Pinterest

iMac27 5k 32 GB | macOS 10.12.6 | AD 1.6.1 | AP 1.6.7 | iPad Pro2 | APiPad 1.6.7

Affinity Designer 1.7.2 | Affinity Photo 1.7.2 | Affinity Publisher 1.7.2

Share this post


Link to post
Share on other sites

In this tutorial I will demonstrate how to use an Affinity Designer template with symbols to create a CSS sprite for an animated Jumping Jack...

 

You will find the AD template for the animated Jumping Jack here on my website and the tutorial on my YouTube channel.

 

Keep on drawin'    Norbert

 

Having seen Michael Mangialardi's article/tute here...

 

https://medium.com/coding-artist/a-beginners-guide-to-pure-css-images-ef9a5d069dd2

 

on creating images using CSS, what you have done is most impressive! Remembering that CSS was implemented to separate the format of a web page from the content, this is like handing someone an ice cube and getting back an ice sculpture bouquet! Amazing!


♥  WIN 10 AD & AP  ♥  Lenovo Legion Y520 15.6" Laptop

Share this post


Link to post
Share on other sites

Having seen Michael Mangialardi's article/tute here...

 

https://medium.com/coding-artist/a-beginners-guide-to-pure-css-images-ef9a5d069dd2

 

on creating images using CSS, what you have done is most impressive! Remembering that CSS was implemented to separate the format of a web page from the content, this is like handing someone an ice cube and getting back an ice sculpture bouquet! Amazing!

Thank you very much @jer!

 

Nice article!

 

It's really amazing what you can do with CSS.

 

Thx!


Find me on YouTube | Mensch Mesch | MeWe | Twitter | Pinterest

iMac27 5k 32 GB | macOS 10.12.6 | AD 1.6.1 | AP 1.6.7 | iPad Pro2 | APiPad 1.6.7

Affinity Designer 1.7.2 | Affinity Photo 1.7.2 | Affinity Publisher 1.7.2

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.