Transcription
1. Introduction: Bonjour à tous, je m'appelle Colleen. Bienvenue dans ma classe. Créer une animation pour
quelqu'un qui n'a pas compétences en
dessin peut être
difficile et décourageant. C'est pourquoi j'ai créé
un moyen simple de créer des animations qui ne
nécessitent pas de compétences en dessin. Et dans cette leçon, je vais vous montrer comment créer
ces animations sympas. Que vous soyez une
femme ou un homme, vous pouvez suivre ces étapes
que je vais
vous montrer et appliquer ces techniques
à vos animations. J'ai créé
ces animations en me
filmant moi-même et
d'autres personnes avec un smartphone à l'aide d'une
image statique que j'ai animée. Les outils dont nous avons besoin pour ce
cours sont Adobe Photoshop. Si vous souhaitez réaliser une animation dont vous êtes le sujet, la première étape consiste à
vous filmer ou à prendre un selfie, selon le type d' animation que vous
souhaitez réaliser. Ensuite, les étapes suivantes
consistent à sélectionner les images de l'animation stylisées et les
ajuster puis à les enregistrer. Nous allons poursuivre
le processus d'animation dans Adobe Photoshop et
l'exporter au format GIF ou MP4. Je vais vous montrer le processus
pour la plupart
des animations que vous avez
vues dans cette introduction. Et j'ai hâte de
vous dévoiler mes trucs et astuces. Alors allons-y.
2. Styliser l'image: Commençons par une simple
animation basée sur une image. Il existe un outil génial
sur Internet qui s'
appelle pour moi. Vous en avez peut-être entendu parler, mais si vous ne l'avez pas fait, vous aurez maintenant l'
occasion d'explorer cette application de
retouche photo gratuite qui
transforme votre image
en dessins de dessins animés. Téléchargez ici votre photo
en cliquant sur le signe plus. Pour la version gratuite, vous aurez un filigrane en bas à
droite de votre image. Cliquez sur les options de dessin animé sur le côté droit et choisissez
votre style de dessin animé préféré. Vous pouvez également cliquer sur le bouton
Labs, puis sur. Essayons de nous amuser avec
plus de versions de dessins animés. Si le style ne vous plaît pas, vous pouvez revenir à la page d'origine et
cliquer sur Plus de styles. Si vous cliquez sur le quatrième
style en partant du haut, vous aurez la
possibilité de choisir jolies histoires
musicales en bas. Ces deux histoires sont également disponibles pour les
versions féminines et masculines. Explorons d'
abord la version féminine , puis la version masculine. J'ai pris la photo d'un de mes amis
pour cette animation. Après avoir décidé quel style de dessin animé vous
aimez, téléchargez l'image.
3. Paris Girl - Créer l'animation: Dans cet exemple, nous
allons créer jolie animation avec une fille et son
petit identifiant Paris. Une fois l'
image stylisée téléchargée, ouvrez-la dans Adobe Photoshop, je vais effacer les
filigranes de toutes les images uniquement pour ces exercices et
j'utiliserai l'outil de patch. La première étape de ce
didacticiel consiste à sélectionner isoler la partie de l'
image qui sera animée. Dans ce cas, la jupe
soufflera
au vent et le chien
penchera la tête. L'outil de sélection rapide
et sélectionnez la tête du chien. Corrigez ces sélections à
l'aide de l'outil lasso si nécessaire. le menu supérieur,
cliquez sur Sélectionner, modifier et étendre la
sélection d'un pixel. Cliquez avec le bouton droit sur la
zone sélectionnée et sélectionnez Couche via Copier pour créer une nouvelle couche
uniquement avec la tête du chien. Faites glisser la couche, une vers
le bas , vers le signe plus pour créer
une copie, renommer la couche, si
vous souhaitez rediriger un allèle, une copie vers D2 avec la couche D2 sélectionnée,
appuyez sur Ctrl plus T sous Windows ou sur
Commande D sur Mac. Pour sélectionner l'outil de
transformation libre, nous allons faire pivoter la tête du
chien vers la gauche, le centre ou
l'outil de
transformation libre vers le bas pour définir le point de rotation à la base du cou du
chien et appuyer sur Entrée, sélectionner superposez dog one et faites-le glisser vers le bas vers le signe
plus pour créer une copie. Déplacez cette couche au-dessus la couche D2 et
renommez-la pour l'ancrer gratuitement. Sélectionnez à nouveau l'outil de transformation
gratuit, car nous allons faire pivoter
la tête du chien vers la droite. Tirez le centre de l'outil Free
Transform vers le bas pour définir le point de rotation à la base du cou du
chien et appuyez sur Entrée. Nous allons maintenant effacer la tête du chien de
la couche d'arrière-plan, sélectionner la tête du chien et faire glisser la sélection avec l'outil
Patch vers la droite. Maintenant, isolons la jupe
pour la sélectionner à l'aide l'outil de sélection rapide et outil
lasso sur la couche d'
arrière-plan. Cliquez avec le bouton droit sur la
zone sélectionnée et choisissez Layer via Copy pour créer un nouveau
calque uniquement avec la jupe. Renommez cette couche par un. Faites glisser la couche (sqrt
) vers
le bas vers le signe plus pour créer une copie et renommez cette
couche pour la contourner Pour créer une animation
dans Adobe Photoshop, vous devez ouvrir
le panneau de chronologie dans le menu en haut, cliquez sur Fenêtre et sélectionnez chronologie
de la
fenêtre déroulante. Au bas de votre fenêtre, vous verrez la chronologie ouverte dans laquelle vous pouvez créer
votre animation. Au centre du panneau de
chronologie, cliquez sur la flèche à droite et sélectionnez Créer une animation d'
image. Un
détail très important est d'activer la chronologie qui
pourrait être grisée. Donc, pour l'activer, appuyez sur le bouton
Créer une animation d'images. Et vous verrez
apparaître la première image dans la chronologie. Masquez la jupe du calque en cliquant sur
l'icône située
à gauche dans
le menu en haut,
puis cliquez sur Modifier plutôt que l' habillage de marionnette. Cet outil vous aidera à
manipuler la jupe. Cliquez sur la jupe pour
créer des haricots et faites glisser les épingles vers la droite
comme indiqué à l'écran. Répétez ces étapes
sur la deuxième couche, mais cette fois, faites glisser
la pièce vers la gauche. Dans le panneau de chronologie, cliquez sur l'icône plus
pour créer un nouveau cadre. Cliquez sur le premier cadre et ne rendez
visibles que les couches, l'
arrière-plan et le chien. La deuxième image étant sélectionnée, assurez-vous que seules les couches
suivantes sont visibles. Le contexte, Scott
a gagné et le chien un. Créez la première
image en cliquant sur l'icône plus et en rendant
visible l'arrière-plan de la couche
, la deuxième case et Dongguan. Maintenant, créez une quatrième image et les couches visibles
devraient être l'arrière-plan, carrés deux et D2. Continuez en ajoutant
la cinquième image qui correspond à l'arrière-plan du
calque. Et les recherches d'images D2 vont avec l'arrière-plan de la couche, sqrt one et D2. La septième image
contient l'arrière-plan, Scott une et Dongguan. Frame Aid est associé à l'
arrière-plan de la couche et à l'arrière-plan Sélectionnez maintenant les images 78,9, appuyez sur la touche Alt sur Windows, sur la touche
Option sur Mac, et faites glisser toutes les images libres vers la droite pour les copier
et créer une répétition. Cliquez sur l'icône en forme de signe plus pour
créer le troisième cadre fin. La couche visible doit être en
arrière-plan et exempte de lumière foncée. Créez la 14e image et rendez visible l'arrière-plan de la
couche, Scott One et ancrez gratuitement. Créez Frame 15 et rendez visible l'arrière-plan de la couche
à la deuxième case et à Dockery. Si vous jouez l'animation sans définir le délai d'image, cela semble assez stéréotypé. Dans le domaine de l'animation
plus naturelle, nous devons définir un
temps différé pour les images. Pour ce faire, sélectionnez les images
jusqu'à huit, puis 1 113,15. Cliquez ensuite sur la petite flèche sur le cadre où est écrit. Deuxième. Cliquez sur Autre
, puis réglez le délai sur 0,43. Cliquez sur OK. Retard de
centrage sur la première image à 0,3. Sélectionnez les images 34.12 et
réglez le délai sur 0,17. Sur la cinquième image, réglez le délai sur 0,57. Sur l'image 14, réglez-la sur 0,43. sixième image doit être de 0,07. La septième image doit être égale à 0,27 et la neuvième image à 0,57. Maintenant, lançons l'animation. Il y a une correction à
effectuer sur la trame 9.12. Cachez la deuxième couche. Exportons maintenant cette
animation au format GIF. Dans le menu supérieur, cliquez sur Fichier, Exporter
et Enregistrer pour Web Legacy. En haut à droite, sélectionnez GIF, sélectif et diffusion. Cliquez ensuite sur Enregistrer.
4. Biceps Flex - Styliser et préparer l'image: Continuons en créant
une animation pour les hommes. Téléchargez votre image pour me syntoniser. Cliquez sur le
dessin animé Fourth Style depuis le haut. Choisissez parmi les histoires de chansons, l'image avec les
biceps et téléchargez-la. Ouvrez l'image dans
Adobe Photoshop. Il va falloir
isoler le bras gauche pour créer le mouvement de
flexion du biceps. Utilisez l'outil de sélection rapide et cliquez sur le bouton sélectionné. Dans le menu en haut, cliquez sur Sélectionner,
modifier et développer. Entrez la valeur 1 pour élargir la sélection et cliquez sur OK, cliquez bouton droit de la souris dans la zone de
sélection, choisissez Layer via Copy et
renommez le bras de couche. Faites glisser cette couche
vers le bas vers le signe plus pour la dupliquer et
renommer la couche. Nous devrons maintenant effacer le bras de la couche
d'arrière-plan. Donc, pour ce faire, appuyez sur Ctrl sur le clavier sous Windows ou Command sur Mac, et cliquez sur l'icône
du bras de couche un
pour sélectionner le bras, cliquez sur le calque d'arrière-plan
épais outil pipette, et sélectionnez un échantillon de l'arrière-plan bleu dans
le menu supérieur, sélectionnez Modifier, puis remplissez
avec la couleur de premier plan. Ce sont des vestiges du contour
du bras laissé sur le cercle bleu
que vous pouvez effacer l'aide de l'outil de patch et de
l'outil de tampon de clonage. Afin de se débarrasser de la partie bleue qui
dépasse le cercle bleu. Prenez le marché de la courbe elliptique pour le placer au
centre du cercle. Appuyez sur les touches Alt et Shift du clavier sous Windows ou sur
Option et Shift sur Mac. Et faites glisser la souris pour créer un cercle de sélection qui
correspond au cercle bleu. Repositionnez la
sélection si nécessaire. Cliquez avec le bouton droit sur la zone de
sélection et cliquez sur Sélectionner l'inverse. Prenez l'outil de tampon de clonage
et effacez la partie bleue. Sélectionnez le bras à superposer, puis allez dans le menu supérieur et
choisissez Modifier et habiller la marionnette. Réglez les quelques épingles comme
indiqué à l'écran. Prenez l'épingle en haut
et faites-la glisser vers la gauche. Ajoutez d'autres épingles afin rectifier la forme du bras et ajuster la forme
des biceps
pour avoir l' air
détendu, appuyez sur Entrée.
5. Biceps Flex - Création de l'animation: Nous allons maintenant créer l'
animation dans le menu supérieur. Cliquez sur la fenêtre, puis
sélectionnez la chronologie. Au centre du panneau de
chronologie, cliquez sur la flèche
à droite et sélectionnez Créer une animation d'image. Appuyez sur le bouton
Créer une animation et vous verrez
apparaître la première image dans la chronologie. Cachez le bras 2 du calque
pour cette première image, appuyez sur le signe
plus en bas de la chronologie pour
créer un autre cadre, et cette fois, rendez
le calque visible et masquez le calque. Il va maintenant falloir définir un
délai pour les trames. Sur la première image, cliquez sur la petite flèche à l'
endroit où c'est écrit. Ensuite, cliquez sur Autre
et réglez-le sur 0,5. Réglez le délai sur la
deuxième image à deux. Si vous souhaitez ajouter
du texte à votre animation, continuez à suivre
les étapes suivantes. Merci à l'outil de saisie horizontale. Cliquez sur l'image et
écrivez votre propre slogan, puis choisissez
d'afficher ou de masquer la couche de texte sur le
cadre de votre choix. Exportez l'animation en
cliquant sur Exporter
un fichier et sur Enregistrer
pour Web Legacy. En haut à droite, sélectionnez GIF, sélectif et diffusion,
puis cliquez sur Enregistrer.
6. Fille de la lune : styliser et préparer l'image: Téléchargez votre photo comme expliqué
dans les leçons précédentes sur le site et téléchargez l'image avec les
filles assises sur la lune. Ouvrez l'image dans Adobe
Photoshop et faites glisser le calque d'arrière-plan vers le signe plus pour
dupliquer le calque. Renommez cette couche, couche 1. Passez sur la couche d'arrière-plan et essayez de recréer l'arrière-plan en commençant par les genoux du
personnage pendant que nous allons créer une
animation de la jambe. Utilisez l'outil de tampon de clonage pour
copier des parties de l'arrière-plan. Utilisez l'outil de patch pour
homogénéiser les couleurs. Passez à la première couche et sélectionnez le personnage
et la lune à
l'aide de l'outil de sélection rapide
afin de les séparer de l'arrière-plan. le menu supérieur,
cliquez sur Sélectionner, modifier et élargissez la sélection d'
un pixel dans le menu supérieur Accédez à Calque, Calque via Copier pour séparer le caractère
de l'arrière-plan. J'ai fait cette élection en deux fois car l'outil de sélection rapide prenait également l'
arrière-plan lorsque j'
essayais de sélectionner le côté
gauche de la lune. Nous devons maintenant copier le côté
gauche de la lune la même manière que celle
expliquée précédemment. Fusionnez les deux couches supérieures avec le personnage et la lune
pour n'avoir qu'une seule couche. Supprimez la couche intermédiaire, qui ne contenait que l'arrière-plan. Dupliquez la couche 1 et
renommez-la en couche 2. Une fois la couche sélectionnée, accédez à Modifier et
sélectionnez l'habillage de marionnette. Placez quelques épingles comme
indiqué à l'écran. Déplacez légèrement la jambe droite
vers la droite et appuyez sur Entrée. Dupliquez la couche et
renommez-la pour qu'elle soit libre. Avec la fonction Puppet Wrap, déplacez à
nouveau la jambe droite vers la droite.
7. Lune Girl - Créer l'animation: Affichez la chronologie dans Adobe Photoshop comme expliqué
dans les leçons précédentes, puis choisissez Créer une animation d'
image. Pour la première image, rendez visibles l'
arrière-plan du calque et le premier calque. Ajoutez un nouveau cadre et rendez visible l'
arrière-plan du calque et un calque pour ajouter un nouveau cadre et rendre visibles l'
arrière-plan du calque et la couche 3. Dupliquez la deuxième
image en cliquant dessus. Appuyez ensuite sur la touche Contrôle
et demande dans Windows ou sur Commande
et option sur Mac, et faites glisser l'image après la première image pour
créer la quatrième image. Réglez le délai sur la
quatrième image à 0,2. Maintenant, dupliquez la
couche 1, faites-la glisser au-dessus de la couche et
renommez-la en live for. Utilisez le représentant de la marionnette pour déplacer le pied droit vers
la gauche et appuyez sur Entrée. Créez une nouvelle image et ne rendez visible que la couche d'
arrière-plan de la couche pour définir le délai sur la
cinquième image à 0,1. Modifiez la première
image retardée à 0,2 et la seconde image, la première image à 0,3. Maintenant, faisons
briller ces étoiles dans le ciel. Accédez à l'
arrière-plan de la couche et sélectionnez les styles comme indiqué à l'
écran à l'aide du stylo. Créez une sélection en
cliquant avec le bouton droit de la souris
n'importe où sur l'image et en
choisissant Faire une sélection. Copiez le début en
créant une nouvelle couche. Ce sera la
couche numéro cinq et elle devrait être visible
sur l'outil de cadre. Rendons cette étoile plus lumineuse. Ainsi, avec la couche sélectionnée, allez dans le menu supérieur, cliquez sur Réglage de l'image et placez la
valeur de luminosité à 116. Assurez-vous que la couche 5
est masquée sur l'image 1. Répétez les étapes en copiant les autres étoiles et
en les rendant plus lumineuses. La nouvelle couche six ne doit être
visible que sur la première image. Vous pouvez masquer ou rendre visibles
les étoiles selon vos goûts ou suivre
mes étapes dans la vidéo. Exportez l'animation en
cliquant sur Exporter un
fichier et
Enregistrer pour Web Legacy réduire la
taille du fichier en réduisant l'image à la moitié
de sa taille actuelle. En haut à droite, sélectionnez GIF, sélectif et diffusion,
puis cliquez sur Enregistrer.
8. Animation basée sur une vidéo - Choisir les images: Prenons un
exemple de création d'une animation basée sur la vidéo. Vous pouvez utiliser une
vidéo ou
vous sentir comme je l'ai fait
pour cette vidéo, durée
de 2 s, il a fallu 15 captures d'écran que
j'ai utilisées dans Adobe Photoshop, un formulaire iframes, sur mon iPhone. J'ai pris la première capture d'écran
au début de ma vidéo. Je l'ai redimensionné et
enregistré sur mon téléphone. Vous pouvez également prendre la capture d'écran sur votre ordinateur à
l'aide de l'outil de capture. Ensuite, j'ai pris mes
captures d'écran suivantes où il y avait un changement significatif dans
le mouvement de ma vidéo. Une fois les captures d'écran terminées, transférez-les sur votre ordinateur.
9. Animation basée sur une vidéo - Styliser les images: Maintenant,
amusons-nous et dessinons les captures d'écran de
cette animation, j'ai choisi la cinquième
version en partant du haut. Téléchargez vos images sur moi, un dessin animé un par un et
enregistrez-les sur votre ordinateur. J'ai téléchargé l'image et étonnamment, je n'ai pas eu
le filigrane étranger. Parfois, vous obtenez le
filigrane et parfois non.
10. Animation basée sur une vidéo - Rectification des images: J'ai vraiment augmenté
le niveau d'eau maximum de toutes les images uniquement
pour ces exercices. Et j'utilise l'outil de marquage des clones. Pour utiliser le
tampon de clonage, appuyez sur la touche Alt sous Windows et la touche Option sur Mac
pour sélectionner la zone source. Et c'est vraiment la clé
pour démarrer le clonage. Notez que si vous avez une photo avec la main sur votre visage, je ne pourrai pas la
traiter correctement. Je vais vous montrer comment
corriger cette image. Heureusement, sur l'image suivante, la main semble plus
définie et je vais utiliser cette image pour
rectifier la précédente. Les deux images étant ouvertes, sélectionnez le doigt sur la deuxième
image à l'aide du stylet. le bouton droit n'importe où sur l'image et choisissez, faites une sélection dans le menu. Accédez au menu principal supérieur, cliquez sur Couche, Nouvelle
couche via Copy. Copiez ce nouveau calque, collez-le dans l'image précédente et positionnez le doigt à l'aide l'outil de déplacement pour recouvrir
le calque par défaut. Vous pouvez régler le
doigt et le
faire pivoter à l'aide de l'outil Free
Transform en appuyant sur Control T
sous Windows ou Command T sur Mac. Dans mon cas, j'ai
une frange foncée sur le bout du doigt que
je voudrais supprimer. J'ai donc cliqué sur la couche
et j'ai appuyé sur Ctrl a sous Windows ou sur Commande
sous Mac pour sélectionner, déplacer la sélection vers le bas. J'ai cliqué avec le bouton droit sur
la sélection et sélectionné
Sélection inverse dans le menu. Ensuite, j'ai supprimé la frange la
plus foncée. Il est maintenant temps de
fondre cette couche dans mon image et de masquer
les bords rugueux. Pour cela, je vais devoir
ajouter le masque à ma couche. J'ai également ajusté les niveaux de cette couche pour la rendre encore plus
fluide. Il y a une correction à
apporter autour de la bouche. J'ai donc sélectionné
cette zone avec l'outil Patch et je l'ai fait glisser
vers une zone de couleur similaire. Comme vous l'avez noté, il n'y a pas de clous
sur les doigts. J'ai donc cherché une image sur Internet sur Pixabay où vous pouvez trouver des photos de stock
gratuites et les ai
ajoutées à mon image. Trouvez votre style sympa préféré. Copiez l'image et collez-la dans le document dans Adobe Photoshop. Faites une sélection à l'
aide du stylet autour des ongles, en
appuyant sur le pouce, sélectionnez les ongles, cliquez avec le bouton droit n'importe où sur
l'image et sélectionnez Effectuer une sélection dans le menu. Copiez et collez les ongles dans l'image du dessin animé,
ajustez la taille, l'orientation, les niveaux,
la luminosité et opacité pour leur donner un aspect
aussi naturel que possible. Bien entendu, vous pouvez prendre une
photo de votre propre main, découper les ongles des pieds et l'utiliser
pour vos images d'animation. Si vous rencontrez
le même problème avec des mains
déformées sur
les photos suivantes, il suffit de copier le calque avec les ongles et le doigt
par défaut, de les relier à la nouvelle image
et d'ajuster les positions. Parce que la main est en mouvement sur l'image suivante,
la main est floue. J'ai eu les
ongles flous aussi.
11. Animation Baed sur une vidéo - Ajout d'éléments: Je voulais ajouter quelques
cœurs à mon animation sur chaque image qui souffle
simultanément un baiser. J'ai ouvert toutes
ces images dans Adobe Photoshop dans l'
ordre de l'animation. Je travaillerai en parallèle
sur chaque image. Ajoutez une nouvelle couche à
votre image et dessinez une forme de cœur avec le
stylo sur les lèvres. Bien entendu, vous pouvez dessiner
autant de tailles et de couleurs fixes et les
positionner comme vous le souhaitez. J'utilise l'outil de dégradé
pour remplir le cœur. Ensuite, j'ai ajouté le contour, mais cette étape n'est pas nécessaire. Tout dépend de l'apparence que vous souhaitez donner à votre
image finale. Pour créer le contour, sélectionnez la couche avec
le cœur en appuyant sur
Ctrl sous Windows
ou Command sur Mac. Et cliquez sur l'icône Layer. le bouton droit sur la
zone de sélection et choisissez Contour, placez un pixel, choisissez
la couleur noire, puis cliquez sur OK. Réduisez l'opacité
de la couche à 64. Laisse de l'ombre sur ce cœur. Double-cliquez sur la couche, déposez de l'ombre et placez les valeurs
comme vous le voyez à l'écran. Copiez le calque avec le cœur et collez-le dans l'image suivante. Positionnez le cœur plus
loin des lèvres à l' aide de l'outil de déplacement pour
simuler l'action du soufflage. Dupliquez cette couche pour
créer un autre cœur, repositionnez-la, puis faites-la pivoter et redimensionnez-la à
l'aide de l'outil de transformation. Le raccourci est
Control plus T pour Windows ou Command D sur Mac. Dupliquez cette couche
et
repositionnez, faites pivoter et redimensionnez le cœur. Vous avez copié les calques libres avec le cœur et
collez-les dans l'image suivante. Dupliquez une autre couche avec cœur et créez
le quatrième cœur. Et dupliquez à nouveau une couche
pour créer le cinquième cœur. Enregistrez toutes vos images
au format JPEG ou PNG.
12. Animation basée sur une vidéo - Créer l'animation: Ouvrez toutes vos images
créées dans Adobe Photoshop. Copiez toutes les images
à partir de la deuxième image dans la première image
afin de créer les couches
pour l'animation. Fermez les images
copiées sans les enregistrer. Ouvrez la chronologie dans
le menu en haut, cliquez sur Fenêtre puis chronologie. Dans la chronologie, choisissez
Create Frame Animation. Cliquez ensuite sur le bouton
Créer une animation d'images. Pour créer
le premier cadre, laissez visible que
la première couche. Cliquez sur le bus ci-dessous pour créer une autre image et rendre
visible la deuxième couche, répétez l'opération
de création de nouvelles images et d'association d'une nouvelle
couche à la nouvelle image. Chaque couche doit
correspondre à un cadre. Il va maintenant falloir ajouter
du dynamisme à l'animation. Nous allons donc faire pivoter et
redimensionner quelques couches. Commencez à tourner vers la droite et redimensionnez la couche
avec le premier cœur. Passez au
calque suivant, faites-le pivoter un peu plus que le
précédent et redimensionnez-le. Répétez ces étapes
avec la couche suivante. Vous devez maintenant effectuer le processus inverse de
la rotation pour ramener progressivement
les images suivantes à position initiale
et les redimensionner. Si vous jouez l'animation sans régler le délai d'image, le rythme de l'animation
est assez stéréotypé. Pour rendre l'animation
plus naturelle, nous devons définir le temps de retard
des images. Dit le
délai d'images suivant pour l'image 14.5, définissez-le à 0,2. Images 3,15 à 0,5, image 6 à 0,1, et laissez toutes les
autres images à 0 s. Une fois le délai écoulé
, exportez le GIF. le menu supérieur, cliquez sur Fichier, Exporter, Enregistrer pour Web Legacy. Sélectionnez GIF en haut à droite. Que sélectif et diffusion. Vous pouvez essayer de réduire la taille du fichier en
limitant les couleurs. J'ai conservé 256 couleurs
pour un résultat agréable. Maintenant, ouvrez le cadeau dans votre
navigateur pour vérifier s'il fonctionne.
13. Papillon - Styliser et préparer l'image: Ce joli cadeau est si facile à créer car il suffit
d'animer les ailes. Télécharge ta photo sur moi. Cliquez sur la quatrième
icône en haut gauche et téléchargez
l'image
du dessin animé du papillon. Ouvrez votre fichier dans
Adobe Photoshop, appuyez sur W pour sélectionner l'outil de sélection
rapide. Faites glisser l'outil tout autour
du personnage pour le sélectionner. Cliquez sur le menu Couche
et sélectionnez Nouveau calque via Copier pour créer un
calque uniquement avec le personnage. Utilisez l'outil pipette, sélectionnez le calque d'arrière-plan et sélectionnez la couleur
de l'arrière-plan. Accédez à Modifier, choisissez Remplir et cliquez sur OK pour
remplir l'arrière-plan. Utilisez l'outil de sélection rapide
et sélectionnez uniquement la fille, mais pas les ailes de la première couche. Cliquez sur le menu Couche et
sélectionnez Nouvelle couche par copie. Piscine, la couche deux
sous la couche 1. Accédez à l'outil
de sélection rapide et sélectionnez uniquement les
ailes de la première couche. Cliquez sur le menu Couche et
sélectionnez Nouvelle couche par copie. Supprimer la couche 1. Dupliquez gratuitement la couche
et renommez-la en live for. Nous allons modifier la couche quatre afin de
créer des ailes battantes. Accédez à Modifier et sélectionnez l'habillage de la
marionnette aux points situés tout autour des ailes proches du sujet
pour l'empêcher de bouger. Nous voulons déplacer uniquement
le haut des ailes. Les épingles, les ailes
et appuyez sur Entrée. Répétez les étapes à nouveau. Bonjour.
14. Papillon - Création de l'animation: Accédez à la fenêtre et
cliquez sur la chronologie car nous allons créer
l'animation des ailes. Sur la première image, masquez les couches 4.5 et une nouvelle image
et masquez la couche 3. Et encore une fois, un nouveau cadre, et cette fois, masquez la
couche quatre et rendez visible la couche cinq. Appuyez sur Play. Votre animation est prête. Exportez le GIF
en sélectionnant Exporter un fichier, Enregistrer pour Web Legacy, et réduisez la taille de l'image
à 500 au lieu de 1080.
15. Moto - Animation avec du son: Dans cette leçon, je
vais vous montrer comment créer une
animation avec du son. Téléchargez votre photo dans Tune me. Cliquez sur la quatrième
icône en haut gauche et téléchargez
l'image du dessin animé de moto. Pour cette animation, je vous
ai fourni un fichier son dans l'onglet
projet et ressources. Ouvrez maintenant la chronologie pour
créer l'animation. Faites glisser le
calque d'arrière-plan vers le signe plus pour
dupliquer le calque. Renommez cette couche, couche 1. Ajoutez un nouveau cadre et masquez la couche
1 du premier cadre. Rendez la couche 1 visible
sur la deuxième image, sélectionnez la couche 1 et
appuyez sur Ctrl plus T sous Windows ou
Commande plus T sur Mac. Pour sélectionner l'outil Free
Transform, faites pivoter légèrement l'image sur la
couche 1 vers la droite et appuyez sur Enter
Duplicate Layer 1, renommez-la en couche 2
et créez un nouveau cadre. Pour cette première image, rendez visible le
calque d'arrière-plan et le calque pour faire légèrement pivoter l'image et l'
augmenter sur la couche deux. Dupliquez la couche 2 et
renommez-la pour la libérer. Créez ensuite un nouveau cadre et ne rendez visibles que les couches libres
et l'arrière-plan. à nouveau
légèrement pivoter l'image vers la droite
et agrandissez-la. Répétez l'opération, trouvez le
nombre de fois
les étapes de création d'un nouveau
calque par duplication, puis faites pivoter et
redimensionnez l'image. Envoyez les délais sur l'
image 1 à 6 à 0,1 s, et sur l'image 7, réglez-le sur 0,5 s. Cliquez sur le bouton Convertir en chronologie vidéo en bas
à gauche de l'écran. Et ici, vous pouvez
ajouter une piste audio. Cliquez sur la petite
flèche sur le côté droit et sélectionnez votre fichier pour
ajouter du son à votre vidéo. Parce que ce fichier audio est
beaucoup plus long que la vidéo. J'ai dû tirer le fichier
vers la gauche jusqu'à ce que je trouve une partie du son
qui correspond à la vidéo. Vous pouvez réduire le son
en tirant sur l'extrémité vers la gauche et en le
relâchant à la fin de votre vidéo. Si vous cliquez à nouveau sur l'animation de
conversion en image, Adobe Photoshop
supprimera la bande son. Vous pouvez exporter votre
animation au format GIF, mais Adobe Photoshop ne conservera
pas la bande son. Ou vous pouvez rendre votre vidéo au format
mp4 afin d'avoir
une animation avec du son. Pour effectuer le rendu de votre animation
au format mp4, accédez à Fichier, Exporter une
vidéo aléatoire, puis cliquez sur Rendu.
16. Alice au pays des merveilles - Styliser et préparer l'image: Téléchargez votre photo dans Tune me, cliquez sur la quatrième
icône en haut à gauche et téléchargez
l' image du
dessin animé
Alice au pays des merveilles. Le moyen le plus simple d'effacer le filigrane de cette
image est de copier une partie
du coin gauche et de l'
intégrer dans
le coin droit à l'aide de l'outil de cadrage
rectangulaire. Effectuez une sélection dans le coin inférieur
gauche. Accédez au menu supérieur et sélectionnez
Couche, Couche via Copier, Modifier, transformer et retourner horizontalement pour créer
une image en miroir. Déplacez cette image
afin de recouvrir le filigrane. Accédez à Calque, Masque de calque, révélez tout pour ajouter le
masque au calque. Assurez-vous que les couleurs de premier plan et
d'arrière-plan sur le panneau tubulaire sont en
noir et blanc, utilisez le pinceau et peignez
sur le masque en alternant les couleurs blanche et noire jusqu'à ce que vous soyez
satisfait de les résultats. Sélectionnez un
calque dans le menu supérieur et aplatissez l'image pour n'
avoir qu'un seul calque. Dupliquez cette couche et
renommez-la en couche 1. Nous allons tordre l'oreille
du lapin. Appuyez sur W pour faire apparaître l'outil de sélection et
sélectionner l'oreille du lapin. Élargissez ensuite la sélection
d'un pixel. Accédez à Calque, Couche via Copy pour créer un nouveau calque uniquement
avec l'oreille de lapin. Sélectionnez, modifiez, emballez la marionnette et placez quelques épingles à la base de l'année pour
l'empêcher de bouger. Placez ensuite une épingle vers le milieu et le
haut de l'année, tirez l'épingle située au bout
de l'oreille et appuyez sur Entrée. Nous devrons maintenant
masquer la zone de
l' oreille sur le
fond, sur la première couche. Pour ce faire, sélectionnez une zone de l'arrière-plan du miroir et
créez une nouvelle couche par copie. Ce morceau permet de couvrir la partie de l'oreille
qui doit être cachée. Ajoutez un masque de couches pour essayer de le
cacher autant que possible. Fusionnez la couche supérieure avec la couche contenant
une mosquée et utilisez l'outil de tampon de clonage pour copier des parties de l'
arrière-plan si nécessaire. Supprimez le calque d'arrière-plan et renommez le calque supérieur, couche 2. Nous allons maintenant créer
un texte autour du miroir. Tracez un chemin autour du
miroir à l'aide du stylet. Je pense à l'outil
de saisie horizontale, cliquez sur le chemin et
écrivez votre propre slogan. Créez une autre couche de texte et écrivez quelque chose
comme votre nom, par exemple sur le ruban.
17. Alice au pays des merveilles - Créer l'animation: Commençons par créer
l'animation du texte. Sélectionnez la couche avec le texte
qui se trouve autour du miroir, utilisez l'outil de
sélection de
rectangles et effectuez une sélection
pour recouvrir le texte. Lorsque le calque de texte est
sélectionné, maintenez la touche Alt sous Windows
ou Option sous Mac enfoncée,
puis appuyez sur le bouton
masque de calque pour masquer le texte. Ouvrez la chronologie et
cliquez sur le bouton, convertissez-la en chronologie vidéo. Si vous êtes en mode
animation d'images, assurez-vous que le curseur se trouve au début
de l'animation. Cliquez sur la
position du masque de couche pour ajouter une image-clé. Faites glisser le curseur vers le
milieu de l'animation. Utilisez l'outil Déplacer et
sélectionnez le masque de calque, appuyez sur la touche Shift et faites glisser le masque de calque vers la droite jusqu'à ce que l'intégralité
du texte apparaisse. Si vous jouez l'animation, vous verrez que le texte est
revu progressivement. Avec le curseur sur
la deuxième image-clé, sélectionnez la couche
avec les balises nominatives. À partir de là, nous allons créer la deuxième partie
de l'animation, saisir l'outil de
sélection de rectangles et faire une sélection
pour recouvrir le texte avec la couche de texte sélectionnée, maintenir la touche Alt enfoncée. Windows
ou Option sur Mac, puis appuyez sur le
masque de couches de boutons pour masquer le texte. Cliquez sur la
position du masque de couche pour ajouter une image-clé. Assurez-vous que les textes et le masque de
calque ne sont pas liés. Faites glisser le curseur jusqu'à la
fin de l'animation. Utilisez l'outil Déplacer et
sélectionnez le masque de calque, appuyez sur la touche Shift et faites glisser la
masse du calque vers la droite jusqu'à ce que
le texte entier apparaisse. Vous pouvez zoomer sur votre chronologie
à l'aide des flèches situées en bas. Si vous trouvez que votre animation
est trop longue ou trop courte, vous pouvez l'ajuster en faisant
glisser la fin de chaque couche de votre vidéo vers
la gauche ou vers la droite. Pendant ce processus, faites également attention à repositionner vos
images-clés en fonction des modifications que vous apportez. Vous vous sentez plus à l'aise
avec l'animation d'images. Cliquez pour convertir en
animation d'image en bas à
gauche de la chronologie, puis cliquez sur Continuer. Cette vidéo comporte 46
images au total. Je vais changer l'
oreille du lapin sur le cadre 40.41. J'ai donc caché la couche deux
sur ces deux cadres. Sélectionnez toutes les images et
réglez le délai sur 0,1. Exportez l'animation au format GIF.
18. Effet de coulage - Stylisation et préparation de l'image: Nous allons créer une autre animation
facile. Ensuite, vous pouvez vous
rendre chez vos proches
pour les vacances d'hiver. Téléchargez votre photo pour me syntoniser. Cliquez sur l'
icône du dossier en haut à gauche et téléchargez
l'image du dessin animé. Ouvrez cette image dans
Adobe Photoshop et ajoutons des
textes de couleur rouge. Sélectionnez les deux couches de texte et faites-les glisser vers le bas jusqu'au
signe plus pour les dupliquer. Changez la couleur des
deux couches de texte supérieures en noir.
19. Effet de ronflement - Création de l'animation: Ouvrez la chronologie et choisissez une animation d'image
pour la première image, rendez visible la couche d'
arrière-plan et les deux couches de texte rouges, ajoutez un nouveau cadre en haut des deux couches de texte rouges et rendre visibles les couches de texte
noires. Réglez les délais pour ces
deux images à 0,3. Vous pouvez exporter
votre fichier tel quel ou continuer à ajouter
des éléments à votre animation. Nous allons maintenant
créer la chute de neige, ajouter une nouvelle couche en haut
de la dernière couche de texte
et cliquer sur Créer une nouvelle couche de
remplissage ou de réglage. Sélectionnez ensuite Couleur unie, choisissez une couleur grise
et cliquez sur OK. le menu supérieur, accédez au filtre, sélectionnez Bruit, Ajouter du bruit et cliquez sur Convertir
en objet intelligent. Le montant doit
être de 100 %. La distribution est gaussienne
et le contrôle est monochromatique. Cliquez ensuite sur OK, passez de
nouveau à Flou filtrant, Flou
gaussien, et définissez
le rayon sur deux. Accédez aux
niveaux de réglage de l'image et aux flèches Josie fonction de la quantité
et de la densité de neige que vous
souhaitez afficher sur votre vidéo. Choisissez à nouveau Filtrer, Autre et Décalage, puis sélectionnez les valeurs que vous
voyez à l'écran. Nous venons de créer un modèle et nous
allons le sauvegarder. Allez donc dans Modifier, Définir le modèle,
donnez-lui un nom et cliquez. OK. Supprimez cette couche car
nous n'en avons plus besoin. Créez une nouvelle couche au-dessus de
la dernière couche de texte. Cliquez sur, créez une nouvelle couche de
remplissage ou d'ajustement. Sélectionnez Solid Color et
choisissez la couleur noire. Cliquez sur Style de couche,
choisissez Motif, Superposition
et, parmi le motif, sélectionnez le motif de neige que vous
venez de créer. À partir du mode de mélange,
sélectionnez l'écran et vous pouvez jouer avec le mode opacité
et ajuster la taille de la neige. Sur la couche, faites glisser
l'option de champ jusqu'à zéro. Sur la chronologie,
cliquez sur Convertir en chronologie
vidéo et étendez
la couleur en remplissant une couche. Ajoutons un peu de
mouvement à la neige. Assurez-vous que l'autolaveuse est positionnée au
début de la vidéo. Cliquez sur le petit cercle à
côté du style pour ajouter une image-clé. Tirez le curseur jusqu'à la
fin de l'animation
et, sur le panneau des calques, double-cliquez sur la superposition de motifs
pour ouvrir le style de couche. Faites glisser l'image vers le bas
et cliquez sur OK, cela créera une nouvelle image-clé. En fonction de la distance à laquelle vous
allez faire glisser cette image vers le bas, déterminera la vitesse
de la neige qui tombe. Vous pouvez réajuster la taille des flocons de neige en double-cliquant
sur les effets des calques, en gardant à l'esprit que
vous devrez effectuer les réglages sur
les deux images-clés. En mode vidéo, vous pouvez ajouter un fichier audio et exporter l'animation
au format mp4. Je viens d'exporter
mon animation au format GIF.
20. Réflexions finales: Merci beaucoup d'avoir
rejoint ma classe. J'espère que vous l'apprécierez
et que vous le trouverez utile ,
quel que soit
votre niveau de compétence ou,
au
minimum, quelques trucs et astuces. J'ai hâte de voir votre
animation et de la
télécharger dans la section projet
et ressources. N'hésitez pas à poser vos
questions dans la section de discussion
ci-dessous et à transmettre vos connaissances sur
la stylisation lors traitement
d'image dans
Adobe Photoshop. Créez une animation basée
sur une image ou une vidéo. Vous êtes invités à
me faire
part de vos commentaires et à rédiger la critique. Merci encore, au revoir.
Carleen, Sewing, drawing, making patterns
