Comment Faire Un Bouton Animé

Table des matières:

Comment Faire Un Bouton Animé
Comment Faire Un Bouton Animé

Vidéo: Comment Faire Un Bouton Animé

Vidéo: Comment Faire Un Bouton Animé
Vidéo: Créer un bouton animé "arc en ciel" (Facile - HTML et CSS) 2024, Peut
Anonim

La conception des sites est très importante pour la façon dont ils sont finalement perçus par les visiteurs. Les gens devraient ressentir un plaisir esthétique sur les pages du site, et ces pages devraient être pratiques et fonctionnelles pour eux. Aucun site n'est complet sans boutons de navigation, et votre site sera à la fois fonctionnel et beau si vous animez ces boutons.

Comment faire un bouton animé
Comment faire un bouton animé

Instructions

Étape 1

Les boutons graphiques, contrairement aux boutons de texte, sont visibles sur les pages et sont faciles à retenir pour les lecteurs. Utilisez Corel Draw pour créer des boutons animés. Créez un nouveau document et dessinez un blanc sur lequel le bouton sera affiché dans plusieurs vues, à la fois dans l'état enfoncé et non enfoncé.

Étape 2

Pour dessiner un bouton, sélectionnez l'outil approprié dans la boîte à outils et dessinez un rectangle arrondi. Remplissez le rectangle de noir, puis copiez-le et déplacez la copie vers la gauche et vers le haut. Remplissez le deuxième rectangle de blanc.

Étape 3

Sur le bouton vierge, écrivez son nom, en ajoutant un contour noir au texte. Rendez le texte blanc. Ouvrez maintenant le menu Effects Rollover en mettant le bouton en surbrillance et en cliquant sur l'option Create Rollover. Vous verrez Normal dans la barre d'état Rollover.

Étape 4

Maintenant, pour changer l'image d'un bouton, faites un clic droit dessus et sélectionnez l'option Modifier le survol dans le menu contextuel. Une nouvelle barre d'outils Internet s'ouvrira. Dessinez des positions de boutons supplémentaires, qui changeront ensuite l'une après l'autre, créant un effet d'animation.

Étape 5

Sur le côté gauche du panneau Internet, cliquez sur le bouton Over et modifiez le bouton pour supprimer le contour du texte. Remplissez le texte de noir pour en créer une deuxième version dans l'animation. Maintenant, appuyez sur le bouton Bas et dessinez la dernière version du bouton au fur et à mesure qu'il est enfoncé.

Étape 6

Déplacez le texte et le rectangle blanc vers la droite et faites glisser le rectangle noir vers la gauche. Cliquez maintenant sur le bouton Terminer l'édition Rollover.

Étape 7

Enregistrez le bouton avec le code que vous pouvez utiliser pour modifier l'apparence des objets sur la page Web. De cette façon, vous pouvez dessiner n'importe quel type de bouton avec n'importe quel design.

Conseillé: