How to add animations 3. Video tutorial

#1 · April 5, 2020, 6:38 pm

In this animation tutorial we will see how to create an avatar customizer and save the final image as a SVG image. Some important concepts will be introduced as working with inline svg layers, groups and objects.
Affinity Designer or Affinity Publisher are recommended to generate the original SVG image. As usual it's a step by step tutorial. Source code attached.

Uploaded files:

You need to login to have access to uploads.

Vadim, CDY@44 and 4 other users have reacted to this post.

#2 · April 5, 2020, 8:21 pm

Thank you !!

#3 · April 5, 2020, 10:43 pm

I'm addicted to your tutorials, fabulous job.

And what a great software recommendation. The power of the Affinity products with its ease of use is unbelievable.

thanks!

#4 · April 6, 2020, 12:58 am

Thank you so much Luis. You're the best!

#5 · April 6, 2020, 9:00 am

Muchas gracias @luishp,

Estas funcionalidades son muy potentes.

Una pregunta. Una vez guardado el avatar. ¿Cómo se puede recuperar desde VisualNeo en un programa. He probad con

LocalFileToVar "FileInput1" [myvar] pero lo carga como texto.

Saludos,

#6 · April 6, 2020, 10:03 am

@rrey carga el contenido en una varibale y después utiliza SetObjectHTML para poner el contenido de la variable en el Container. De este modo el contenido de la variable será interpretado como HTML y no como texto.

Estas funcionalidades son muy potentes.

¡Hay mucho más que pasa desapercibido!

Saludos!

#7 · April 6, 2020, 10:17 am

Thank you very much for your useful work !!

#8 · April 8, 2020, 4:28 pm

good job luis

#9 · April 8, 2020, 6:12 pm

Thank you @luishp

How to add animations 3. Video tutorial - Forum

How to add animations 3. Video tutorial