Comment Faire De L'animation Sur Votre Site Web

Table des matières:

Comment Faire De L'animation Sur Votre Site Web
Comment Faire De L'animation Sur Votre Site Web

Vidéo: Comment Faire De L'animation Sur Votre Site Web

Vidéo: Comment Faire De L'animation Sur Votre Site Web
Vidéo: Créer facilement des animations (CSS) 2024, Peut
Anonim

Si vous aimez les éléments animés sur les sites Web et que vous souhaitez animer votre site Web mais que vous ne voulez pas vous embêter avec Flash, il existe une solution simple et efficace: le

Comment faire de l'animation sur votre site web
Comment faire de l'animation sur votre site web

Il est nécessaire

Ordinateur, éditeur graphique Adobe Photoshop 5 ou supérieur, éditeur Adobe Image Ready

Instructions

Étape 1

Lancez Photoshop et créez une nouvelle image de 100x100 pixels. Réglez la résolution sur 72 pixels et le mode RVB. Sélectionnez l'option Afficher les calques dans l'élément de menu Fenêtre pour afficher la palette Calques.

Étape 2

Dans la palette d'outils, sélectionnez un crayon et dessinez une image. Dans la palette des calques, cliquez sur Dupliquer le calque, ce qui créera une copie d'un calque existant. Utilisez l'outil gomme pour effacer n'importe quelle partie de l'image, puis ajoutez des modifications avec un crayon. Créez autant de calques que nécessaire dans l'ordre dans lequel ils doivent se remplacer. Chaque couche sera une image distincte de votre animation.

Étape 3

Il est temps d'animer les images résultantes. Dans le menu Fichier, choisissez Aller à, puis Adobe Image Ready. Cette action vous amènera à un autre éditeur graphique.

Étape 4

Dans le menu Fenêtre, choisissez l'option Afficher l'animation, qui activera l'affichage de la palette d'animation. Dans le menu des paramètres de la palette (icône de flèche dans le coin supérieur droit), sélectionnez la fonction Créer des cadres à partir de calques, qui transformera tous les calques en cadres. L'animation est presque terminée.

Étape 5

Il est temps de commencer à définir l'intervalle de temps. Sélectionnez le cadre requis et dans le menu déroulant (à gauche, en bas) sélectionnez la période de temps requise après laquelle ce cadre sera remplacé par un autre. Faites cela pour chaque image de votre animation. Lorsque vous avez terminé, utilisez l'option Enregistrer optimisé sous pour enregistrer votre premier

Conseillé: