Creation animation texte site web
Résolu
hawaien88
Messages postés
49
Date d'inscription
Statut
Membre
Dernière intervention
-
hawaien88 Messages postés 49 Date d'inscription Statut Membre Dernière intervention -
hawaien88 Messages postés 49 Date d'inscription Statut Membre Dernière intervention -
Bonjour @ tous,
Je suis actuellement en train de créer un site web pour une amie et j'aimerai placer (pour le header mais c'est sans importance) 3 mots avec une police style manuscrite avec une animation donnant l'impression que l'on ecrit le texte.
Plus precisement, je ne veux pas voir apparaitre lettre par lettre mais bien comme si on regardé quelqu'un écrire (sans la main et le stylo).
Le tout sans flash car je veux un site toute plateforme, (PC et mobile iphone compris).
Auriez vous une idée pour créer cela avec quel outil? Peut importe le system pour le logiciel je suis sur PC et MAC.
Je précise que je ne connais pas les langages Ajax, Jquery ou autre. Mes connaissances se limite au html css et un peu le php.
Je suis actuellement en train de créer un site web pour une amie et j'aimerai placer (pour le header mais c'est sans importance) 3 mots avec une police style manuscrite avec une animation donnant l'impression que l'on ecrit le texte.
Plus precisement, je ne veux pas voir apparaitre lettre par lettre mais bien comme si on regardé quelqu'un écrire (sans la main et le stylo).
Le tout sans flash car je veux un site toute plateforme, (PC et mobile iphone compris).
Auriez vous une idée pour créer cela avec quel outil? Peut importe le system pour le logiciel je suis sur PC et MAC.
Je précise que je ne connais pas les langages Ajax, Jquery ou autre. Mes connaissances se limite au html css et un peu le php.
A voir également:
- Creation animation texte site web
- Création site web - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
- Web office - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
2 réponses
Je reviens pour signaler que le sujet est résolu (depuis le temps heureusement) mais au cas ou cela pourrait aider quelqu'un...
- Création du texte final sous photoshop
- Enregistrement de l'image : texte1000.png
- Suppression d'une partie de la dernière lettre
- Enregistrement de l'image : texte999.png
- Suppression d'une partie de la dernière lettre (image de base texte999.png)
- Enregistrement de l'image : texte998.png
ainsi de suite jusqu'à obtenir un texteXXX.png avec un fond transparent vierge
Une fois toutes vos images enregistrées, créer un *.gif avec toutes les images les unes à la suite des autres.
Un total de 108 ou 109 images pour mon texte de 18 caractères. Mais au final il ne reste plus qu'une seule image *.gif à uploader sur le serveur.
Un peu la galère mais au final le rendu est à la hauteur de ce que je voulais.
pour une démo : http://www.virginiedescaudin.fr/
- Création du texte final sous photoshop
- Enregistrement de l'image : texte1000.png
- Suppression d'une partie de la dernière lettre
- Enregistrement de l'image : texte999.png
- Suppression d'une partie de la dernière lettre (image de base texte999.png)
- Enregistrement de l'image : texte998.png
ainsi de suite jusqu'à obtenir un texteXXX.png avec un fond transparent vierge
Une fois toutes vos images enregistrées, créer un *.gif avec toutes les images les unes à la suite des autres.
Un total de 108 ou 109 images pour mon texte de 18 caractères. Mais au final il ne reste plus qu'une seule image *.gif à uploader sur le serveur.
Un peu la galère mais au final le rendu est à la hauteur de ce que je voulais.
pour une démo : http://www.virginiedescaudin.fr/
