Savoir comment animer des objets dans Photoshop peut être très utile dans la conception Web, les avatars, les logos et bien plus encore. Voici un tutoriel simple pour les débutants dans l’esprit d’hiver qui expliquera comment créer une animation dans Photoshop. Tout le monde peut le faire, alors commençons!
Regardez l'image que nous allons créer.
Tout d'abord, vous aurez besoin de cette texture: inthename-stock. Ouvrez maintenant un nouveau document. Je travaille habituellement sur de très gros documents car je peux mieux travailler sur les détails et vous pouvez toujours diminuer la taille de l'image plus tard. Donc, comme vous pouvez le voir sur l'image ci-dessous, le fond est bleu et le code de couleur est # 89defd. Remplir le calque avec cette couleur.
Créez un nouveau calque. Sélectionnez l'outil Ellipse et créez un grand cercle. Créez un nouveau calque et créez un nouveau cercle, seulement plus petit cette fois-ci. Les cercles n'ont pas besoin d'être parfaitement arrondis. Remplissez-les de blanc. Placez le petit cercle sur le grand.
Créez un nouveau calque entre les deux existants avec les cercles. Sélectionnez l'outil Pinceau, avec des arêtes vives, et faites un grand cercle comme dans l'image ci-dessous. Ce sera l'ombre de la tête. Le code pour la couleur est: #CCCCCC. Maintenant, allez au calque du corps, appuyez sur Commande + Clic sur le calque pour le sélectionner et sur Command + J sur le calque de l'ombre. Cette nouvelle couche est celle que nous allons utiliser pour vous permettre de supprimer l’autre. Maintenant, allez dans Filtre> Flou> Flou gaussien et ajoutez un peu de flou (3-4%). Maintenant vous avez l'ombre de la tête.
Allez au calque du corps et sélectionnez-le. Choisissez l'outil de dégradé (dégradé radial) et faites-le glisser du centre du cercle vers l'extérieur. Votre image devrait ressembler à la petite image. Maintenant, réglez l’opacité à environ 20%. Votre image devrait maintenant ressembler à la grande image. Faites la même chose pour le petit cercle.
L'étape suivante consiste à créer une texture pour le bonhomme de neige. Pour cela, sélectionnez l'outil Pinceau aux contours nets et effectuez les préréglages suivants pour les dynamiques de forme (toutes à 0%), la dispersion (372%, 1%, 0%) et les autres dynamiques (100%, 0%). Maintenant, remplissez les 2 cercles avec un petit pinceau, ajoutez plus de points sur les bords et moins au centre. Ensuite, vous devez définir le mode de fusion sur Multiplier et l’opacité sur environ 35-40%.
Sélectionnez l'outil Pinceau avec des arêtes vives sans les préréglages précédents et dessinez deux yeux noirs.
Accédez au style de calque et créez les préconfigurations suivantes:
Avec l'outil Plume, dessinez une forme qui ressemble à une carotte et remplissez-la d'orange. Le code de couleur est: # e37b19. Faisons maintenant de la lumière avec l'outil d'esquive sur la partie droite du nez et des ombres sur le côté gauche de la carotte..
Dans cette étape, nous allons créer l'ombre du nez. Choisissez un pinceau rond de base aux contours nets et aux couleurs noires, faites un cercle comme sur l'image, puis appuyez sur Command + J. Fabriquez un masque pour ce calque et effacez certaines parties du masque avec un pinceau lisse et rond. S'il fait encore trop sombre, vous pouvez modifier l'opacité du calque..
Faisons la bouche maintenant. Sélectionnez l'outil Ellipse et créez un cercle sur un nouveau calque. Maintenant cares le. Créez les préréglages que vous voyez dans l’image et effacez la partie supérieure du masque. Les petites lignes sont créées avec un pinceau.
Avec l'outil Plume, créez une forme semblable à celle que vous voyez dans l'image. Cette forme devrait ressembler à une fourrure de chapeau. Remplissez-le de blanc. Rendre la partie gauche un peu plus sombre avec un pinceau.
Nous allons ensuite créer la forme du chapeau avec l'outil Crayon sur un calque différent, juste en dessous de celui avec la fourrure. Remplissez la forme avec du rouge. Le code de cette couleur est # a90505.
Maintenant, faites glisser la texture et placez-la sur le chapeau. Définissez le mode de fusion sur Luminosité et l’opacité sur environ 20-25%.
Donnez-lui de la profondeur avec l'outil de gravure pour les ombres et l'outil d'esquive pour la lumière.
Faisons les boutons. C'est la même technique que celle utilisée pour faire les yeux. Sélectionnez l'outil Pinceau à bords rugueux et tracez quelques boutons. Faites les ajustements sur le style de calque comme dans l'image ci-dessous
Sélectionnez l'outil Ellipse et créez un petit cercle sous le chapeau. Remplissez-le de blanc et donnez-lui une ombre. Maintenant, sélectionnez le pinceau de base avec les préréglages que nous avons fait pour la texture du bonhomme de neige et peignez une fourrure avec du blanc.
C'est la partie où nous créons le foulard. Créez une forme, comme dans cette image, avec l'outil Plume. Remplissez-le de rouge (# 8b0404).
À l'aide du stylo, créez des formes comme dans l'image et remplissez-les de vert. Le code pour cette couleur est # 0b6a16. Utilisez l'outil Burn and Dodge pour la lumière et les ombres.
Créez un nouveau calque sous le calque en écharpe et, avec un pinceau, ajoutez une ombre.
Ajoutez autant de neige que vous le souhaitez avec une simple brosse.
C’est un long pas en avant, car nous allons ajouter des calques de réglage pour que le bonhomme de neige ne ressemble pas à une icône du bureau. .
Ajouter des courbes.
Allez dans Filtre> Galerie de filtres> Aquarelle et définissez les paramètres comme dans l'image. Définir l'opacité à environ 30%.
Calques de réglage> Filtre photo> Filtre chauffant 50%.
Calques de réglage> Balance des couleurs +20, -1, -29.
Calques de réglage> Carte de dégradé.
Filtre> Flou> Flou gaussien 3 px, Opacité 30%.
Allez dans Filtre> Galerie de filtres> Bords accentués. Utilisez ceci uniquement sur le foulard.
Calques de réglage - Balance des couleurs +38, +31, -41. Utilisez ceci sur le fond pour créer une atmosphère plus chaleureuse.
Utilisez des courbes aussi.
Créez un nouveau fichier plus gros que le bonhomme de neige et remplissez-le de points blancs à l'aide d'un pinceau lisse de différentes tailles. J'ai ajouté des brosses à flocon de neige aussi. Il est très important que la couche de neige soit plus grande parce que la neige doit tomber .
J'ai utilisé un fond bleu juste pour la démonstration, mais vous devez utiliser un fond transparent.
Faites glisser la neige créée à l'étape 18 dans un nouveau calque du fichier bonhomme de neige. Assurez-vous que le coin de la nouvelle couche est comme dans l'image ci-dessous. Vous ne verrez pas toute la neige.
Dupliquez ce calque et nommez-le "Cadre de neige 2" et fermez l'aperçu des calques. Tout en maintenant la touche SHIFT enfoncée (pour vous assurer de déplacer l'image en diagonale), déplacez-vous vers le bas et à droite du calque de neige d'origine, comme dans l'image. au dessous de.
Cliquez sur le globe oculaire pour avoir un aperçu de la nouvelle couche. Les choses devraient ressembler à ceci. Pour que l’animation apparaisse naturelle dans une boucle, la dernière image de l’animation doit être similaire à la première..
Appuyez sur Command + A pour tout sélectionner, puis sur Command + J pour sauter du calque "snow frame 2" pour ne sélectionner que la partie visible..
sélectionnez le calque „Copie du cadre de neige 2” et „Cadre de la neige 1” et appuyez sur Commande + E.
Déplacez le calque "copie du cadre de neige 2" nouvellement créé comme dans l'image:
Allez dans Fenêtre> Animation et vous verrez un nouveau panneau comme dans le bas de l'image.
Sur le panneau d'animation, cliquez sur le bouton nouveau calque. Puis déplacez la "copie du cadre de neige 2" comme indiqué dans l'image.
Les choses devraient maintenant être comme dans cette image. Lorsque vous cliquez sur l'image 1 dans le panneau d'animation, le calque "Copie de neige image 2" doit ressembler à l'image ci-dessous et lorsque vous cliquez sur "Image 2", la neige doit se déplacer comme ci-dessous:
Sur le panneau d'animation, cliquez sur le bouton Tween, puis entrez les informations comme dans l'image ci-dessous, puis cliquez sur OK. Vous devriez avoir 27 images.
Pour enregistrer en tant qu'animation, procédez comme suit: Choisissez Fichier> Enregistrer pour le Web et les périphériques (FICHIER> ENREGISTRER OPTIMISÉ COMME DANS CS2 ou une version antérieure). Dans le panneau Enregistrer pour le Web et les périphériques, assurez-vous que les paramètres sont identiques à ceux de l'image ci-dessous, puis cliquez sur Enregistrer..
Voici à quoi devrait ressembler votre travail maintenant! Prendre plaisir :)