Comment obtenir plus de gifs

Sep 10, 2025
Comment
[dix]

Les gifs travaillent dans des cycles transparents, qui Rebecca Mock décrit comme "la boucle parfaite". Cette boucle devrait idéalement effacer la première et dernière image, de sorte que tout cadre puisse être le premier. Lors de la fabrication de votre propre GIF, faites une priorité en boucle - cela provoque moins de distraction au téléspectateur et ajoute des intérêts visuels fascinants. Mock suggère également d'ajouter un cadre supplémentaire: "Laissez la pause durer un peu plus longtemps", dit-elle. "L'espace entre deux actions peut impliquer beaucoup."

This GIF was made for PC World to accompany an article about the app Evernote

Ce GIF a été fait pour PC World pour accompagner un article sur l'application Evernote (Crédit d'image: Rebecca Mock)

Techniques de base

Les bases du mouvement peuvent être étendues et intégrées à des animations complexes. Comme vous commencez à créer votre image dans Photoshop cc , assurez-vous de le garder organisé. Travaillez en couches et animer chaque pièce séparément. De cette façon, si vous devez changer un élément plus tard, il est facile de l'isoler sans avoir à annuler le reste de votre travail acharné.

Le positionnement peut être effectué manuellement ou en définissant des points de début et de fin et de laisser PHOTSHOP faire le travail - tout dépend du type de mouvement que vous souhaitez que votre GIF ait. En utilisant votre curseur et glisser, le cadre d'objet par image produira un chemin irrégulier. Tweening - générer des cadres intermédiaires entre deux images - lui donnera un mouvement stable.

Image 2 sur 7

Select which frame to tween and the number of frames you want to add.

Sélectionnez le cadre à Tween et le nombre de cadres que vous souhaitez ajouter.

02. Sélectionnez un cadre

Image 3 sur 7

Start the flicker effect by creating a straight line with a rough edge.

Démarrez l'effet de scintillement en créant une ligne droite avec un bord rugueux.

03. Démarrer l'effet

Image 4 sur 7

Copy and paste the rough edge at the top of your original line.

Copiez et collez le bord rugueux en haut de votre ligne d'origine.

04. Copier et coller

Image 5 sur 7

Create a layer mask to obscure part of the line. When animated, it will resemble a flicker.

Créez un masque de calque pour obscurez une partie de la ligne. Quand animé, cela ressemblera à un scintillement.

05. Masque de couche

Image 6 sur 7

Hold down the Shift key to rotate a shape in 15 degree increments.

Maintenez la touche Maj enfoncée pour faire pivoter une forme par incréments de 15 degrés.

06. Faites pivoter la forme

Image 7 sur 7

The Save for Web panel allows you to customise your saved colours. By unclicking a hue, you can remove it from your palette.

Le panneau Web Enregistrer pour vous permettre de personnaliser vos couleurs enregistrées. En dégelant une teinte, vous pouvez le supprimer de votre palette.

07. Enregistrer

Maquette aime utiliser l'effet de scintillement / décalage pour la montée et les flammes de la vapeur. Pour le créer, dessinez une ligne droite à l'aide d'une brosse rugueuse. Ajouter un masque de calque (comme une flamme) de sorte que la partie de celle-ci soit obscurcie. Ensuite, faites une boucle propre à l'aide d'une méthode de fabrication de motifs - coupez votre ligne en deux et déplacez son bord inférieur rugueux en haut de sa ligne, remplissant au milieu et se chevauchant le masque de couche. Utilisez la commande Tween pour vous assurer que la ligne se déplace verticalement à une vitesse constante. À ce stade, les boucles doivent être transparentes.

Le mouvement de filature et de rotation est créé avec des tours minuscules et incrémentiels d'un objet. Faites un cercle de forme irrégulière et déplacez-le de 16 à 24 étapes jusqu'à ce que vous ayez un tour complet; Maintenez la touche Maj enfoncée pour le faire pivoter en incréments de 15 degrés.

Creation Can Change The World was made for Sony Digital Entertainment.

La création peut changer le monde a été faite pour Sony Digital Entertainment. (Crédit d'image: Rebecca Mock)

Exporter votre travail

L'exportation de votre GIF peut être la dernière étape, mais c'est quelque chose que vous devriez penser à votre processus. Plus les pixels qui se déplacent, plus la taille du fichier sera grande, et idéalement, vous voulez un gif de moins de 1 Mo. Les fichiers GIF sont limités à l'utilisation de 256 couleurs, et des éléments tels que des textures lourdes et des gradients ne compressent pas bien - vous préférez avec des couleurs plates et des arêtes vives, ce qui permettra aux fichiers faciles à télécharger sur le Web.

Cet article est apparu à l'origine dans Arts informatiques numéro 259; Achetez-le ici !

Les sujets
Conception graphique

Comment - Most Popular Articles

30 Conseils de rendu Keyshot

Comment Sep 10, 2025

[DIX] [DIX] [DIX] [dix] [DIX] Rendu Une image, une animation d'un Modèle d'une scène d'une scène enti�..

Créer un effet de texte néon rougeoyant

Comment Sep 10, 2025

[dix] [dix] [dix] [dix] Souvent, ce sont les effets les plus simples qui semblent le plus frappant et..

Créer un tableau de couleurs simple

Comment Sep 10, 2025

Se mettre à poignée avec théorie des couleurs Peut sembler un peu trop comme apprendre des mathématiques ou des sciences. Vous pouvez sentir que vous voulez simplement êtr..

Reconstruire un site Web Flash de 2004 pour 2018

Comment Sep 10, 2025

En 1999, j'ai construit mon premier site web avec Web Studio 1.0. Web Studio était une interface utilisateur graphique. Il était possible de créer un nouveau page d'atterrissage ..

Comment prototyper une application mobile avec studio origami

Comment Sep 10, 2025

Dans un monde où les utilisateurs ont des attentes élevées de leur expérience sur le Web et le prototypage et l'évaluation de l'utilisateur sont essentiels. Il est maintenant courant de ..

Peindre un paysage marin énergique dans les huiles

Comment Sep 10, 2025

[dix] [dix] [dix] [dix] Matériaux [dix] ..

Comment commencer à démarrer avec Thypscript

Comment Sep 10, 2025

[dix] [dix] [dix] [dix] Typescript est l'un des groupes de langues qui utilisent le J..

Découvrez le style et la substance de la typographie

Comment Sep 10, 2025

Décisions, décisions, décisions ... S'il y a un aspect clé du processus de travail avec le type, c'est que le concepteur ou le typographe devra effectuer une multitude de décisions avant..

Catégories