Comment créer une action d'animation en cours dans Adobe Photoshop

Ce que vous allez créer

Comment faites-vous votre art? Nous aimerions voir! Dans cette astuce, je vais vous montrer comment créer un GIF animé dans Adobe Photoshop pour montrer l'évolution de votre travail numérique..

Montrez votre art avec WIPs rapide

Alors qu'est-ce qu'un WIP?WIP est synonyme de travail en cours, ce qui signifie essentiellement tout ce que vous publiez en ligne sur lequel vous travaillez actuellement. Les artistes utilisent ces publications pour se connecter à leurs abonnés tout en leur donnant un aperçu des coulisses de leurs projets à venir..

Et que vous montriez simplement vos progrès ou les utilisiez comme une leçon rapide, créer une animation de votre travail est un excellent moyen d’interagir davantage avec votre public..

1. Préparez vos GIF pour les médias sociaux

Depuis le but de publier vos travaux en cours est de les partager avec le monde entier, voici quelques points à prendre en compte avant de créer vos GIF:

1.  Dimensions: Il existe généralement des limites de largeur et de hauteur sur les médias sociaux. Donc, essayez de toujours vous familiariser avec les différences pour chaque site. Vous pouvez facilement ajuster les dimensions de votre travail en allant à Image> Taille de l'image et entrer de nouveaux numéros pour la taille ou Largeur.
   
2. Taille du fichier: Les GIF peuvent devenir très gros, alors quand il est temps de sauvegarder pour Web, assurez-vous de optimiser, optimiser, optimiser! Trouver un équilibre entre la taille du fichier et la perte de détails est tout un art, alors faites de votre mieux..
3. Esquisse et versions finies: Ne soyez pas timide quand il s'agit de montrer vos progrès, ou limitez-vous à parcourir rapidement les étapes. N'hésitez pas à décomposer votre art en plusieurs GIF dédiés au croquis, à la progression moyenne ou à la finition..
   

2. Créez un GIF animé de votre art

Étape 1

Ouvrez votre fichier d'art dans Photoshop. Comme je l'ai mentionné précédemment, ajustez les dimensions en fonction du site sur lequel vous souhaitez afficher l'animation. Pour les fichiers GIF, les plus petites tailles ont tendance à fonctionner mieux alors dans ce cas, je vais aller à Image> Taille de l'image et changer les dimensions de 800 x 800 pixels à 500 x 500 pixels.

Étape 2

Maintenant, créez un Nouveau document avec les mêmes dimensions. Pour faciliter l'animation, aplanissez votre art par étapes. Pensez à eux comme des diapositives que vous aurez Copier (Control-C) et Coller (Contrôle-V) dans le nouveau document.

Voici un aperçu de la peinture finale, une étude numérique de cette référence PhotoDune.

Ajoutez le croquis en premier, puis les prochaines étapes de votre art jusqu'à ce que vous travailliez jusqu'au résultat final.

Pour cette animation, je vais montrer l'évolution de cette peinture numérique à cinq couches.

Étape 3

Maintenant, allez à Fenêtre> Chronologie. Sélectionner Créer une animation de cadre et Masquer la visibilité de chaque couche sauf la première. Puis réglez le Temps de retard de trame à 1 seconde.

Étape 4

Pour créer plus de cadres, cliquez sur le bouton Dupliquer plus de cadres option avant Dévoiler la visibilité de la deuxième couche.

Étape 5

Continuez cette étape jusqu'à ce que vous ayez un cadre pour chaque nouveau calque. Sur le résultat final, définissez le Temps de retard de trame à 5 secondes pour une pause plus longue à la fin. Assurez-vous également de définir le Options en boucle à Pour toujours pour une animation continue.

Pour une qualité optimale, veillez à expérimenter les différents paramètres lorsque vous Enregistrer pour le Web sous forme de fichier .gif. Vous devrez peut-être limiter les couleurs ou ajuster la Algorithme de réduction de couleur pour un résultat de haute qualité. Voici l'animation finale.

3. Maintenant, convertis-le en une action Photoshop!

Évitez les tracas en créant une action Photoshop! Cela vous permettra d’appliquer ces mêmes changements en une fraction du temps en enregistrant vos étapes maintenant et en les appliquant ultérieurement à des travaux futurs..

Étape 1

Commencez votre animation dans le Chronologie panneau en supprimant toutes les images sauf la première. Met le Délai d'exécution retour à Sans délais.

Étape 2

Ensuite aller à Windows> Actions pour élever le actes panneau. Frappé Créer une nouvelle action pour commencer l'enregistrement. Sélectionner Couche 1 et appliquez les mêmes paramètres pour le Temps de retard de trame comme avant.

Étape 3

Continuer à ajouter plus de cadres et à dévoilerla Visibilité de chaque couche. Parce que c'est enregistré, vous devrez aussi changer le Opacité de 0 à 100%.

Étape 4

Lorsque vous avez terminé avec la dernière image, appuyez sur le bouton Arrêtez bouton pour arrêter l'enregistrement.

Rafraîchissons

Maintenant que votre action Photoshop est terminée, utilisez-la pour toutes vos nouvelles pièces! Assurez-vous simplement de suivre ces étapes cruciales:

• Séparez votre art en cinq couches différentes d'étapes progressives à l'avance.
• Jouer le Action Photoshop.
  
• Ajuster manuellement le Options en boucle à la fin après la Action Photoshop.
• Enregistrer pour le Web en tant que fichier .gif, trouver un équilibre entre la taille du fichier et la perte de détails.
  

Profitez de vos animations!

Créer des fichiers GIF animés est un moyen formidable de permettre à vos fans et admirateurs d’apprécier votre excellent travail. Pour des actions Photoshop plus étonnantes, n'hésitez pas à explorer ce que Envato Market propose. 

Et pour plus de conseils aux débutants, consultez mes autres articles ici sur Envato Tuts +:

• 10 astuces faciles sur les réseaux sociaux pour l'artiste en difficulté
• 30 sites Web étonnants pour des ressources gratuites en stock et en conception
• Exercices de conception pour obtenir votre créativité déchirée