[Adobe Muse] Créer un texte animé en plein écran

Par -
Pas besoin de télécharger des widgets aujourd'hui nous allons apprendre à créer un fond d'écran avec un texte animé et cela grâce au widget du Diaporama et celui de tooltip. Celui-ci s'adapte à la largeur ainsi qu'à la hauteur de tous les navigateurs, ce qui vous évitera de redimensionner.

1. Faites glisser le diaporama tout en vous assurant de supprimer images, boutons...

2. Ensuite faites glisser le widget Tooltip et centrez-le. Allez dans les options du widget=>Sélectionnez position empilée=>Lecture automatique, puis modifiez la vitesse de transition à 1.5 secondes. En fin supprimez tous les traits... jusqu'à ce que ça soit transparent.
Puis ajoutez votre zone de texte, écrivez votre texte en le personnalisant.





 3. Sélectionnez les boutons de déclenchement et modifiez leur couleur lorsqu'ils sont actifs et normaux à l'aide du Panneau des États.




Suivez les étapes pour l'appliquer sur votre arrière plan, ou inspirez vous en pour créer le votre.

Je vous laisse regarder le tutoriel pour plus d'information.





Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

5 Conseils utiles pour vous améliorer sur Adobe Muse

Par -
Image
Dans cette publication, vous trouverez des informations très utiles pour une meilleure expérience de conception avec Adobe Muse . Soit vous êtes un débutant, soit vous utilisez Muse depuis un moment, vous souhaitez concevoir rapidement et résoudre des problèmes rapidement. Voici ce que nous considérons comme des conseils utiles pour les utilisateurs Adobe Muse: Dans ce post vous trouverez quelques informations utiles qui vous permettront de mieux vous familiariser avec Adobe Muse et de mieux savoir l'utiliser, et ainsi résoudre rapidement vos problèmes et donc concevoir rapidement sans bâtons dans les roues. Voici les conseils considérés comme utiles pour les utilisateurs Adobe Muse:  Liens d'ancrage Qu'est ce qu'un lien d'ancrage ? C'est un lien sur un page qui vous dirige vers un endroit spécifique de la page.  Vous devez toujours placer vos liens d'ancrage à un endroit spécifique c'est à dire la zone grise. Si vous les placez sur
Lire la suite

Comment convertir les polices en polices web et les utiliser avec des widgets

Par -
Image
 Il faut savoir que Adobe Muse exporte des polices d'image qui n'ont aucune ressource. Mais il existe des alternatives comme les widgets et notamment Animated Typing Widget   et qui vous permet d'utiliser n'importe quelle police web même celles de TypeKit.  Au moment du téléchargement d'une police vous ne pouvez avoir qu'un format TTF , et c'est là le problème car dans Adobe Muse , vous avez besoin de 3 formats soit SVG ; WOFF et EOT . Il y'a plusieurs convertisseurs de polices en ligne comme transfonter.org que nous allons utiliser pour ce tutoriel.  1. Choisissez votre police et téléchargez là. Pour ce tutoriel le nom de la police est Ginebra. Dans format, sélectionnez les formats EOT, WOFF, WOFF2 , et SVG Convertissez votre police et téléchargez-la. Vous allez avoir un dossier avec tous les formats sélectionnés. 2. Maintenant dans Adobe Muse allez dans FICHIER =>  Ajoutez / supprimez des polices Web , à ce moment là u
Lire la suite

[Adobe Muse] Menu hamburger avec Lightbox et effets de textes

Par -
Image
Personnalisez votre propre menu hamburger  avec l'effet Lightbox grâce aux widgets intégrés de Adobe Muse. Pour ce tutoriel le seul widget qui va nous être utile est " Lightbox Display " que vous trouverez dans votre bibliothèque Widget, dans le dossier Composition. L'outil de texte sera aussi utiliser pour formater le texte dans différents états  (Normal, Passerelle, Souris vers le bas et Actif). Il sera différent en fonction du type de texte que vous voulais utiliser. Si c'est une police non standard Muse va l'exporter en tant qu'image. Si vous voulez avoir le même effet que dans ce tutoriel, je vous recommande d'utiliser une police standard ou de convertir votre police en une police web. Pour savoir comment faire regardez ici   1. Ouvrez votre bibliothèque de widgets et faite glisser le widget Lightbox display.  Supprimez tous les déclencheurs sauf un. Supprimez tous les autres éléments, barres latérales, textes... Vous avez juste beso
Lire la suite