Transcription
1. Introduction: Vous souhaitez savoir comment
animer vos illustrations de texte ? Créez des autocollants Bunty
à utiliser sur vos histoires. Que diriez-vous de l'apprentissage trois techniques simples pour y parvenir ? Bonjour, je m'appelle Kay Leathers et je suis une designer et
illustratrice de Londres, en Angleterre Je travaille depuis plus de six
ans en tant que designer. Plus récemment, travaillé sur tout, des livres pour enfants aux
vidéos en
passant j'ai
travaillé sur tout, des livres pour enfants aux
vidéos en
passant par les animations
. J'ai beaucoup travaillé sur le marketing sur les réseaux
sociaux
avec quelques marques. Et ces autocollants
sont
indispensables si vous souhaitez faire participer
les gens à votre marque, en particulier lorsque vous partagez du contenu générateur
d'utilisateurs. L'apprentissage de ces techniques
d'animation simples m'
a été très utile. Non seulement pour ajouter une corde
à mon nœud d'illustration, mais cela m'a également donné un avantage
supplémentaire lorsque postule pour des projets d'
illustration. De nombreux clients veulent une expérience
d'animation dès maintenant. Et ils sont
particulièrement utiles pour marketing
sur les réseaux sociaux si
ce n'est pas pour d'autres clients. C'est aussi une façon super mignonne de faire la
promotion de votre propre marque. Je suis toujours heureuse de
partager ces compétences. Comme je le sais, il n'est pas facile d'entrer dans le
monde de l'animation. Et j'adore partager mes
connaissances afin que vous puissiez vous déplacer facilement plutôt que de vous laisser emporter les montagnes russes de
frustrations que j'ai eues Je recommande ce cours
à tous ceux qui souhaitent des conseils simples sur la façon d'
animer vos illustrations Je vais vous montrer trois façons simples et
géniales d'animer votre texte en
quelques minutes. Je vais également y aller étape par étape. Donc, que vous soyez
un professionnel chevronné, un
débutant ou que vous soyez le
bienvenu dans ce cours, j'utiliserai procreate
pour concevoir mon texte Que vous pouvez utiliser
Adobe Photoshop, Illustrator ou
simplement un stylo et du papier. Ensuite, vous aurez
besoin d'Adobe After Effects pour animer votre texte Dans ce cours, je vais vous
montrer comment je choisis un design. Partagez quelques astuces
que j'ai utilisées pour illustrer un texte. Utilisez-le dans After Effects, où je vais utiliser trois
techniques différentes pour animer les trois
autocollants de texte de votre choix Vous pouvez en concevoir
un seul sur lequel vous pouvez expérimenter pour trouver votre méthode d'animation
préférée. Mes fichiers se trouvent également dans les
ressources si vous en avez besoin. À la fin du
cours, vous découvrirez trois
manières différentes, peut-être plus, d' animer
du texte et un design final,
que vous pourrez télécharger
ici dans la galerie de projets Je vous recommande de montrer vos nouvelles compétences sur
votre propre portfolio. Et je vais même
vous montrer comment intégrer votre design sur les stories
Instagram. Si vous êtes prêt et
impatient de partir, commençons.
2. PROJET: Pour ce projet de classe, vous aurez le choix entre trois techniques
d'animation différentes. Appliquez-en un à
votre illustration, exportez-le en tant que Jeff et téléchargez-le ici
dans la galerie de projets. De cette façon, je serai en mesure de découvrir vos nouvelles compétences en animation et vous donner des conseils ou astuces
spécialement adaptés à votre travail. Une fois que vous avez
suivi le cours, il vous suffit de choisir une technique
d'animation présentée dans le cours à appliquer
à votre illustration de texte. Appliquez et exportez
l'illustration sous
forme de fichier. Je vais vous montrer comment
procéder dans la leçon d'exportation. Téléchargez-le ici dans la
galerie de projets du projet de classe. Publier votre propre projet peut
aider les autres à faire de même. Demandez de l'aide et améliorez
finalement notre communauté de partage de compétences ici dans un cycle de feedback
et d'amélioration Cela m'aide également à évaluer dans
quelle mesure le cours vous
a été utile. N'oubliez pas de publier votre
projet dès que possible. Si vous avez
particulièrement envie de partager, j'adorerais également voir
votre processus. N'hésitez donc pas à télécharger vos photos
et croquis d'illustration ici également. La première chose dont
vous aurez besoin pour
commencer est votre outil de dessin, votre application de
dessin ou votre carnet de croquis. Alors allons-y maintenant et je vous
verrai dans notre première leçon.
3. Dessiner votre texte: Dans cette leçon,
nous allons voir comment dessiner nos designs d'
autocollants Ce sera notre
croquis de guide pour un affinement ultérieur. Je veux donc que tu te sentes bien à l'idée
d'avoir pris quelque chose en main. Comme première création, vous pouvez utiliser la méthode qui
vous convient, qu'il
s'agisse d' utiliser un stylo et du papier
avant de passer au numérique, ou si vous êtes plutôt une
personne, utilisez Illustrator. J'aime utiliser procreate
parce que c'est très flexible, rapide et qu'il est enregistré
dans un fichier PSD, ce qui est vraiment
bon pour Plus tard, je
vous montrerai comment je travaille là-bas. N'hésitez pas à suivre la
méthode de votre choix. Maintenant, je vais créer des autocollants à base de
texte. Je vous recommande de me
suivre. Et je vais vous donner de nombreux conseils et
astuces pour
illustrer le texte, particulier à l'aide de
directives et de calques J'aime bien garder cette partie libre, mais n'hésitez pas à utiliser des
références pour savoir à quoi vous voulez donner
à vos lettres, si vous le souhaitez. Avant de décider quoi dessiner, configurons simplement notre toile. Pour créer notre canevas, nous allons cliquer sur
le symbole plus ici. Nous allons maintenant créer un
tout nouveau modèle de dimensionnement. Nous allons l'ajouter ici
pour les dimensions. Nous allons examiner les directives
de Jiffy. Finalement, nous
allons configurer nos cadeaux en Gif pour les mettre
sur Instagram. Nous devons suivre leurs
directives pendant que nous le faisons. Jiffy a maintenant quelques bonnes pratiques en matière d'
autocollants. Et si
nous allons examiner les meilleures pratiques, je
tiens à souligner
le recadrage de la toile pour l'adapter
à l'autocollant Les autocollants exportés avec
trop d'espace vide apparaîtront très petits. En fait, ce que nous allons
faire, c'est
créer des autocollants qui
remplissent cet espace. Ensuite, nous devons avoir
le fichier source sous forme de fichier. Si nous voulons également suivre les meilleures pratiques de
Jiff, ils recommandent de ne pas
dépasser 6 secondes, ce à quoi nous
réfléchirons dans l'animation Et aussi qu'ils
boucleront pour toujours. Nous allons vraiment nous concentrer sur cela dans notre leçon d'animation. Que nous puissions utiliser
n'importe quelle résolution qui donne le meilleur aspect à notre autocollant. Ils recommandent d'utiliser des multiples de quatre pour la largeur et la hauteur. C'est ce à quoi nous allons
réfléchir pour notre toile. Génial. Comme si vous disiez que nous allons faire
un multiple de quatre, mais nous allons
garder le style vidéo. Nous faisons 1080 x 1080, puis je vais m'en tenir
à 300 pixels par pouce. Tu peux descendre à
72 si tu veux. J'aime juste garder les données
en 300 au cas où
ils en auraient besoin avec une note de
pixels plus élevée plus tard. Ensuite, pour votre profil de couleur, je vous recommande d'opter pour le RGB. Si vous voulez simplement
garder le contenu en ligne, si vous pensez qu'il
est possible
que vous puissiez l'
imprimer à un moment donné, optez pour le CMYK, car
il est plus facile de
passer du CMJN au RGB que
le contraire. Assurez-vous donc de donner
ce modèle et ce nom, donc je vais l'appeler
autocollant Instagram, puis Créer, et
cela donnera notre jolie toile
blanche ici. Il y a deux choses auxquelles
vous pouvez
penser pour commencer. Le premier est un thème
du design. Si vous voulez quelque chose de
très utilisable ou populaire, pourquoi ne pas faire quelques
recherches sur Instagram ? Créez simplement une
histoire, puis ajoutez un jif,
découvrez quels sont les
autocollants populaires, ou vous pouvez simplement faire
ce qui
vous convient et j'espère que
les gens l'aimeront Je penserais à
un mot ou deux, ou même à une très courte phrase
qui signifie quelque chose pour toi. Quelque chose qui montrera
votre personnalité
à votre public. Je vous garantis qu'il y aura plein de gens qui l'adoreront aussi. La deuxième chose est la
taille de votre dessin. Vous pouvez voir ici deux autocollants
que j'ai créés pour Teach your Monster et que j'
essaie d'utiliser pour une histoire. Au départ, ce
dessin était petit et se trouvait au centre de notre toile
1080 x 1080. L'autre remplissait une
plus grande partie de la toile. Peux-tu deviner ce qui
a fait le mieux, Jeff ? Oui, un qui a
rempli la toile. Lorsque vous planifiez votre
phrase ou votre illustration, vous devez réfléchir à la manière dont vous allez
remplir ce canevas. Pour mon premier sticker, j'ai décidé de faire
Joyeux anniversaire. Je sais que ça va être populaire, beaucoup de gens fêteront leurs anniversaires et que cela plaira
à un large public Tout d'abord, je vais
établir quelques directives. Maintenant, procreate est livré avec
ses propres directives intégrées. Je vais m'en servir. Si vous entrez dans la
clé puis dans le canevas, cliquez sur Guide de dessin Ensuite, nous allons modifier
ce guide de dessin. Pour le moment, la
taille de ma grille est de 34 pixels. Nous allons le
monter jusqu'au bout et nous assurer qu'il se trouve sur quelque
chose que vous pouvez voir. J'ai juste opté pour quelques
bonnes directives sombres, mais vous pouvez opter pour le
rouge si vous le souhaitez. Je vais rester ici,
puis cliquer sur OK. J'ai décidé de faire en sorte que mes lettres soient super carrées, super percutantes, et joyeux anniversaire ce sera vraiment une Ce que je vais faire, c'est parce que joyeux anniversaire
est une phrase assez longue Si je la mets au centre, elle finira par être très petite lorsque nous la mettrons dans Jiffy Et je finirai par le coller. Je vais le diviser
en deux. Joyeux anniversaire. Et je vais utiliser mes
directives ici pour le faire, mais je vais également
créer mes propres directives. Maintenant, pour créer des directives, j'aime utiliser mon crayon à dessin
Narinder C'est vraiment beau et
sombre, donc j'aime bien celui-ci. Maintenant, sur une nouvelle couche, vous allez
simplement configurer ces directives. Si tu veux
suivre et être carrée comme moi, je vais juste
tracer une ligne
droite et maintenir mon doigt dessus
pour que tout soit vraiment droit Je vais dessiner le
second au bas des lettres qui a l'air bien. Ensuite, à l'aide de mon bouton de transformation en
forme libre, je vais les étendre et m'assurer qu'ils correspondent à
la largeur du canevas. Ensuite, je vais dupliquer
cette couche et la
faire glisser pour
m'assurer que je prends des photos avec le
magnétisme, ce qui est Et ça va juste m'aider
à le faire glisser vers le bas en une très
belle ligne droite. Je vais laisser un
petit espace entre
les deux mots.
Bien. Une fois cela fait, je
vais le fusionner,
puis renommer les leaders des guides de
couche, renommer et ma
sélection
Renommer Nous allons maintenant passer à l'
esquisse de nos lettres. Je fais toujours un croquis approximatif
avant de passer à ma couleur,
juste pour m'assurer que espacement est correct avec
toutes les lettres
et que la phrase s'affiche
bien sur le canevas en général Pour commencer,
créons une nouvelle couche
et appelons-la alors. Je vais partager quelques techniques avec vous
au fur car je rédige
ces lettres vraiment carrées
pour joyeux anniversaire Je vais compter nombre de lettres qu'il
y a dans chacune d'elles et je
vais m' entraîner à
partir du centre. Dans Happy, nous
avons cinq lettres. Je vais commencer par le P et je vais utiliser
cette ligne centrale pour m'
aider à le dessiner
avec mon stylo sélectionné. Juste pour le dessiner, je peux toujours maintenir
une ligne droite. Il n'est pas nécessaire que ce soit parfait, mais il est bon de bien
saisir la première lettre. En règle générale. Ensuite, nous pourrons nous
débrouiller à partir de celui-ci. Maintenant, parce que j'en suis
content, je vais juste
dessiner ma hauteur x. C'est juste la hauteur
de ce foret croisé. Juste pour m'assurer que c'est
au bon endroit, je vais utiliser mon outil de
sélection pour simplement ramasser et
le placer sous le. Maintenant, c'est mon guide. Tout
est prêt pour le top. Heureusement,
nous en avons une autre Je peux
donc simplement dupliquer
cette couche, puis faire glisser dessus. Nous avons notre second qui
va juste le fusionner. Je vais juste m'assurer que c'est vraiment
centralisé là-bas. Bien. Maintenant, je vais m' entraîner à partir de là pour
le reste de mes lettres. Il y a un H. Ce bit
peut être très rapide. Vous pouvez le faire de manière très
sommaire si vous le souhaitez. Il n'est pas nécessaire que ce
soit une boîte comme celle-ci. Évidemment, tu vas
trouver le style de tes propres lettres si
tu veux les copier avec moi et juste
faire les choses carrées. Maintenant, j'en suis content aussi. Ici, nous avons
établi un style pour notre lettrage. Maintenant, je vais juste faire
quelques ajustements pour m'assurer que nous avons une largeur plus
constante ici. Et c'est très bien. Passons à mon
deuxième mot, anniversaire. Pour l'anniversaire, nous avons
huit lettres d'anniversaire, mais je vais ajouter
ce point d'exclamation Maintenant. Nous en avons neuf, ce qui nous
laisse cette importante lettre
centrale H. Encore une fois, je vais m'
entraîner à partir du centre. H est une jolie
lettre symétrique qui est utile, utile pour H. Ensuite, je vais continuer avec mes
lettres à partir de là. Maintenant, vous pourriez trouver
cela vraiment ennuyeux et difficile de le faire de cette façon. C'est exactement ce que
j'ai trouvé pour
m'aider à équilibrer et à garder
mes lettres régulières. Mais il se peut que vous
trouviez très facile de passer d'un
côté à l'autre. Vous pouvez toujours utiliser
l'outil de transformation pour effectuer les ajustements. Quoi qu'il en soit, trouvez le
moyen qui vous convient, continuez
simplement à travailler sur
votre phrase ici. C'est peut-être le bon moment pour essayer différents styles,
passer à la cursive, mais en général, ce jour d'anniversaire, et je suis vraiment
contente de ce à quoi ça ressemble,
c' est ma couche guide, tout est fait Maintenant, il est évident que c'est une façon vraiment
structurée de le faire. Parfois, je le fais de manière
très sommaire, par
exemple, juste comme ça Je vais le faire joliment dessiné à
la main dans mon propre style, puis je réduirai la
capacité. Je vais adopter ce style
et travailler de cette façon. Vous trouverez peut-être
très amusant de simplement votre propre écriture et de
passer en revue cela Mais je vais vous le
montrer dans l'un de mes autres designs de stickers. Désactivons la couche
de guidage et regardons-y. Oui, je trouve que ça a l'
air vraiment sympa. Une fois ma couche de guidage terminée, je suis prêt à passer
à l'étape suivante. La coloration prend le
temps dont vous avez besoin à cette étape initiale de l'esquisse
jusqu'à ce que vous en soyez satisfait. Il m'a fallu quelques essais, mais je dois dire qu'il ne faut pas s'
inquiéter de la perfection. Nous affinerons notre
esquisse ensemble dans la prochaine leçon.
Je t'y verrai.
4. Colorer votre texte: Dans cette leçon,
nous allons utiliser notre couche de guidage comme base
pour illustrer notre conception. Je vais passer directement à l'
introduction de la couleur. Je vais donc être très
rapide dans cette leçon, en utilisant beaucoup de lignes droites
et en prenant des décisions rapides tout au long de la leçon. N'hésitez pas à faire une pause à tout
moment et à prendre votre temps. Vous souhaiterez peut-être même
apporter une touche de raffinement supplémentaire à
votre design ici. Mais je recommande qu'
avec les cadeaux basés sur le texte, je pense que la pratique est essentielle. Donc, plus vous pouvez
travailler dessus, mieux c'est. Faisons en sorte que les premiers soient terminés et diffusés dans le monde entier. Et n'oubliez pas que la perfection
est souvent l'ennemie du progrès. Encore une fois, je vais vous donner quelques conseils pour peaufiner votre
travail au fur et à mesure. Donc, si tu es prêt,
allons-y. Je veux donc que mon
billet d'anniversaire soit super content. Ce sera aux couleurs de l'arc-en-ciel et nous connaissons tous Roy Gabi, non ? Nous allons commencer par le rouge. Je vais donc sélectionner ma
couleur dans ma palette de couleurs. Je vais choisir un nouveau stylo. Je vais donc opter pour mon stylo de
studio. Stylo studio sur E. Maintenant, il ne s'agit que d'un stylo de studio
ordinaire, mais le stream
s'aligne à 66 % au lieu de 47. C'est donc tout ce que j'ai
changé à ce sujet. Je vais donc
créer une nouvelle couche, que je
vais appeler art. Et puis ma couche d'esquisse, je vais renommer Sketch Sur la couche artistique, je
vais créer mes couleurs. Ensuite, je vais réduire la capacité de la couche d'esquisse, afin de pouvoir simplement l'utiliser
comme guide pour zoomer Assurez-vous que mon stylo
est de la bonne taille Je vais sélectionner la taille ici, puis je vais commencer à encrer
en suivant ces directives, parce que je choisis une super boîte Cela devrait évidemment être rapide. Je peux simplement maintenir les lignes pour m'
assurer qu'elles sont bien droites et c'est
comme un style rapide. Vous voudrez peut-être
prendre un peu plus de temps si vous optez pour la cursive
ou quelque chose comme ça Mais je dirais que tu
n'as pas besoin d'être super chouette. Prends-le-moi, s'il te plaît. Si vous êtes nouveau ou que vous
débutez dans l'illustration
au toucher humain, le design parfaitement imparfait de votre main suffira amplement Ne perdez pas trop de temps vous soucier d'une petite marque qui n'affectera pas vraiment le
design de votre œuvre, en particulier avec ces autocollants Vous pouvez les publier très, très rapidement et vous savez que les gens
les utiliseront dans vos histoires. Ce seront des choses qui
passeront rapidement. Vous n'avez vraiment pas
besoin de passer des heures bien faire les choses comme vous le
feriez avec un imprimé ou
quelque chose comme ça. Utilisez simplement votre talent, utilisez vos erreurs parfaites
pour les réparer. Bien. Maintenant, vous pouvez voir
que je m'entends bien avec mon travail de coloriage ici. vais juste y aller et
utiliser à nouveau cette astuce, où je peux utiliser l'outil de sélection pour
découper mon P, le copier et le coller, glisser, puis je
n'ai pas besoin de le refaire. Ce ne sont que des moyens d'
accélérer votre flux de travail. Maintenant, je fais un
remplissage de couleur ici et vous pouvez voir que je fais glisser le pointeur pour faire monter et descendre
le seuil Maintenant, c'est juste la quantité
qui remplira le pixel, donc vous voulez aller le plus
haut possible sur ces 11. Belle astuce je peux faire avec ça aussi parce que j'
aime particulièrement mon s ici, je vais
juste le dupliquer. Utilisez-le simplement comme un
guide de largeur pour ma prochaine lettre. Si vous avez du mal à conserver la largeur et la cohérence
entre vos lettres. une fois,
c'est une très bonne astuce pour Encore une fois,
c'est une très bonne astuce pour ma couche artistique. Maintenant, je peux simplement
l'utiliser comme un guide de largeur et l'utiliser pour continuer le
style de mes lettres. C'est encore plus utile si vous l'avez sous
votre couche artistique. Maintenant, c'est mon article habituel, donc je vais
simplement le fusionner. Nous sommes contents que tout soit fait ici. Je peux voir que mon
H est un peu large par rapport
aux autres lettres. Je vais juste arrêter ça, puis passer à
l'anniversaire J'ai quelques
lettres communes entre anniversaire et joyeux. Encore une fois, je peux utiliser cette astuce
juste pour accélérer mon flux de travail. Cela m'aidera également à garder les lettres cohérentes. Faisons de même pour le A, en nous assurant que votre
lettre est sélectionnée. Si vous cliquez et maintenez, cela sélectionnera le
même et vous pourrez copier-coller
puis le déplacer vers le bas. Bien. Ensuite, vous pouvez également le fusionner sur
le même calque. Faisons-le simplement pour
le Y et déplacons-le. Allons-y, et nous fusionnons. Alors maintenant, je vais juste
passer au reste de mes lettres et je vais
accélérer la vidéo. Vous avez peut-être remarqué que j'ai créé
beaucoup de jours de naissance, ce qui n'est certainement
pas un ordre arc-en-ciel. C'était intentionnel car je pensais que
cela me donnerait une autre occasion de vous montrer astuces et d'accélérer le flux de travail. En fait, vous pouvez simplement
tout construire dans une seule couleur, puis le parcourir et le
remplir avec les autres couleurs. Une fois que vous aurez
tout compris, je terminerai
mon point d'exclamation ici et je vous montrerai ce que je veux dire Je veux que mon B soit rouge. C'est tout bon. Alors je
veux l'orange dans les yeux. Je peux donc simplement le colorier. Maintenant, je peux vraiment vous montrer ici. Si vous allez trop haut
avec celui-ci, il les colorera tous. Vous voulez juste le colorier suffisamment pour colorier cette lettre. Faisons de même
avec le R jaune et le T et le vert. Je vais également colorier le point d'exclamation
parce qu' ils savent qu'il
sera également vert. Ensuite, nous avons le violet, le H, puis nous sommes de retour, puis nous avons le rouge-orange. Et puis il nous faut du
jaune pour ce Y. C'est mon joyeux anniversaire Tout en couleur. Jetons un
coup d'œil sans le croquis. Cool, ça a l'air plutôt bien. Je peux le voir. Peut-être que je
dois faire quelques petites corrections. OK, j'en suis plutôt
content. J'aime beaucoup les lettres. Ils ont apporté quelques ajustements à
leur largeur générale, mais nous sommes prêts à passer à autre chose. J'aime bien, mais je
pense qu'il va être
difficile de le distinguer des photos et des images
complexes que vous pourriez avoir
sur les stories Instagram. Nous allons
lui donner une ombre. Maintenant, ma
façon préférée de le faire est de simplement dupliquer
cette couche artistique. Renommez ensuite l'ombre
du bas. Assurez-vous que tout
le reste est nommé. Nous n'avons rien de
plus dont nous n'avons pas besoin qui ait l'air bien. Ensuite, je vais
désactiver la couche artistique. Maintenant, avant d'ajouter la couleur des
ombres à cela, je vais simplement retirer
toutes les couleurs d'ici. Je vais passer aux réglages
ici, à la saturation des teintes et à la luminosité. Ensuite, je vais supprimer
toute la luminosité, qu'il y ait juste un noir profond. Ensuite, si nous sélectionnons couleur de notre ombre sans
mon joli bleu marine ici, et que nous
la faisons simplement glisser vers le haut pour nous assurer que
toutes les lettres sont pleines. C'est la couleur de mon ombre. Ensuite, nous pouvons activer
la couche artistique et vous pouvez simplement y voir un petit
contour de l'ombre. Une fois cette option sélectionnée, vous pouvez maintenant déplacer vers la
position de votre choix. Maintenant,
j'aime bien votre ombre portée en bas à gauche, donc je vais juste lui donner une
distance suffisante pour que, peut-être,
lorsqu'elle est petite, vous puissiez toujours voir cette ombre
là parce que notre autocollant
sera assez petit. Peut-être que je vais même
le déplacer un peu plus. Ça a l'air bien maintenant. On dirait une ombre
projetée sur un mur, mais je veux que ce soit
comme une lettre carrée. En fait, je vais m'y joindre, donc cela ressemble à une lettre solide. Je vais vous montrer comment procéder avec ma couche d'ombre
toujours sélectionnée. Il suffit de le joindre à quelques petits triangles pour lui donner
l'illusion qu'il s'agit en fait de trois D. Si nous comparons le
H et le A, maintenant, lieu d'être une ombre projetée, dirait que
tout est une seule pièce. Il y a des côtés sombres. Joli devant coloré, c'est
ce que je veux. Je vais juste
continuer, en coloriant ces
parties pendant que je suis ici. Il peut également simplement
vérifier que mon œuvre d'art ressemble à
ce que je souhaite en faisant des
allers-retours entre les couches. N'oubliez pas que vous pouvez sélectionner une couleur différente
avec le compte-gouttes Choisissez la couleur de votre ombre lorsque vous revenez à
votre couche d'ombre. Ici. Je suis juste en train de terminer ces lettres carrées,
c'est l'heure de l'inspection. Assurez-vous donc que vous zoomez
vraiment, en vérifiant simplement toutes
vos lettres et en les faisant correspondre
parfaitement à ce que vous voulez Ne vous inquiétez pas de laisser quelques petites
erreurs humaines ici et là. Mais ici, j'ai repéré une jointure. Je vais le remplir. Assurons-nous de n'en
avoir raté aucun autre. Non, ça a l'air bien. À ce stade, nous allons l'intégrer à
Photoshop Now, généralement avec des animations.
Je suggère d'avoir tout ce
que vous allez animer sur différents calques Mais dans celui-ci, comme nos
œuvres sont en cours de Procreate, nous allons
les intégrer dans Photoshop et commencer
à les séparer Parce que ce qui est ennuyeux, dans
Procreate, pour une raison ou une autre lorsque vous les prenez dans des photos
After Effects, tous ces pixels qui
ne sont pas censés être là, il n'y a Ils se présentent sous forme de pixels
invisibles embêtants. Nous allons donc l'intégrer à Photoshop où nous allons
les découper et le rendre
vraiment prêt pour l'animation. Nous allons également l'étiqueter
et y faire d'autres
choses. Nous allons donc l'emporter
dans un magasin de bateaux de toute façon. Tout ce que je veux dire, c'est que vous
n'avez pas vraiment besoin les séparer ici parce que
nous le ferons plus tard. Je vais maintenant profiter de l'
occasion pour vous montrer mes autres stickers, savoir le sticker My Love You. Maintenant, cela a
commencé comme un simple croquis
sur fond noir, un lettrage simple, super rapide Et puis en plus de
cela , j'ai fait ce genre
d'écriture à bulles, ce que j'aime beaucoup
faire. C'est vraiment facile. Il suffit de faire
des boucles rapides en haut, puis de le remplir. Ensuite, j'ai commencé à créer mes formes
remplies par-dessus. Et c'est ce que vous pouvez voir là-bas. Maintenant, parce que j'ai
décidé de les superposer, je les ai
un peu déplacés. Par conséquent, j'ai dû
les construire sur des
couches séparées pour ce faire. Il y aura toujours
ces embêtants pixels invisibles autour de chaque lettre va encore
falloir les supprimer, mais je vais
vous montrer une autre façon faire dans Photoshop plus tard. J'ai aussi ajouté mon eau ici, parce que tu aimes,
c'est mignon, tu sais,
ils se blottissent tous Alors mon dernier sticker
est mon beau sticker. Tout a commencé avec ce croquis de pigeon, puis j'ai ajouté le joli Encore une fois, un croquis
super rapide, très rapide, puis j'ai décidé de faire des lettres assez
carrées par-dessus Ce sont mes trois
illustrations. Encore une fois, celui-ci va
avoir ces pixels. Je vais vous montrer
comment la supprimer dans After Effects comme
autre technique. Une fois que je vous aurai montré les trois, vous pourrez décider lequel vous convient le
mieux. Mais c'est tout. J'ai illustré ces trois modèles de texte
différents pour les animer tout au long du cours À l'heure actuelle, vous devriez avoir au
moins un design avec lequel jouer. À ce stade, vous pouvez vous entraîner
davantage à créer
différents styles de texte, des qui se chevauchent ou des polices
avec de petites illustrations. Mais tant que tu
n'en as qu'un, tu pourras faire tout ce que je fais pendant le reste du cours. J'ai également mis mes fichiers
dans le dossier des ressources. Si vous voulez aller de l'avant et utiliser le mien pour l'étape suivante. Juste pour mentionner que
vous aurez besoin d'au moins cinq
cadeaux si vous souhaitez les télécharger sur Goffi et créer des autocollants accessibles
via Instagram Mais vous pouvez toujours les
créer une fois que vous aurez maîtrisé le
premier. Si vous le souhaitez, nous pouvons passer préparation de notre fichier pour l'animation dans la leçon suivante.
On se voit là-bas.
5. Exporter et importer: Dans cette leçon, nous allons
apprendre comment exporter nos fichiers de procreate
vers l'ordinateur. Si vous utilisez Photoshop
ou Illustrator, passez simplement au
code temporel ci-dessous pour savoir comment structurer vos dossiers
et diviser vos couches. Il sera très important de
choisir un emplacement pour vos
fichiers qui ne bougera pas et ne gâchera pas vos animations
ultérieurement. Allons-y. Procreate est très pratique
et facile à exporter. Si vous cliquez sur Sélectionner ici, vous pouvez exporter plusieurs
fichiers ensemble. Je veux mon sticker joyeux
anniversaire, mon joli sticker
et mon joli sticker. Je vais
les partager. Cliquez sur Partager. Ensuite, nous voulons sélectionner les fichiers
Photoshop PSD. Il va
proposer un menu. Je vais juste le déposer
sur mon Mac ici. Cliquons sur Air Drop. Vous pouvez voir mon téléphone et mon Mac, ils vont juste
apparaître à l'écran. Ensuite, si nous accédons à nos téléchargements
puis que nous ouvrons le moteur de recherche, je peux les voir
en haut. Je dois créer un bon
endroit pour eux maintenant. Mon endroit idéal
pour cela sera sur le bureau
et je vais créer un nouveau dossier
avec Command Shift. Je vais appeler cela le projet d'autocollants
Instagram. À l'intérieur de celui-ci, je vais
créer un dossier de fichiers de travail. Et je vais créer un dossier d'exportation en majuscules
parce que c'est mon truc. OK, dans les fichiers de travail, créez un nouveau dossier
appelé Photoshop, PSD. Ensuite, je vais créer un deuxième dossier appelé car nous avons
besoin d'After Effects. Et aussi dans ce dossier pour
créer un fichier d'images. OK, alors
faisons-les simplement glisser dans le dossier PSD. Nous allons examiner
chacune de ces couches à tour de rôle pour vérifier les couches et nous assurer qu'
elles sont bien entrées. OK,
rangeons ces pelleteuses. Si nous double-cliquons
dessus, Photoshop devrait s'ouvrir. Voici l'autocollant sur
lequel j'ai travaillé. Je vais me débarrasser de toutes les couches
supplémentaires dont je n'ai pas besoin, je n'ai plus besoin de couche d'esquisse. Je n'ai pas vraiment besoin de la couche
d'arrière-plan non plus. Nous venons de les avoir tous les deux. Maintenant,
parce que je sais que je vais l'utiliser pour
la leçon de positionnement. J'ai besoin que tout soit séparé, en particulier pour ce qui est de Procreate. Toutes les couches
contiennent des pixels invisibles, ce qui est le cauchemar
d'After Effects Vous verrez que si je le fais glisser
comme ça, cela me donnera
un cadre de délimitation représentant le carré entier
plutôt que le cadre de délimitation
de la lettre Il vaut mieux
simplement les intégrer dans Photoshop et les découper
ici, faisant correspondre pour fusionner ces deux
couches afin que je puisse les fusionner vers le bas. Ensuite, je vais l'enregistrer
en tant que copie différente. Je peux l'appeler pour A
parce qu'il a été édité. Nous avons toujours ce fichier de
sauvegarde sur lequel travailler avec le dernier que j'ai sélectionné, c'est-à-dire celui-ci ici. Nous allons juste
dessiner autour du H. Il n'est pas nécessaire que ce
soit très beau, mais assurez-vous que
tout le H est de la luge Et puis cliquez avec le bouton droit sur
la couche par découpe. Vous avez maintenant la première couche
avec ce H dessus. Nous pouvons le renommer ici. Maintenant, si je le transforme, le cadre encadré
sera autour de la lettre, c'est exactement ce
dont nous avons besoin Pas de pixels invisibles embêtants. Vous voulez simplement continuer
à le faire avec toutes vos lettres ici ? Je vais simplement passer à l'outil de lasso polygonal parce que je peux simplement
appuyer et c'est beaucoup, beaucoup plus rapide pour
découper les lettres et assurer que
vous êtes sur la Il suffit de les superposer par découpe
exactement de la même manière. En fait, vous
voudrez le faire avec tous vos autocollants si vous
les avez pris chez Procreate. Si vous l'avez fait directement
dans Photoshop, vous devrez peut-être le faire
car il n'y a pas le même problème avec la situation des pixels
invisibles. Je vais également vous montrer
comment le faire plus tard
dans After Effects. Si vous n'arrivez pas à
ce stade avec votre processus, je vais simplement passer en revue et étiqueter toutes ces lettres. Cela peut être un peu exagéré
dans Procreate, car vous devez appuyer et renommer Et c'est où ? C'est juste une double lettre
rapide. Je trouve simplement que cela est beaucoup
plus facile pour l'étiquetage accélère
le processus de travail. OK, avec cette étiquette, enregistrons-la à nouveau. Évidemment dans le nouveau nom de fichier. Ensuite, nous pouvons vérifier
que c'est dans le dossier. Oui, nous pourrions donc créer un dossier
séparé si vous le souhaitez, en particulier pour ceux d'After Effects, mais nous devons nous assurer
qu'il reste ici maintenant. Ainsi, lorsque nous l'
intégrerons dans AR Effects, il y aura un endroit pour
toujours faire référence à ce fichier. Nous avons donc maintenant divisé notre
illustration en couches utilisables. Dans la leçon suivante, nous allons importer dans
After Effects et y installer l'outil le plus important de votre carrière d'animateur.
On se voit là-bas.
6. Installer des outils de mouvement: Dans cette leçon, nous allons importer notre fichier PSD dans After Effects
et installer des outils de mouvement Un incroyable plugin à
télécharger gratuitement, qui accélère
votre flux de travail facilite
généralement l'animation. Je suis certain que cela vous aidera. Commençons. Commençons donc par revenir à notre
espace de travail par défaut en cliquant ici. J'espère que cela ressemble à
quelque chose comme ça, mais nous allons quand
même jouer avec ça Peu importe si ce n'est pas le cas, lorsque vous importez quelque chose dans
After Effects, la dernière composition
que vous avez créée lors de
l'importation sera mémorisée . Vous pouvez écrire en cliquant
ici et en cliquant sur Importer. Vous pouvez également cliquer sur Commande, qui est le
raccourci le plus populaire que j'utilise. Vous pouvez également vous rendre ici pour
archiver et importer. Nous voulons le trouver
dans nos dossiers récents. Voici
les quatre autocollants. Maintenant, pour l'importer,
nous voudrions l' importer sous forme de couches. Nous voulons sélectionner la composition,
conserver les tailles des couches. Et nous allons
simplement l'ouvrir. C'est très bien. Cliquez simplement sur OK. Ensuite, nous allons
ouvrir cette composition. OK, mettons-le. 100 % sympa. Ça a l'air bien. Ici, nous pouvons vérifier nos paramètres de
composition. Nous pouvons constater que la
largeur et la hauteur sont correctes,
ce qui est formidable. Ensuite, nous avons la fréquence d'images. Maintenant, il se souvient de
ce que j'ai vécu. J'ai perdu un de ces autocollants. Je l'ai mis sur une fréquence d'images de 12. C'est généralement la moitié
de la fréquence d'images des anciennes animations
Disney. Donc, les animations des personnages, je les ai mises sur 12 juste pour faciliter
les cadeaux. Vous pouvez même descendre à huit, et il est évident que
vous n'aurez qu'à animer ces
huit images par seconde 12 en recommandent 12, et Giffe recommande
en fait un peu
moins de 200 images Nous nous en tenons donc parfaitement à cela. Nous voulons également le maintenir en
dessous de 6 secondes. Dans mon projet, je
pense que je vais faire 4 secondes parce que c'est avec cela
que je travaille. Normalement, je vais
changer la couleur de mon arrière-plan, qui est cette couleur ici, pour un gris à 50 %. 50 % de gris est généralement une très bonne règle car vous pouvez voir toutes
les autres couleurs, comme le blanc, de manière éclatante. Cliquez sur OK, et
votre composition est prête. Bien, maintenant, nous
devons installer
un plugin très important pour After Effects, qui
nous aidera à terminer toutes
nos animations et à améliorer
réellement
votre flux de nos animations et à améliorer
réellement travail dans After Effects. Nous allons simplement enregistrer ce
projet au même endroit. Trouvons ce
fichier PSD cette fois. Nous allons aller
dans le dossier et nous allons appeler
ce set d' autocollants en forme de gramme un, juste au cas où nous en fabriquerions
d'autres plus tard. Je vais aussi mettre
celui-ci, juste au cas où nous
aurions d'autres versions. Si l'autocollant est collé en
un clic, enregistrez, et ce sera son lieu de vie
permanent. Maintenant, je vais juste
arrêter After Effects. Je vais accéder à mon navigateur. Je vais
chercher des outils de mouvement. Motion Tools est un plugin
de l'école de motion design. Si vous le trouvez, cliquez dessus,
vous verrez qu' il y a beaucoup
d'informations ici. Vous pouvez regarder une vidéo
sur les outils
, que je recommande vivement car elle
décrit tout. Je vais me concentrer sur quelques
points dans ces leçons. Je vais vous apprendre à l' utiliser avec nos animations de texte. Mais si vous voulez en savoir plus, vous pouvez
évidemment faire
défiler le site. Maintenant, pour le télécharger, il suffit de cliquer sur le bouton « Téléchargement gratuit » sur le bouton « Écran » qui devrait être
téléchargé sur votre ordinateur. Je vais le montrer
dans mon Finder. Ouvrons-le en
double-cliquant. Ouvrons-le. Ensuite, ce qu'ils ont fait, ce qui est vraiment très pratique, c'est vous donner un guide
d'installation. Il s'agit en fait d'un processus en
deux étapes. Vous devez d'abord télécharger le programme d'
installation de XP. Si vous cliquez également dessus, vous pouvez y télécharger votre
Windows ou votre Mac. Ouvrons-le alors. Ce que vous devez faire, c'est
simplement faire glisser le XP vers votre dossier
Applications. Maintenant, j'en ai déjà un,
je ne vais pas le faire, mais ça va juste vous expliquer comment l'installer. Ensuite,
ouvrez votre programme d'installation Zx. Faites-y simplement glisser ce fichier
d'outils de mouvement. Il vous indique que vous êtes sur le point de
l'installer, installons-le. Ensuite, il vous indique
où vous le trouverez. Extensions de fenêtre dans les applications
compatibles comme indiqué dans la
fenêtre d'instructions Nous allons ouvrir une fenêtre, trouver des extensions,
puis nous allons ouvrir le premier panneau
des outils de mouvement. Ne vous inquiétez pas pour les trois
autres pour le moment, nous allons juste en utiliser un. Si c'est la première fois que vous
utilisez les outils de détection de mouvements, vous devez vous inscrire
afin que nous
puissions simplement vous rediriger vers le site Web et
remplir les informations. Ne vous inquiétez pas, vous n'
avez rien à payer. Si vous avez déjà un
compte, connectez-vous ici. Après votre inscription, il vous suffit de
revenir et de vous connecter ici. Une fois connecté, votre panneau d'outils de mouvement
devrait être prêt. J'aime l'ancrer
ici sur la droite
, puis régler le
panneau, il s'adapte parfaitement. Ce sont nos
outils de mouvement en place. Nous avons également la fenêtre de
composition ici. Contrôles des effets.
Voici notre panel de projet, et voici notre chronologie. Nous avons maintenant tout ce dont nous avons
besoin pour commencer à animer. Rejoignez-moi dans la prochaine
leçon pour découvrir comment
7. Position d’animation: Dans cette leçon, nous
allons animer le design de
notre sticker à l'aide de l'animation de
position Animer la position
d'un texte peut donner lieu à toutes sortes de rebondissements farfelus et
ondulés. Je pense donc que vous
allez apprécier celui-ci. Nous allons juste
vérifier notre composition. Si nous cliquons sur chaque couche, cela nous montrera un
joli cadre
autour de la lettre elle-même, autour de la grande composition Si nous allons dans les paramètres de
composition, vérifions-les simplement. Il se souviendra des
dernières que vous avez faites jusqu'à présent. La largeur et la hauteur correspondent à la bonne quantité de pixels. La fréquence d'images est de 12
, puis la durée de 4 secondes. Et ma
couleur de fond est 50 % gris. C'est une bonne chose si votre point d'ancrage n'est pas
au bon endroit. Si vous les sélectionnez tous et cliquez sur ce
bouton central très pratique de Motion Tools, que vous
cliquez sur ce
bouton central très pratique de Motion Tools, tout sera centré pour vous. Une autre bonne raison
d'avoir des outils de mouvement. Notez simplement
que vous pouvez modifier la position du point d'ancrage une
fois qu'il a été animé. Nous n'avons donc pas besoin de
trop nous inquiéter à ce sujet pour le moment. Ce que je veux obtenir
dans cette leçon, c'est une belle vague de foule avec les lettres de
joyeux anniversaire. Pour cela, je vais devoir
animer la position
de chaque couche Si je sélectionne toutes ces
couches et que je clique sur P, cela révélera la
propriété de position de chaque couche. Si je fais juste un
ajustement à cela, vous pouvez voir qu'ils
sont tous sélectionnés. Maintenant, ce que nous voulons faire
au tout début
d'une animation Jeff, ou de toute animation en boucle, c'est définir la position dans
laquelle ils se trouvent déjà Si nous cliquons sur le chronomètre avec la tête de lecture au
début de la chronologie, cela définira une image clé
avec cette position exacte Pour le faire tourner en boucle, nous devrons également
le définir comme cadre final. Si nous passons
à huit images, cliquez sur ce
petit losange ici, cela placera une autre image clé exactement la même
que la première. Parce que nous n'avons encore rien
ajusté. Tout ce que nous avons fait,
c'est définir la position, la position de
départ et la position
d'arrivée, pour notre joyeux anniversaire ici. C'est vraiment une bonne
pratique pour former une boucle. Commencez toujours par définir les cadres de
début et de fin, puis effectuez vos
réglages au milieu. Passons à quatre cadres,
au milieu des deux. Nous pouvons maintenant
décider du comportement ou du mouvement des lettres. Vont-ils monter
ou descendre, ou d'un côté à l'autre ? Je pense que pour les miens, je
vais les faire monter. Réajustons cela afin de voir
la composition complète Ensuite, une fois qu'elles sont toutes sélectionnées, je vais cliquer sur l'une des lettres et
commencer à
la faire glisser vers le haut Si je maintenais la touche Shift enfoncée, cela se fera exactement
en ligne droite. Nous y voilà. Je pense
que c'est suffisant. Voyons ce que nous avons.
Si nous cliquons sur la barre d'espace, l'animation sera jouée. De toute évidence, pour le moment,
mon calendrier est bien trop long et nous devons attendre
trop longtemps pour le voir. Faisons-le simplement glisser
jusqu'
à 1 seconde et
appuyons à nouveau sur Play. Nous y voilà. Nous pouvons voir mouvement
très simple vers le haut et vers le retour à la position
de départ initiale. Ne vous inquiétez pas à
ce stade , le mouvement
est assez brusque. Nous allons l'assouplir
un peu plus tard. Pour l'instant, je vais vous montrer un truc sympa pour le
rendre plus amusant. Nous allons ajouter l'
expression élastique issue des outils de mouvement. Avant d'ajouter l'expression
élastique, je vais simplement étendre
la zone de travail à 3 secondes. Pour ajouter l'expression élastique, nous devons d'abord sélectionner les
images-clés. Pour les sélectionner tous,
il vous suffit de cliquer et de faire glisser le pointeur sur tous les
images-clés de la chronologie. Si vous accédez au panneau des outils de
mouvement et que vous passez le curseur sur le bouton
élastique, vous verrez
apparaître différentes choses Ce que nous voulons faire, c'est
créer une couche de contrôle. Pendant que nous cliquons sur le bouton, nous allons maintenir la
touche Alt enfoncée, puis cliquer dessus. Cela a permis d'
ajouter une expression à toutes
les couches et une
couche de contrôle en haut ici. À l'intérieur de cette couche de contrôle, nous avons ces trois contrôles. Nous avons l'amplitude,
la fréquence et la décroissance. Cliquons sur Play et voyons ce que cela
fait. Contrairement
au fait. Contrairement
au mouvement très brusque que nous avions auparavant, nous avons maintenant un
peu de printemps et un peu de rebond
pour notre joyeux anniversaire Cela fonctionne, mais nous
pouvons certainement ajuster cela pour voir ce que
cette œuvre de magie peut faire. Que se passera-t-il si nous doublons
l'amplitude à 40 ? Nous pouvons constater que
le rebond
ou le dépassement élastique devient beaucoup plus important Ajoutons 100 pour
vraiment vérifier. Il est bon d'insister un peu
plus sur ces expressions car nous voulons que notre cadeau
soit super percutant Si je le fais très petit, nous allons y voir beaucoup de
mouvement pour le moment. L'expression élastique affecte toutes les images-clés, mais en général, j'aime bien l'avoir uniquement sur
la dernière image-clé Vous avez donc le printemps pour le faire, je vais facilement simplifier les deux premiers. assouplissement facile consiste simplement à ralentir
le mouvement lorsque nous entrons
ou sortons de l'image clé. L'
expression élastique fonctionne bien lorsque le mouvement est très rapide
. Idéalement, nous aurions l'expression
élastique sur une image-clé sans assouplissement
ou une image-clé linéaire. Pour faciliter la tâche, vous pouvez les
sélectionner cliquer avec le bouton droit de la souris et accéder à Keyframe Assistant,
puis à Easy Easy Ease Ou vous pouvez utiliser le
raccourci pratique, qui est neuf. Vous voyez maintenant que lorsque je joue,
l' élastique ne fonctionne que
sur cette dernière image clé. Cela donne à votre autocollant un effet
dynamique
et ludique
vraiment naturel votre autocollant un effet
dynamique
et ludique Assurez-vous d'ajouter de la facilité à tous les cadres clés sur lesquels vous ne
souhaitez pas obtenir un effet élastique. Maintenant, nous avons joué
avec l'amplitude. La fréquence correspond à la
rapidité avec laquelle il rebondit. Je vais le mettre à
100 juste pour le démontrer. Maintenant, nous pouvons voir qu'il
fait ce mouvement de garçon, ce qui est plutôt amusant. Nous allons simplement le remettre à 45. La décomposition correspond à la rapidité avec
laquelle le printemps meurt. Si vous voulez que le printemps
dure plus longtemps, vous devez réduire le
nombre de pourritures. Par exemple, si je mettais zéro, il rebondirait à l'infini et ne ferait probablement pas
une très bonne boucle Je garde généralement le déclin entre 30 et 60. Mettons-le à 30 ici Vous pouvez évidemment choisir
en fonction des vôtres Si vous voulez qu'il soit rebondissant et
décadent, je vais juste mettre
mon amplitude sur 30 C'est le look
que je recherche. La prochaine étape pour la rendre plus intéressante est d'
échelonner cette animation Ici, dans le panneau des outils de mouvement, nous avons une section consacrée au
décalage ou au séquençage Cela va échelonner les images ou
les couches clés. En fonction de ce que
vous avez sélectionné. Ce bouton s'affiche
en séquence jusqu'au début
de la chronologie. Celui-ci de haut en
bas, de bas en haut, puis de manière aléatoire
la section ci-dessus. Il s'agit de la quantité de
décalage et des étapes Si nous sélectionnons ces couches et que nous les
considérons comme un décalage d'un, vous verrez que lorsque je clique
dessus, elles ont déplacé un
cadre, chaque couche. Si je les remets
au début,
puis que je place le décalage à
deux, puis que je place les étapes deux, puis que nous les enchaînons, vous verrez que nous en avons deux ici qui se déplacent tous à
deux sauts d'image Vous pouvez le manipuler
très facilement
et magnifiquement et obtenir des effets vraiment
différents. Je vais faire le décalage
comme un et les étapes une, et je vais faire une séquence à partir
du meilleur joueur. Jouons à ça. Ça a l'air vraiment sympa. J'aime beaucoup le mouvement ondulé des
vagues de foule de celui-ci. C'est vraiment joyeux, vraiment joyeux. Le seul problème, c'est que j'ai
l'impression que l'anniversaire devrait
passer avant les heureux, car il vient en second. Cela ne fonctionne pas tout à
fait comme je le souhaiterais. Heureusement, il existe un moyen très
simple de changer cela. Mon astuce simple et rapide,
sans rien changer, aucune des images clés, consiste à sélectionner de la couche inférieure
jusqu'au joueur supérieur. Laissez la couche de contrôle élastique. Nous commandons à X de le couper
puis V et il
reviendra dans l'ordre dans
lequel vous l'avez sélectionné. truc vraiment cool. Je n'ai aucun autre programme
qui fasse cela. Il le
séquencera automatiquement à partir du point d'exclamation Je l'ai d'abord sélectionné
pour le H et Happy. Replaçons la couche
de contrôle
élastique vers le haut afin savoir exactement où elle se
trouve. Rejouons-y. Oui, maintenant la
date de naissance est devant Happy et ça a vraiment l'
air bien. Peut-être que maintenant nous le voyons
complètement. Nous aimerions apporter
quelques modifications supplémentaires à l'élasticité. C'est bon. Vous pouvez créer directement au fur et à mesure. Je vais juste
ajuster la fréquence du rebond à 40, juste un peu plus bas. Mais je dois dire que pour moi, ça a l'air un
peu lent, d'
habitude, les
stories Instagram sont assez rapides C'est une fête. Nous voulons que ce soit plus percutant que cela Nous pouvons faire des ajustements. Sélectionnons toutes les couches et ouvrons à nouveau la
propriété de position en cliquant sur. Si nous cliquons maintenant sur
ce bouton, cliquez, et tout sera réorganisé avec les images clés
au début. C'est vraiment bien
parce que cela va nous
aider à ajuster notre vitesse de manière uniforme. Maintenant, si je l'ouvre pour que nous puissions
tous les voir en même temps. Ensuite, nous sélectionnons toutes les images
clés en maintenant à nouveau la touche Alt enfoncée, nous les cliquons et nous les
faisons glisser, en
insérant un peu ce temps. Je vais ajuster l'image
finale à six images. Ajustons la chronologie et vérifions l'
animation correspondante. Ajustons à
nouveau cela. Nous pouvons tout voir. Nous pouvons les ajuster
complètement comme je viens de le faire. Ou nous pouvons sélectionner uniquement le cadre final.
Juste le cadre central. Nous pouvons les déplacer.
Je vais juste rapprocher l'image finale de image centrale pour accélérer
la dernière image. Je vais vous montrer quelques
graphiques de vitesse dans la prochaine leçon. Vous en saurez donc un
peu plus à ce sujet, mais ne vous
inquiétez pas pour le moment. Je ne fais qu'augmenter la vitesse de ce rebond et le rendre un peu plus percutant Très bien, voyons qu'
une fois le séquençage activé, avec tous les éléments sélectionnés, cette fois nous allons passer à la
séquence parce que nous l'avons effleuré, nous devrons plutôt effectuer la séquence à partir de
la couche inférieure Il est important de s'en souvenir.
Séquencez, puis jouez. Ça a l'air plutôt bien. Faisons quelques derniers ajustements
de vitesse. Parce que si je regarde de loin, si je fais défiler la page vers le haut, vous verrez la taille de l'autocollant auquel
vous aurez affaire. C'est vraiment utile dans un sticker d'exagérer un peu plus
les mouvements Allez un peu plus loin et vous
en tirerez plus d'effet. Augmentons l'
amplitude à 55, fréquence à 66, puis
55 sur la décroissance également J'aime bien ça. Je fais le bien. Oui, je fais le bien. Vérifions-le. Oui, c'est probablement
très petit pour vous, mais comme je l'ai dit, ces autocollants vont un peu plus loin que
dans une animation normale. Et vous constaterez que
cela fonctionne vraiment bien. J'en suis vraiment content. Maintenant, je vais le sauvegarder. Commande S, que vous ayez fait rebondir la vôtre de haut en
bas ou d'un côté à l'autre. Nous allons laisser
ça ici pour le moment. Et je vais vous montrer comment
exporter le jiff. Dans la leçon sur les exportations, tous les autocollants
seront animés dans ce fichier. Alors rejoignez-moi dans la
prochaine leçon pour animer l'échelle
de notre prochain sticker Je t'y verrai.
8. Gamme d’animation: Nous allons maintenant créer des animations
de mise à l'échelle
sur notre prochain sticker. N'hésitez pas à réutiliser votre premier
design pour cela, si vous n'avez réussi
à créer que celui-ci ou à utiliser mes fichiers depuis
le dossier des ressources. Je vais également vous montrer
différentes méthodes pour supprimer ces pixels de Procreate invisibles dans Photoshop afin que vous puissiez bien
animer ces fichiers Pour celui-ci, je vais le faire, je pourrais écrire la
commande cliquez ici puis l'autocollant que je vais utiliser pour la mise
à l'échelle. Ensuite, créez une composition, appuyez sur Ouvrir et sur OK. Maintenant, si j'ouvre celui-ci, vous verrez vraiment les effets
de ces pixels invisibles. Si je clique sur le L ici, vous pouvez voir que le L contient le cadre de délimitation complet plutôt qu'un
encadré juste autour de
la lettre et du point d'ancrage au centre, les autres lettres
suivent également cela Nous devrons le
réintégrer dans Photoshop. Je vais juste vous le montrer encore une fois. Annulons la saisie. Jetons-y un coup d'
œil dans Photoshop. Ici, si je regarde le L, cela semble assez normal, sauf que si j'appuie sur Transformer, vous pouvez voir ce cadre de délimitation. Ne le transformons pas,
dupliquons-le. Vous pouvez dupliquer soit
en accédant ici pour dupliquer la couche L, soit en copiant,
quel que soit son nom, puis nous la fusionnons. Maintenant, si j'essaie de transformer à nouveau
cette lettre, vous pouvez voir que le cadre de
délimitation est autour la lettre plutôt que
autour du carré entier Je ne sais pas vraiment
pourquoi cela fonctionne, mais c'est le cas. Hz. Sauvegardez-le. Gardons-en quatre, comme nous l'avons
fait pour la naissance. Le premier jour, cliquez sur OK. Maintenant, si nous importons celui-ci
qui est essentiellement le même fichier et que nous l'ouvrons. Si je regarde à
nouveau le L, cliquez dessus. Il y a maintenant un cadre de délimitation
qui se trouve juste autour du L. Je vais devoir le répéter pour toutes
les autres lettres Une autre façon de créer
très facilement une nouvelle copie de cette
lettre est de maintenir la touche Alt enfoncée, de cliquer, de la faire glisser
et de la fusionner vers le bas. Je vais le faire rapidement
pour toutes les lettres. OK, sauvegardons ça. Il va falloir le recharger
car il va tout gâcher. Importons-le. N'oubliez pas que nous voulons
cliquer sur Ouvrir la composition, OK, puis
double-cliquer dessus. Passons simplement en
revue les couches. Nous pouvons les mettre toutes
en évidence en même temps pour voir si elles sont toutes présentes
et si elles sont correctes. N'oubliez pas que si les
points d'ancrage ne sont pas centralisés, vous pouvez toujours cliquer sur
cet outil Button In Motion. Je vais juste faire
glisser cette couche d'eau vers l'arrière masquer et verrouiller parce que je ne vais
pas animer celle-ci Mais je vais animer
le reste des couches. Sélectionnons-les tous. Et cliquez sur le bouton pour l'échelle. Cela ouvrira
la propriété scale. Tout comme nous l'avons fait avant. Nous voulons créer cette boucle sans fin. Cliquons donc sur le chronomètre
ici cette fois, car je sais que nous voulions une animation
plus rapide la dernière fois Je vais passer à six
images au lieu de huit. Cliquons sur le petit diamant
ici pour le créer. Passons maintenant à
mi-parcours et essayons quelques modifications, car nous avons
toutes les couches ici. Si j'ajuste l'échelle
sur la couche supérieure, cela affectera également le
reste. Réglons cet axe x sur 110. Vous verrez que toutes les
valeurs passent à 110, y compris sur l'axe y ici. Réduisons simplement
cette chronologie à 1 seconde et jouons. Sympa. Ça a l'air bien. C'est comme
un petit battement de cœur, et c'est ce que je voulais
réaliser avec ce sticker d'amour Essayons d'autres valeurs. Allons-y en plus petit,
allons-y pour 80. Cette fois, cela a l'effet
inverse. On dirait qu'il entre
et sort, qu' il devient plus petit, puis plus grand. Essayons quelque chose d'un peu plus extrême. Allons-y pour 30. Il devient vraiment très
petit puis très grand. Ce sera
probablement une bonne fristica car
cela a beaucoup d'impact Mais je vais opter pour
110 pour le moment, parce que j'ai aimé le style de pompage
cardiaque. Mais si on le regarde, c'est
un peu raide. Nous allons donc utiliser à nouveau
ce bel outil de mouvement, Elastic Expression. Ramenons la tête de lecture
à cette image de départ et facilitons facilement les deux premières
images clés N'oubliez pas que le
raccourci pour cela est neuf avec tout sélectionné. Maintenant, cliquons sur l'
expression élastique en maintenant la touche Alt enfoncée. Cliquez dessus pour créer la
couche de contrôle élastique en haut Vous verrez qu'elle ne fait
que donner un petit rebond à
l'extrémité du cadre Comme je l'ai dit dans la leçon
précédente, je voulais vous montrer un
peu plus cet effet. Si je clique et que je passe à ma couche de points d'exclamation ici, nous pouvons commencer à voir
le graphique à ce sujet Ce qui va être très
excitant pour certains d'entre vous. Passionnés de technique, pour les autres vous n'avez pas
du tout besoin de le faire Je veux juste vous montrer visuellement quoi ressemble l'expression. Si je fais basculer le
menu déroulant sur l'échelle, vous verrez l'expression Je peux ensuite ouvrir
le graphique en cliquant sur ce bouton et en consultant
l'éditeur de graphiques. Maintenant, vous pouvez vraiment constater
que l'assouplissement deux premiers se
fait très bien. Et puis, comme nous
n'avons aucun assouplissement à ce sujet, cela va dépasser,
permettre à cette expression de se produire Maintenant, je peux voir qu'en fait nous n'avons pas l'expression
complète ici. Je peux donc allonger un peu
ma chronologie afin que nous puissions voir l'expression complète
se produire dans l'animation ici. Si nous revenons à la couche de contrôle
élastique et ajustons l'amplitude, disons que nous allons jusqu'à 90. Nous pouvons maintenant constater
que ce dépassement ou cet effet d'élasticité est beaucoup plus prononcé
dans le graphique Nous pouvons regarder le
graphique comme un changement, certaines autres valeurs aussi
bien que la fréquence Si je passe ce chiffre
à 90 également, vous verrez que le
nombre de rebonds après la fin de l'image clé est augmenté Si je mets la décroissance, souvenez-vous que c'est la
mort de l'onde à une valeur qui raccourcira
cet espace entre sh, l'espace ici, si
je le mets à zéro, vous verrez que cette
décroissance ne s'arrête jamais. Cela continuerait dans
la même boucle pour toujours. J'aime bien voir le graphique et voir comment fonctionne l'
expression, mais vous n'avez certainement pas besoin de savoir quoi que ce soit
à ce sujet. Bien que je sois plutôt
content de cette animation, je voudrais vous montrer d'autres effets
intéressants utilisant la mise à l'échelle sur un axe. Revenons
à cette image clé du milieu. Cette fois, ils ont tous coché la
case ici. Il s'agit de notre case de contrainte de
proportion qui lie la fois les valeurs
x et y et redimensionne le tout Si je décoche cette case puis que je
modifie l'une des valeurs, réduisons le y à 100 Voyons ce que cela donne. Si nous
jouons maintenant, nous pouvons voir que c'est comme si
nous nous trouvions sur le côté, ou si je veux
dire, sur l'axe X. Au lieu de cela, il va se balader de
haut en bas depuis le haut. Ce qui est très mignon aussi. En fait, j'aime bien celui-ci. Mais que se passera-t-il
maintenant si nous changeons le point d'ancrage parce qu' il oscille entre le
haut et le bas ? Essayons un
point d'ancrage en bas. Si je clique ici,
le point d'ancrage sera aligné avec le
bas de la lettre. Maintenant, nous pouvons voir qu'il
grandit à partir de ce point bas, qu' grandit et qu'il revient, ce qui est également très mignon Essayons-le avec un point d'ancrage à
gauche. Maintenant, cela ressemble à ce qu'il était redimensionné sur le côté parce que nous
le faisons depuis le milieu. Mais si nous changeons
simplement l'utilisation du fichier, nous pouvons constater
qu'il part du point
d'ancrage gauche pour
revenir ensuite au centre Je pense que je vais ajuster un peu plus
la mise à l'échelle, en m'assurant que toutes ces
couches sont sélectionnées. Juste pour que cela ait un peu
plus d'impact là-bas. Je vais juste ajuster un peu
l'eau. Je vais juste le faire pivoter
légèrement pour qu'il s'adapte mieux lorsqu'
il est redimensionné. Sympa. Oui, j'en suis plutôt
content maintenant. C'est mon deuxième sticker terminé, tous réalisés avec les mêmes effets que le sticker joyeux anniversaire, mais en redimensionnant cette
fois-ci, ne l'oubliez pas. Vous pouvez également
expérimenter le décalage ici à l'
aide d'outils de mouvement Encore une fois, ici, je
vais juste l'échelonner
de bas en haut Regardons ce que cela
fait. Un autre effet cool. Vous pouvez également le remettre
au début et essayer différents types
d'échelonnement. Par exemple, il s'agit d'un échelonnement
aléatoire Et voyez quel effet cela aura. Faites une expérience
avec le décalage. Tu trouveras peut-être des trucs sympas. C'est notre
dessin animé de mise à l'échelle. Si tout est fait. N'oubliez pas que vous pouvez également
utiliser ces techniques sur toutes les autres propriétés. Rotation des capacités. Pourquoi ne pas les essayer
sur d'autres modèles ? Assurez-vous donc que celui-ci est enregistré. Passons à notre
dernière animation d'autocollant, qui anime la couleur.
Je t'y verrai.
9. Animer la couleur: Dans cette leçon, nous allons
animer la couleur de notre texte. Cela peut être utilisé
pour de nombreux effets sympas et j'ai hâte de vous
montrer comment le faire. Je vais également vous montrer une dernière méthode pour
découper ces lettres afin de faciliter l'animation, en
les masquant dans After Effects Une fois que vous connaissez celle-ci,
vous pouvez choisir la méthode qui vous convient
dans votre futur travail. Voici mon dernier sticker que je vais
animer dedans C'est mon joli sticker avec mon petit pigeon qui
lève le pouce. Vous pouvez voir toutes les couches que j'ai importées depuis procreate ici Tout d'abord, un
peu de nettoyage. Supprimons ces deux-là. Il ne nous reste que le
gentil et le pigeon. Et je vais
les étiqueter ici parce que c'est beaucoup plus facile à
étiqueter dans Photoshop. Je pourrais maintenant
les séparer en utilisant l'outil de lasso
polygonal, mais je vais vous montrer une autre façon de le faire
dans After Effects lui-même,
qui est très, très similaire
à cet Je vais juste le sauvegarder
une fois de plus. Appelons ça pour
E et cliquons, OK. Importez votre fichier,
cliquez avec le bouton droit de la souris ou commandez I, et trouvez vos quatre autocollants AE. Faisons cette composition,
puis appuyons sur Ouvrir. OK ? Ensuite,
double-cliquez sur cette composition. Vous verrez que j'ai
exactement les mêmes calques que dans Photoshop. Vérifions simplement les
paramètres de ma composition, comme toujours, même largeur et hauteur. Bonne fréquence d'images,
12, durée, quatre, puis je vais changer la couleur de
mon arrière-plan pour mon gris à 50 %. OK, cool. Je vais donc vous
montrer comment séparer les couches, comme celle-ci. Ce que nous devons faire
avec cela, c'est créer
des masques. Pour ce faire,
nous devons
dupliquer couche autant de fois
que nous avons de lettres. Nous avons donc 12345678 avec mes accents pour
dupliquer cette couche Appuyez sur la commande D.
Nous avons donc 12345678, et nous pouvons les étiqueter si je clique sur
Entrée puis sur Entrée Entrez. Entrez. Entrez. Génial. Maintenant, ce que je vais faire, c'est passer en revue et les supprimer. Tout d'abord, je ne vais pas
animer le pigeon. Nous pouvons les mettre à l'arrière
et nous pouvons également les verrouiller. Ensuite, nous pouvons
passer en revue et sélectionner. Maintenant, si je sélectionne, c'est plutôt sympa parce que
je peux choisir celui-ci. Cependant, si je voulais dire «
choisissez le C », comme vous pouvez le voir, il va
tout récupérer pour le moment. Nous devons les
découper et les masquer. Voici la couche de mes yeux. Je vais juste
zoomer puis utiliser la main
pour déplacer le canevas. Ensuite, comme nous l'avons
fait dans Photoshop, découpez-les à très
faible teneur en poly et masquez-les. Si vous souhaitez les
déplacer, vous pouvez déplacer certains points que
vous avez sélectionnés. Maintenant, si je le fais en solo, vous verrez que l'
œil est autonome. Je vais aller jusqu'au bout. Il suffit de sélectionner les autres lettres
sur les bonnes couches. N'oubliez pas de zoomer
si l'une des lettres est très proche et de vous déplacer
avec son outil manuel. Vous pouvez également annuler
le dernier point que vous avez fait en disant
commande. Super, c'est fait. Si je les passe
en revue et en solo à tour de rôle,
vous verrez qu'elles sont chacune sur leurs propres couches,
ce qui est génial. Maintenant, si je voulais
dire « sélectionnez le C », mon point d'ancrage
ici est ici. Peut-être que si je
voulais animer comme une rotation ou une position, elle tournerait
autour de ce point, ce qui n'est pas très utile Ce que nous pouvons faire, c'est centrer tous ces points
d'ancrage. Vous verrez qu'ils sont
tous rassemblés au milieu, sauf
le,
c'est l' Nous pouvons accéder à
Motion Tools et y
cliquer sur le bouton
d'ancrage central. Cela va juste passer en
revue les couches et l'ajuster. Maintenant, évidemment, nous ne voulons pas
faire pivoter la position ici, je change juste la couleur. Mais pour une utilisation future, il se peut que
je
veuille y retourner et le changer. Il est toujours bon
de faire en sorte que
cet entretien ménager fasse
partie de votre cabinet Et ce qui est vraiment
génial, c'est que nous pouvons
passer en revue et
sélectionner chaque lettre. Nous accepterons cette ligne du bas, qui verra simplement la ligne du haut alors que le cadre de délimitation
se trouve au-dessus Il suffit donc d'aller sur
celui-ci pour le sélectionner. Nous allons maintenant
travailler sur les couleurs. Si je sélectionne et que je passe
aux effets et aux préréglages, je peux rechercher
l'effet, Phil Vous verrez Phil ici
sous le numéro 32. Si je double-clique sur celui-ci, il le
remplira automatiquement avec sa couleur par défaut, qui est ce rouge très
vif et sournois Pour que cela corresponde
à mes autres couleurs, parce que je veux
commencer par ce joli rouge doux, je peux simplement cliquer sur le compte-gouttes ici,
puis sur le
collyre à partir du C ou de
l'une des autres lettres Ensuite, nous avons ma couleur
habituelle dedans. Maintenant, je peux
copier cet effet de remplissage, sélectionner toutes les
couches et les coller. Maintenant, si je passe en revue et
sélectionne l'une des couches, vous verrez qu'elle a été
collée exactement de la même manière Maintenant, nous n'avons pas de
raccourci clavier pour révéler la couleur, mais nous avons cette barre
de recherche ici. Si je commence à taper une couleur, vous verrez que
dans tous mes calques, la couleur commencera à apparaître. Maintenant, si nous encadrons cette première couche et que nous
cliquons et faisons glisser le pointeur vers le bas, elle encadrera toutes ces couches de couleur, chacune de ces couches de couleur
aura une image clé. Maintenant, si je clique sur le menu déroulant, nous pouvons le voir clairement et
clairement dans la barre de valeur. Et je peux également cliquer sur ce menu
déroulant sur
le reste des couches. Maintenant, lorsque nous utilisons la couleur, cela commence à devenir un
peu plus complexe. Nous allons modifier notre
espace de travail pour en tenir compte. Déplaçons le panneau des calques jusqu'à l'endroit où se trouvent les commandes d'
effet. Nous allons déplacer les
commandes d'effets vers le bas. Nous allons réduire un peu la
barre de composition,
juste pour que nous puissions voir
le type qui s'y trouve. Cool. Nous pouvons également utiliser des
outils de mouvement en un peu plus OK, alors je vais
zoomer un peu. Ce que nous voulons faire pour créer cette jolie boucle, c'est copier
cette image clé. Je vais juste passer
ça à 1 seconde. Plutôt que de copier-coller, je peux utiliser cet outil pratique dans des outils de
mouvement appelés clone Et cela
fera simplement une copie de ceux qui sont sélectionnés
dans la chronologie. OK, maintenant pour la partie amusante, ajoutons de la couleur. Je vais donc le placer cinq cadres et nous allons
sélectionner une couleur différente. Si je prends la pipette ici, je peux choisir parmi mon illustration
, dans le panneau de couleurs ou
dans
les bibliothèques. Peut-être que si
je laisse tomber cette couleur, vous verrez qu'elle
apparaît maintenant dans C'est vraiment un outil visuel
pratique pour voir les
couleurs en temps réel. Maintenant, déplaçons-le simplement vers
le milieu ou appuyons sur Play. Vous verrez qu'il fait ici ce joli dégradé délavé Raccourcissons simplement
cette chronologie afin de pouvoir la voir un peu plus rapidement. Oui, nous pouvons voir ce beau
coucher de soleil se produire maintenant. C'est une bonne chose et c'est
peut-être ce dont nous avons besoin, mais j'
aimerais un changement rapide Je vais simplement sélectionner
toutes les images clés existantes et revenir sur nos outils
de mouvement pratiques. Vous trouverez ici les différents
types d'images-clés. Nous avons donc Bézier,
Lina, et Hold Frame. Nous voulons un cadre de maintien. Maintenant, vous
pouvez le voir très visuellement. Encore une fois, ce changement brusque
va se produire. Ouais. Sympa et tape-à-l'œil. OK,
rapprochons-nous et ajoutons
plus de couleurs ici. cette option sélectionnée, encore une fois, choisissons une autre
couleur parmi notre pigeon Joli bleu. Revenons-y. Choisissez une autre couleur
ici avec le vert. Je crois que j'en ai fini avec les couleurs. Voyons voir, ils sont en train de changer. Sympa. Nous pouvons assister à une pause un peu longue qui a
du sens, car
celle-ci n'est pas tout à fait uniforme. J'aime bien quand il fait pair. Bien sûr, vous n'en avez
pas besoin, même chez Tool, vous aimez
peut-être une couleur
plus qu'une autre. J'aime aussi que ce soit assez rapide. Si nous le faisons beau et petit, jetons-y un coup d'œil. Oui, ça a l'air cool. C'est un outil très pratique pour créer toutes sortes
d'effets de couleur. Vous pouvez fabriquer des arcs-en-ciel pour votre fierté, ou vous pouvez créer des drapeaux, comme
vous le souhaitez C'est un très bel effet, mais nous pouvons à nouveau utiliser nos outils de mouvement pour
échelonner cette animation Voyons juste quel
effet cela aura sur cela. Nous allons séquencer
de haut en bas. Oui, séquence. Vous verrez que tout s'ajuste. Oui, c'est cool aussi.
J'aime bien cet effet. Je pense que je vais revenir là où
tout change en
même
temps parce que je trouve que c'est juste plus percutant pour moi Une chose que j'ai remarquée et que vous avez
peut-être remarquée, c'est que le style de mon pigeon est très différent de celui
de mon beau C'est un peu comme
FA d'essayer de changer de couleur et de
trait en même temps. Ajoutons-le ensuite
dans After Effects. Je vais juste
zoomer ici et sélectionner ma lettre d'un coup pour que nous puissions la voir bien
près du pigeon Ce que nous allons
faire, c'est simplement créer un style de couche
, passer au contour et nous
verrons que le trait est là. Si nous cliquons vers le bas, nous pouvons voir que ce
trait a été ajouté à nouveau
au E dans ce rouge
très sournois Laissons tomber le
noir à partir de là. Maintenant, dans la position où je vais le placer
à l'intérieur, il garde ma belle forme. Je vais augmenter la taille du trait pour qu'elle
corresponde à celle de
mon pigeon ici Partagez comme si c'était mieux
au centre. Essayons ça. Nous pourrons
toujours l'ajuster plus tard. Maintenant, je peux copier la commande
C et coller la commande V, ce qui a un effet sur toutes les lettres. Maintenant, si nous faisons un zoom arrière
et que
nous appuyons sur Play, nous pouvons voir que ce trait
se déroule bien. Changeons à nouveau cette
position vers l'intérieur. Nous allons le copier sur
toutes les couches. Oui, ça a l'air mieux
maintenant parce que ça ne
se touche pas trop, donc
ce n'est pas aussi proche. N'oubliez pas que vous pouvez toujours
parcourir et
ajuster les lettres qui
vous semblent trop proches avec V. Je vais juste
déplacer cette lettre. Il suffit de le toucher et de jouer avec les seins. Oui, ça a l'air bien. J'aime
bien mon petit pigeon. Regardons-le en
grand. Joli et petit. Oui, je pense qu'il va
se démarquer. Nous y voilà donc. Vous venez d'
apprendre à animer la couleur de vos lettres et à ajouter un
contour qui ne change pas de couleur si vous en avez besoin J'ai également utilisé cette technique pour les arrière-plans
voyants par le passé C'est
donc une excellente compétence à connaître Dans la leçon suivante,
je vais vous montrer comment explorer toutes vos
jolies animations It files 0.
10. Exporter et télécharger: Dans cette leçon, je vais vous montrer comment exporter vos animations
vers des cadeaux et les
télécharger dans notre galerie de projets. Une fois que vous aurez reçu vos cadeaux,
dans la leçon suivante, je vous montrerai comment les télécharger Goff et les obtenir sous forme d'
autocollants utilisables sur Instagram Alors restez à l'affût pour celui-ci. Maintenant que nous avons animé
tous nos autocollants, nous sommes prêts à les rendre, à les offrir. Ce que nous allons faire est un
peu un processus en deux étapes. Nous allons les exporter
sous forme de fichier mob depuis
After Effects, puis nous
allons les intégrer dans Photoshop pour les
exporter en tant que Jeff. C'est le meilleur moyen
que j'ai trouvé pour le faire. Vous pouvez également utiliser un
encodeur multimédia pour exporter des cadeaux, mais j'ai trouvé que la qualité
n'est pas aussi bonne Je le fais de cette façon et je vous
recommande de
suivre pour commencer à
créer les autocollants
que nous avons ici. Voici mon sticker nice one, joli sticker et mon sticker
joyeux anniversaire. Nous pouvons simplement cliquer sur
celui que nous voulons, puis aller dans Composition,
puis ajouter au rendu Q. Ici, vous aurez
quelques paramètres. Les paramètres que vous devez
choisir pour obtenir un mode transparent
sont 44 plus alpha. Pour obtenir ce paramètre, si
vous ne l'avez pas déjà, cliquez
simplement sur ce module
de sortie, puis sélectionnez Quick Time
dans la liste déroulante. Accédez ensuite aux options de format et recherchez Apple Prores
4444 dans cette liste C'est le seul qui
permet d'exporter avec Alpha. Assurez-vous que cela figure sur votre liste. Et puis, lorsque vous
arrivez aux canaux que le RGB peut être sélectionné, vous voulez simplement RG plus alpha Ensuite, nous cliquons sur OK. Une fois que vous avez choisi
le module de sortie, vous devez également choisir où
il va en sortir deux. Si vous cliquez sur cette étiquette
et que vous trouvez votre dossier, le mien sur mon bureau, sticker
Instagram
Project Exports. Dans ce dossier d'exportation, je vais créer
un nouveau dossier afin pouvoir cliquer ici ou sur Command Shift. Ensuite, je vais
créer mon premier dossier, qui est le
fichier mob, cliquez sur Créer. Gardons-le sans quatre. Un joli sticker. Enregistrez en un clic. Une fois que vous avez sélectionné
l'endroit où vous allez cliquer sur Render. Cela devrait être très rapide car il s'agit d'un très petit fichier. Jetons un coup d'œil à notre outil de recherche
et passons à Exportations. Ensuite, votre dossier devrait être là et vous pouvez vérifier
votre joli autocollant. Si vous appuyez sur la
barre d'espace pour la jouer,
elle devrait simplement
parcourir l'animation La deuxième étape consiste à
le mettre dans Photoshop. Si vous écrivez, cliquez
sur le fichier mob. Devrait ouvrir ce menu contextuel. Si vous allez ouvrir avec
puis passer à autre, vous devez trouver Photoshop dans cette liste d'applications. Une fois que vous avez trouvé Photoshop, cliquez
simplement sur Ouvrir et cela devrait ouvrir
Photoshop pour vous. Cela devrait l'ouvrir
sur cette chronologie. Si
cette chronologie n'est pas ouverte, vous pouvez toujours la trouver dans Windows, puis dans
la liste chronologique. Maintenant, lorsque vous cliquez sur la
barre d'espace dans Photoshop, vous devriez pouvoir
vérifier cette animation Vous pouvez modifier
légèrement le temps
qu'il reste
ici si vous le souhaitez. Je vais le
laisser tel quel, puis passer à l'exportation de fichiers. Et puis enregistrez pour le Web. C'est ce dont nous aurons besoin pour
nos F. Cliquez sur Enregistrer pour le Web. Ensuite, cette
fenêtre contextuelle apparaîtra. Maintenant, ici, vous avez un
certain nombre de paramètres que vous pouvez modifier
si vous le souhaitez En général, ce que je dirais pour ces fichiers, c'est qu'ils
doivent être petits. Maintenant, Jiffy recommande
8 mégaoctets ou
moins, ou s'il s'agit de 136 kilo-octets,
c'est
donc très, très petit donc très, très Si nous voulons le prévisualiser,
nous pouvons le prévisualiser
dans le navigateur. Juste un mot d'avertissement :
c'est évidemment très gros. Vous pouvez donc voir un peu de
grain sur les bords. De plus, il est blanc, il
faut donc faire très attention. Il se peut qu'il y
ait des artefacts autour de lui que vous ne pouvez pas
nécessairement voir De retour dans Photoshop, vous pouvez apporter des modifications si vous souhaitez réduire la taille de ce fichier. Supposons que vous souhaitiez l'utiliser sur un site Web et qu'il soit trop grand, vous pouvez ajuster le
nombre de couleurs ici. Évidemment, moins il y a de couleurs, plus
la taille des fichiers est claire. Si l'on considère la taille du fichier,
elle est de 136 kilo-octets. S'ils descendent à 64, cela réduira ce
nombre de kilo-octets Cela pourrait également réduire la
qualité de votre si un
simple avertissement
ne semble pas être là. Cela ressemble à peu près au premier exemple.
C'est une bonne chose. Nous pouvons descendre à
64 en toute confiance. L'autre chose dont
vous aurez certainement besoin ici, c'est que votre
transparence soit cochée C'est la transparence qui apparaît sur les
bords de mon jif Et nous en aurons besoin pour créer un joli sticker pour Instagram. Je n'ai pas l'habitude
de tergiverser ici. Si vous le souhaitez, vous pouvez cliquer à nouveau sur un tergiversation. Vous
pouvez le prévisualiser. Vous pouvez voir l'artefact qui se trouve à l'extérieur
par rapport à celui-ci C'est juste un
peu plus flou. C'est un autre paramètre
que vous pouvez modifier. Je vais laisser
ça tel quel. Je vais arrêter de tergiverser sur la
transparence. Le fichier n'est pas trop
volumineux pour le moment. Je vais simplement cliquer sur Enregistrer. Si nous revenons à notre dossier, je trouverai le dossier.
Cette fois, je vais créer un nouveau
dossier avec le changement de commande. Je vais l'appeler numéro deux, Jeff. Créons-le. Nous avons un joli sticker, Jeff. Parfait. Cliquez sur Enregistrer. Maintenant, le joli
sticker est prêt. Nous allons
vouloir répéter cela avec nos autres autocollants
juste dans le dossier. Encore une fois, Composition,
Ajouter au rendu. Suivez l'ensemble du processus
avec vos autres autocollants. Maintenant que c'est fait, vérifions
simplement ces fichiers dans le dossier. Allons-y. Notre autocollant est très grand et
d'une taille plus raisonnable, vous pouvez également le voir dans l'
aperçu. Et puis le sticker love you
et le joli sticker, et je suis vraiment
contente de tout ça. Nous sommes prêts à les télécharger. Maintenant, le premier endroit que
nous allons vouloir télécharger est évidemment
notre portfolio. Le deuxième endroit que nous voulons
télécharger est Skillshare. Si vous cliquez sur le panneau Projets et ressources, puis
sur Soumettre
le projet, cette fenêtre
s'affichera. Vous devez choisir
une image de couverture. Téléchargeons cette image et
accédons à votre dossier. Nous pouvons sélectionner un seul de
ces cadeaux pour y mettre, et cela fonctionne très bien. Maintenant, nous pouvons l'appeler sticker
Instagram, Project K, et y utiliser
un trait d'union Tout d'abord, si vous le souhaitez, vous pouvez ajouter quelques questions
et commentaires ici. Le plus important, cependant, est d'ajouter tous vos cadeaux cette partie principale du dossier. Une fois que vous avez fait cela,
cliquez simplement sur Publier en haut, et je pourrai voir
tous vos jolis autocollants. La dernière chose à
mentionner est que j' aime
toujours les enregistrer
également sous forme de fichier PSD, juste au cas où je voudrais y aller
plus tard et les ajuster vous
puissiez simplement
les enregistrer comme alors, car nous
avons déjà des fichiers PSD ici Je vais créer un
nouveau dossier et le dire, puis
je pourrai y étiqueter les modifications apportées
au cadeau , simplement parce que c'est toujours agréable d'avoir une
sauvegarde de ces éléments Je le ferai également pour les
autres autocollants. Bravo pour le
téléchargement de vos cadeaux dans la galerie
de projets Dans la leçon suivante,
je vais vous montrer comment
créer un compte cadeau
et obtenir le plan de recherche. Instagram. Je t'y verrai.
11. Rendez-les accessibles: Dans cette leçon, je vais vous
montrer comment télécharger vos cadeaux sur Goff et
créer un compte d'artiste Cela rendra vos autocollants consultables et utilisables sur Ingram Donc, si vous allez sur Jiffy.com, cela
ouvrira ce site Web. Tout d'abord, vous
devez créer un compte. Vous pouvez cliquer sur le
bouton d'inscription et simplement confirmer
tout ce qui s'y trouve. J'ai déjà un compte,
alors je vais simplement me connecter. Alors ici, vous pouvez
voir ma chaîne. Maintenant, j'en ai plusieurs ici, mais nous sommes également prêts à y télécharger
les nouveaux. Pour télécharger vos cadeaux, cliquez sur Télécharger, puis
sélectionnez Fichier. Ici, on peut voir tous ces jolis cadeaux
que je viens de faire. Commençons par
l'
autocollant de joyeux anniversaire et cliquez sur Ouvrir. Ensuite, cette fenêtre s'ouvrira, et il est très
important que vous l'
autorisiez à être publique, sauf si vous ne voulez pas encore qu'elle
soit publiée. Dans ce cas, vous devez mettre « privé », puis vous souhaitez ajouter des balises. Ces étiquettes seront très importantes pour trouver vos autocollants. Plus tard sur Instagram,
assurez-vous d'y avoir
un certain nombre de tags. Ici, vous verrez que
votre compte a été téléchargé. Vous pouvez décider si
c'est privé ou public. Évidemment, si vous souhaitez qu'il soit trouvé par d'autres
personnes, cliquez sur Public. L'étape suivante consiste
à ajouter des balises. Maintenant, ils sont assez
importants lorsque vous
les recherchez sur Instagram. C'est ce qui va se passer. Tout d'abord, je
mets toujours le nom de ma marque, qui est mon propre nom,
donc K. Leathers Alors on pourra mettre ce que c'
est, alors joyeux anniversaire. Ensuite, nous pouvons décomposer le mot, nous pouvons mettre des mots associés. Juste pour mettre le tout, je vais mettre mon nom et je vais mettre joyeux
anniversaire en un seul mot. Quand je vais faire une recherche
sur Scram, je vais probablement rechercher
Leathers en premier La troisième section est celle de Sol. Pour cela, j'ajouterais votre
propre site web si vous en avez un, qui signifie que tous ceux qui recherchent Jiffy et aiment vraiment ce Jeff peuvent vous trouver en tant qu' artiste et peut-être vous
commander une commande dans le futur, ce qui est toujours un
gros avantage ici De plus, vous avez
Ajouter à la collection. Je viens de configurer cette sélection d'
autocollants Instagram. Je vais l'ajouter à
ce dossier, les collections
permettent simplement de
trouver plus facilement ce que je recommande. J'ai sélectionné celui-ci,
puis j'ai cliqué sur Upload to Jiffy. Il vous indiquera
quand il sera terminé. Ensuite, vous pouvez voir votre
Jeff travailler sur le site Web. Maintenant, il le compresse
d'une certaine manière. Ne vous inquiétez pas trop si
cela vous semble un peu inhabituel dans Jiffy lorsqu'il est mis en ligne et que votre compte a
été approuvé en tant qu'artiste, vous pourrez voir vos autocollants
parfaitement beaux lorsqu'ils sont mis au rebut. Ne vous inquiétez pas
trop à ce stade. Comme je viens de le dire, une fois que vous avez cinq autocollants
sur votre page, j'en ai sept. Je suis désormais en mesure de
demander un compte d'artiste. Si vous cliquez sur les trois
points ici puis sur la FAQ, vous trouverez des informations sur les marques,
les créateurs et les artistes. Ensuite, vous pouvez consulter la rubrique « Postuler
pour une chaîne d'artiste ». Maintenant, cela vous donnera un petit guide sur la façon d' en
faire la demande. C' est la prochaine étape
que vous devrez faire pour que vos autocollants
apparaissent sur Instagram. Si vous y accédez,
vous pouvez cliquer ici, puis vous pouvez postuler
via le formulaire ici. Le meilleur est un créateur. Si vous travaillez
avec un client qui souhaite les autocollants Instagram, il posera sa candidature pour la marque. Ils devront d'
abord le faire avant que vous puissiez télécharger pour eux en tant que créateur. Cliquez sur Sélectionner le créateur, puis vous allez renseigner les détails de
votre compte ici. Ici, vous
allez cocher la case pour confirmer que votre
œuvre vous appartient. C'est très important. Toutes les œuvres que vous partagez
doivent vous appartenir. Si vous avez utilisé l'une de mes
illustrations pour l'animation, assurez-vous
simplement de ne pas la télécharger comme étant la vôtre, car cela vous
donnera le coup d'envoi Assurez-vous d'avoir vos propres œuvres d'art que vous soumettez. Une fois que vous avez coché cette case, soumettez la candidature, puis
elle sera félicitée. L'approbation de cette demande peut donc prendre
de 24 à 48 heures. Assurez-vous donc d'être patient et
faites attention à cet e-mail
très important. Une fois que vous aurez été
approuvé, vous recevrez un charmant e-mail de Gif vous
informant que
vous avez été approuvé. Et puis, lorsque vous vous connectez à votre
compte,
vous recevrez à nouveau ce genre de message de
félicitations. Vous pouvez donc simplement passer en revue cela, renseigner sur les pratiques de
balisage, vous renseigner sur la stratégie de contenu Et vous disposez de différents outils
et d'autres choses de ce genre. Ainsi, lorsque vous accédez à votre chaîne, vous obtiendrez une chaîne d'
apparence différente comme celle-ci. Donc, une fois que vous l'avez obtenu, vous pouvez ajouter autant de
cadeaux que vous le souhaitez et ceux-ci seront
accessibles sur Instagram. Pour trouver vos nouveaux stickers, il vous suffit de vous rendre sur vos stories et sur une vidéo pertinente,
très pertinente. Ensuite, allez sur vos autocollants
et recherchez vos tags. Pour moi, c'est mon nom, il suffit
de taper mon nom. Ensuite, tous vos
autocollants devraient apparaître. Mettons-en un que
nous avons essayé en classe. C'est parti pour un
joli sticker d'amour. Oui, ça a l'air super.
Testez les autres, elles sont vraiment belles. C'est ainsi que vous obtenez vos
autocollants sur Instagram. Vous avez maintenant
tout ce dont vous avez besoin pour créer plus de cadeaux et d'autocollants. J'ai hâte de les voir sur la galerie de projets et les réseaux sociaux. N'hésitez pas à me taguer si vous partagez
vos autocollants et je
ferai de gros efforts pour les utiliser également dans mes histoires. Restez à l'affût pour la
conclusion finale de ce cours.
12. Bien fait !: Bravo pour
avoir terminé ce cours. Vous avez appris
à dessiner et à colorier un dessin d'
autocollant basé sur du texte. Comment importer dans Photoshop et After
Effects dans des calques prêts à être
animés. Comment animer la
position, l'échelle et la couleur Utiliser des outils de mouvement pour rendre
ces animations mignonnes et amusantes. Comment exporter ces cadeaux
prêts à être ajoutés à votre portfolio. Et comment créer
une chaîne d'artiste et utiliser vos autocollants
sur les réseaux sociaux. N'oubliez pas que vous pouvez appliquer ces techniques à tout un
monde d'illustrations. Alors passez à l'animation, j'ai
hâte de voir que vous téléchargerez
des projets dans la galerie de projets et que vous y mettiez également des questions ou
des idées Je consulte
régulièrement chacun de mes cours pour proposer de l'aide et je peux me taguer si vous
mettez du travail en ligne. Je m'efforce toujours de partager le travail
des étudiants sur mes
histoires et mes moments forts. Enfin, j'espère vraiment que nous avons pris du plaisir à créer ces stickers. J'ai vécu
cela tellement de fois, marketing pour
différentes entreprises, et cela me
fait toujours beaucoup de plaisir lorsque quelqu'un utilise
l'un de mes autocollants. J'espère qu'il en sera de
même pour vous. Merci encore d'avoir suivi ce cours et j'espère vous
voir dans un futur
, bonne chance et
bonne animation