Share
Photoshop est un logiciel très avancé, mais il possède certains outils que même les débutants peuvent utiliser facilement pour créer des effets époustouflants. Par exemple, vous n'avez pas besoin de compétences particulières pour créer des GIF animés.!
Dans ce tutoriel, je vais vous montrer comment créer une animation d'un loup aux yeux brillants, et cela vous apprendra tout ce que vous devez savoir sur la création de GIF dans Photoshop..
Vous pouvez utiliser n’importe quelle photo, mais assurez-vous qu’elle est de haute qualité et que vos yeux sont bien visibles. Vous pouvez télécharger la photo que j'ai utilisée ici:
Le format GIF n'est pas un format bien optimisé et ses fichiers peuvent devenir très volumineux très rapidement. C'est pourquoi nous devons recadrer notre image sur ce qui est le plus important. Ouvrez l'image, prenez le Outil de recadrage (C), et sélectionnez la partie de l'image que vous souhaitez animer. Puis frappe Entrer.
Nous voulons animer les yeux, nous devons donc les séparer du reste de l'image. Il existe de nombreuses méthodes pour sélectionner quelque chose dans Photoshop, mais je vais vous montrer la plus simple..
Aller à Sélectionnez> Gamme de couleurs. Sélectionner Ajouter à l'échantillon et cliquez sur toutes les nuances de l'œil, jusqu'à ce que vous les voyiez toutes peintes en blanc dans l'aperçu.
Nous avons sélectionné toutes les nuances de jaune, mais certaines se retrouvent dans la fourrure apparemment grise. Pour les exclure, jouez avec le Flou curseur jusqu'à ce qu'il n'y ait que noir autour des yeux. Il est très important de garder cette zone complètement noir!
Après avoir appuyé sur D'accord, une sélection sera créée. Comme avec toute sélection automatique, cependant, ce n'est pas parfaitement précis. Aller à Sélectionnez> Affiner le bord et utilisez ces paramètres pour rendre la sélection plus fluide. Sélectionner Rayon intelligent et jouer avec Lisse et Plume options jusqu'à ce que vous soyez satisfait du résultat. Puis clique D'accord.
Copier la sélection dans un nouveau calque avec le raccourci Contrôle-j.
Dernière chose: notre image est très grande et ce n’est pas ce que le format GIF aime (elle n’est pas bien optimisée et crée de gros fichiers!). Aller à Image> Taille de l'image et réduire la taille à quelque chose de raisonnable.
Nous sommes prêts à créer une animation maintenant! Aller à Fenêtre> Chronologie pour ouvrir notre éditeur. Puis appuyez Créer une animation de cadre.
L'éditeur de chronologie est très simple. Cliquez sur la flèche à côté de Une fois que pour révéler les options de répétition. Vous pouvez faire jouer l’animation une fois, 3 fois, pour toujours ou une quantité de fois choisie. Réglez-le sur Pour toujours pour le faire jouer constamment.
L’autre option importante est la durée de la lecture d’une image. Plus le temps est court, plus il disparaîtra rapidement et plus le mouvement sera fluide, mais plus le nombre d'images nécessaires à cet effet sera important..
Nous voulons une transition en douceur, et nous allons avoir beaucoup de cadres, alors cliquez sur Autre et le type 0,06.
Pour créer un nouveau cadre, cliquez sur l'icône de la carte blanche dans la barre inférieure..
Chaque image se souvient de l'état des calques séparément. Donc, si vous masquez un calque dans une image, dans l'autre, il sera toujours visible. Attention: Photoshop aime jouer à des tours ici, alors assurez-vous de toujours commencer par la première image.
Masquer un calque dans une image et tester l’animation en appuyant sur Espace. C’est la principale chose que fait cet outil: il cache et révèle les couches en fonction de leur état enregistré dans les cadres..
Mais cacher et révéler des couches n'est pas tout ce qu'il fait! Trois autres choses peuvent être enregistrées dans chaque image:
Cela signifie que vous pouvez modifier ces éléments sur un seul calque dans une image et que dans un autre, le même calque sera intact (encore une fois, assurez-vous de commencer à partir de la première image pour éviter les surprises). Et le meilleur dans tout cela, c’est que Photoshop est capable de créer une transition automatique entre ces états d’un même calque! Laissez-moi vous montrer cette astuce sur le plus efficace des états disponibles: les effets.
Rendez tous les calques visibles sur les deux images, puis sélectionnez la seconde image et clic-droit la couche avec les yeux. Sélectionner Options de fusion. Trouver Superposition de couleurs et le vérifier.
Sélectionnez le rectangle gris et changez la couleur en quelque chose de brillant.
Changer la Mode de fusion à Écran faire les yeux rouge vif au lieu de simplement les couvrir de rouge.
Trouver Lueur externe et le vérifier.
Donnez-lui la même couleur vive qu'avant.
Rendre la lueur plus forte en jouant avec Propager et Taille.
Nous avons maintenant une animation très simple: testez-la en appuyant sur Espace.
Mais ce n'est pas un effet très convaincant, n'est-ce pas? Ce serait bien mieux si les yeux s'éclairaient progressivement. C'est là que réside le véritable pouvoir de cet outil! Tenir Contrôle et cliquez sur les deux couches pour les sélectionner. Cliquez sur la petite flèche dans le coin supérieur droit et sélectionnez Tween.
Plus vous ajoutez d'images, plus la transition est fluide et plus l'animation est grande. dix devrait être un nombre raisonnable.
Notez que vous pouvez utiliser tous les paramètres mentionnés précédemment.Cliquez sur D'accord pour voir tout un ensemble de nouvelles images entre celles que vous avez sélectionnées. presse Espace pour voir l'animation. Beaucoup mieux, n'est-ce pas?
Il y a un problème avec cette animation: les yeux s'estompent trop brusquement. Réglons cela en créant une autre transition. Sélectionnez à nouveau les première et dernière images, et Tween les avec le même nombre d'images qu'avant.
Une dernière chose: trouvez le cadre avec les yeux les plus brillants et changez sa durée en un nombre plus élevé. Cela fera briller les yeux plus longtemps.
Parfait!
Enfin, il est temps de sauvegarder l'animation pour la présenter au monde entier. Aller à Fichier> Enregistrer pour le Web et sélectionnez GIF de la liste des formats. Les options ici vous permettront d'optimiser l'animation pour une taille plus petite.
Astuce supplémentaire: si vous souhaitez que votre animation soit plus jolie que ce que le format GIF a à offrir, vous pouvez enregistrer l'animation en cours de lecture avec un logiciel quelconque (ou l'exporter en tant que vidéo), l'enregistrer en tant que vidéo, puis la convertir un semi-GIF avec www.gfycat.com.
Vous savez maintenant comment créer un GIF animé dans Photoshop! Si vous avez terminé ce tutoriel, n'oubliez pas de partager votre résultat dans la section commentaires. J'ai hâte de le voir.!
Sur Envato Tuts +, nous limitons la taille de fichier des images à 200 Ko maximum. Cependant, vous pouvez voir le GIF fini dans toute sa splendeur au format vidéo ci-dessous.
Accentsconagua