Highlighted

Handwriting animation

New Here ,
Aug 06, 2020

Copy link to clipboard

Copied

Hello,

I have been learning since the beginning of the year to make websites in HTML, CSS, ... and I would like
now make an animated presentation (precisely an animated handwritten title),
the animation would display (as if I was writing it myself) each letter one after the other.

I know that it is possible with illustrator to make the text but concerning the animation,
is it possible to also manage the animation part directly in illustrator.
(if so, does it then generate the code automatically (in htlm, css?)
so that I can then integrate it into my site).

or, if this is not possible, do you have to complete the code generated for the animation part yourself?
(I would not prefer ... because I do not master this part enough ... !!!; - (()
Thank you very much for your advice or lived experiences.
cordially

Adobe Community Professional
Correct answer by Monika Gause | Adobe Community Professional

There is a way to make this using a blends and then output to SWF. But since SWF as a delivery format on the web is dead by the end of the year, you will have to code it using JavaScript or there might be methods with CSS.

https://bashooka.com/coding/20-cool-svg-text-effects/

https://codepen.io/marinamcpeak/pen/XYNdvd

https://medium.com/@KanishkSrivastava/hand-writing-effect-through-ccs3-and-abobe-illustrator-9cc45b1f80e7

 

Topics

Feature request

Views

33

Likes

Translate

Translate

Report

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

Handwriting animation

New Here ,
Aug 06, 2020

Copy link to clipboard

Copied

Hello,

I have been learning since the beginning of the year to make websites in HTML, CSS, ... and I would like
now make an animated presentation (precisely an animated handwritten title),
the animation would display (as if I was writing it myself) each letter one after the other.

I know that it is possible with illustrator to make the text but concerning the animation,
is it possible to also manage the animation part directly in illustrator.
(if so, does it then generate the code automatically (in htlm, css?)
so that I can then integrate it into my site).

or, if this is not possible, do you have to complete the code generated for the animation part yourself?
(I would not prefer ... because I do not master this part enough ... !!!; - (()
Thank you very much for your advice or lived experiences.
cordially

Adobe Community Professional
Correct answer by Monika Gause | Adobe Community Professional

There is a way to make this using a blends and then output to SWF. But since SWF as a delivery format on the web is dead by the end of the year, you will have to code it using JavaScript or there might be methods with CSS.

https://bashooka.com/coding/20-cool-svg-text-effects/

https://codepen.io/marinamcpeak/pen/XYNdvd

https://medium.com/@KanishkSrivastava/hand-writing-effect-through-ccs3-and-abobe-illustrator-9cc45b1f80e7

 

Topics

Feature request

Views

34

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Aug 06, 2020

Copy link to clipboard

Copied

There is a way to make this using a blends and then output to SWF. But since SWF as a delivery format on the web is dead by the end of the year, you will have to code it using JavaScript or there might be methods with CSS.

https://bashooka.com/coding/20-cool-svg-text-effects/

https://codepen.io/marinamcpeak/pen/XYNdvd

https://medium.com/@KanishkSrivastava/hand-writing-effect-through-ccs3-and-abobe-illustrator-9cc45b1...

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
JPl2 LATEST
New Here ,
Aug 07, 2020

Copy link to clipboard

Copied

Bonjour,

 

Merci pour votre réponse.

Donc, apparement ce n'est pas possible sous ILLUSTRATOR de gérer automatiquement la partie animation, 

c'est incroyable tout de même !!?? que ce logiciel qui comprend déjà pas mal de fonctionnalités  n'ait pas la gestion de l'animation.  

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...