Figure 1
Astuce : L'animation est une lecture continue d'images statiques. Avant de réaliser une animation, il faut concevoir l'image statique correspondant à chaque image clé. Les paramètres de temps d’affichage des images clés sont également importants. Ce paramètre affecte également directement l’effet de lecture. Pour les utilisateurs qui débutent, essayer plusieurs fois avec des paramètres différents donnera des résultats inattendus.
La première étape, la production graphique
Ouvrez le logiciel Adobe Photoshop CS3 pour accéder à l'interface de travail, double-cliquez dans l'espace de travail et ouvrez le matériau sélectionné dans la boîte de dialogue contextuelle « Ouvrir ». Nous pouvons utiliser des photos que nous avons prises nous-mêmes, ou des images fixes de films ou de personnages de dessins animés comme matériel. Nous avons choisi comme matériau des images fixes amusantes d’une comédie classique.
Après avoir ajusté et coupé la taille, exécutez la commande "Fenêtre - Animation", ouvrez la palette "Animation" et commencez à faire des larmes exagérées. Tout d'abord, nous cliquons sur l'icône "Créer un nouveau calque" sous la palette des calques pour créer un nouveau calque. Son nom par défaut est "Couche 1". Nous pouvons double-cliquer sur le texte "Couche 1" derrière la vignette dans la palette des calques pour le transformer en un état modifiable et le renommer "Déchirer 1" pour éviter de le confondre. .
Ensuite, nous double-cliquons sur l'icône "Définir la couleur de premier plan" dans la boîte à outils, définissons la couleur de premier plan sur un bleu plus clair (R=232, V=250, B=255) dans la boîte de dialogue contextuelle "Sélecteur de couleurs", et validez. Sélectionnez ensuite l'outil "Rectangle Tool" dans la boîte à outils et cochez l'icône "Fill Pixels" dans la barre d'options "Rectangle Tool", afin de pouvoir dessiner un bleu clair directement sous les yeux du personnage sur le calque "Tear 1" Rectangle. (Figure 2).
Figure 2
Ensuite, nous sélectionnons le calque "Tear 1", exécutons la commande "FilterDistortWave" et définissons divers paramètres dans la boîte de dialogue contextuelle "Wave". Appuyez sur le bouton « OK » et une larme ondulée exagérée apparaît. Nous sélectionnons ensuite "l'outil de sélection rectangulaire", sélectionnons "déchirer", puis sélectionnons "l'outil de déplacement" et maintenons la touche "Alt" enfoncée pour copier la déchirure à la position située sous l'œil droit (Figure 3).
Figure 3
Après avoir terminé la copie, nous appuyons sur la touche de raccourci
L'étape suivante consiste à utiliser l'outil Texte vertical pour ajouter du texte amusant à l'image (Figure 4). Sélectionnez le calque de texte, exécutez la commande "CoucheStyle de calqueTrait", ouvrez la boîte de dialogue "Style de calque" et ajoutez un effet de trait saisissant au texte. Appuyez sur le bouton « OK » (Figure 5).
Figure 4
Figure 5
La deuxième étape, la production d'animation
Pour faire bouger une image, l’étape la plus critique consiste à définir des images clés. Nous cliquons continuellement sur l'icône pour créer des images clés sous la palette d'animation (Figure 6), et un total de 5 images clés sont nécessaires.
Figure 6
Sélectionnez d'abord la première image clé, conservez uniquement le calque d'arrière-plan et le texte dans la palette des calques, annulez l'affichage des autres calques et définissez le temps d'affichage de l'image clé sur 0,1 seconde en dessous de la palette d'animation.
Sélectionnez la deuxième image clé, gardez le calque d'arrière-plan et le calque larmes 2 visibles dans la palette Calques, et annulez l'affichage des autres calques, et réglez l'opacité du calque "larmes 2" à 80% en laissant la clé Le temps d'affichage de la trame est réglé à 0,2 seconde.
Sélectionnez la troisième image clé, laissez le calque d'arrière-plan et le calque Déchirer 1 visibles dans la palette Calques, et annulez l'affichage des autres calques, et réglez l'opacité du calque "Déchirer 1" à 80%, en laissant la clé Le temps d'affichage de le cadre est réglé sur 0,2 seconde.
Sélectionnez la quatrième image clé, gardez le calque d'arrière-plan et le calque larmes 2 visibles dans la palette des calques, et annulez l'affichage des autres calques, et réglez l'opacité du calque "larmes 2" à 80%, en laissant la clé Le temps d'affichage de la trame est réglé à 0,2 seconde.
Sélectionnez la cinquième image clé, laissez le calque d'arrière-plan et le calque Déchirer 1 visibles dans la palette Calques, annulez l'affichage des autres calques et définissez l'opacité du calque "Déchirer 1" sur 80%. réglé sur 0,5 seconde.
Ensuite, nous enregistrons le fichier en tant que fichier psd pour effectuer une sauvegarde, puis exécutons la commande "FichierEnregistrer pour le Web et les appareils", sélectionnons le format gif dans la boîte de dialogue qui s'ouvre et optimisons l'animation de manière appropriée. Il faut réduire la taille de l'animation pour faciliter la propagation (Figure 7). Une fois l'optimisation terminée, l'image est stockée sur le disque local.
Figure 7
Étape 3 : Importer des émoticônes QQ
Après avoir démarré le logiciel QQ, nous sélectionnons un ami pour ouvrir la fenêtre de discussion, cliquons sur le bouton "Sélectionner une émoticône" sous la fenêtre de discussion pour ouvrir la fenêtre d'émoticône, cliquez sur "Gestion des émoticônes" sous la fenêtre, puis cliquez sur le bouton "Ajouter". . Cliquez sur « Parcourir » dans la fenêtre contextuelle « Ajouter une émoticône personnalisée » pour rechercher le gif animé que nous avons enregistré et renommez l'émoticône ou utilisez le nom par défaut.
Figure 8
Lorsque nous rouvrons la fenêtre de discussion QQ, jetez un œil à l'icône d'émoticône. Haha ! Vous avez terminé ! La nouvelle expression est apparue dans la bibliothèque d'expressions. Après avoir terminé cette simple émoticône QQ dynamique, nous avons une compréhension préliminaire des principes et de la production de l'animation gif. Dans le futur processus de production, nous pourrons décider comment les images changeront et comment l'intrigue sera définie. Tant que nous tirons des conclusions à partir d'un exemple et utilisons une créativité illimitée, nous serons sûrement en mesure de créer des émoticônes QQ dynamiques plus intéressantes.
(Article de Computer News, numéro 2, 2008, page F)