Transcription
1. Bande-annonce de cours : Apple UI Motion Graphics: Vous êtes sur le point de découvrir le style d'animation
exact utilisé par Apple et les créateurs, qui ont
enregistré des millions de vues. Il ne s'agit pas simplement de motion design. C'est ce qui donne l'impression que
les marques sont haut de gamme et que le contenu est impossible
à parcourir. Que vous soyez freelance,
éditeur ou créateur de contenu, éditeur ou créateur de contenu, ce style donne à votre
travail l'impression qu'il vient tout droit de Cupertino.
Et ne t'inquiète pas. Même si les effets secondaires vous
semblaient accablants auparavant, vous apprenez tout
étape par étape. Il ne s'agit pas simplement d'un autre
cours sur les effets secondaires. C'est ici que vous
apprenez à concevoir et à animer des animations graphiques
épurées,
minimalistes et de style
Apple, intentionnelles, élégantes et
indéniablement haut Oui, nous utilisons After Effects, mais nous l'utilisons comme
le font les meilleurs créateurs de contenu et concepteurs visuels. Dans ce cours, vous
apprendrez à déconstruire l'ADN du design Apple, ainsi que les principes de
clarté, d' espacement, de superposition
et Créez une mise en page d'
interface utilisateur claire et structurée à l'aide de Figma, Photoshop, Illustrator
ou même de captures d'écran Animez avec des hochements de tête imbriqués, assouplissement
élégant et des mouvements de caméra
subtils pour créer un effet de verre
liquide naturel, couches
transparentes et des mouvements
réalistes basés sur l'interaction Utilisez le flou, le masquage, le design sonore et la lumière pour améliorer vos visuels. Regroupez le tout dans courtes animations
prêtes à être utilisées sur Tik Tok, des bobines, sur YouTube
ou même pour le travail de vos clients Ce cours s'adresse à tous ceux qui veulent maîtriser cette esthétique, même si vous
partez de zéro. Je vais
tout vous expliquer étape par étape, de la préparation du design à l'
animation finale et à l'exportation Nous allons créer ensemble deux animations d'
interface utilisateur complètes. L'une inspirée des véritables fonctionnalités d'
Apple révèle. L'un d'eux était axé sur un design de style
verre transparent avec un mouvement de caméra à trois D. Et si vous vous demandez qui je suis j'ai passé plus de
dix ans à éditer des vidéos, gérer deux des plus grandes chaînes
YouTube
dans leur niche et à créer des
systèmes de création qui donnent des résultats. J'ai créé des systèmes de montage qui génèrent des millions de vues, et maintenant je vous montre comment
apporter le même niveau de raffinement
et de raffinement à
vos propres animations. Ce cours correspond à tout ce
que j'aurais aimé avoir lorsque j'ai commencé à concevoir des animations graphiques
avec une touche professionnelle. Si vous voulez maîtriser l'
esthétique d'Appletyle , impressionner vos clients et créer un motion design
qui parle de lui-même, ce cours est fait pour vous
. Je te verrai à l'intérieur.
2. Bienvenue !Commencez par ici brosse comme: Bienvenue dans le cours de
maîtrise
ultime d'After Effects pour Apple
UI Motion Graphics. m'appelle Vlad
et je suis ravi de vous présenter l'un
des styles d'animation les plus raffinés, les plus reconnaissables et les plus
demandés dans monde du motion design aujourd'hui,
à création d'
animations d'interface utilisateur de style Apple dans After Effect Ce cours est
conçu pour les créateurs qui souhaitent que leurs visuels soient de
première qualité grâce à des transitions
minimalistes fluides, mises en page
élégantes et à des animations
graphiques ultra épurées qui imitent l'esthétique épurée et
moderne que l'on
retrouve dans les publicités Apple, les avantages et les interfaces utilisateur. Nous verrons en détail ce qui rend ces animations
si soignées, et je vais vous montrer comment les
créer étape par
étape en utilisant de vrais flux de travail
et un vrai projet. C'est le quatrième cours de ma série de montage sur les réseaux sociaux. Si vous avez suivi mes cours
précédents, maîtrisez le
montage vidéo, After Effects, animation graphique, la maîtrise, animation
graphique virale et After Effects
haut de gamme, vous avez déjà jeté
les bases Dans ce cours, nous
passons au niveau supérieur. Vous n'avez pas besoin d'
expérience préalable avec After Effects, conception d'
interface utilisateur ou les animations graphiques. Tout est détaillé étape
par étape dans un
format clair et
structuré que vous pouvez suivre à partir de zéro et terminer
avec des résultats de niveau professionnel Nous passerons à des montages vidéo courts et
complets, en commençant par des animations statiques, puis en les transformant en
animations soignées avec du mouvement. Vous apprendrez à concevoir les concepts visuels à l'aide de HIGPT, à
structurer votre flux de travail
et à exporter vos
projets pour TikTok, des
bobines, des courts métrages ou pour bobines, des courts métrages Je recommande de regarder
toutes les vidéos dans l'ordre. Chaque leçon s'inscrit
dans la continuité de la précédente, vous
donnant une
courbe douce et naturelle qui s'aggrave au fur et à mesure. Vous pouvez également contrôler
le volume et la vitesse de lecture de chaque vidéo pour apprendre à votre propre rythme. Et si vous êtes bloqué, si
vous avez des questions, oubliez
pas de les déposer dans
la section Q&R ci-dessous. Assurez-vous de consulter d'
abord
la section questions-réponses , car il y
a de fortes chances que la question que
vous souhaitez poser ait déjà reçu une
réponse détaillée À un moment donné, il vous sera demandé de
laisser un avis sur le cours. Je vous demande d'
attendre d'avoir
eu l'occasion de vraiment
découvrir le matériel. Vos commentaires honnêtes m'
aident à améliorer le cours et à mieux
vous servir ainsi que les futurs étudiants. Merci encore d'avoir
participé à ce cours. Je suis vraiment heureuse de vous
aider à développer les
compétences nécessaires pour créer magnifiques
animations graphiques professionnelles et vous
donner la confiance nécessaire pour les
utiliser dans de vrais projets, qu'ils soient personnels
ou basés sur le client. Passons à la première vidéo.
3. Maîtriser l'état d'esprit pour la conception de l'animation: Dans cette vidéo, je
veux parler l'état d'esprit lorsqu'il s'agit d'
apprendre le motion graphic
ou, pour être honnête, quoi que ce soit d'autre. Je vais aborder certaines des meilleures
pratiques que j'utilise
ainsi que certaines des
pratiques de ce livre. C'est un excellent livre
de James Clear, mais nous allons en
parler dans une seconde. Maintenant, les trois
phases de
l'apprentissage sont apprendre,
pratiquer et enseigner. Tout d'abord, tu vas
apprendre de moi. C'est simple. Deuxièmement, il est important
de pratiquer car si vous apprenez et ne
pratiquez pas, faites-moi confiance. Cela ne donne aucun résultat. L'important, c'est
que tu t'entraînes. Ensuite, une fois que vous aurez pratiqué, une fois
que vous aurez créé des projets, même s'il s'agit de la réplique absolument exacte de
ce que
j'ai créé, je recommanderai quand même de les
partager avec d'autres étudiants et leur dire ce que vous avez appris, ce
que vous avez fait. Parce que lorsque vous enseignez, quelque chose d'
absolument magique se produit dans notre cerveau et
vous apprenez beaucoup mieux. Maintenant, pour en venir à ce livre, je voudrais vous montrer un graphique. Voici ce graphique, qui s'améliore de
1 % chaque jour. Si vous vous
améliorez de 1 % chaque jour, 1,01 fois la puissance de 365, cela équivaut à 37,78 En termes simples, cela
signifie que si vous
vous améliorez de 1 % en un an, vous serez 37 fois meilleur. Si vous vous améliorez de 1 %
chaque jour, c'est tout. Cependant, si votre état
s'aggrave de 1 %, vous serez presque égal à zéro. 0,99 à la puissance
365 est égal à 0,03, ce qui est essentiellement zéro Quand il s'agit d'apprendre, souvenez-vous
simplement de ceci. Vous avez juste besoin d'une
amélioration de 1 % par jour pendant un an et vous passerez
absolument au niveau supérieur. Maintenant, si vous
voulez vraiment plonger en profondeur, je vais également vous donner quelques
autres conseils. Donc je veux dire, vous pouvez
certainement lire le livre, mais je vais le lire rapidement. En gros, vous devez créer
une nouvelle habitude d'apprentissage. Afin de créer une nouvelle habitude d'apprentissage, il
y a quatre étapes. Tout d'abord, rendez-le évident. Si vous voulez apprendre, mettez des rappels dans
toute la maison. Mettez des rappels écrits,
placez votre ordinateur, assurez-vous que vous les
voyez visuellement et que c'est évident, comme si c'était facile à remarquer. Deuxièmement, rendez-le attractif. Faites quelque chose qui vous plaît
juste après avoir appris. Si vous aimez vous
promener, allez au travail. Si vous aimez manger des fruits, alors allez-y, mangez-en, mais assurez-vous de vous
offrir un cadeau pour qu'il
soit attrayant pour vous. Maintenant, la troisième étape
est de vous faciliter la tâche. En d'autres termes, si vous
n'apprenez pas habituellement et que vous commencez soudainement à apprendre 4 heures par jour, c'est
un peu trop. Assurez-vous de progresser petit à
petit, donc de petites améliorations. Ne commencez pas à apprendre toute
la journée, puis votre cerveau explose et vous
n'avez plus envie de le faire. Et numéro quatre,
faites en sorte que ce soit satisfaisant. Vous pouvez suivre vos progrès. Vous pouvez soit marquer les jours, marquer le
nombre de vidéos, soit regarder ce
qui vous convient. Il ne s'agit là que d'un bref
aperçu des quatre étapes. Dans ce livre, James Clear donne bien plus de détails sur la
façon de créer de nouvelles habitudes. Donc, si vous voulez créer de nouvelles
habitudes et changer votre vie, je vous recommande vivement ce livre. D'ailleurs, il parle également façon de se débarrasser des mauvaises habitudes. Donc, si vous le souhaitez, vous
pouvez y jeter un œil, mais à part cela,
commençons à apprendre. Si vous avez des
questions, n'hésitez pas à me le faire savoir. À part ça, je
vous verrai dans la prochaine vidéo.
4. Télécharger tous les fichiers et les ressources Resources: Bienvenue Dans cette vidéo, je
veux vous montrer comment accéder aux ressources
exclusives de vos étudiants. Sous cette vidéo, vous trouverez la section du projet et
des ressources. Si vous l'ouvrez vers le haut
et faites défiler la page vers le bas, vous pourrez voir les ressources exclusives aux
étudiants et le lien vers les
ressources téléchargeables. Si vous cliquez sur ce lien,
vous serez redirigé vers
Google Drive ou vous trouverez les modèles, les fichiers de
projet, les effets sonores, tout ce que j'ai utilisé
et tout ce
dont vous avez besoin pour
compléter les partitions. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça, je vais
voir la vidéo suivante.
5. Pourquoi Apple se considère comme un client premium : principes de conception visuelle et de mouvement au: Bienvenue. Dans cette vidéo,
j'aimerais expliquer pourquoi Apple se sent
haut de gamme et cher. Comprenons
leurs conceptions visuelles et leurs principes de mouvement. D'accord, nous avons
plusieurs exemples. Ce sont les
principes de conception d'Apple. Si vous regardez l'
une de ces
diapositives , tout
est minimaliste C'est très clair.
Tout est aligné. Souvent, avec le
minimalisme, moins c'est plus. Nous essayons donc d'
en utiliser le moins possible pour en
tirer le meilleur parti. Si nous jetons un coup d'
œil à leur site Web, le minimalisme et
tout ce qui semble cher
occupent généralement beaucoup d'espace Ils utilisent donc l'espace
à leur avantage. Ce n'est pas comme si c'était vide, mais c'est cher car l'
espacement est synonyme de liberté Habituellement, la liberté et les
primes coûtent cher. C'est comme si tout était
interconnecté. Donc, si nous jetons un coup d'
œil à leurs sites Web, il y
a beaucoup d'espace libre. D'ailleurs, ils conservent également un design
similaire partout. Beaucoup de blanc, beaucoup d'espace. En parlant des dernières mises à jour et plus particulièrement
du verre liquide, c'est l'effet que
nous apprenons à obtenir. Certaines personnes l'adorent,
d'autres l'aiment. Ils gardent les mêmes principes. Au lieu que tout soit
coloré, ils
essayent encore une fois de le rendre encore plus minimaliste pour qu'
il n'y ait pas de couleurs C'est toujours le même
style au lieu d' avoir autant de couleurs, c'est juste un look minimaliste Certaines personnes l'adorent
et d'autres le détestent. Quoi qu'il en soit, si
vous êtes ici, vous saurez comment faire. Si vous examinez les principes du
mouvement, alors tout est intentionnel. Un bon mot pour le décrire est qu'
il est tactile. Si vous avez déjà utilisé des produits
Apple, ils sont tellement différents de tous
les autres produits existants. J'utilisais un PC Windows,
et j'ai changé l' année dernière d'avoir des téléphones Samsung, HDC et d'autres téléphones portables, puis à un moment donné, je
passe également à Apple L'attention portée aux détails est
absolument d'un niveau supérieur. Donc, si vous avez déjà essayé produits
Apple et
que vous les comparez aux concurrents, tout est très tactile et c'est juste que tout
semble cher. C'est comme si c'était fait pour être cher. Même les Apple Box sont
absolument géniales. Et c'est l'une des
raisons pour lesquelles les gens gardent leurs boîtes parce que
les boîtes elles-mêmes, même si c'est comme un
morceau de papier, sont tellement bonnes. Récapitulons donc le minimalisme. Moins c'est plus. Espacement généreux.
Tout est aligné. Les choses semblent intentionnelles
et tactiles, et la dernière
mise à jour du verre liquide. Si vous avez des questions, n'
hésitez pas à me le faire savoir. Je vous verrai dans la prochaine vidéo.
6. Préparation de l'interface utilisateur de style Apple pour After Effects : capture d'écran + flux de travail Photoshop: Bienvenue. Dans cette vidéo et dans
quelques vidéos à venir, je vais
vous montrer comment créer des conceptions d'
interface utilisateur à l'avance. Maintenant, vous pouvez le créer directement
et après des effets. Mais j'ai découvert, malheureusement, qu'
il était difficile de préparer les
choses à l'avance, surtout si vous l'
utilisez plusieurs fois. Et pour cet exemple, nous
allons utiliser Instagram. Et en plus de cela,
dans cette vidéo, nous allons utiliser
Screenshot et Photoshop, et dans les trois autres vidéos
à venir, nous allons utiliser d'autres
outils pour créer des designs d'interface utilisateur. Donc, tout d'abord,
prenons une capture d'écran. Sur MacBook, c'est
Shift Command Three. En appuyant dessus, je
crée une capture d'écran, puis je dois
passer à Photoshop. Ici, je vais passer à un
nouveau fichier ou je peux simplement appuyer sur la commande N, et nous allons créer
les vidéos personnalisées de 1920 x 1080 pixels, car c'est
généralement le genre de vidéos que je crée et nous
pourrons utiliser les effets secondaires. Maintenant, nous allons simplement faire glisser notre capture d'écran ici, puis appuyer sur OK. Nous allons maintenant devoir cliquer avec le
bouton droit sur notre capture d'écran
et cliquer sur RSR Layer Si nous ne le faisons pas, je vais vous
montrer ce qui se passe. Pour cette tâche spécifique, nous
aurons besoin d'un outil Marquee. Nous pouvons l'activer en
appuyant sur un raccourci M, ou vous pouvez appuyer sur des raccourcis publicitaires tels que l'outil Déplacer
ou l'outil de sélection. Appuyez sur M. Et si je sélectionne et je sélectionne la
capture d'écran, j'appuie et je supprime. Nous ne sommes pas en mesure de
le faire car nous devons d'abord
raturiser la couche À ce stade, il s'agit
d'une couche intelligente. Donc, si je double-clique dessus, il va s'ouvrir
dans une nouvelle fenêtre. Cependant, après avoir
pixellisé la couche, en
double-cliquant, nous
allons ouvrir le style de couche Si je sélectionne quelque chose ici en ce
moment et que j'appuie sur Supprimer, nous pourrons supprimer des
parties de l'image, exactement
ce que nous voulons. Je vais donc sélectionner
et supprimer cette partie. D'ailleurs, nous pouvons
également appuyer sur Shift et sélectionner d'autres
parties de l'image, mais c'est plus facile
pour moi de le faire pièce par pièce. Supprimez donc cette partie, sélectionnez-la et supprimez-la. En fait, faisons
un plus grand choix. Donc. Maintenant, supprimons-le également jusqu'ici. Supprimer. Génial. Et si je clique ici et que je superpose la couleur à l'arrière-plan, c'est
ce que nous avons En appuyant sur Commande zéro, je peux l'
adapter à l'écran. D'ailleurs, sous Windows, au
lieu de commande, il
suffit d'appuyer sur la touche Ctrl. À part ça,
tout est pareil. Et pour apprendre les raccourcis, vous pouvez venir à l'aide, rechercher des raccourcis, des raccourcis
clavier, ouvrir et rechercher, par
exemple, ajuster, ajuster à
l'écran, Command Zero. Maintenant, la prochaine chose que nous
voulons faire est de nous assurer que est aligné et
qu'il se trouve au milieu. Pour ce faire, nous
devons couper cet espace, cet espace par le haut. Je vais donc sélectionner
la capture d'écran, configurer l'outil Marquee,
faire une gros, puis zoomez en
appuyant sur Option ou Alt sur PC, en m'assurant de
sélectionner exactement ce dont
j'ai besoin et rien de plus. Et maintenant je vais
appuyer sur Supprimer. En fait, nous venons de couper
cette partie également. Je ne l'ai pas vraiment remarqué. Nous devons donc réduire un peu moins. Allons donc un peu moins loin. Zoomez parfaitement. Présenter, supprimer. Commandez
le zoo. OK, super. Maintenant, la
partie supérieure est coupée avec précision, la
partie inférieure est coupée avec précision. Eh bien, cette partie n'a pas vraiment d'
importance, très petite. Maintenant, nous devons sélectionner la couche et la
capture d'écran ensemble, et nous allons appuyer ici. La capture d'écran va
s'aligner verticalement. Maintenant, pour qu'il s'aligne horizontalement, nous devons
faire la même chose. Nous devons le couper par la
droite et par la gauche pour qu'il soit exactement
là, le couper jusqu'ici. Et c'est coupé jusqu'ici. Alors, c'est exactement ce que nous allons faire. Faisons la sélection
ici, déplaçons la sélection. D'ailleurs, vous
pouvez également déplacer cette sélection à l'aide des touches. Donc, en appuyant sur la droite, il
va se déplacer vers la droite. À gauche, il va se
déplacer vers la gauche. Supprimer actuellement. Nous allons donc sélectionner
le graphique d'écran, présenter la suppression, faire exactement la même chose sur
le côté opposé. Suppression parfaite, commande zéro. Et maintenant, en sélectionnant les deux,
d'ailleurs, assurez-vous de désélectionner ce que vous avez à
l'écran, car cela fonctionnera bizarrement Assurez-vous donc de
désélectionner ou d'appuyer simplement quelque part, puis de placer notre
capture d'écran au milieu La prochaine chose que nous devons
faire est de découper
chaque élément de manière à chaque élément de manière ce que, si nous voulons animer
chaque élément, nous voulions nous
assurer d'avoir accès à chaque élément au lieu
d'une seule énorme capture d'écran Nous allons également le faire avec l'outil
Marquee, monsieur. Appuyez maintenant, nous devons
faire une sélection. Par exemple, cette
partie est sélectionnée, et nous allons appuyer sur
Commande X ou Contrôle X. Désolé, nous devons sélectionner
la capture d'écran, Commande X. Nous devons appuyer sur la commande
Shift V, et nous allons la coller exactement
dans la même position. Si nous appuyons sur la commande V, ce
que nous pouvons faire, elle va la coller, mais à endroit
différent, ce
que nous ne voulons pas. Donc, Shift Command V ou Shift
Control V sous Windows. Sélectionnez la capture d'écran,
et maintenant nous devons le faire pour chaque élément
que nous voulons animer Nous allons donc le faire pour cette partie. Et cette partie. Assurez-vous simplement de
sélectionner la capture d'écran. Si vous ne sélectionnez pas la capture d'écran et que vous
appuyez sur la commande X, il n'y a rien à coller. Assurez-vous donc de sélectionner
la capture d'écran. OK. Et maintenant, si je fais la capture d'écran, nous allons avoir
chaque pièce séparément. Donc, ce que nous pouvons faire, c'est supprimer la
capture d'écran d'origine, car
nous avons maintenant chaque
couche séparément. La prochaine chose que nous devons
faire est de couper chaque
couche avec précision. Je sais que c'est un peu fastidieux, mais c'est quelque chose
que nous devons faire explique par le
fait que le point de la cheville se trouve au milieu de chaque couche. Ainsi, par exemple, le
point d'ancrage de cette vidéo ne sera pas au milieu
du cercle Ça va être par ici. Par exemple, ce sera
au milieu de la découpe. Et pareil pour cette partie. Ce sera donc par ici. Ce ne sera pas
entre ces deux lettres. Et afin de le personnaliser
comme il se doit, nous devons couper
chaque pièce. Ainsi, par exemple, avec
celui-ci,
sélectionnez à nouveau la sélection de l'
outil Marquee, sélectionnez **** et faites-le Maintenant, si je l'agrandis
et en appuyant sur option, je peux l'agrandir comme ça. Vous pouvez voir que l'encapoint
se trouve juste ici. Cependant, pour cette couche, le point d'encapsulation est ici Et pour qu'il y en
ait une au milieu, encore une fois, nous devons découper
chaque pièce. OK, maintenant que nous avons
fait ces découpes, tout ce que nous redimensionnerons
sera redimensionné uniformément C'est donc absolument bon d'y aller. Maintenant, une chose importante à
mentionner est que, par exemple, mon nom ou tout autre texte affiché à l'
écran est une image. Si nous voulons que ce soit du texte, nous devons créer le texte, et nous devons le faire correspondre exactement. Ainsi, par exemple, si je veux animer ce texte spécifiquement
ici, comme mon nom, je devrai cliquer ici, et je devrai
écrire mon nom Faisons-le blanc.
Cherchons la police Instagram. Quelle police utilise Instagram ? OK, ils utilisent donc une
sorte de sable, mais qui est fait sur
mesure pour eux. Choisissons donc simplement
l'un d'entre eux. Nous voulons simplement nous
assurer que c'est similaire. Il n'est pas nécessaire que ce soit exactement
le pied. OK. Donc maintenant, nous devons le
faire maintenant, nous devons
rendre le texte noir, et peut-être le déplacer un
peu plus bas. Comme ça. Et maintenant, si nous sélectionnons celui-ci. Eh bien, il y a plusieurs
choses que nous pouvons faire avec ça. Une chose que nous pouvons faire
est simplement de superposer de la couleur et de créer une
couche blanche sous pression Et puis, une fois que nous aurons notre texte,
nous aurons notre texte. Nous faisons cela parce que nous voulons le personnaliser
ultérieurement dans After Effects. Si nous ne voulons pas le personnaliser
ultérieurement dans After Effects, nous pouvons simplement le laisser tel quel. Une autre chose importante
à prendre en compte
est que si vous souhaitez le réutiliser
plusieurs fois, il est d'abord plus facile de le faire
dans Photoshop, puis vous aurez
ce fichier. Vous pourrez y ajouter
After Effect. Les couches de
texte seront prêtes. Vous pouvez également créer des
calques de texte dans After Effects. Tout ce qui vous convient le mieux. Je dirais que si vous
utilisez le projet une fois, vous pouvez faire les deux, mais si vous devez utiliser
un projet plusieurs fois, créez ces textes dans Photoshop dès
le début. OK ? Maintenant, nous devons enregistrer cette
personne du projet sous forme d'annonce, accéder au bureau
et enregistrer le bureau. Ouvrons maintenant After Effects. Nouveau projet,
nous allons maintenant trouver notre fichier, et nous allons le déposer ici. Maintenant, voici quelques
paramètres importants. Tout d'abord, optez pour
la composition, conservez la taille des couches ou la composition. N'utilisez pas la séquence, car si vous cliquez sur la vidéo,
elle sera importée. C'est une grande image, et ce n'est pas ce que
nous voulons. La raison pour laquelle nous avons
fait tout le travail dans Photoshop afin d'avoir
de nombreuses couches différentes. C'est le plus important
maintenant en termes d'options de calque, d'options de
calque, par
exemple, dans Photoshop, si je double-clique, ce sont vos
options de styles de calque. Et en gros, c'est
ce à quoi il fait référence. Donc, par exemple, si nous fusionnons ou si vous voulez
qu'il soit modifiable, honnêtement, cela n'a pas importance dans ce cas, car
nous n'en utilisons aucune Donc, si vous cliquez sur OK, il va l'importer
en tant que composition. Nous pouvons cliquer dessus, l'ouvrir,
et le tour est joué. Maintenant, si une personne commande à
Y pour créer un solide, définissez un fond blanc, placez-le, afin que nous puissions supprimer le
calque noir et c'est parti. Nous avons notre page Instagram. Maintenant, vous verrez que Vlad
Se tv, qui est mon nom, si je clique dessus,
crée, convertit en texte
modifiable Si je clique dessus et
que j'appuie sur commande, je peux personnaliser ce texte. C'est la raison pour laquelle nous avons
créé ce texte dans Photoshop. Mais pour mon pseudo, par exemple, nous ne pouvons pas le changer car
ce n'est qu'une image. Une chose que nous pouvons faire, c'est
simplement l'écrire, le mettre ici, diminuer la position de l'échelle à
peu près comme ça, puis nous n'avons
plus qu'à le désélectionner Il s'agit de la couche 13. Donc, si nous le désélectionnons, activez celui-ci, c' est notre identifiant. Nous
pouvons le faire dans les deux sens. Si vous devez travailler plusieurs fois sur un
projet, alors oui, allez-y et faites-le dans Photoshop dès
le début. Sinon, vous pouvez le faire une fois dans
After Effects et
oublier cela. Eh bien, voici comment vous préparez votre conception d'interface utilisateur dans Photoshop. Passons maintenant à
la vidéo suivante, et je vais vous montrer
une autre façon de procéder. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça, je te
verrai dans la prochaine vidéo.
7. Préparer une interface utilisateur de style Apple pour After Effects : capture d'écran + flux de travail Illustrator: Bienvenue. Dans cette vidéo, nous allons explorer
la deuxième option créer un design d'interface utilisateur. Et dans ce cas,
nous allons utiliser une capture d'écran plus
dans Illustrator. Pour ce faire,
vous prenez une capture d'écran, puis vous passez
à Illustrator. Vous pouvez également appuyer sur
la touche Commande comme dans Photoshop pour créer
un document personnalisé. 1920 x 1080, Create Illustrator fonctionne légèrement différemment
de Photoshop, et je vais
vous le montrer dans une seconde. J'ai téléchargé cette photo
depuis le site Web d'Apple, et je vais appuyer ici à la fin, puis appuyer
sur Option
et Shift pour qu'elle soit partir du
milieu et de manière uniforme Quelque chose comme ça,
sélectionnez l'outil de sélection, déplacez-le un peu plus bas. Maintenant, la façon dont nous
allons procéder avec Illustrator est de
littéralement recréer tout
cela à la main Et pour cela, nous
allons créer une nouvelle couche en appuyant ici. Et maintenant, recréons les choses. Tout d'abord, appuyez sur
un rectangle pour le remplir. Choisissons quelque chose
d'une couleur opposée. Je vais
zoomer avec l'option, créer
quelque chose comme ça, et nous allons le personnaliser maintenant. Je veux donc m'assurer qu'il s'adapte exactement
aux bords là où
il est censé être. Maintenant, nous n'avons pas non plus
besoin du coup, donc je vais juste
appuyer ici pour assurer que nous n'en
avons pas. Et la dernière chose que nous
allons faire est de faire glisser ces couches pour obtenir bords arrondis, comme du savon, et voici pour que vous puissiez
voir ce qui se passe. Maintenant, nous devons également créer
ce fouet à la toute fin, et nous allons
créer une autre couche Nous allons appuyer
sur le pentel. Nous allons commencer par ici, le
baisser, puis je
vais le faire, comme ça. En fait, faisons-le comme ça. Donc, en maintenant le curseur
enfoncé, je peux l'
étirer et le rendre lisse. Nous allons donc le faire jusqu'à présent, puis nous devons le
faire ici. Et vous pouvez voir que
nous avons ce pseudo qui vient du point précédent. Nous devons donc appuyer sur
l'option et la déplacer, déplaçons
celle-ci un peu également. Et maintenant, nous
allons simplement cliquer ici pour terminer le balayage
à la toute fin Maintenant, recréons le texte en appuyant sur T. Il s'agit d'un
raccourci pour ouvrir le texte Et maintenant c'est juste là. Si Apple utilise la police SF Pro. Vous pouvez également le télécharger
sur le site officiel d'
Apple . Essayons régulièrement. Appuyez en vert sur l'espace
de commande pour désactiver l'édition du texte. Maintenant, déplacons-le ici
et augmentons-le en taille. Je vais également appuyer sur
Shift pour m'
assurer que l'échelle est uniforme. Maintenant, je vais le déplacer avec
les touches fléchées. Et maintenant, nous
devons également le rendre gris. Parfait. Et faisons de même avec le texte du
bas. En fait, j'ai juste fait
une petite erreur. Je l'ai mis dans la
première couche, le texte. Mettons-le à la troisième couche, et créons des noms. Donc en fait, j'ai aussi mis le
fouet ici. La deuxième couche
sera donc une bulle. Ça va être un texto.
Nous avons donc notre texte. Assurons-nous également qu'il s'adapte
parfaitement. Et disons-le. Vous remarquerez donc également qu' ils ont des variations différentes, et dans celui-ci, ce n'est
probablement pas régulier. C'est un peu plus que normal. Essayons donc Medium. En fait, cela pourrait être normal, l'espacement entre les
mots étant légèrement plus grand afin que nous
puissions l'augmenter ici Pour s'adapter parfaitement. Maintenant, il faut
juste s'assurer que c'est une
couleur légèrement différente. Venons-en donc au remplissage. Viens ici. Rendez-le gris. Parfait.
Créons maintenant une couche N. Sélectionnons notre outil de rectangle et créons
un immense rectangle. À peu près comme ça. Maintenant,
assurons-nous qu'il soit parfait. Allons jusqu'ici. Ce sera notre écran. OK, maintenant créons nos bords
super lisses comme ça. OK ? Mettons-le également en bas pour que
nous puissions voir les choses. Et nous l'appellerons arrière-plan de
l'iPhone. Maintenant, dans la même couche, nous
pouvons également en créer une autre, et nous pouvons le faire ainsi. Et pour cela,
il va juste falloir
changer la couleur pour qu'elle
soit légèrement différente. Nous allons le mettre en rouge
pour le moment, comme ça. Nous devons faire exactement
la même chose. Maintenant, nous devons le faire glisser avec l'
option de le dupliquer, le
mettre exactement dans la même position, et celui-ci n'aura
pas les bords arrondis. En fait, nous pouvons
simplement le baisser. Donc maintenant, si nous changeons les
couleurs, d'ailleurs, la façon dont nous pouvons les
changer est de
simplement faire glisser celle-ci vers la gauche. Pour celui-ci, nous allons cliquer ici
pour voir d'autres rectangles Cliquons ici. Pour celui-ci.
Cliquons ici. Intéressant, légèrement différent. Assurons-nous donc que c'est
exactement le bon. Parfait. Je vais
sélectionner celui-ci. OK, parfait. Maintenant, nous allons le remettre exactement
au même endroit. Au fait, le
rectangle en bas, on peut l'abaisser un
peu. Et créons du texte. C'est ce que nous avons obtenu jusqu'
à présent. Tout ce que je fais pour cette partie est de dupliquer
le fond blanc pour créer un contour noir de l'iPhone. Eh bien,
tu as compris l'idée. Pour gagner du temps,
je ne vais pas passer
par toutes les activités récréatives. À la fin, nous
supprimons la couche dont nous n'avons pas
besoin, c'est-à-dire celle-ci. Nous avons mis cette couche à la poubelle. Maintenant, si vous souhaitez
personnaliser chaque texte, vous
devez créer une
couche pour chaque texte. Nous pouvons donc mettre celui-ci
ici, et ce sera le cas, puis-je vous
rappeler ? OK, super. Maintenant, appuyez sur la commande S et enregistrez-la sous
Adobe Illustrator. Enregistrons-le sur le
bureau. Appuyez sur OK. Maintenant, en ce qui
concerne After Effects, ajoutons-y ce truc. Assurez-vous de définir le
type d'importation en tant que composition. Encore une fois, si vous ne le définissez pas cette composition sera importée sous la forme d'une seule grande image. Donc composition,
taille de couche ou taille du document. C'est également important. En gros, si vous définissez
la taille du document, chaque texte, chaque objet aura la taille
de la composition, qui sera de 1920 x 1080, ce qui n'est pas
ce que nous voulons. Nous voulons que ce soit la taille car si nous utilisons
la taille du document, je vais vous le
montrer rapidement. Chaque fois que je clique, nous
avons le texte aujourd'hui, mais en gros, c'est la taille de la composition. Ce
n'est pas ce que nous voulons. Si je reviens en arrière et
que je l'importe avec la taille de la couche, nous allons maintenant ouvrir
la composition. Maintenant, je peux appuyer sur
mon message et je peux la déplacer. Et je peux sélectionner
absolument n'importe quoi ici. Mais si je ne le faisais
pas, je devrais me contenter d'
appuyer sur P et de changer la position de
chaque élément cette façon, car nous ne
pourrions toucher que celui qui se trouve en haut parce que
c' est la taille de la couche. Maintenant, l'avantage d'
Illustrator ,
c'est, par exemple, la bulle. Je peux cliquer avec le bouton droit pour créer de superbes
formes à partir d'une couche vectorielle, ce qui signifie que c'est désormais
une forme dans After Effect. Et si je veux,
disons, le changer, je peux absolument le changer. Le seul problème
avec Illustrator est que lorsque le texte est
importé dans After Effects, il ne s'agit pas réellement de texte. Permettez-moi de vous donner
une meilleure explication. Lorsque vous importez le fichier
Illustrator,
le texte et
tous les objets sont importés sous forme de formes. Si vous souhaitez
personnaliser le texte, nous devons importer
le fichier Photoshop car si nous importons
le fichier Photoshop, vous pouvez convertir
le texte Photoshop
en texte modifiable dans After Effect Une chose que je vous ai montrée
au tout début, c'est que lorsque vous créez
un fichier Illustrator, j'en créais un
nouveau et je créais une taille personnalisée de 1920 x 1080. Mais voici le gros problème. Lorsque nous exportons ce fichier sous forme de fichier Photoshop puis que nous
l'importons dans After Effects, nous avons un problème. Nous
n'avons pas de couches. Il est simplement importé sous forme
d'image. Ce n'est pas ce que nous voulons. Ce que nous voulons, c'est qu'il soit importé sous la forme de plusieurs couches
différentes. La façon dont nous pouvons résoudre
ce problème est de passer à nouveau et de créer un site Web de grande taille. Donc, si vous allez sur le Web, vous pouvez créer un site Web de grande taille. Et parce que le format est
traité comme un format différent, lorsque nous passons à l'exportation, par exemple, exportons 15 et
utilisons Porto shop Export. Lorsque nous utilisons ce modèle de couleur et éventuellement
d'autres paramètres. Vous pouvez voir qu'il est en cours d'
importation et nous n'avons pas cette fenêtre contextuelle qui permettrait de le personnaliser. Et maintenant, nous devons
appuyer sur la commande A,
puis sur la commande C, sur la
commande N pour créer un nouveau
weblarge et le coller Maintenant, vous verrez que
nous n'avons qu'une seule couche, et que nous avons toutes nos
affaires dans une seule couche. Et ce que nous devons faire, c'est cliquer sur la couche, cliquer sur ce burger, passer à
la séquence des couches. Maintenant, chaque
couche possède sa propre couche, et nous devons la faire glisser
hors de cette couche et nous pouvons supprimer cette couche parce que nous n'en avions plus
besoin. Maintenant, si nous
exportons des fichiers sous Photoshop,
utilisons des plans de travail, et c'est ce que
nous allons faire. 116 OK ? Importons-le maintenant dans
After Effects. Vous voyez, nous avons cette fenêtre contextuelle. Nous pouvons le choisir
et appuyer sur OK. Double-cliquez, nous
avons maintenant le texte et quelque chose que nous avions
précédemment tapé, c'est que le problème avec les fichiers
Illustrator est qu'il ne s'agit pas d'un texte Il s'agit d'un fichier SVG. Et en ce moment, nous
avons ce texte. Nous avons compressé la commande C,
accédons au fichier SVG, et maintenant nous pouvons cliquer avec le bouton droit sur
Créer du texte modifiable Nous avons maintenant ce texte, et
nous pouvons le personnaliser. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça, je te
verrai dans la prochaine vidéo.
8. Préparer une interface utilisateur de style Apple pour After Effects : Figma + flux de travail Illustrator: Bienvenue. Dans cette vidéo,
je vais vous montrer la troisième méthode pour
créer des designs d'interface utilisateur. Et dans cette vidéo,
nous allons
utiliser Figma et Illustrator Figma peut être utilisé gratuitement. Il existe des plans de paiement, mais nous allons les utiliser
entièrement gratuitement, afin que vous puissiez vous rendre sur figma.com Vous pouvez également télécharger
une application sur votre ordinateur. Donc ça va ressembler à
quelque chose comme ça. Comme vous pouvez le constater, c'est
très, très similaire. L'expérience sur une application est un peu plus fluide
que dans le navigateur. Donc, si vous en avez l'occasion,
allez-y et téléchargez-le. Si ce n'est pas le cas, vous pouvez l'
utiliser dans le navigateur. Mais dans un souci de fluidité, nous allons utiliser
l'application Donc, si vous allez dans
Modèles et outils, nous pouvons rechercher, par
exemple, l'interface utilisateur Mac,
puis l'ouvrir, et boum, laissez-moi zoomer. Voilà. Il y
a une tonne de choses ici. Ce qui ressemble exactement à
la page officielle de McBook. Nous pouvons aller en
chercher d'autres. Pour celui-ci, par exemple, ouvrons-le. OK, donc une tonne de choses
ici, cliquez ici, cliquez ici. Il semble donc que
cela vienne d'un Mac. Maintenant, laissez-moi vous montrer comment travailler
réellement avec cela. Donc, en fait,
recherchons l'interface utilisateur de l'iPhone. OK, donc je viens d'ouvrir l'interface utilisateur de l'iPhone Los Voici à quoi ça
ressemble des deux côtés. Vous pouvez même cliquer sur des iPhones
spéciaux. Quoi qu'il en soit, ce que nous allons faire, c'est cliquer ici, et nous allons simplement nous assurer que nous avons sélectionné
la bonne chose, puis nous allons cliquer avec le bouton droit sur
Copier Coller et copier SVJ Maintenant, nous allons
ouvrir Illustrator, Command N Web Large, créer, et là, nous allons
simplement payer. Commande V. Et
voilà notre iPhone. Vous remarquerez que le
fond d'écran a disparu. C'est tout à fait normal
car ce fond d'écran n'
est pas un fichier SVJ Et ce que nous avons fait dans Figma, c'est
que nous avons spécifiquement copié SV. Dans l'une des prochaines vidéos, vous verrez que j'ai
le même problème, et je vous montrerai
comment le résoudre. Maintenant, nous pouvons également ouvrir des couches, et nous allons
voir tous les objets. Donc, d'ici à ici. Si nous désactivons ce groupe où se trouvent tous les
objets, alors c'est ce à quoi
cela ressemblera. La première chose que nous pouvons
faire est de sélectionner tous les objets et de
les retirer des groupes. Comme ça. Ensuite, nous devons
sélectionner notre couche cliquer sur la séquence de couches Burger
Release. Maintenant, nous pouvons sélectionner toutes les
couches et les suivre. Alors maintenant, chaque
chose a sa propre couche. Et d'ailleurs, je ne sais
pas à quoi
ils servaient, mais nous pouvons nous en
débarrasser pour le moment. D'accord, nous pouvons donc déplacer
chaque bit comme nous le voulons. Nous pouvons continuer et
enregistrer ce fichier. Donc, commandez pour enregistrer. Gardons-le
ici. La personne va bien. Passons maintenant à Aftereffects et faisons glisser
ce que nous venons de créer Assurez-vous de définir la composition
et la taille des couches. D'accord, double-cliquez, et
voilà. D'accord ? Voyons voir quel était celui-ci. OK, on peut probablement se
débarrasser de celui-ci. Appuyons sur la commande
Y pour créer un solide, plaçons-le en arrière-plan et créons un autre solide. Faisons en sorte qu'il soit gris. Appuyez sur OK. Je vais juste trouver la pièce dont nous avons
besoin pour le tapis de course. Nous avons donc besoin d'un
tapis de suivi, nous devons suivre diplôme de
médecine pour simplement le parentaliser Nous devons donc suivre le
degré MD jusqu'à la couche 26
afin de changer essentiellement
la couleur d'arrière-plan. Ou nous pouvons continuer et
simplement cliquer avec le bouton droit sur
créer des formes à partir de couches
vectorielles, désactiver celle-ci et changer la
couleur de la couche elle-même. Alors, remplissez-le, nous pouvons changer
sa couleur comme ça. Et voilà. C'est assez
facile, assez rapide. Figma est vraiment géniale. Pour être honnête, je l'ai découvert
il n'y a pas si longtemps, et cela
change absolument tout. C'est absolument génial. Vous pouvez
rechercher n'importe quel type d'interface utilisateur. Donc, par exemple, YouTube, UI, ouvrons-le. Et voilà. Si nous
zoomons, c'est ce que nous avons. Nous pouvons simplement continuer et sélectionner cette chaîne,
par exemple. Donc, cette partie, nous pouvons simplement
continuer, la sélectionner, cliquer avec
le bouton droit de la souris, faire la même chose, et c'est parti. Maintenant, l'un des
avantages
des fichiers SVJ est que nous pouvons nous
assurer que ces
fichiers sont pixellisés Cela signifie, par exemple, qu'il faut appuyer sur et simuler S
et nous allons l'agrandir. Et vous verrez qu'
il commence à
perdre en qualité au fur et à mesure qu'il
grossit. Mais si nous appuyons sur
ce bouton ici, même si nous l'
augmentons en taille, il conserve la même qualité. C'est donc l'avantage des fichiers
SVG et d'
Illustrator , car
nous sommes capables de le faire Si vous voulez vraiment zoomer, par
exemple, ou vraiment augmenter
la taille de quelque chose, nous pouvons le faire avec cela, ce qui permet d'économiser, oui, cela
vous sauve absolument la situation. Donc, si vous le souhaitez, vous pouvez
tout sélectionner et cliquer sur ce bouton ici et
c'est fait. C'est ainsi que vous
procédez avec Figma Illustrator
et After Effects Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça, je vous
verrai dans la prochaine vidéo.
9. Préparer une interface utilisateur de style Apple pour After Effects : PDF + flux de travail Illustrator: Bienvenue. Il s'agit de
la dernière vidéo de création de nos interfaces utilisateur. Dans cette vidéo, nous allons utiliser des
fichiers PDF
dans Illustrator pour créer After Effects Laissez-moi vous montrer comment procéder. Passons à Safari,
Fichier, Exporter au format PDF. Et il devrait y avoir une
option similaire dans le navigateur Crombo. Mais pour celui-ci,
allons-y et
enregistrons-le sur notre bureau sous le nom de YouTube. Ensuite, nous allons
passer à Illustrator. Vous pouvez ouvrir ce fichier PDF de plusieurs manières. Vous pouvez soit
ouvrir la connexion directement avec Illustrator. Cela va ouvrir la page Illustrator,
et c'est parti. Voici l'intégralité de notre
page YouTube, et devinez quoi ? Nous avons un grand nombre
d'objets ici, et chaque objet peut
être déplacé et personnalisé, comme vous pouvez le voir à l'écran, c'est exactement ce que nous voulons. Vous
pouvez également essayer
cela si vous
avez déjà un document, puis essayez Dragon
Drop sur YouTube ici. Cependant, vous constaterez
qu'il est importé sous forme d'image et non
sous forme d'objets ou de calques. Et c'est un petit problème
parce que nous ne le voulons pas. Donc, pour éviter cela, vous devez vous assurer
soit d'ouvrir le fichier, puis rechercher TPDFPreseno,
puis de
fermer, et vous pouvez voir qu'il a
été importé de la manière dont nous avons
besoin Nous pouvons déplacer les choses. Si nous ne le faisons pas, comme vous pouvez le voir, nous pouvons le déplacer sous forme d'image agrandie. Ou nous pouvons continuer, en cliquant avec le bouton droit de la souris sur Ouvrir
avec Illustrator. Malheureusement, comme vous
pouvez le voir à l'écran,
le texte n'est pas au mieux
de sa forme. Pour résoudre
ce problème, nous devrons recréer chaque texte
affiché à l'écran Heureusement, nous n'avons pas besoin
d'autant de vidéos, nous pouvons
donc simplement
les supprimer pour, disons
, tout. Ensuite, nous pouvons appuyer sur Shift O et faire glisser ce truc vers le haut pour le
rendre un peu plus petit, peut-être pas si petit,
quelque chose comme ça. Ensuite, il suffit d'appuyer sur Scape. Et il y a deux
choses que nous pouvons faire. Oui, nous pouvons modifier le texte pour que
ce soit le bon. Nous pouvons procéder à la suppression du texte, y mettre le bon texte. Au fait, vous pouvez simplement ouvrir
le fichier PDF pour le rendre énorme. Alors d'accord, c'est celui-ci. Je peux donc simplement copier le texte. À partir de là, laissez-moi
simplement le sélectionner. Contrôle C, ou commande C, venez ici, collez-le dedans. Boum. C'est bon d'y aller. Nous avons
exactement le même texte. Peut-être devons-nous
changer les couleurs, alors rendons-les en noir. OK, maintenant nous devons
entrer dans le fichier,
enregistrer tel qu'il est Illustrator, enregistrer. Ensuite, nous passons
à Aftereffects, au
jag de notre fichier Illustrator, jag de notre fichier Illustrator position du
trobin et à la taille Double-cliquez ? Oh, j'ai
oublié de faire un gros truc. Nous venons ici, publions la séquence des
couches. Maintenant, nous devons tout
sélectionner. Faites-le glisser hors de cette couche, et nous devons maintenant l'enregistrer. Passons donc à la commande Z d'
After Effects. Et là, archiver, enregistrer
sous Illustrator, YouTube, oui, remplacer
la précédente Appuyez sur OK. Viens ici. YouTube. Maintenant, nous l'ouvrons,
et voilà. Maintenant, si vous le
faites défiler tout en bas, cliquez sur la première couche, et créons un solide au-dessus
en appuyant sur la commande Y. Faisons en Y,
comme YouTube Et voilà. Nous
avons notre page Facebook. Voilà, nous avons
notre page YouTube. Et maintenant, si vous voulez
modifier le texte, oui, nous pouvons simplement ajouter notre texte en
haut ou encore une fois, nous pouvons le faire dans Illustrator. Ensuite, nous devrons l'exporter sous forme de
fichier Photoshop important ici. Une chose que je peux vous recommander
pour éviter le casse-tête avec le texte, c'est que si vous
voulez le réutiliser à l'avenir, allez-y et enregistrez-le dans un
fichier After Effects, comme un modèle. Ainsi, à l'avenir,
lorsque vous aurez besoin de l'utiliser, vous aurez déjà du texte After Effects ou de Photoshop
, selon l'option
qui vous convient le mieux, et vous pourrez le réutiliser. enregistrer un
modèle pour After Effect, enregistrez
simplement le
fichier After Effects dans un endroit où vous le saurez, par
exemple, je peux l'
enregistrer sur YouTube. Je peux fermer ce
fichier en appuyant sur commande S de l'option
Shift Control, puis en ouvrant le fichier
After Effects, et voilà.
Il s'agit du modèle. À l'avenir, vous
pourrez le réutiliser. Alors, par exemple,
fermons ce fichier. Créons une nouvelle composition. Donc, en gros, un nouveau
projet a été créé. Nous allons maintenant
glisser-déposer notre YouTube ,
puis nous l'ouvrirons et vous pourrez
l'utiliser comme ça. D'ailleurs, quelles que soient les modifications que
vous apportez à ce modèle, qui a été importé, le fichier
d'origine reste le même. Il s'agit des modifications que vous
apportez ici, par exemple. Supprimons-le comme ça
et fermons ce projet. Nous allons maintenant passer à OK, disons ce projet. YouTube. OK, nous avons fermé. Mais si nous
allons sur YouTube, version originale, tout est pareil, car nous ne modifions pas réellement
le fichier d'origine, nous influençons simplement le fichier dans After Effects OK, donc je comprends que ce n'était pas très facile de regarder
les quatre dernières vidéos. Mais maintenant, nous savons comment concevoir des
interfaces utilisateur avec
capture d'écran et Photoshop, avec capture d'écran et Illustrator, avec Figma et Illustrator
et avec PDF et Illustrator Vous en avez 44, désolé, je ne peux pas compter. Vous pouvez créer des designs d'interface utilisateur de quatre
manières différentes. vous convient le mieux, Ce qui vous convient le mieux,
utilisez-le dans votre flux de travail. Si vous avez
des questions, n'hésitez pas à me le faire
savoir. Je vous
verrai dans la prochaine vidéo.
10. Configuration du projet et structure des fichiers ture: Bienvenue. Dans cette vidéo et dans
les deux suivantes, nous pouvons parler des
outils de base pour les animations de l'interface utilisateur Apple. Dans cette vidéo,
nous pouvons notamment parler de la configuration
du projet et de l'organisation des fichiers. Ouvrons After Effect et créons un nouveau projet
dans le coin supérieur gauche. Tout d'abord,
créons une composition. Nous pouvons soit cliquer
ici en bas, soit cliquer ici pour
créer une composition. Ou si nous avons
déjà quelque chose ici, nous pouvons simplement le glisser-déposer
du projet sur notre chronologie
ici pour créer une composition. Maintenant, je vous recommande de créer vous-même vos
compositions à l'avance en
cliquant ici, en cliquant ici et en
personnalisant les paramètres Je recommande de travailler avec
1080 x 1920 ou 1920 x 1080, selon que vous souhaitez créer des vidéos
verticales ou horizontales, nous allons créer les deux. Et je recommande 30
images par seconde. Il existe essentiellement
trois fréquences d'images principales. Il y en a 24, 30 et 60. Parfois, vous pouvez voir
en ligne, par exemple sur YouTube, 50
images par seconde, mais c'est un peu bizarre. La plupart des films utilisent 24
images par seconde, par
exemple, les transformateurs,
24 images par seconde Si vous utilisez 60 images par seconde, c'est très fluide, mais cela ne semble pas naturel. très naturel et,
bien sûr, en disant cela, je partage mon opinion,
mais à mon avis,
30 images par seconde, je partage mon opinion,
mais à mon avis,
30 images par seconde,
c'est ce qu'il y a de mieux. Je recommande donc 30
images par seconde, 1920 x 1080 ou 1080 par 1920. En bas, vous pouvez définir la durée de
votre composition. Nous pouvons régler, par exemple, 10 secondes et appuyer sur OK. D'ailleurs, vous pouvez
également lui donner un nom. La première composition fonctionne
parfaitement pour nous. Deuxièmement, je vous recommande de
personnaliser vos espaces de travail. Par exemple, il s'agit
d'un espace de travail horizontal, mais comme vous pouvez le constater, nous travaillons avec de la vidéo
verticale, ce n'est pas le plus pratique. Le plus pratique
serait un espace de travail vertical. Pour ce faire, vous devez
accéder à l'espace de travail par défaut, puis continuer et faire glisser
cet objet vers le haut, le faire
glisser vers la droite
et procéder comme suit. Ensuite, nous devons
le déplacer ici. Je veux dire, vous verrez en fait l'audio dont nous
n'avons pas vraiment besoin ici, une ligne, nous en avons vraiment besoin, aperçu, nous n'en avons pas vraiment besoin. Propriétés, nous avons
besoin de propriétés. Mettons-le donc ici. Nous pouvons
également le mettre à droite. OK, et
voilà. la verticale,
puis allez-y, cliquez avec
le bouton droit sur Enregistrer ce nouvel
espace de travail, donnez-lui un nom, et il sera situé
ici ou en haut ici. Vous pouvez le réinitialiser pour enregistrer mise en page et elle reviendra
à la configuration par défaut. En termes d'organisation des fichiers, je recommande de créer des dossiers. Comme vous le savez
peut-être ou non, vous
pouvez créer des dossiers. Vous pouvez créer des dossiers en
cliquant dessus, ou vous pouvez créer
des dossiers en faisant glisser quelque chose sur le dossier pour créer un dossier Donc, par exemple,
supposons que nous en ayons une maquette, puis
dupliquons plusieurs fois. Sélectionnons-les tous les trois, Dragon, déposez-le ici, donnez-lui un nom. Composez un, deux, trois. Et en cliquant ici,
vous pourrez l'ouvrir. Cela permet de mieux organiser les choses. Il est plus facile d'accès, en particulier lorsque nous
travaillons avec des conceptions d'interface utilisateur. Et il y a parfois des centaines,
voire plus de couches, et je veux juste m'assurer que vous savez où se trouvent les
objets. Sinon, ce sera
un énorme casse-tête. n'est pas ce que tu veux. Fais-le. Créez une composition et
vous serez prêt à partir. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mieux que ça, je
vous verrai dans la prochaine vidéo.
11. Couches de forme et outils d'animation essentiels: Bienvenue. Dans cette vidéo,
nous allons parler des outils de mise en forme et des outils
d'animation essentiels. Appuyons sur Commande pour
créer une nouvelle composition. D'ailleurs, les
paramètres que nous avons créés dans la
vidéo précédente
seront toujours ceux par défaut pour les nouvelles compositions, sauf si
vous les modifiez. Donc, si nous le changeons
en 1080 x 1080 et que nous appuyons sur OK, la
prochaine fois que nous
créerons une nouvelle composition, ce sera 10801080 Un certain nombre de choses
sont importantes lors création d'animations APO UI. Tout d'abord, nous devons
créer des formes, et nous pouvons appuyer sur Q pour
sélectionner l'outil de forme. Nous pouvons également appuyer sur Q,
et nous allons
sélectionner une forme avec des rectangles
arrondis Désolé, un outil à rectangle arrondi. Ensuite, nous allons
sélectionner le cercle Ellipso, puis ce polygone
et un outil SAR Créons un outil en forme de
rectangle arrondi. Et en appuyant sur Shift, je vais m'assurer que
c'est un carré parfait. Mettons-le au milieu. D'ailleurs, nous pouvons également modifier la taille de la composition. Au milieu du montage,
ce n'est pas un problème. Un autre
outil organisationnel que nous utiliserons est donc le nommage. Ainsi, par exemple, pour celui-ci, nous allons le lire carré rouge. OK. Je vais également
appuyer sur Commande et double-cliquer sur
cet outil panoramique pour centrer
le point d'ancha nous voulons centrer le point d'ancrage, c'est parce que si nous créons des animations,
disons des animations de trajectoire, elles seront basées
sur le point d'ancrage Par conséquent, vous devez vous
assurer que c'est au milieu, et assurer que c'est au milieu, non quelque part sur l'
un des côtés, ce qui
détruira complètement l'animation. Créons maintenant
un autre rectangle. Assurez-vous de sélectionner celui-ci. Je peux soit cliquer ici, mais si j'ai une tonne de couches. Ici, vous pouvez simplement
appuyer sur la commande Shift A ou Shift Control A. Et créons
un autre rectangle, placez-le également au milieu,
centrons le point d'ancrage. Et pour celui-ci, nous
allons changer de couleur. Remplaçons-le
en blanc. Ce sera donc
un petit carré blanc. Vous pouvez renommer en
appuyant sur Entrée, puis vous
pourrez renommer Vous pouvez également modifier les
couleurs de chaque couche. Ainsi, par exemple, pour le rouge, nous pouvons sélectionner le rouge, mais pour le blanc, il n'
y a pas de blanc, nous pouvons
choisir entre le rose, le
jaune, la pêche, selon ce qui
est le plus proche. Vous pouvez également modifier les étiquettes et définir la couleur de votre choix. Par exemple, au lieu
de ce
vert foncé que je n'utilise jamais, nous pouvons définir le blanc, et nous pouvons l'appeler blanc. Et maintenant, nous allons pouvoir
mettre du blanc comme ça. Parfait. Parce qu'à l'avenir, nous travaillerons à la
transformation des formes. Nous devons nous
assurer de savoir comment
relier les formes afin de
pouvoir les transformer. Ainsi, par exemple, si j'
augmente l'échelle, nous n'augmentons que l'
échelle de l'un d'entre eux. Au fait, nous devons saisir
le point de convergence pour celui-ci. OK, disons que nous
augmentons l'échelle, mais que la petite échelle ne l'augmente pas. Hmm. Eh bien, pour agrandir le plus petit,
nous devons l'élever, et nous le faisons en élevant
le plus petit à celui-ci, en l'emportant
simplement ici Si vous ne voyez pas l'
icône en forme de fouet pour une raison ou une autre, appuyez sur
Ctrl S ou Alt S sous Windows, et vous pourrez
passer d'un outil à l'autre ici Donc maintenant, si j'augmente l'échelle, les
deux évolueront
exactement comme nous le voulons. Cependant, et c'
est énorme, disons que nous voulons
changer le rectangle. Imaginons que nous
voulions modifier sa taille. Donc, par exemple, comme ça
ou comme ça, c'est vrai, on change sa position, par
exemple, ici, ou on
change la rondeur. Existe-t-il même un moyen de
faire en sorte que le blanc change de la même manière que le
droit ? Oui, absolument. Pour ce faire, nous ouvrons le rectangle, le
petit rectangle blanc. Nous avons la taille, la
position, la rugosité, exactement les mêmes
que pour le rectangle Et maintenant, nous
devons adapter la taille
du petit rectangle à la
taille du grand rectangle Vous verrez qu'il vient de
devenir une taille unique. Et maintenant, je
pourrai le personnaliser. Donc, si je règle l'opacité de celle-ci à 50 % en accédant à
la propriété, par exemple 50, vous verrez que
nous avons la couleur rouge derrière et qu'ils font
exactement la même chose Nous savons que cela fonctionne parce que
ces valeurs sont rouges. Donc 671, six, 71, et nous avons exactement
la même chose ici Et si on le change, il en va de même
pour l'autre. Ces valeurs sont rouges, cela signifie
qu'elles sont connectées. Bien. Nous avons les quatre
mêmes positions. Donc, si nous changeons de
position, cela change également. Et maintenant, pour ce qui est de
la rondeur également, connectons
la rondeur Maintenant, si nous changeons
la rondeur de l'un d'eux, l'autre change également Maintenant, nous pouvons revenir en arrière et relier uniquement la
rondeur par exemple Connectons donc la rondeur. Et en augmentant la
rondeur de la grande, nous avons également modifié la
rondeur de la petite Intéressant, non ? OK,
pour ce qui est de l'animation, vous avez un certain nombre d'animations. Vous avez vos animations de
transformation habituelles. Vous avez vos animations ici. Par exemple, tout ce qui
a cette icône de
minuterie peut être animé. Et il existe
une très bonne extension, Animation Composer, qui est absolument gratuite. Et il contient également une tonne d'
animations. Ainsi, par exemple, il est
question de transitions, mais celles-ci
ressemblent également techniquement à des animations. Ainsi, par exemple, nous
avons un carré rouge. Nous pouvons examiner n'
importe lequel d'entre eux. Nous pouvons également augmenter
la taille si nous le souhaitons. Disons que nous cliquons ici, animation est insérée, et que
c'est ainsi que cela fonctionne. Supposons que notre
point d'ancrage se trouve quelque part sur le côté et que nous y
faisons l'animation, et vous pouvez voir qu'elle part du
point de cheville C'est pourquoi il est
important de centrer
le point final de manière à ce que, lorsqu'il se trouve, il soit symétrique
par rapport au milieu,
tout va bien. Nous pouvons faire l'animation
. Nous pouvons faire les deux. Et cela peut
nous faire gagner
beaucoup de temps , car au lieu de
l'animer à la main, nous pouvons réellement le faire Par exemple, dupliquons. Et retirons
du carré rouge deux. Changeons la
position des deux. OK, nous en avons donc une qui grandit
puis qui diminue de taille. D'accord, nous devons donc
le faire à grande échelle. Échelle à un, on la met à zéro ici, on la
met pour
voir quelle est sa taille. Quoi qu'il en soit,
augmentons la taille jusqu'à environ 120, probablement. Donc, au lieu de faire cette
animation, et d'ailleurs, ils ont probablement appuyé un peu sur F
neuf également. Nous sommes loin d'une image, mais vous voyez l'idée. Au lieu de le faire manuellement à
chaque fois, d'accord, nous pouvons simplement appuyer sur ce bouton ici,
et c'est parti. Permet un gain de
temps incroyable. Pour télécharger
le compositeur d'animation, il suffit d'accéder à Google
Animation Composer. Voilà. Allez-y
et essayez gratuitement. Il n'est pas nécessaire de payer quoi que ce soit. Essayez-le gratuitement
pour toujours. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça,
joue avec ça, et je te verrai
dans la prochaine vidéo.
12. Éditeur de graphiques, facilité facile et courbes d'assouplissement: Bienvenue. Dans cette vidéo, nous allons découvrir l'
éditeur de graphes qui facilite l'intégration, assouplissement, et passons directement à l'action. OK, nous avons donc notre
carré au milieu. Créons une image-clé. Appuyons sur P pour la position, définissons une image-clé, déplaçons-la plus loin, puis définissons une autre image-clé Et nous avons une animation très
simple de la place qui monte. Maintenant, si vous sélectionnez
les deux, nous pouvons appuyer sur FN F neuf, et nous allons nous
en sortir facilement. Donc ça commence plus lentement
et ça finit plus lentement. Permettez-moi d'accéder à l'éditeur de graphes en appuyant sur ce bouton ici, ou vous pouvez créer un
shroc pour vous-même, et le shro pour
moi est Control G. Et vous verrez que nous
avons deux images-clés Si j'appuie sur FN F neuf
ou simplement sur F neuf, au lieu d'être rigide à un angle de 80 degrés,
tout sera fluide. Donc, avant et après. Et lorsque ces images-clés
prennent cette forme différente, signifie que vous utilisez l'
assouplissement pour l'entrée et l'assouplissement. Vous pouvez également appuyer sur
commande et sur image-clé, commande et sur
image-clé pour
revenir au mouvement linéaire uniquement Mais nous ne voulons pas de linéaire. Nous voulons des animations fluides. Bien, passons
à Graph Editor. Avec ces poignées,
vous pouvez
contrôler la fluidité de l'animation. Donc ça commence lentement, ça va très vite, puis ça
redevient lent. Alors voyons voir. Vous pouvez voir qu'il s'agit d'
un type
d'
animation différent de celui-ci. Comparons encore une fois. Celui-ci est une version plus
extrême de cet assouplissement
et de cet assouplissement. D'ailleurs, pour ce
faire, vous devez vous assurer que vous modifiez le graphique de vitesse, et
non le graphique
de valeurs. En ce qui concerne le graphique des valeurs, il est un peu plus avancé. D'habitude, 99 % du temps,
j'utilise le graphique de vitesse. Si vous arrivez au graphique des valeurs, cela ressemble à ceci. Et si cela
ressemble à ça, c'est parce que c'est un
peu plus avancé. Nous avons deux mouvements. Nous avons le mouvement vertical
et le mouvement horizontal. Et vous verrez si nous n'avons
aucun mouvement de droite à gauche. C'est pourquoi le rouge, qui est la position X,
ne change pas du tout. Mais la position Y change parce
qu'elle se déplace vers le haut et vers le bas. Et une chose que je peux
faire, c'est de
cliquer avec le bouton droit sur la position et de
séparer les dimensions. Je vais donc
pouvoir personnaliser celui-ci. Donc, si je dois
impressionner F Nine, ça va devenir
un peu plus fluide. Je peux encore plus faire glisser ces
poignées. Celui-ci permet simplement une
plus grande personnalisation. Ils ressemblent
beaucoup à ce que nous avons fait
avec Let's Back. Je suis allé trop loin en arrière. Quoi qu'il en soit, mettons
la position ici, une position ici, un
peu plus bas. OK, donc ça se passe comme ça. FNF neuf, maintenant ça va juste
dans la direction opposée. Nous pouvons également le déplacer
à partir d'ici pour que l'animation passe de 0 à 1, disons 115, afin que l'animation soit
un peu plus longue Maintenant, une chose que vous pouvez
également faire est de continuer et de double-cliquer
sur l'image-clé, vous pourrez la
personnaliser avec précision Vous verrez que chaque image clé possède une vélocité d'entrée et de
sortie, et que la sortie est destinée à
celle-ci parce qu'elle est sortie, et celle-ci Donc, si je
double-clique sur celui-ci, nous aurons essentiellement à ignorer cette partie et à ne regarder que la
vélocité entrante pour cette image-clé Pour cette image-clé, nous
devons examiner uniquement les résultats et
ignorer celui-ci Mais, par exemple, si nous avions
un troisième Quelque chose comme ça. Si je clique sur cette image-clé, nous devons
maintenant faire
attention aux deux Cela dépend donc si
l'image clé a vélocité
entrante et une vélocité
sortante En termes simples, cela signifie
s'il y a une animation des
deux côtés de l'image-clé ou juste d'un côté
de l'image-clé En gros, vous pouvez
personnaliser la fluidité. Par exemple, je peux
mettre 65 ici. Je peux mettre un double clic et
je peux en mettre 65 ici aussi. Et vous verrez que nous
avons différents types
d'animations. Nous pouvons en fait
le rendre très similaire en le faisant glisser, comme ça Maintenant, si vous avez
un petit budget, il existe une extension
appelée flow. C'est cette extension ici. Je vais vous montrer
comment l'installer. AE
Script coûte donc 35$ pour sélectionner notre forme, double-cliquer sur l'
animation que nous voulons et elle sera créée Ensuite, si vous le souhaitez, vous pouvez
le personnaliser. Mais si vous le souhaitez, nous
pouvons continuer et cliquer sur celui-ci. Ainsi, au lieu de
cliquer sur un bouton, vous pouvez simplement
double-cliquer sur l'un d' eux et le tour est joué. C'est ainsi que vous
créez des mouvements fluides. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça, je vous
verrai dans la prochaine vidéo.
13. Les objets nuls et la configuration de l'appareil photo: Bienvenue. Dans cette vidéo,
nous allons parler des objets
nuls et des configurations de caméra En fait, nous n'avons pas
nécessairement d'utiliser des appareils photo,
mais avec les appareils photo, vous avez un peu plus de liberté, parfois de
créativité,
et j'aime bien m'en servir. J'aime aussi utiliser nos pour animer les caméras,
car avec nos, nous pouvons faire quelque chose que nous ne pouvons pas faire uniquement avec des
caméras. Je vais vous le
montrer dans une seconde. Ainsi, par exemple, créons un arrière-plan en
appuyant sur la commande Y. Nous allons
créer un arrière-plan Appliquons une rampe de dégradé. Créons une grande forme
ici en bas,
centrons le point d'ancrage et créons
une autre forme, par exemple, centrons le point d'ancrage
et placez-le au milieu. Et faisons comme celui-ci,
mettons-le également au milieu. OK, nous avons donc un
petit tango crack, grand tango crack et un dégradé
blanc solide. Nous en avons un et nous en avons deux. Et créons une caméra, appuyant sur la commande d'
option Shift C ou sur la touche Alt Control
C sous Windows. Créons un K.
Et il est écrit que les caméras n'affectent que
trois couches D. C'est vrai. Nous allons maintenant
créer une valeur nulle, appuyant sur la commande d'
option Shift Y
ou en appuyant sur la commande Shift Alt Y. Et nous allons connecter
notre caméra à la Nous allons appuyer sur Control
S pour dévoiler d'autres parties. Parfois, ces boutons apparaissent manière aléatoire et disparaissent de manière aléatoire. Je ne sais pas s'
il existe un schéma selon
lequel ils apparaissent
et disparaissent, suffit
donc d'appuyer sur d ou sur Ctrl S
pour passer de l'un à l'autre. Maintenant, nous allons créer
nos trois D nuls. Nous
allons également créer trois D pour les deux
rectangles Et en fait,
passons à l'horizontale. En cliquant ici, je vais
appuyer sur Nouvelle vue. Je vais
rechercher Nouvelle vue, donc afficher Nouvelle vue. Je vais appuyer sur tel ou
tel bouton pour
passer en plein écran. Et je vais
passer d'une caméra à l'autre. Je vais en fait
passer à la vue de dessus, et maintenant nous pouvons
voir les choses. Nous avons donc notre
arrière-plan, qui
n'est pas affecté par la caméra. Nous avons un et deux, qui sont affectés
par la caméra. Nous avons la caméra et le zéro. Nous pouvons donc créer une couleur pour l'appareil photo
et le zéro. Faisons en sorte qu'il soit orange, et
préparons les deux. Rendons-les blancs,
tous les deux, en fait. Maintenant, ce que nous essayons
de faire, c'est de créer un effet de parallaxe Nous devons changer la position du grand rectangle et
du petit rectangle. Je vais donc changer
la position
du petit rectangle et
je vais le remettre en place. Et pour ce qui
est de la position d'un grand rectangle, je vais le mettre un peu à l'avant pour qu'
il y ait plus d'espace. Vous pouvez voir que c'
est le plus petit. C'est le plus important. Il y a
un peu d'espace entre eux. Ainsi,
lorsque, par exemple, nous changeons la
position du zéro, vous pouvez voir qu'il change différemment à l'intérieur, car s' ils étaient dans la même position et que nous devions nous déplacer de haut en bas, vous savez, ils resteraient
dans la même position. Mais comme ils sont situés
dans des positions différentes, recommençons. Nous pouvons, vous le savez, nous avons cet effet de
parallaxe intéressant, comme dans la vraie vie, car lorsque vous conduisez
une voiture, par exemple, les
objets situés plus loin changeront moins de
position que ceux
qui sont proches de vous OK, c'est donc un bon exemple. Les nuages en arrière-plan changent un peu
moins qu'au premier plan. Le premier plan se
précipite très vite, mais l'arrière-plan ne change
pas aussi C'est donc l'effet que nous essayions d'obtenir ici. Changeons de position. Caméra. La raison pour laquelle nous avons connecté
la caméra au zéro est que si nous voulons avoir des mouvements
très fluides, nous devons la contrôler
avec des valeurs nulles, par exemple Si je change la position de l'appareil photo et que je le
chronométre, par exemple, nous passons d'ici à là, appuyons sur F neuf, et le mouvement
se fait en douceur. Supposons que nous
voulions bouger, disons, vous
puissiez voir, parce que si nous
regardons ce graphique, nous avons cette partie ici, qui donne l'impression qu'il descendait à zéro, puis qu'il
fallait recommencer à zéro. Ce n'est pas ce que
nous cherchons à faire. Annulons tout ça. Ce que nous pouvons faire à la place, c'est
chronométrer la position du zéro. Cela va donc aller plus loin. OK, super. Fan de neuf enfants. Cela va encore plus loin.
En même temps, nous pouvons créer un autre zéro Nous allons
donc
dupliquer celui-ci et comparer au
numéro nul deux P Nous allons supprimer les
cadres clés de position pour celui-ci, et nous allons cliquer sur position et cliquer sur
position ici également. Et un ventilateur F neuf,
encore une fois, pour adoucir le tout. Maintenant, le secret d'un mouvement
fluide est de commencer le mouvement suivant avant que le premier
mouvement ne soit terminé. Donc, comme vous pouvez voir exactement
ce que nous
avons ici, notre premier zéro
est toujours en cours, et nous avons déjà commencé notre deuxième
mouvement. Et c'est ainsi que vous pouvez créer ce mouvement ultra fluide.
Jetons donc un coup d'œil. OK, ouvrons le flux, et faisons-le comme ça. Peut-être pas si difficile comme ça. OK, c'est
déjà super bon. OK, super. Donc un mouvement
très, très fluide. Et c'est quelque chose que nous
n'avons pas pu réaliser
avec la seule caméra. Et c'est exactement la raison pour laquelle nous le
faisons avec null afin que le mouvement soit
beaucoup plus fluide. Parce que, encore une fois, avec les caméras ,
si nous
animons quelque chose, nous devons attendre que cette
image-clé soit terminée, puis nous devons
passer à la suivante Oui, techniquement, nous pouvons le
faire en assouplissant les choses. Ce n'est pas toujours aussi simple. Cela demande pas mal
de va-et-vient, et c'est juste que cela
prend tellement de temps. Et pour une fraction
de l'effort, c'est ainsi que vous pouvez le faire. Donc maintenant, caméras, parallaxe. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais plus que ça. Je
vous verrai dans la prochaine vidéo.
14. Masques, Alpha Mattes: Bienvenue. Dans cette vidéo,
nous allons explorer les masques, tapis, les tapis alpha, les
tapis uma, etc. Cela peut sembler effrayant, pas effrayant
du tout. Allons-y. Tout d'abord, créons
un fond blanc, et créons un fond
violet, donc peut-être pas violet mais rose. Pour ne créer
aucun type de masque, nous devons utiliser un outil de mise en forme. Dans ce cas, je
vais appuyer sur Q ou je vais appuyer simplement ici, maintenir et sélectionner
n'importe quel type de forme. Commençons par
l'outil rectangle. En sélectionnant notre arrière-plan
uni, je vais simplement dessiner une forme et vous pouvez voir que
cela crée un masque. Si nous avons sélectionné une couche
et qu'en plus de cela nous dessinons un masque,
nous allons dessiner un masque. Cependant, si je
dessine simplement une forme, sans rien sélectionner ici, cela va
dessiner une forme. Sélectionnez Dessiner une forme, cela
va créer un masque. Désélectionnez n'importe quoi, créez les formes pour
créer la forme. Si nous sélectionnons un outil à
rectangle arrondi, vous verrez
que nos angles seront arrondis. Pour contrôler la
rondeur des bords, vous devez utiliser une souris Vous pouvez donc faire défiler la page vers le haut
et vers le bas, et vous pouvez voir que cela
change de rondeur. Au fait, nous étions en
train de créer la couche de forme. Désactivons-le, sélectionnons-le, et nous ferons exactement
la même chose ici. Nous ne pourrons pas personnaliser la rondeur
du masque ultérieurement Cependant, nous pouvons personnaliser
la rondeur de la forme. Donc, si je choisis un chemin rectangulaire, je peux personnaliser la rondeur. Mais si nous créons une forme, nous ne pouvons pas personnaliser
la rondeur ultérieurement. La façon dont nous pouvons le faire est, vous
savez, nous pouvons créer une forme. Nous devons sélectionner un masque. Nous devons sélectionner nos points, puis les
personnaliser comme ça, mais il n'y a aucun moyen
de le faire simplement avec le curseur pour que cela
affecte tous les points Si nous le faisons avec un
cercle simple, pour nous assurer que le cercle est exactement le même de tous les
côtés, il suffit d'appuyer et de déplacer. Ça va le
rendre très rond. Pour ce polygone également,
comme vous pouvez le voir, c'est actuellement
un triangle, et pour changer le nombre d'angles
qu'il possède,
nous pouvons encore une fois utiliser le
défilement de la souris et créer plus ou moins de parchemins Et c'est la même chose que
nous devons faire avec ce Tortol. Maintenant,
c'est un masque. Qu'en est-il de Track Mat ? Track Mat fonctionne de la même manière que le masque, mais il propose plus
d'options et
plus de personnalisations Supposons, par exemple, que nous créions un rectangle arrondi.
Ça va être noir. Ensuite, nous
allons suivre
notre solide bleu jusqu'à la forme. Je vais juste
lui donner cette forme. Mm. Intéressant
Cela désactive donc automatiquement le rectangle
et nous pouvons l'activer Mais ce qu'il fait, c'est
qu'il ne montre que tapis de suivi dans la forme dans
laquelle vous le tracez. Ainsi, par exemple, nous
alignons ce bleu ou violet sur
notre rectangle et il le montre
simplement à notre rectangle et il l'
intérieur du rectangle Ce que nous pouvons faire, c'est inverser le tapis en appuyant sur le bouton et il
fera exactement le contraire Cela ne fera que montrer tout ce qui se trouve
à l'extérieur de la place. À l'heure actuelle, nous
avons en fait un trou au milieu. Et si c'était le cas, ajoutons du texte. Supposons que notre
texte se trouve sous cette couche.
En fait, agrandissons
le texte beaucoup plus,
augmentons-le , comme ça. Et si j'appuie sur P, cela change la
position du texte, comme vous pouvez le voir, nous avons
un trou au milieu. Maintenant, il existe également un
moyen de faire de l'alpha mat. Alpha Mt est encore
plus intéressant. Pour cela, nous devons
créer un solide. Appliquons un dégradé. Clochard dégradé. Maintenant, créons nouveau
une forme,
placez-la au milieu. Et maintenant, adaptons
notre forme au dégradé. Et maintenant, nous devons appuyer ici. Au lieu d'être un
simple tapis normal, il sera alpha mat. Maintenant, c'est intéressant. En gros, ce
qui se passe,
c'est que tout ce qui est noir sur le dégradé va être transparent
sur notre tapis de course, et tout ce
qui est blanc ne sera pas transparent. Permettez-moi donc de vous donner un
meilleur exemple si nous déplaçons le
point de départ du dégradé. Alors faisons-le comme ça. Et faisons-le comme ça. OK. Maintenant, je vais le
désactiver, et vous verrez
que les zones sombres du tapis
de course
sont devenues transparentes. Cette partie est donc
réellement transparente. Si je mets du texte derrière, permettez-moi de le déplacer vers le bas. En fait, disons-le comme si vous pouviez voir que cette
partie est transparente, mais cette partie
n'est pas transparente. Et voici l'alpha mat. Nous pouvons en fait combiner les deux. Supposons donc que nous animions
l'arrière-plan et que nous mettions la position finale Mettons-le ici, puis
nous mettrons cette position ici, pour que ça se passe comme ça, et cela révélera notre
carré de cette façon. On peut aussi le
faire entrer, le faire sortir. Nous pouvons également suivre le
texte de la même manière, non ? Nous pouvons donc suivre le
texte envoyé à ce type également, et nous pouvons faire l'alpha mat et faire
exactement de même. Si vous avez
des questions, faites-le-moi savoir, d'
ici là. Je
vous verrai dans la prochaine vidéo.
15. Réflexion sur les concepts d'interface utilisateur virale avec ChatGPT: Bienvenue. Dans cette
vidéo, nous allons réfléchir à des
idées d'interface utilisateur virales avec HAGPT, particulier à des idées de vidéos, car notre objectif est de
créer deux vidéos, une vidéo verticale et
une vidéo horizontale Et la vidéo verticale que nous allons créer sera destinée aux réseaux sociaux, la vidéo
horizontale servira
en fait à présenter les partitions. Et je vais vous donner
quelques conseils qui m'aideront à créer des idées. En plus de cela, boostez
mon inspiration. Tout d'abord, j'
aime toujours trouver des idées sur une feuille de papier. J'ai soit une grosse feuille de papier, soit une petite feuille de papier, et j'adore
écrire avec un crayon. C'est tellement génial. C'est quelque chose
que nous avons oublié de faire. Nous utilisons souvent nos ordinateurs. Et pour moi, c'est ce de mieux
pour
ressentir l'inspiration
et donner vie
aux idées, pour réellement créer les idées et les
mettre sur une feuille
de papier. J'aime combiner
ma créativité avec HGPT. HGPT sait tout ce
qui a toujours existé, mais pour être honnête,
il n'est pas créatif C'est le plus gros problème
de l'IA et c'est pourquoi l'IA
ne remplacera pas les humains du
moins dans un avenir proche, parce que l'IA n'est pas créative. Tout ce que fait l'IA, c'
est qu'elle est entraînée sur des modèles qui ne sont que
des exemples donnés par des personnes. L'IA sait donc beaucoup de choses, et c'est ainsi qu'elle est capable de
fournir des réponses et de faire preuve
de créativité, mais elle n'est en fait pas créative. Bien qu'il soit très bon
dans bien d'autres domaines,
il n'
y en a tout simplement pas pour la créativité. Il n'y a aucune créativité avec l'IA. Je vais donc ouvrir le CHADPT et
trouver des idées Commençons donc le brainstorming. Tout d'abord, nous
devons proposer deux idées, deux idées. Une, une vidéo verticale, une
deuxième vidéo Sonto. OK, pour la vidéo verticale, puisque nous parlons d'Apple, je pense que ce serait le cas. En commençant à
écrire, j'ai juste eu l'idée , dans l'un de mes autres cours, de une vidéo sur Misty Beast à propos de Jimmy
Donaldson Et je pense que puisque
nous faisons Apple, je pense que nous pouvons créer une animation Apple
parlant d'Apple. Disons ceci comme une idée, une vidéo sur l'
animation de l'interface utilisateur Apple à propos d'Apple. Quoi qu'il en soit, cela peut sembler
désordonné. Ça n'a pas d'importance. L'objectif est d'obtenir des résultats. C'est ce qui est le plus important. OK, pour la vidéo horizontale, il faut que
ce soit une introduction au cours OK, nous avons donc deux idées, et je pense que nous devrions explorer
cette question et en
parler à Cha GPT , puis avoir ses idées car il connaît une tonne de choses, et je pense qu'il sera en
mesure de m'aider là-dessus Maintenant, afin d'obtenir les
meilleurs résultats avec ha GPT, vous devriez lui parler et le nommer quel que soit son expert Dans cette vidéo, il sera
un idéateur et un
scénariste professionnel ou un idéaliste de
l'idéation. Qui sait ? Quoi qu'il en soit
Nous allons lui parler. Vous êtes un
scénariste professionnel qui est payé 100 000$ pour écrire le meilleur
scénario de la planète. Le script est destiné à
un script
destiné à une vidéo verticale et un script
à une vidéo horizontale. Donc un total de deux vidéos
et un total de deux scripts. J'ai besoin que tu m'aides avec l'
idée de la vidéo verticale et le script. Et puis pour la vidéo
horizontale, tu dois m'aider avec le
script et non avec l'idée. Je veux dire, peut-être une
petite idée, mais
surtout le script. OK, laisse-moi t'expliquer. Dans la vidéo verticale,
je suis en train de créer un cours sur les animations de style Apple UI. Et afin de montrer aux
gens comment procéder, je pense créer une animation vidéo verticale dans le style de l'interface utilisateur Apple à propos d'Apple. Donc, ce que nous avons fait avec vous dans le passé, c'est de créer une vidéo sur le salaire de M. Busin par seconde Je pense à quelque chose qui
va dans le même sens, quelque chose de similaire, mais
quelque chose à propos d'Apple. Cela peut donc être le montant qu'Apple gagne par seconde ou le
montant que
gagne Tim Cooks par seconde ou quelque chose propos d'Apple parce que
c'est lié à Apple Je pense que ce serait intéressant. Deuxièmement, pour la vidéo
horizontale, nous devons créer une
introduction au cours C'est la première
chose que
voient les élèves lorsqu'ils ouvrent
la première vidéo. Est-ce que ça doit être un choc, quelque chose qui
va les rattraper, quelque chose qui
les obligera à terminer le cours, quelque chose qui leur
sera très utile. Je veux dire, cette
animation de style ApplUI est très précieuse. C'est pourquoi ils
suivront ce cours. Vous
connaissez déjà le cours, alors allez-y,
allez-y et répondez. Idée de VAD vertical
et objectif du script. En fait, nous avons fait un travail
assez rapide pour trouver l'idée de la vidéo. Donc, si vous avez
des questions, faites-le moi savoir. Mais je vous
verrai dans la prochaine vidéo, où nous allons
écrire un script.
16. Scénarisation pour la narration de l'interface utilisateur visuelle: Bienvenue. Dans cette
vidéo, écrivons un script pour les deux idées
que nous venons de créer. OK, j'ai une idée. Tout d'abord,
parlons de la vidéo verticale, et je pense que nous
devrions faire quelque chose du
genre : combien coûte un cuisinier d' équipe ou quelqu'un qui
est le plus payé chez Apple ? Combien gagne cette
personne par seconde ? Et nous faisons une configuration très similaire à celle que nous avons faite avec
la vidéo de Mr. Beast. En gros,
allez-y et
copiez-collez le script car
cela a plutôt bien fonctionné. Oui, alors allez-y, faites-le
maintenant, puis nous
parlerons de la
vidéo horizontale un peu plus tard. OK, je ne sais pas ce qui s'est passé, mais utilisons un script
très similaire au dernier script
que nous avons utilisé avec Mr .
Beast. Ce serait donc combien gagne Mr. Beast par seconde ? Décomposons-le. En 2024, Beast Industries
a gagné 473 millions de dollars C'est comme le mois, la semaine, heure, le jour, la seconde, la
minute, etc. Alors, utilisez ce script. N'essayez pas de trop le changer. Oui, allons-y
et voyons ce que ça fait. OK, j'aime bien
tout, mais peut-être pas. Allons-y et copiez-le. Alors prenons des notes. Je vais créer une nouvelle note. Donc, en fait, le
texte que nous avions reçu tout à l'heure est décomposons-le. OK, donc les statistiques
sur Tim Cook, est-ce que ce sont de vraies statistiques, par exemple, d'où viennent ces
statistiques ? Trouvez-moi un article qui
confirme ces détails. Je veux également m'assurer
que tout est correct. D'accord, y a-t-il des statistiques
sur 20h24 ou peut-être 2025. OK. Je suis un peu perplexe. Dans le script ci-dessus, vous m'avez indiqué
que s' il gagnait 63 millions par an, cela représente 6 dollars par seconde Et maintenant, vous dites
que 74 millions de dollars c'est 2,3 7 dollars par seconde. À quel point c'est tout simplement impossible. Et maintenant tu
dis ça OK. TGPT a donc commis une erreur. Combien gagne Tim Cook
par seconde ? Les jambes tombent en panne en 2040. Je
veux me débarrasser du CDA. Ne pensez pas que nous
allons avoir un CTA. Nous essayons juste de
faire une superbe vidéo. OK, voici le script. Débarrassez-vous des horaires, supprimez le type de
vos commentaires, peu importe Et assurez-vous d'utiliser
les données de 2024 concernant Tim Cook et assurez-vous de tout
calculer deux fois , car
avant ce message,
vous disiez qu'en 2023, il gagnait 6$ par seconde Maintenant tu dis qu'il
gagne 2 dollars par seconde. Assurez-vous que les informations
sont pertinentes et à jour. Oh, pas question. M. Beast
a gagné plus que Tim Cook. Je veux dire, Tim Cook a un salaire. M. Beast a toute son
industrie. Par exemple, M. Beast lui-même n'a pas
vraiment gagné autant. Ce sont ses entreprises
qui ont gagné autant, mais parfois,
on peut confondre M. Beast avec ses
entreprises, de toute façon ,
pouvez-vous me dire pourquoi
changez-vous le script ? Je t'ai envoyé le script,
genre : « Où sont les mots ? Décomposons-le ? J'ai
du mal à comprendre. Pourquoi est-ce que cela change autant ? OK, super,
super, super. C'est exactement ce dont nous avions besoin. Copiez, collez. Combien gagne
Tim Cook par seconde ? Décomposons-le. 24 Tim
Cook a gagné 74,6 millions de dollars. C'est ça. OK, super. Maintenant, créons un CTA
où partagez-le avec un ami et donnez-lui une raison
de le partager avec cet ami Donne-moi dix raisons
différentes lesquelles je puisse choisir. Partagez ceci avec un ami qui a besoin d'une augmentation. C'
est une bonne idée. En fait. D'accord,
je pense que ce serait tellement drôle de dire que c'est
pour cela que les iPhones coûtent Partagez ceci avec un ami
qui a besoin d'une augmentation. C'est vraiment
une bonne, très bonne. J'adore absolument celui-ci. OK, nous avons donc un
script. C'est génial. Parfois, j'écris un
script sur une feuille de papier, mais comme je pourrais changer
les choses à l'avenir, j'aime
le garder à l'écran, juste un peu
plus facilement de cette façon. Maintenant, pour la vidéo horizontale, travaillons maintenant sur la vidéo
horizontale. OK, super. Nous en avons donc
terminé avec ça. Travaillons maintenant sur la vidéo horizontale et
plus particulièrement sur le script. Je pense à quelque chose
comme :
laissez-moi d' abord vérifier le script que vous avez envoyé pour vous
faire part de vos commentaires. Vous êtes sur le point de débloquer
le style exact utilisé par Apple. J'aime bien ça. start-up d'un milliard de dollars semble étrange cause des startups. Apple en est un. Pourquoi des startups ? Alors les créateurs
viraux, oui, on peut garder ça. Il ne s'agit pas simplement de motion
design. Oui, j'aime bien ça. Que vous soyez éditeur indépendant ou
créateur de contenu, le style qui vous permet de donner à vos projets l'
impression qu'ils viennent de Cupertino. Oh, j'adore ça. OK, nous devons
raccourcir la vidéo. Je vous ai dit ce que j'ai aimé, en me
basant sur ce que j'aime, créer un nouveau script deux fois plus petit
que ce que vous avez écrit. Vous êtes sur le point de découvrir le style d'animation
exact utilisé par Apple et les créateurs, qui ont enregistré
des millions de vues. C'est ce qui rend
le champ Brand Premium et le contenu impossible
à parcourir. Que vous soyez éditeur
indépendant ou créateur de
contenu, ne vous inquiétez pas, même si les effets secondaires s'estompent, vous apprendrez tout
étape par étape. Allons-y. Je pense que
c'est génial. Ce sera notre script. Et faisons-le comme ça. Pourquoi aimes-tu ça ? Permettez-moi vous
parler un peu de mon expertise. Il indique donc ce que
les gens vont obtenir, et c'est ce
que les gens veulent. J'essaie juste de
réfléchir en tant que spectateur. Il ne s'agit pas simplement de motion design. Vrai C'est du motion design. La plupart des gens en ont assez
du simple motion design. Nous, ce que nous essayons de faire c'est de le rendre premium et
impossible à parcourir. Exactement. Nous nous adressons directement aux personnes qui
souhaitent suivre ce cours. Ainsi, par exemple, les indépendants, les
éditeurs, les créateurs de contenu. Et, bien sûr, je peux donner beaucoup plus d'explications sur type de personnes
qui
essaient d'apprendre ce style. Cependant, cela
prendra également une éternité, car beaucoup de
gens essaient d'apprendre. Ce sont principalement les indépendants, les éditeurs et les
créateurs de contenu qui le souhaitent Cette ligne semble tout simplement
unique et intéressante. Et cela parle difficultés et des raisons pour lesquelles
les gens pourraient ne pas
vouloir suivre ce cours. Et encore une fois, il s'agit quelque sorte d'une
création rapide du script. Pour être honnête, vous ne savez jamais quel type de script
fonctionnera tant que vous n'aurez pas vraiment essayé. La meilleure façon d'essayer est d'aller
de l'avant et de le faire, voir quel genre de
résultats vous obtenez. Et si vous n'
obtenez pas de bons résultats, modifiez-le
et expérimentez. Le test AB consiste, vous savez, à créer quelque chose, tester avec autre chose. qui obtient le meilleur résultat gagne, disons que celui-ci
gagne, il augmente. Ensuite, plus haut, vous
le comparez à une nouveauté. À vous de voir lequel fonctionne le mieux. Toujours celui-ci, garde celui-ci. Mais alors celui-ci fonctionne
mieux. Gardez celui-ci. Il suffit donc de monter
et de monter et de monter,
et c'est ainsi que vous obtenez
d'excellents résultats. Eh bien, nous avons créé deux
scripts, ce qui est génial. C'était notre objectif. Si vous avez des questions, n'hésitez pas à me le faire savoir. Mais plus loin que ça. Je vous
verrai dans la prochaine vidéo.
17. Planification + voix-off: Bienvenue. Dans cette vidéo, nous allons créer une
voix off et planifier nos Lorsque je crée mes propres vidéos
ou des vidéos pour d'autres personnes, je n'essaie pas de planifier autant à
l'avance , car si je
planifie beaucoup à l'avance
, je n'ai pas beaucoup de
créativité dans le processus. Tout d'abord, deuxièmement, il m'est plus facile
de créer
en cours de processus plutôt qu'à l'avance , car chaque fois que je commence à travailler et que je me
lance dans ce flux intéressant, cela m'aide simplement à faire
les choses plus facilement. Maintenant, je dois dire que parfois
je suis à court d'idées, parfois je n'en ai
pas ou j'en veux de nouvelles. Mais je n'ai pas de nouvelles idées. Dans ce cas, je
vais utiliser un GPT ou éventuellement faire preuve
de créativité Souvent, je fais aussi une
pause, je fais quelque chose. Pendant que je fais autre chose, j'y pense, puis des idées
me viennent à l' esprit. C'est mon processus. C'est ainsi que cela fonctionne. Si cela
ne fonctionne pas pour vous de cette façon, je pense qu'il est préférable
que vous créiez
votre propre type de
flux de travail créatif à ce sujet. La meilleure façon de créer
votre propre flux de travail est de simplement expérimenter et essayer. Vous ne savez pas ce qui
fonctionnera, vous ne savez pas ce qui ne fonctionnera pas. Donc, la meilleure chose à faire pour vous d'essayer et
d'essayer littéralement de vous demander
ce qui, sur Terre, peut vous aider réaliser ce que vous
voulez accomplir. Si vous voulez être plus créatif, qu'est-ce qui peut vous aider à être plus
créatif ? Probablement de nouvelles idées,
comment trouver de nouvelles idées et, vous savez,
réfléchir de cette façon J'aime voir le
brainstorming comme une association. Donc j'essaie juste d'associer
une chose à l'autre. Et
pour moi, les idées créatives sont aussi une
question d'association. Donc, si vous avez déjà joué au jeu avec des associations
comme, vous savez, la
table, le bois, la forêt,
les animaux, le zoo, l'eau, l'océan, le coucher du soleil, l'espace vous savez, l'univers, les particules, vous savez, des choses comme ça. C'est donc plutôt intéressant. Si vous n'y avez jamais joué,
essayez de le jouer dans votre tête. Je pense que c'est vraiment utile. Ensuite, cela fait sorte partie de mon flux consiste à faire autre chose, faire ces petites
associations dans ma tête, et ensuite je suis capable de
trouver des idées. C'est ainsi que je trouve des idées et peux en quelque sorte planifier
les choses à l'avance. C'est pourquoi je
n'
aime pas forcément planifier les choses à l'avance. La façon dont j'aime planter,
c'est d'avoir un aperçu général de
ce que je vais faire. Et Alred sait ce que
je vais faire. Ce que nous allons
faire, c'est
avoir ces différents modèles. Ainsi, par exemple, l'un sera
comme Finder View. L'autre sera Safari. L'autre
sera un iPhone et comme ça. Nous allons donc simplement changer différentes applications, puis faire des animations dans
différentes applications. Et c'est en quelque sorte l'aperçu
général de mon plan. Ensuite, au fur et à mesure que nous
commencerons à éditer les vidéos, je vais
entrer dans plus de détails. Maintenant, nous devons également
créer les voix off. Pour créer des voix off,
j' utilise des mémos vocaux sur un Mac J'ai un micro connecté avec
lequel j'enregistre, et je vais juste
lire le script. la façon dont j'aime
préparer les muscles de mon visage, et il est préférable de préparer les muscles de
votre visage, car si vous ne préparez pas les muscles de votre visage, vous pourriez en choisir une partie,
mais ce n'est pas très bon. Je vais vous donner quelques conseils. C'est ce que j'ai appris
d'un certain Vin. Ce Vin qui est comme un orateur professionnel,
tu peux le rechercher sur Google. En gros, il donne
quelques entraînements. Tout d'abord, faites en sorte que votre visage soit
petit, grand. Si petit et si grand. Et puis je continue comme ça
pendant environ 30 secondes. Alors imaginez que vous mangez un énorme chewing-gum et
qu'il monte comme ça. Alors vas-y pendant 30 secondes. J'essaie de bouger ma mâchoire, comme ça. Ensuite, j'essaie de
lire ce script comme si j'exagérais, comme chaque mot, par exemple, une vidéo
horizontale Vous êtes sur le point de débloquer le
style d'animation exact utilisé par Apple. De cette façon, vous améliorez votre
prononciation, vos mots sonnent mieux. Et puis la dernière, si tu te réveilles juste le matin, tu as une sorte de voix de Batman. Si vous voulez vous en
débarrasser et avoir ce genre de
hauts et de bas dans votre voix, il vaut mieux faire comme ça. Voilà, c'est donc mon processus en cinq
étapes pour préparer les muscles de
mon visage et mâchoire à enregistrer les
vidéos. Une fois que je l'aurai fait. Ce qui prend environ 3 minutes. Je suis capable d'enregistrer des vidéos. C'est d'ailleurs
ce que je fais avant d'enregistrer ces vidéos pour vous. Donc à chaque fois que je le fais. Maintenant, créons deux vidéos. Je vais lire un script. Je ne vois pas très
bien. C'est pourquoi je vais porter des lunettes. Maman, hum. Vous êtes sur le point de découvrir
le style d'animation exact utilisé par Apple et les créateurs, qui ont
enregistré des millions de vues. C'est ce qui donne l'impression que
les marques sont haut de gamme et que le contenu est impossible
à parcourir. Que vous soyez freelance, éditeur ou créateur de contenu, ce style vous permet de travailler
comme si vous étiez au premier plan Oh, ce style vous
fait travailler, ressemble à ce style vous
fait travailler, impression qu'il est venu
tout droit Ce style vous
fait travailler,
ressemble à ce style, ce style, ce style,
ce style, ce style, vous fait travailler, dirait qu'il vient tout droit
de Cupertino Ce style vous fait sortir
tout droit de ce style, ce style, de ce style.
Et ne t'inquiète pas. Même si les séquelles étaient accablantes auparavant,
ne vous inquiétez pas. Tu apprendras tout étape par étape. Tu vas tout
apprendre. OK, c'est un enregistrement terminé. Enregistrons la deuxième vidéo. De plus, je vais aussi chercher de l'eau, et je garde de l'eau juste
derrière moi, à côté de moi. Sinon, c'est vraiment
douloureux pour la gorge. Combien gagne Tim Cook
par seconde ? Bien sûr, les
voisins émettront un bip. En 2024, Tim Cook a gagné 74 millions de dollars. Que font
ces voisins ? Oui, c'est ce à quoi je
dois faire face à chaque fois. Partagez ceci avec un ami
qui a besoin d'une augmentation. OK, c'est fait. Je ne sais pas si je vais
utiliser cet enregistrement. Je n'aime pas le son de ma
voix en ce moment, donc je pourrais le réenregistrer. Mais c'est le processus. C'est ce que je
dois subir. Nous avons donc une idée. Nous le parcourons avec HatPT. Nous élaborons des scripts. Nous enregistrons un fichier audio,
et après
cela, il ne nous reste plus qu'à entrer
dans After Effects et à
créer ces animations. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça,
je vais voir dans la prochaine vidéo, que nous créons les
animations. Allons-y
18. Félicitations ! : Félicitations. Si
vous regardez ce cours, cela signifie que vous avez atteint moitié du contenu du
cours. Je sais que nous avons abordé beaucoup de choses, alors félicitations à vous
pour en être arrivés là. Et de nombreux autres contenus
intéressants seront bientôt disponibles. Mais avant de passer
à la vidéo suivante, je voudrais simplement
vous demander si vous avez trouvé intérêt dans ce programme
jusqu'à présent, 60 secondes pour vous
laisser un avis honnête. Bien entendu, je l'apprécierai
énormément. Un feedback
aidera également des centaines de futurs étudiants à choisir
le programme qui leur convient le mieux. Alors laissez vos commentaires maintenant. Et bien sûr, s'il y a
quoi que ce soit que je puisse faire pour vous aider, veuillez me le faire savoir dans la
section questions-réponses ci-dessous.
Tu t'en sors très bien. Continuez. Et
sans que cela soit dit, passons à la vidéo suivante.
19. Configuration de votre interface utilisateur à partir de Figma: Bienvenue Dans cette vidéo, nous allons préparer nos actifs. Nous avons donc déjà
créé les scripts, nous les avons enregistrés. Maintenant, avant de commencer le montage, nous devons préparer tout ce sur quoi
nous devons travailler. Parce que si nous ne le faisons pas, cela va être un peu difficile de faire dans
le cadre d'un processus. Copions donc ce script, et revenons à
hA GPT. Hé, hé, GPT. OK, donc pour ce script, c'est le script final
pour la vidéo verticale. Comme je vous l'ai déjà dit,
nous allons utiliser pour créer des animations
Apple, et nous devons utiliser
différents modèles d'interface utilisateur Apple. Tu dois me donner une liste
des différentes idées possibles. Ainsi, par exemple, l'une d'
elles peut être une vue du viseur. L'autre peut
être iPhone View. Il peut s'agir de notifications iPhone. Il peut s'agir d'applications iPhone. Donc, au lieu des notifications, ce serait le texte au lieu
des icônes, comme sous les icônes, au lieu du texte,
ce serait notre texte. Donnez-moi d'autres idées où
je peux mettre du texte comme celui-ci. Peut-être que nous pouvons faire, par
exemple, un navigateur. Peut-être que nous pouvons faire des
résultats de recherche sur Google,
quelque chose comme ça. Alors donnez-moi différentes idées de design
liées à l'interface utilisateur Apple. Et oui,
donne-moi juste une liste
de 20 idées différentes. Fenêtre du Finder. OK,
j'envoie un message à cette bulle. Génial. Bannière de
notifications pour iPhone, notifications sur l'écran de
verrouillage, icônes d'
applications avec étiquettes, titres des centres de contrôle. Mm, ça peut être génial. OK, comptons
combien nous en avons. Nous pouvons le faire à l'avance et commercialiser
des couleurs différentes. Je pense donc qu'en raison de la rapidité, parce que cela va
être très rapide, nous pouvons commercialiser avec une seule couleur, et ce ne sera qu'une seule scène. Faisons-le comme ça. Un, deux, trois, quatre, cinq, six. Nous avons six scènes différentes. Juste à cause du timing
et parce que j'ai déjà une idée de
ce à quoi
va ressembler la vidéo , je l'
ai décomposée comme suit. C'est ça. Il n'y a pas de
formule spécifique que je suis en train de suivre. J'ai juste une idée en tête et
j'essaie de la
reproduire dans la vraie vie. Nous avons besoin de six scènes différentes. Jetons un coup d'œil aux
autres. Apple Music. Oh. Ça va en être une. Je pense donc aux
notifications. Cela peut être cette partie. Donc, chaque notification
sera comme suit nous allons avoir une animation de
notification, puis pour chaque notification,
nous allons avoir le mois, la
semaine, le jour, l'heure et la minute. Je pense que ça va
être super cool. Ils ne sont pas dans un ordre
particulier. C'est exactement ce que
nous devons trouver. Et pour que je comprenne combien
nous en avons, je change simplement les chiffres. OK, alors essayons maintenant d'
accéder à Figma, Finder Window. Cherchons Finder Window
et voyons si nous pouvons la trouver. OK, alors zoomons, et nous allons
avoir besoin de cette partie. OK, donc tu veux
t'assurer de double-cliquer jusqu'à ce qu'il y un en particulier
que tu aies choisi. Et comme vous pouvez le voir, c'
est celui dont j'avais besoin. Je n'ai pas besoin de l'intégralité du
Finder numéro un. Nous n'avons pas besoin de l'en-tête. Je n'ai donc
fait que cliquer pour obtenir exactement celui
que je cherchais, et je vais cliquer avec le bouton
droit sur copier au format SVJ et
passer à Illustrator, Newfle web, large, et Command
V ou Control V pour coller Maintenant, augmentons la taille. En appuyant sur Shift et Option, je vais l'agrandir comme ça. Maintenant, je vais ouvrir jusqu'à ce que
nous voyions tous les objets. Je vais descendre
et déplacer avec Shift, sélectionner tous les objets. Et je vais tout
traîner. Maintenant, vous verrez que certains d'entre eux sont devenus un
peu visibles, donc je vais simplement les supprimer car nous n'en avons pas
besoin en bas. Je pense que ce serait vraiment cool de
créer du texte ici, par
exemple, un,
deux, trois, quatre, cinq. Nous pouvons avoir une
phrase complète ici. Cliquons ici. Relâchez la séquence de deux couches, sélectionnez toutes les
couches, 150 couches. Cela représente un grand nombre de couches et faites-les glisser hors de la première couche. OK,
c'est génial. Commande S pour l'enregistrer. Et appelons-le
Finder Window. D'accord. Je vais ajouter le texte
directement dans After Effects, et pour le moment, je peux
simplement le fermer. Je peux le fermer en
appuyant sur Commande W ou Contrôle W, et la fenêtre se
fermera. Et maintenant,
vérifions que tout va bien. Nous allons l'
ouvrir. Boom, parfait. Celui-ci est prêt.
Je discute par message. OK, en fait,
ça a l'air génial. Et c'est celui-là. OK, faisons également un
clic droit sur Copiez-le. Commande N pour en créer une nouvelle, Webge Command V. OK, publions
donc une séquence de deux
couches Sélectionnons tout, faisons-le
glisser vers l'extérieur et enregistrons maintenant celui-ci.
Nous allons l'appeler. Si j'envoie un message à Bubble. Je vais
tout enregistrer sur le bureau, puis le personnaliser plus tard.
Celui-ci est terminé. Notifications pour iPhone.
Comme tout. OK, alors sauvegardons
celui-ci également. Relâchez la couche, faites-la glisser vers l'extérieur. Contrôlez comme enregistrez-la
sur la musique à l'écran. Nous avons donc la musique. Bien, revenons aux notifications, et
recherchons-le. Tout ce que je fais ici,
c'est suivre exactement le même processus Figma Illustrator,
enregistrez le fichier Au lieu de t'ennuyer avec
exactement ce
que tu m'as déjà vu
faire dix fois, j'ai accéléré les choses que tu m'as déjà vu
faire dix fois, j'ai accéléré Dans l'ensemble, il m'a fallu
environ 45 minutes pour terminer et préparer
tous les actifs. OK, super.
Nous avons donc maintenant la vue Find. J'envoie
des notifications de calendrier, d'autres notifications,
ainsi que de la musique et des notes. Génial. En termes de design d'interface utilisateur, nous avons tout préparé. Maintenant, nous pouvons le mettre dans notre vidéo verticale. Donc, des designs d'interface utilisateur. Nous pouvons tout mettre ici pour nous assurer que tout
est organisé. Alors déposons-le là. Déposons-le maintenant dans la vidéo verticale
et dans les conceptions d'interface utilisateur. Bon, maintenant nous pouvons réellement
commencer à travailler sur la vidéo. Nous avons notre système audio. Nous avons nos designs. Absolument magnifique Nous avons tout préparé, et dans la prochaine vidéo, nous sommes
prêts à commencer à travailler. Donc, si vous avez
des questions, faites-le moi savoir. Mais à part ça, je vous
verrai dans la prochaine vidéo.
20. Animer les sections de héros : introduction dynamique + texte: Bienvenue. Je suis tellement excitée par cette vidéo car nous allons
enfin pouvoir la modifier. Nous avons terminé toute la
préparation, ce travail ennuyeux. Maintenant, allons-y et entraînons-nous. OK, alors laissez-moi vous montrer
ce que j'ai fait ici. Je ne l'ai pas fait devant la caméra parce que
je veux prendre le temps et je ne veux pas que tu t' ennuies avec ces trucs ennuyeux.
Voici donc ce que j'ai fait. Nous avions nos six
designs différents, des designs d'interface utilisateur. Et je
les ai simplement marqués avec de la couleur exactement comme nous l'
avons décrit afin de savoir, par exemple, pour
cette partie, que nous allons utiliser le moteur Je les déplace également pour
faciliter un peu les choses. Ne jetez pas un
œil à ces chiffres, nous pouvons
donc simplement les supprimer. Parfait Nous l'avons donc prêt. Passons maintenant à
After Effect. OK, nous créons un nouveau projet. Nous allons créer une nouvelle composition. Je ne sais pas
combien de temps cela va prendre. Oh, en fait, parce que
nous avons des gars, j'ai complètement oublié
que nous avons l'enregistrement audio. Nous devons donc d'abord créer
le
premier projet pour couper le son, puis nous ajouterons les
designs et les effets secondaires. Pour cela, ouvrez la fenêtre Premiere, créez la séquence, coupez-la. Vous pouvez certainement le
faire dans After Effects. C'est un peu
plus facile pour moi de le faire dans Premiere, car en général
After Effects est plutôt
destiné à la conception graphique animée, et Premiere sert plutôt à tout
assembler. Nouveau projet. Appelons
cela une vidéo verticale. Et je vais choisir un
emplacement vertical pour la vidéo, accord, la commande Shift et
créer un nouveau dossier, et appelons-le PR. Ainsi, pour ouvrir un Mojes, il faut contrôler l'espace de
commande Créez ensuite. OK. Et ici, nous allons
créer un jeu vidéo vertical. Créez le projet. Faisons glisser notre fichier audio ici. Créons une séquence. Nous pouvons en quelque sorte
glisser-déposer l'audio ici. Mais ensuite, si nous
examinons les paramètres, par exemple, nous n'avons aucun
contrôle sur les paramètres, donc ce n'est pas quelque chose que
je veux faire. Je souhaite créer une séquence. Sélectionnez cette option 30 images par
seconde, 1920, 10800 Oops. Désolé, 1080 d'ici 1920. Le raccourci pour ouvrir les
paramètres, tout d'abord, nous pouvons ouvrir toutes sortes de raccourcis
avec un raccourci clavier. Le raccourci est l'option
Command K sur Mac, et c'est l'ancien Control K sur PC. Nous pouvons donc les ouvrir, puis
si je recherche des paramètres, et nous pouvons rechercher des paramètres de
séquence, Commande K. Vous pouvez
effectuer une recherche,
vous pouvez utiliser le même
raccourci si vous le souhaitez. Il s'agit du même raccourci que celui
utilisé dans After Effects. Faisons-le glisser ici. En fait, je n'aime
pas son apparence, alors je
me suis créé le raccourci pour personnaliser
la chronologie. Vous pouvez consulter mes autres
cours sur la façon de procéder. OK, il ne nous reste plus qu'
à tout couper. Combien gagne Steam
Cook par seconde ? Combien gagne Team Cook par seconde ?
Décomposons-le. En 2024, Team Cook
a gagné 74,6 millions de dollars. Cela représente 6,2 millions de
dollars par mois, 1,4 million par semaine, 204 000 par jour, 8 500 dollars par
heure, 141 dollars Et cela représente 2,3 7$
par seconde. C'est plus que ce que
la plupart des gens gagnent en une heure par seconde. Partagez ceci avec un ami
qui a besoin d'une augmentation. Parfait Créons
un autre dossier appelé AE , After Effects. Et je vais également
définir un tag. J'ai donc cette balise violette, qui est le
raccourci Control Three sur MacBook pour créer ce type de violet
afin que je sache que cette couleur est uniquement liée au projet Nous pouvons également faire, par exemple, des téléchargements. C'est également lié au projet, et puis c'est plus facile
pour moi de m'organiser. Nous pouvons donc créer un lien dynamique. Cependant, si je
clique avec le bouton droit sur remplacer par une composition After Effect,
cela ne fonctionne pas. Pour que le
lien dynamique fonctionne, nous avons besoin d'
une sorte de visuel. Tu sais, ça n'a pas d'importance. Le visuel
lui-même peut être très court, long, cliquer avec le bouton droit de la souris, et maintenant nous pouvons le faire. Cependant, au lieu de le
faire avec le bouton droit de la souris,
j'ai un raccourci. Remplacez donc par une composition
After Effect. Pour moi, le raccourci
est l'option A, et j'appuie simplement sur. Jetez un œil à cette
option A. Voilà. Et appelons-le vidéo
verticale. Tim Cook. OK. Et nous allons le mettre
dans After Effects. Nous allons supprimer le graphique. Et maintenant, nous avons la composition qui est exactement la même que celle que
nous avions créée en avant-première. Nous avons donc la
largeur, la hauteur et 30 secondes d'image. Tout va
bien, même si c'est le bon moment, car
c'est la durée de notre audio. Tu vois que c'est devenu rouge. Nous pouvons appuyer sur Command
set si nous voulons faire et
pouvoir le mettre ensuite. Je dirais qu'il serait préférable l'
exporter d'abord depuis
After Effects sinon il devra être rendu en temps
réel dans Premiere. Et au lieu de mettre autant de
pression sur notre ordinateur, nous pouvons simplement l'exporter
depuis After Effects plus tard. J'appuie donc simplement sur Command set. Je peux appuyer sur Shift Command set pour rétablir, mais je vais appuyer sur Commande en appuyant sur la
commande a pour l'
enregistrer et sur la commande Q pour quitter OK, je vais sélectionner tous les fichiers audio, appuyer sur la
commande Shift C pour précomposer, et ce que l'on appellera audio Nous avons des solides. OK,
nous n'avons donc pas besoin de solides. Nous pouvons le supprimer. Graphique,
nous pouvons supprimer le graphique. Supprimer. L'audio. OK. Nous pouvons le mettre en
audio, comme ça, et nous pouvons également le mettre en
audio ici, car nous n'avons pas besoin de personnaliser le son. Nous ne
pouvons que le personnaliser. Je veux dire, nous le pouvons, mais nous
n'en avons pas nécessairement besoin. Alors, combien gagne Steam
Cook par seconde ? Décomposons-le. Et pour cela, nous allons utiliser
la fenêtre du Finder. OK, cherchons donc nos conceptions d'interface utilisateur, trouvons la
fenêtre du Finder, la composition, la taille de la
couche, appuyons sur noka
et laissez-le faire son travail Parfois, il
faut un peu de temps pour tout charger. Ouvrons-le. Donc, je pense à mettre
le texte un, deux, trois, quatre, cinq, ici. Nous pouvons donc le sélectionner, le trouver, puis trouver un outil de texte. Quel type de texte avons-nous ? Combien ? Combien ? En tant que pro, un habitué. Parfait Il s'agit de la fonte Apple. N'oubliez pas que pour
arrêter de modifier le texte, appuyez sur Command
plus ou Control plus
pour revenir à l'outil de sélection. OK. Zoomons. Je pense que ma police est un
peu trop grande. Nous devons le diminuer. Assurons-nous que c'est
la même hauteur, P et H, donc peut-être 22. OK, maintenant P,
changeons sa position, mettons-le ici, et 146, nous allons
le désactiver. OK, maintenant, en
appuyant sur la commande D, je vais dupliquer le texte. Nous allons le mettre ici,
dupliquer le texte à nouveau, P pour ouvrir la position,
le mettre là. Au lieu de savoir combien coûte. Et disons-le ainsi. Au fait,
désactivons, sélectionnons V, et Does Tim Cook, le
désactiver est loin. En fait, conservons
tous les textes ensemble. Comme le rapport annuel, celui-ci. OK. Voici donc ce que nous avons. Combien gagne Tim
Cook par seconde ? Et maintenant, je
pensais mettre Tim Cook ici, comme dans cette partie, comme une vraie image de lui. Hum. Cherchons PNG,
nous avons quelque chose. Cela ressemble tellement
à Steve Jobs. OK, utilisons
celui-ci. Enregistrez l'image. Et en fait,
ne le mettons pas encore ici. Trouvons cette couche. OK, nous devrons peut-être
désactiver un certain nombre de choses ici. Importons l'image de Tim Cook. Je peux ouvrir l'échelle en appuyant sur S, et je peux ouvrir la
position en appuyant sur P. Et si je veux qu'elles soient
toutes les deux ouvertes
en même temps, je dois appuyer sur Shift entre les deux. OK, il y a donc deux ou trois
choses que nous pouvons faire. Nous pouvons soit le
surfer, soit essayer. C'est donc celui-ci.
Pouvons-nous le surligner ? Oui Comme si parfait. S&P. Mettons-le à 12. Au fait, il devrait également
être visible. Parfait Mets-le au fond. Alors, n'est-ce pas génial ? Je pense que c'est magnifique. Passons à l'audio. Combien gagne Steam Cook par seconde ?
Décomposons-le. Décomposons-le. Décomposons-le. OK, on peut aussi le faire ici. Cherchons donc un
doublon de celui-ci. B. Déplacez-le ici. Maintenant, sélectionnons-les pour les
copier et les coller ici. Peu importe,
en fait, nous devrions probablement le coller
ici pour pouvoir le faire ici. Nous devons maintenant animer le texte. Nous pouvons le faire de plusieurs
manières. Nous pouvons le faire soit
en utilisant ce que possède Adobe, et je vais
vous montrer comment le faire. Donc, par exemple, dans
quelle mesure, d'ailleurs, vous m'avez probablement vu
utiliser cette partie ici. Il s'agit d'une
console d'effets créée par video C palt. Vous pouvez donc le
télécharger, puis en appuyant sur un raccourci, vous pourrez
rechercher différents effets. Alors venez sur ce site Web,
allez-y, téléchargez-le, installez-le. C'est totalement gratuit,
et vous pourrez ensuite appuyer sur une combinaison,
rechercher des effets. Ainsi, par exemple, pour les mots fatigués qui
s'estompent. Et vous verrez que nous allons maintenant avoir le texte animé ici. Combien coûte Steam ? Ensuite, si nous appuyons sur vous, nous avons les images-clés C'est donc une façon de procéder :
nous pouvons utiliser un
effet de machine à écrire, comme un fondu, ou autre chose,
les animations de texte Cependant, l'une de mes méthodes préférées pour animer du texte est d'
utiliser un evoscript textuel C'est un script payant pour lequel
vous devez payer. C'est 30$. Donc, si vous n'
avez pas cette option, utilisez ce que vous avez
avec After Effects. Si vous avez la
possibilité de dépenser 30$, utilisez-la.
C'est absolument génial. Je vais vous montrer ce que c'est. Je vais appuyer une
fois de plus sur Shorca pour exécuter le script Si vous n'avez pas le raccourci, vous pouvez simplement exécuter des scripts
et vous pouvez voir qu'il s'
agit du raccourci Command R,
et je vais passer aux scripts de
bureau TextEvScript et vous pouvez voir qu'il s'
agit du raccourci Command R, et je vais passer aux scripts de
bureau TextEvScript Et nous allons
avoir cette fenêtre contextuelle. Maintenant, je peux, par exemple, appliquer les mots d'opacité C'est le processus que
j'ai créé pour moi-même, et la taxe va augmenter. Cela va
augmenter avec l'opacité car à l'heure actuelle, l'
opacite est nulle Je vais prendre la personne U et Okay. Combien coûte combien ? Peux-tu
accélérer un peu ? Combien coûte combien
coûte un pourboire ? En appuyant deux
fois sur L sur le son, je vais ouvrir les formes d'onde
pour mieux voir les choses Combien coûte To see où commencent
certains mots. Nous pouvons donc soit le déplacer comme
ça, le texte. Nous pouvons également simplement
appuyer sur un support. Comme le crochet gauche,
il
fera essentiellement la même chose que de
le déplacer en le déplaçant ici. Nous pouvons également appuyer sur le
support d'option et ça
va le couper. Cela revient à
appuyer sur la commande Shift D, effectuer une découpe et à
supprimer cette partie. Je vais donc appuyer sur le support
gauche pour le couper. Le conseil. Option
crochet gauche, Tim C. Support
gauche,
en fait, ce n'est pas par seconde. C'est chaque seconde. Vérifions que nous avons
du texte avec l'audio. Combien gagne Steam
Cook par seconde ? Décomposons-le.
Parfait Je vais maintenant exécuter le script à nouveau. En fait, il est déjà là. Utilisons donc l'
opacité, les mots s'appliquent, et nous pouvons sélectionner tous
ces mots d'opacité supérieurs qui s' Est-ce que Steam Cook
fait chaque seconde ? Appuyez sur. OK, donc elles sont
censées commencer plus tard. Le cuiseur à la vapeur
fait chaque seconde. Nous allons donc utiliser la
même animation ici. Nous utiliserons l'opacité, les mots « appliquer ». vous de le décomposer.
Décomposons-le. Tout le texte va s'arrêter ici,
donc encore une fois, déplacez la commande
, puis appuyez sur et supprimez ou nous pouvons appuyer sur
Option entre crochets. C'est juste pour moi de voir
où ça s'arrête. C'est vers le bas. Combien gagne Steam
Cook par seconde ? Décomposons-le.
Laissons les choses comme ça pour le moment. Accédez à la fenêtre de
recherche de projets. Combien gagne Steam
Cook par seconde ? Décomposons-le. Génial. OK, donc pour cette partie,
tout est prêt, et je vais couper
cette couche ici. Nous avons donc les 326 premiers prêts. Maintenant, la prochaine chose que
nous devons faire est de
venir ici pour un événement du calendrier Apple. OK. Cherchons
le calendrier Apple. Je pense que nous utiliserons le calendrier de
l'iPhone parce que c'est ce que j'ai aimé. Composition,
taille de couche, importation, ouverture. Essayons donc de créer
du texte ici. La police
doit absolument être plus petite. Découvrez comment nous pouvons Frankenstein tout
ça ensemble. Ça va avoir l'air
un peu moche. OK, peut-être que nous devrions y aller pour 15. Laissez-moi copier ce truc. Mets-le ici
, puis mets-le ici. Cela va être un peu moche, mais les gens ne remarqueront pas ces petites choses
parce qu'en plus de cela, nous allons
animer la caméra Cette partie est en fait
comme si elle était bonne. OK, alors créons un masque. Déplaçons-le vers le haut, comme ça. Maintenant,
nous allons créer un masque . Il suffit de sélectionner cet outil
et il est créé pour masquer, puis nous allons
inverser le masque Lexuel. Parfait Et maintenant, nous pouvons également sélectionner un effacement linéaire. Nous allons régler -90 pour qu'il
passe de gauche à droite. Nous allons donc chronométrer la transition. Et là, ça va
être complet. Vous pouvez également appuyer sur la touche FNF
9 pour le rendre fluide. OK, Project, c'était où ? calendrier pour iPhone.
Calendrier iPhone en. Mets-le ici. En 2024. T SimCook
a gagné 74,6 millions de dollars Ouvrons l'audio,
copions celui-ci, au calendrier de l'iPhone,
recherchons-le, sélectionnons-le, collons, revenons
au tout début. En 2024, Tim Cook a gagné
74,6 millions de dollars. Peut-être devrions-nous plutôt le
faire de manière linéaire. En 2024, Tim Cook
a gagné 74,6 millions de dollars. Je vais désactiver le son ici car
nous avons un double son. T quatre. Tim Cook
a gagné 74,6 millions de dollars Cela représente 6,2 millions de dollars. Nous avons donc fait les
deux premiers. J'envoie un message à Chad Bubble. OK. J'envoie un message à Bubble. Composition du Trobin, taille de la
couche. Qu'est-ce que tu fais ? Cela représente 6,2 millions de dollars par mois. 1,4 million par semaine, 204 000 par jour, 8 500 par
heure, 141 dollars Et ça fait 2.3.
Et pour le copier, j'envoie un message et je le colle ici. C'est 6,2 millions de dollars par mois ? OK, mettons notre texte ici. D'accord ? Donc, ici, le
texte doit être un peu pour s'adapter à l'écran, je dois appuyer sur Shift et sur une
ligne latérale Je ne sais pas comment
ça s'appelle exactement, mais c'est celui-ci ici. Cette touche, cette
commande multiple, celle-ci, ici, Shift et celle-ci, et vous
revenez à cette vue. À ce stade, vous avez
probablement eu l'idée. Nous avons juste besoin de personnaliser chaque pièce qui sera personnalisée, qui
sera animée. Donc je ne vais pas parler. Je vais juste le
faire. Tu as compris l'idée. Si vous avez des questions,
assurez-vous que c'est en direct ci-dessous, mais à part ça, laissez-moi
simplement le faire. Ne t'ennuie pas avec ça. une fois que nous aurons abordé les
choses amusantes, je reviendrai. OK, voici la partie
intéressante. Maintenant que
le texte est animé, j'ai l'
effet machine à écrire sur tout le texte Ce que je veux faire maintenant, c'est animer chaque
bulle qui apparaît. Pour cela, nous pouvons utiliser différentes choses, mais je pense à
utiliser un effet transformateur, je pourrai ensuite simplement
copier. Ou oh, oui. En fait, nous pouvons
aller de l'avant et essayer le compositeur d'animation, que
nous avons devant moi. Nous avons donc les deux. Nous devons être parents
l'un de l'autre. J'ai donc imprimé le fouet de la
fin vers le gros,
et essayons de commencer par les
préréglages, peut-être celui-ci et essayons de commencer par les
préréglages, peut-être celui-ci D'accord ? C'est certainement
un peu trop, peut-être que ça rebondit à zéro J'aime bien tout, d'accord ? Maintenant, nous devons l'ouvrir pour voir où commence l'
animation. Je veux aller, par
exemple, ici, et coller. Jetons un coup d'œil. Cela représente 6,2 millions de dollars par mois, 1,4 million par semaine, 204 000 dollars par jour, 8 500 dollars par
heure, 141 dollars 204 000 par jour, 8 500 par
heure, 141 dollars par minute. OK, super. Maintenant, pour ce qui est de
toutes ces autres choses,
je n'en suis même pas sûre. Potentiellement, nous
pourrions simplement désactiver la
plupart des choses parce que
nous ne les utilisons pas. Mmm, hum. OK. Ça a l'air super. Assurez-vous de sauvegarder les projets. OK, maintenant mettons-le dedans. Nous avons donc la bulle de message électronique. Cela représente 6,2 millions de
dollars par mois. OK, nous avons fait cette animation maintenant. Apple Music. OK. Allons-y Et nous devons décomposer cette partie ici, car pour le
moment, il ne s'agit que d'une seule couche. Il faut qu'il y ait beaucoup de petites
couches. C'est donc celui-ci. Débarrassons-nous de tout cela. Genre, donc couche OK, maintenant nous devrions
pouvoir, oui. OK. Sauvegardez ceci. Essayons-le sans fermer
Illustrator au préalable. Oui OK, maintenant nous sommes en mesure de personnaliser
chaque bit, d'accord ? Nous pouvons donc maintenant fermer
l'illustrateur. Nous devrions avoir une icône ici.
Nous n'avons pas d'icône. Mm. Nous devrions y mettre Tim
Cook. Nous devrions. N'est-ce pas ? Magnifique.
Je pense que c'est le cas. OK, maintenant nous avons besoin de notes. En 2024, Tim Cook
a gagné 74,6 millions de dollars. Cela représente 6,2 millions de dollars par mois, 1,4 million par semaine,
204 000 dollars par jour, 8 500 dollars par heure, 141 dollars par minute, soit 2,3 7 dollars
par C'est plus que ce que
la plupart des gens gagnent en une heure, chaque seconde. Partagez ceci avec un ami
qui a besoin d'une augmentation. Magnifique. N'est-ce pas magnifique ? OK, maintenant, apportons la touche
finale. Donc tout va bien. À part cela, nous devons ajouter une photo ici en haut. Ajoutez un arrière-plan ici et
ajoutez-en un ici. OK, passons rapidement en
revue tout. Créons un cercle. Mets-le au milieu. Et maintenant, mettons une photo. Oh, oui, mettons une autre
photo de Tim Cook ici. Et nous allons suivre la
correspondance avec cette image. Genre, alors OK. De quoi
d'autre avons-nous besoin ? Nous avons besoin d'informations générales, d'accord. Ouvrons celui-ci. OK, trouvons une photo. écran iPhone. Nous avons juste besoin de trouver
les bonnes dimensions. Essayons d'aligner ces éléments pour qu'ils
s'adaptent parfaitement. Je pense que c'est le cas maintenant. Maintenant, nous pouvons créer un plan nous-mêmes. Créons un
rectangle arrondi, désélectionnons tout en utilisant la commande Shift
actuelle R, créons-en maintenant un grand et veillons à ce qu'il soit ajusté
verticalement et horizontalement. Je vais également
ouvrir la transformation pour la déplacer
vers le haut ou vers le bas. OK, c'est génial.
Changez la rondeur pour vous assurer que nous nous adaptons. Placez-le tout en bas. Maintenant, nous pouvons le faire de
la couleur que nous voulons. Nous pouvons le rendre blanc pour
que nous puissions voir des choses. Mais au lieu du blanc,
pourquoi ne pas créer ? Faisons le mur de l'iPhone, le papier. Je vais appuyer sur un raccourci Shift Option
Command H ou G, et c'est le
raccourci qui nous permet d'
adapter un certain objet à
la taille de l'écran, verticalement
ou horizontalement à la taille de la composition. Et à partir de là, je
peux le rendre plus grand, plus petit, en faisant pour
l'agrandir un peu. Mettons-le donc à 35. OK. Et partons à la
recherche de ce type. Mmm, hum. Génial. Maintenant, dupliquons cet iPhone,
rendons-le visible. Faisons uniquement le trait, augmentons la largeur du trait. Genre, alors allons-y. Assurons-nous que notre
point d'ancrage se trouve au milieu. Et maintenant, réduisons-le un peu
, juste un tout petit peu, et faisons-le
noir. C'est génial. La seule chose que nous devons
faire est de
changer de position car
elle n'est pas très droite. Connectons-nous donc à celui-ci et déplaçons celui-ci
un peu vers la droite. Alors maintenant, copions simplement
ce truc, mettons-le ici. Mettons-le en bas, P, déplaçons-le un
peu. Vers la gauche Changeons l'
arrière-plan de l'iPhone en
autre chose . J'adore ça. OK, maintenant nous devons ajouter
quelques éléments aux notifications, car
vérifions-le. Des notifications, oui. Nous y avons donc
une sorte d'icône. Message iPhone iPhone. Je peux télécharger. Alors déposons-le, déposez-le ici. OK, faisons-le
comme ça pour le moment, et nous le changerons
peut-être un peu
plus tard dans le futur. Voyons ce que nous avons créé. Combien gagne Team Cook par seconde ?
Décomposons-le. En 2024, Team Cook
a gagné 74,6 millions de dollars. Cela représente 6,2 millions de dollars par mois, 1,4 million par semaine, 204 000 dollars par jour, 8 500 dollars par
heure, 141 dollars Et cela représente 2,3 7$
par seconde. C'est plus que ce que
la plupart des gens gagnent en une heure par seconde. Partagez ceci avec un ami
qui a besoin d'une augmentation. OK, j'adore tout. Nous devrons certainement
créer quelque chose en termes d'arrière-plan un peu plus tard,
car nous n'avons arrière-plan pour tout
cela, mais à part
ça, je trouve que c'est super
beau et
très cher. Peut-être que nous allons créer un bord arrondi ici parce que cela ne
ressemble pas à un iPhone actuellement, mais nous pouvons certainement le faire. Genre, ce n'est pas un problème.
Nous l'avons créé ici. Super facile. Nous verrons également ce que
nous pouvons faire ici. part cela, je pense que
je voudrais m'arrêter ici, une petite pause, me donner de nouvelles
idées, revenir avec un nouveau point de vue et voir quels types de résultats
nous pouvons obtenir ici. Nous faisons un très bon travail.
Merci d'avoir regardé. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça, je vous
verrai dans la prochaine vidéo.
21. Transitions, 3D et profondeur avec des chaînes nulles: Cela fait environ deux ou trois heures depuis ma dernière séance. Je poursuis cette modification. Il y a un certain
nombre de choses que nous pouvons faire. J'aimerais
vous présenter certaines
des options qui s'offrent
à vous à cet égard. Regardons le calendrier, par
exemple, une composition
ne comporte pas autant de couches. Je pense que c'était celui-ci. Ce que nous pouvons faire, c'est créer une caméra et
zoomer avec la caméra. Si nous zoomons avec l'appareil photo, nous allons perdre en qualité. Pourquoi ? Parce que tout va rester de la même
qualité, en gros. Et on zoome
et on zoome ici,
vous pouvez voir que la
qualité est plutôt mauvaise. Cependant, il existe une
solution intéressante à ce problème, qui concerne les fichiers SVG
créés dans Par exemple, créons une valeur nulle en appuyant sur la commande d'
option Shift Y. D'accord, elle
restera en bas Nous allons tout
sélectionner sauf le zéro, et nous allons
tout attribuer au zéro. Par exemple, en même temps, nous allons également cliquer sur ce bouton, qui est Rustiz Par conséquent,
disons que nous appuyons sur S et que nous augmentons maintenant la taille. Je peux constater que la qualité est en fait meilleure
qu'elle ne l'était auparavant. Avant, c'était, vous savez, jeter un œil à cette partie ou
à cette partie. Nous l'augmentons en taille et il s'améliore. C'est donc ce qui se passe
lorsque vous rasterisez. OK, je vais y retourner
pour tout annuler. Nous pouvons donc faire deux ou trois choses. Donc oui, nous pouvons certainement
travailler avec l'appareil photo pour créer cet effet Boca, essentiellement le flou
en arrière-plan,
au premier plan, qui
semble Bien sûr. Et nous pouvons réellement
le faire pour l'arrière-plan. Nous pouvons également utiliser les mêmes effets
avec le flou Cashion En même temps, ce que
nous avons également fait très bien c'est que nous avons chacun de nos décors, chacune de nos scènes dans une composition
différente. Et comme nous
avons déjà le son ici, nous pouvons
les animer individuellement.
Essayons-le. Je vais tout sélectionner, appuyer sur A et A pour tout
fermer. Maintenant,
tout est fermé, et je vais en changer
la composition en 1080
d' ici 1920. Nous allons donc le
rendre vertical. Et d'accord,
commençons par le premier. Fermons tout le reste. Et je vais
sélectionner toutes commandes sur Oh,
en fait, c'est ici. Rasterisez donc chaque couche. Maintenant, je vais tout
désélectionner. Shift Command A, sélectionne
la première couche, et là nous allons
créer une commande d'option
Shift nulle Y. Maintenant, nous allons
appuyer sur la Commande A pour tout
sélectionner, et
en appuyant sur Shift, je vais appuyer sur
Null pour la désélectionner, et maintenant nous allons
tout relier à la Ainsi, même si nous faisons glisser une
chose vers le zéro, nous maintenons
tout de même la parentalité vers le zéro. OK, super. Alors maintenant, nous pouvons tout
contrôler en
augmentant le nul, beau. Ce seront en fait
les valeurs nulles principales, utilisez P et S. En fait, commençons par cette
position grossièrement, mettez deux images clés, augmentez
vraiment l'échelle Et mettons-le
un peu au milieu. Nous venons d'augmenter ce zéro, et comme nous voulons un mouvement
très fluide, je
vais sélectionner
ce zéro et créer un autre zéro, et je vais
connecter ce zéro, le zéro principal au
zéro numéro trois, peu
importe les noms. Et maintenant, pendant que nous
zoomons, nous allons déjà commencer à nous déplacer
vers la gauche, comme ça Et finalement, nous
devrions en finir ici. Faisons le F N F neuf, tout. Combien rapporte la
cuisson à la vapeur par seconde ? OK, il faut que ça s'arrête là. En fait, je pense que ce que nous pouvons faire, c'est le faire comme ça, donc ça va démarrer très vite au
tout début et ralentir. Combien gagne Steam
Cook par seconde ? Et peut-être devons-nous
zoomer un peu moins. Ensuite, je vais beaucoup aplanir
celui-ci. Et pendant que celui-ci
est encore en mouvement, nous
allons commencer à descendre. Dans ce cas, nous pouvons simplement dupliquer
celui-ci, puis le parent. En appuyant sur P, nous
supprimerons ces images-clés. Nous allons donc
partir de cette position. Et nous allons descendre. Par exemple, sélectionnez-le, double-cliquez. Décomposons-le. J'
y vais. Décomposons-le. Peut-être qu'il nous en faut un peu moins. Qu'en est-il de ça ?
Jetons donc un coup d'œil à celui-ci ici. Combien gagne Steam Cook par seconde ?
Décomposons-le. Créons un
autre zéro ici. Dupliquez donc celui-ci, P, connectez celui-ci à celui-ci, supprimez les
images-clés de position et commencez Et puis, disons ici, nous le fassions nous-mêmes, zoomions, et que nous le
fassions comme ça. Créons un marqueur. Cherchons comment laisser
un marqueur. Tu t'en souviens ? OK, Control Eight. Mettons donc le marqueur
ici, Control 8. OK, super. Nous
avons un marqueur maintenant. Et décomposons-le. OK, c'est beau. Deuxième. Décomposons-le. Peut-être devrions-nous commencer
celui-ci un peu plus tôt. Deuxième. Décomposons-le. Peut-être que ça devrait
aller un peu plus bas. Deuxième. Décomposons-le. Peut-être même plus bas. Nous sommes deuxièmes. Décomposons-le. OK, voyons voir. Combien gagne Steam Cook par seconde ?
Décomposons-le. Donc, pour le premier, nous avons un
article que Cook prépare à chaque seconde. Décomposons-le. En 22. Ouvrons celui-ci.
Faisons-en 108 T d'ici 1920. Et nous allons faire exactement la même chose
que précédemment. Permettez-moi de sélectionner la
couche supérieure, de créer une valeur nulle, tout
sélectionner, de
sélectionner la valeur nulle, de tout associer à la valeur nulle. Et tant que
tout est sélectionné, nous cliquons sur Rasterize Il est déjà rasterisé. K
P le renomme en main null. OK, nous avions donc
notre iPhone ici. Choisissons notre iPhone, celui-ci, celui-ci, celui-ci. Sélectionnez notre iPhone
, apportez-le sur le calendrier iPhone
et collez-le dedans. Maintenant, mettons tout
au milieu. Parce que nous l'avons fait naître. C'est pour ça que ça s'est produit. Génial. Maintenant, nous pouvons
décortiquer cet arrière-plan, tout
sélectionner, désélectionner le zéro,
et nous pouvons
tout suivre sur iPhone parce
que c'était notre tapis tout suivre sur iPhone parce
que c'était notre Il suffit donc de tout sélectionner. Réduisons-le un peu. Genre, donc 99. Parfait, pour
ne pas couper les bords. Associons également ces deux éléments à la valeur nulle afin que la
valeur nulle connecte tout. Maintenant que nous évoluons, nous avons notre iPhone comme celui-ci. Comment cette extrémité
se dirige-t-elle vers la droite ? OK. Nous pouvons donc
vraiment le faire venir. Ce sera
la dernière image-clé, et nous
devrions le
faire, pour que celle-ci aille à l'extrême gauche Celui-ci va se
présenter comme ça. En 2020 ? Un peu plus d'espace car il n'y a
littéralement pas de place. En 2024, Tim Cook a créé. Voyons à quoi cela ressemble. Décomposez-le. En 2024, Tim Cook a marqué 74 points. OK, jetons un coup d'œil maintenant. Combien gagne Tim Cook par seconde ?
Décomposons-le. En 2024, Tim Cook
a gagné 74,6 millions de dollars. C'est 6,2 millions, super. D'accord, maintenant nous devons également créer notre iPhone en pensant
ici. Prenons également notre iPhone, copiez-le, collez-le dans la bulle de message
I. C'est sélectionner celui-ci, le mettre
au milieu, au milieu. Et en fait, nous
devons modifier la taille de la composition 1080 d'ici 1920. Notre animation elle-même en arrière-plan ne se situe
pas parfaitement
au milieu car
nous ne l'avons pas placée au milieu dans Illustrator,
ce qu'il au milieu dans Illustrator, vaut mieux faire, mais nous ne l'avons pas fait, et ce
n'est pas la fin du monde. Créons un zéro,
sélectionnons tout. Nous les désélectionnerons. Nous allons le mettre en relation avec la valeur nulle. OK, pixellisé, activé, et je
pensais sélectionner le zéro et le
placer au milieu D'accord, nous pouvons simplement le
faire avec les dirigeants alors. Nous avons donc 1080 d'ici 1920.
Vous pouvez voir les chiffres. 1080 divisé par moitié est 540, donc je trouve 540, ce sera
le juste milieu. Ce sera juste au milieu
en ce moment. Parfait. Allons-les
contre ces gars-là. On dirait que notre équipe
Cook n'est pas
au milieu, mais peu importe. OK, maintenant nous allons
tout sélectionner sauf
le zéro et nous allons
suivre Mat jusqu'à notre iPhone. Ensuite, désélectionnez tout et nous pouvons également supprimer cet
iPhone Et pour le désactiver, changez la position de notre zéro. Maintenant, nous devons également en trouver
l'image, et nous devons
la suivre jusqu'à la forme XL, cherchons où
nous avons ces objets. Je veux transmettre P et changer leur position pour qu'
elle soit un peu plus haute. Maintenant, les choses sont
comme elles devraient être. Fermons-les parce que nous en avons
déjà fini avec eux. Nous avons donc terminé avec
les deux premiers. Travaillons maintenant sur celui-ci. Minimum duplicata, parents
P et S. En fait, ce que
nous pouvons faire, c'est jeter un œil. Créons une autre valeur nulle ici. Parent de celui-ci, P,
sélectionnez la position E, puis nous commençons à descendre
rapidement FNF neuf, ouvert aussi. Donc 60 millions de dollars OK. Et commençons par ça. J'ai besoin d'un historique parce que je ne peux pas voir ce qui se passe.
Activons cela. OK, alors commençons à partir d'ici. Allons-y, comme si F 9. OK, maintenant nous faisons exactement
la même chose une fois de plus, juste pour nous débarrasser
de l'arrière-plan. OK. Regardons
ce que nous avons jusqu'à présent. Combien gagne Tim Cook par seconde ?
Décomposons-le. En 2024, Tim Cook
a gagné 74,6 millions de dollars. Cela fait 6,2 millions. Cela représente 6,2 millions de dollars par mois, 1,4 million par semaine,
204 000 dollars par jour, 8 500 dollars par heure, 141 dollars par minute, soit 2,3 7 dollars
par C'est plus que ce que la plupart des
gens gagnent en une heure. Jetons un coup d'œil à
tout cela. Combien gagne Tim Cook par seconde ?
Décomposons-le. En 2024, Team Cook
a gagné 74,6 millions de dollars. Cela représente 6,2 millions de dollars par mois, 1,4 million par semaine,
204 000 dollars par jour, 8 500 dollars par heure, 141 dollars par minute, soit 2,3 7 dollars
par C'est plus que ce que
la plupart des gens gagnent en une heure par seconde. Partagez ceci avec un ami
qui a besoin d'une augmentation. Mmm, oui, je pense que tout va
bien en fait À part peut-être quelques
zoomins, comme
ici, je pense qu'il peut
être un peu mieux de se débarrasser des arrière-plans
et de définir un Essayons donc de le faire. OK, donc pour cet arrière-plan,
nous allons le supprimer. OK, nous y
arrivons certainement. OK, donc pour ce contexte, cherchons.
Ça a l'air super. OK, pourquoi ne pas
entrer dans le projet Fender, télécharger, le déposer,
aller tout en bas,
et le déposer ici OK, alors essayons
deux ou trois choses. Essayons de nous déplacer avec
le reste de l'image. L nettement plus grand,
quelque chose comme ça. Si vous souhaitez qu'il soit connecté. Oh, non, nous devons
être encore plus grands. OK, alors jetons un coup d'œil. Combien rapporte la cuisson à la vapeur par seconde ?
Décomposons-le. OK, le premier a l'air
super. Qu'est-ce qu'il nous reste à faire ensuite ? Ensuite, je pense que
pour le suivant, nous devrions simplement opter
pour un dégradé. Commandez donc Y pour créer
une rampe de dégradé solide. Donnez-moi un code couleur à utiliser
comme dégradé pour l'animation Apple. En fait, nous ne devrions pas
simplement mettre un dégradé. Nous devrions probablement mettre
un dégradé de quatre couleurs.
C'est celui dont nous avons besoin. OK, en fait, peut-être que nous n'avons même pas
besoin de le mettre ici. Je pense que nous pouvons utiliser un arrière-plan
similaire ici, afin que nous puissions simplement le copier. Permettez-moi de tout fermer Je commence à perdre le
fil des choses. Contrôle C, contrôle V. En fait, essayons de mettre cette couleur
en arrière-plan ici. Animons l'opacité. Comme pour tout, sauf
pour ce qui est de la transition, je pense que nous devrions faire
quelque chose à ce sujet. Je n'aime pas la
façon dont celui-ci se termine. Peut-être devrions-nous changer de
position pour qu'il en soit ainsi. Millions de dollars.
Millions de dollars. Cela représente six
millions de dollars. Cela fait 6,2 millions. C'est 74,6 millions de dollars. Ça fait 6,2 millions. Peut-être que celui-ci doit
commencer plus haut. Essayons-le. Combien gagne Tim Cook par seconde ?
Décomposons-le. En 2024, Tim Cook
a gagné 74,6 millions de dollars. Cela représente 6,2 millions de dollars par mois. Je pense que c'est génial. Je
pourrais apporter quelques autres
modifications insignifiantes à l'avenir. Mais dans l'ensemble, je trouve que cette vidéo
s'avère absolument fantastique. Alors maintenant, exportons-le. Dans la prochaine vidéo, nous
allons travailler sur
les effets sonores. Passons à l'export sur
TornoQ, donnez-lui un nom, enregistrez-le et rendez-le Magnifique. Peut-être devrions-nous également ajouter un peu de
flou cinétique à tout,
ou peut-être pas, nous verrons bien,
car à l'heure actuelle, il n'y a
aucun flou cinétique nulle part. Jetons donc un coup d'
œil à la vidéo finale. Combien gagne Steam Cook par seconde ?
Décomposons-le. Ça a l'air super. Je pense que nous devrions
ajouter du flou cinétique, alors sélectionnez tout pour
ajouter du flou cinétique Je veux dire, cela va probablement
prendre beaucoup de temps sur l'ordinateur. Nous pouvons l'essayer et voir
quel genre de résultats nous obtiendrons. Surtout en ce qui concerne les transitions,
cela va être très utile car cela
va les rendre beaucoup
plus fluides lors des transitions. Combien gagne Steam
Cook par seconde ? Décomposons-le en 2024. Oui, la transition est
beaucoup plus fluide de cette façon. Décidons pour la prochaine vidéo
laquelle nous allons utiliser, un petit cliphanger pour À part cela, si vous avez des
questions, faites-le moi savoir. Mais à part ça, je te verrai dans la prochaine vidéo,
alors à voir dans la vidéo suivante.
22. Conception sonore : audio d'interface utilisateur + synchronisation temporelle: Bienvenue. OK, nous avons fait des choses
incroyables jusqu'à présent. Nous avons créé la vidéo, nous avons préparé le design. Par exemple, nous le sommes grâce à
cette vidéo, qui est géniale. Maintenant, nous devons regarder
les vidéos, et je les ai organisées hier. Nous avons donc celui d'exportation, qui est sans flou de mouvement, et celui-ci est
avec flou de mouvement Vous pouvez même le
voir dans l'aperçu. Examinons d'abord
le flou cinétique, puis nous
examinerons l'expert et un autre, nous déciderons lequel utiliser, puis nous
passerons au montage
du son et de la Combien gagne Tim Cook par seconde ?
Décomposons-le. En 2024, Tim Cook
a gagné 74,6 millions de dollars. Cela représente 6,2 millions de dollars par mois, 1,4 million par semaine,
204 000 dollars par jour, 8 500 dollars par heure, 141 dollars par minute, soit 2,3 7 dollars
par C'est plus que ce que
la plupart des gens gagnent en une heure, chaque seconde. Partagez ceci avec un ami
qui a besoin d'une augmentation. OK, c'est beau. Absolument. Genre,
super cher. Jetons un coup d'œil à celui-ci. Combien gagne Team Cook
par seconde ? Décomposons-le. En 2024, Team Cook en a fait 74,6 Oui, comme celui avec
Motion Blurr Moore. Et j'aimerais jeter
un œil ici pour m'
assurer que nous
avons bien utilisé le flou Intéressant. Donc cette image, c'est comme si nous avions un
flou cinétique ici, puis cette image s'arrête Et puis c'est comme ça
pendant deux images. Tout va bien
sur ce front. Je pense que nous pourrions simplement supprimer cette
partie, ce cadre. Je crois que c'est juste
avec des images-clés pour déplacer l'image-clé un
peu vers la gauche Mais au lieu de
réanimer, exportez, ce qui prendra probablement moins
de 15 à 20 minutes Donc, au lieu de le faire, nous pouvons simplement le supprimer. Vérifions-nous simplement que
tout le reste est bon. Oh, je pense que c'est le même problème ici. Ouais. Intéressant. Quoi qu'il en soit,
ouvrons-le dans Premiere. Donc pour cela, je vais
créer, nous avons déjà créé
notre premier projet, donc je vais juste l'ouvrir. Pour ouvrir
quoi que ce soit sur Mac, vous pouvez appuyer sur la commande O
sur Windows, probablement similaire, quelque chose comme Control O,
et cela va l'ouvrir. Ensuite, je vais vous montrer des moyens
intéressants pour obtenir un très bon son
gratuitement, d'accord ? Exportez donc aussi. Organisons les choses. Créons donc un
dossier en appuyant sur Commande et sur ce bouton. Alors commandez et assurez-vous de
sélectionner le dossier du projet. Donc, avec la commande et ce bouton, nous créons une corbeille. Ou nous pouvons
sélectionner, par exemple, celui-ci, appuyer sur Shift B, et cela créera
un casier contenant cette sélection. C'est ce que l'on
appellera « audio brut ». C'est ce que l'
on appellera des séquences. C'est bon, nous allons juste le
laisser ici pour le moment. Supprimez l'audio
et procédez comme suit. Combien gagne la cuisson à la vapeur ? Voyons où les choses se sont passées. Oui, nous devons absolument
réexporter parce que nous en avons, genre, un, deux, trois, quatre. Nous avons trois cadres
figés. Nous pouvons le supprimer. Et maintenant, ouvrons le projet
After Effects. Allons aux Émirats arabes unis. Commande O, ouvrez-la. Nous allons réexporter, nous allons simplement assurer de résoudre
ce problème là-bas Donc, je pense que ce
sont
les images clés lorsque nous le déplaçons en
fin de compte, ce doit être celui-ci ici. Nous avons donc toujours le texte, et d'accord, jetons
un coup d'œil ici maintenant. Os. C'est ça. C'est 6.2. OK, celui-ci est bon. Je peux faire défiler les
cadres en appuyant sur les touches de commande, de
commande et de direction. Sinon, si vous avez sélectionné
quelque chose, vous allez le déplacer
vers la droite et vers la gauche. Et pourquoi l'avons-nous comme ça ? Alors c'est celui-ci ?
Non. Est-ce celui-ci ? Oui. OK, qu'est-ce qui ne va pas ?
Qu'est-ce qui n'allait pas ici ? Pourquoi l'avons-nous fait ? OK, vérifions juste chaque image intermédiaire. Exporter trois, nous allons
utiliser l'exportation trois, et maintenant nous allons effectuer le rendu. Ça va prendre du temps.
Ce projet est assez lourd. En attendant,
pendant l'exportation, laissez-moi vous montrer comment obtenir un son de qualité
professionnelle gratuitement. C'est via un site Web
appelé Pixabay. Vous pouvez rechercher
différents éléments. Vous pouvez rechercher
des images, des vidéos, des cadeaux, des modèles 3D, des effets
sonores et de la musique. Maintenant, ils ont une excellente
bibliothèque d'effets sonores. Et si nous recherchons une interface utilisateur, ce sont d'excellents sons d'interface utilisateur. exemple, pour cela, il
n'y a pas de son sur IOS, mais d'accord, pour celui-ci, il n'y a pas non plus de son. Mais pour les animations de messages,
il y a en fait un son. Lorsque vous envoyez un message
et que vous le recevez, je ne sais pas quand
vous l'envoyez, mais lorsque vous le recevez, il y a
certainement du son. D'accord, donc pour cela,
nous pouvons simplement utiliser une machine à écrire ou un
clavier super Celui-ci est également très simple. OK, donc en gros, je dois
trouver les sons pour mon message, et recherchons-les. Notification. Je suis en train de créer une
vidéo sur Apple UI Design, et je dois trouver des effets
sonores et vérifier avec vous ce qu'il en est. En gros, c'est l'iPhone qui reçoit des messages et
les envoie. Y a-t-il des sons lorsque vous
envoyez et recevez un message ? Tout d'abord, deuxièmement, où puis-je les télécharger
gratuitement en ligne ? Si un message sonne. OK. Jetons un
coup d'œil à celui-ci. Parfait. C'est exactement
ce que je cherchais. Je vais le
télécharger d'ici. Je copie juste le lien. Je
viens sur ce site. Nous n'avons besoin que
du son pour celui-ci, donc nous n'en avons pas besoin d'une
bonne qualité, car une bonne qualité pèse
en fait 3,21 mégaoctets Ça n'a pas d'importance. Nous avons donc ce téléchargement. C'est une bonne chose. contrôle est également une commande, donc cela ne prend pas notre mémoire. Notre exportation devrait être ici. Oui, mettons-le
dans ce dossier. OK. Exportation numéro trois, nous pouvons retarder celle-ci
parce que nous ne l'utilisons pas. Alors déposez celui-ci. Et commençons tout de suite à travailler
sur les sons de l'iPhone. Voyons donc de laquelle nous avons besoin. Nous avons donc besoin de ce premier. Non. Ça va en être un. Ça va en être un autre. Et voyons voir. C'est donc une réception, et c'est probablement du sable. Sand reçoit. OK, donc ça va
être le premier. Nous allons le marquer. Marquons-le en orange et
celui-ci sera de cette couleur. La façon dont je peux marquer
les couleurs est de passer dans l'option de raccourci K, Commande 1, donc violet. Allez, deux mangues. Je cherche donc la mangue,
c'est la couleur. Vous pouvez réellement
rechercher Libel et vous pouvez créer différents raccourcis pour
différentes touches OK, donc ça
va en être un. Mettons-le ici. Ça fait six couleurs. Ça fait six
pieds. Cela fait six points. Je vais désactiver ma voix
pour qu'elle ne fasse pas concurrence. Maintenant, faisons celui-ci. Un autre celui-ci. Je suis capable de les copier
en appuyant sur l'option. Non, non, non. Et celui-ci aussi. Donc, faites glisser, appuyez sur option. En gros, il n'est pas
nécessaire que ce soit parfait parce que les gens ne
remarquent généralement rien de tout cela. Donc, oups, nous devons également
utiliser de l'orange. Et c'est tout. OK,
alors jetons un coup d'œil. Non. Non. L. L. C'est peut-être un
peu trop fort, nous devons
donc le baisser
en appuyant sur G moins dix. Écoutons tout. Millions de dollars. C'est un million de dollars.
Ça fait six points ? Peut-être pas moins dix, mais mettons-le à moins cinq. Millions de dollars.
Ça fait six points ? Ouais. C'est génial. de suite, entre toutes ces transitions, des zoomins
rapides nous devons ajouter des swooshes Je vais donc utiliser Premiere
Composer Animation Composer, le même que celui que nous avons utilisé
dans After Effect. Et je vais
chercher Swoosh. Et je vais l'ajouter. Combien je fais ? Et il faut probablement le couper. Muet, le premier. OK, nous avons donc une autre
transition ici. Ajoutons-en un autre. D'accord, peut-être utilisons-en un
autre car cette
transition est un peu plus rapide. Nous pouvons probablement les baisser
un peu plus bas afin de garder les swishes à un niveau et ces gars-là à
l'autre niveau Je n'aime pas la façon dont
celui-ci est trop rigide, alors essayons de l'utiliser
également ici. Un peu plus tard. Mettez ces gars en sourdine également. Ça commence trop tôt. OK,
quelque chose comme ça. Cherchons un autre moment de
transition. C'est là. D'ailleurs, cette
transition est tellement fluide. La raison en est que nous
avons un arrière-plan très sombre, et celui-ci est également sombre. C'est pourquoi il est si beau. Et utilisons le tout
dernier par ici. Déposons-le un peu plus tôt. Bien, jetons un coup d'
œil aux transitions. OK, super. Au fait, ici, je le sais tout de suite, je vais les utiliser pour que
nous puissions les désactiver. Et travaillons sur
cette piste dès maintenant. Je vais donc appuyer sur
S et cela n'activera que cette piste, la
piste numéro trois. Et nous allons ajouter un effet machine à
écrire ici. Au fait,
gardons tout cela organisé. Donc pour cela, nous avons besoin de Sex, et je vais rechercher le dossier
SFX et le déposer dedans Vous pouvez trouver le dossier Same Sex dans la section
des ressources téléchargeables, et vous aurez accès
à tous les sons. En bas, vous
trouverez une machine à écrire ou un clavier Apple
potentiellement très lourd
, ce qui peut sembler encore plus cher que
la machine à écrire Trouvons-le donc.
Par exemple, sélectionnons cette partie, Et sélectionnons
Et pour cliquer dessus. Alors écoutons-le.
Magnifique. Pour cela, je ne suis pas sûr du
son que nous devrions utiliser ici. Peut-être n'en aurons-nous aucune. Mais revenons maintenant au tout début. Et essayons de nous demander quel
son devrions-nous utiliser ici ? Peut-être devrions-nous utiliser une
sorte de
son d'interface utilisateur comme quelque chose que nous voulions faire. J'aime bien ce son. Téléchargeons-en un tas, puis nous trouverons une solution. Mm, en fait. Téléchargeons également ce
son. Et puis voyons quoi d'autre. C'est génial. Je
recherche des sons coûteux, et je
cherche en quelque sorte, je ne sais pas s'il existe un moyen
de décrire un tel son,
mais plutôt un son tactile, mais plutôt un son tactile, quelque chose qui semble très
cher et
qui ressemble cher et une sensation de luxe
lorsque vous touchez quelque chose. C'est donc quelque chose que
je recherche. En fait, celui-ci était
très beau aussi. Ouais. OK, nous en avons donc
téléchargé quelques-uns. Voyons ce que nous
avons. Pour chacun de ces mots qui apparaissent, je veux qu'il y ait un
son quelconque Donc, en fait,
ouvrons ceci et essayons tout
cela. Non, pas ici. Je vais fermer celui-ci et essayer tout cela
ici. Et écoutons. Utilisons donc ces
deux premiers pour savoir comment s'agit W ? Pendant combien de temps ? OK. On
entend à peine celui-ci. Faisons en sorte que ce soit plus fort. Il fait -20. Augmentons-le de 15. OK. Non, ça n'a pas
l'air bien. Voici ce que nous allons faire. Nous allons utiliser
ce son pour chaque texte,
car nous voulons également que les sons
restent
cohérents. Sinon, cela ne va
pas sembler cher. Oh, ici on devrait
le faire comme ça. Et ici, nous pourrons
peut-être tous les utiliser
en même temps. Où est-ce que ça commence ici ? Oui, en fait, je trouve que ça a l'air génial, peut-être
juste un peu plus tard. OK, maintenant jetons
un coup d'œil à tout. Désactivons-nous. Génial. OK, pour celui-ci, nous allons utiliser un marqueur, et nous le trouverons dans
le dossier des télécopies. Cherchons un marqueur. Nous avons deux marqueurs différents. Un marqueur comme celui-ci.
L'autre est plus long. Nous allons en utiliser une
plus longue parce que je sais que cette animation est assez longue, donc en fait, nous devons
l'avoir plus longue. D'accord, nous
devons absolument faire passer celui-ci -20 parce que c'est trop fort. Ajoutez une transition ici, mais passons à la télécopie
et effectuons une
découpe centrée pour qu'elle soit invisible. Oui, on l'
entend à peine, mais c'est bien. D'accord, ici, nous devons également
ajouter un clavier ou OK, et je recherche un son
lorsque vous tapez sur un iPhone. Utilisons simplement un clavier
que nous avons utilisé auparavant. Voyons donc où
cela commence ici. OK, pour chacun jetons un œil à
ce que nous avons téléchargé. Oh. En fait, ce son peut fonctionner pour les mots
qui apparaissent en haut de la page. Quelque chose comme
ça ? Et ici, nous avons besoin d'une sorte d'
interrupteur. Je pense que nous avons genre du plastique. Si on le coupe ici, non, en fait, c'est le
contraire, désolé. Par exemple, trouvons quand
il apparaît et déposons-le dedans. OK. D'accord nous pourrions utiliser celui-ci à nouveau. Pourtant, vous pouvez clairement l'entendre. OK, alors
cherchons autre chose. En fait, supprimons-le et recherchons les notifications
iPhone. Où l'utilisons-nous ?
OK, voyons voir ici. Oh. Parfois, moins c'est plus, et c'est pourquoi nous pouvons certainement utiliser
beaucoup de sons ici, mais je pense que cela fonctionnera encore mieux car c'est un
peu simpliste Nous n'utilisons plus de sons. Je pense que c'est simple, minimaliste, et
c'est pourquoi cela fonctionne D'accord, voici ce que nous
avons en termes de sons. Écoutons tout
du début à
la fin sans moi,
et ensuite, nous
travaillerons avec la musique. OK, tout de suite, celui-ci
doit commencer un peu plus tard, une fraction de seconde plus tard. Mm. Celui-ci commence trop tard. Il faut le déplacer un
peu vers la gauche. OK, je trouve que ça a l'air génial. Ces trois sont
certainement trop bruyants, nous devrions
donc
les baisser d'au moins dix. Peut-être moins cinq de plus. Ouais. Hum.
Cherchons de la musique. OK, puisque je crée
une vidéo sur Apple, quel type de musique Apple
utiliserait-il pour créer une
vidéo sur Apple ? À mon avis, c'est un peu minimaliste,
comme leurs conceptions d'interface utilisateur Mais comment puis-je rechercher le type de musique
sur pixabay.com En fait, peut-être
devrions-nous rechercher le minimalisme, je sais Une chose dont je suis sûre , c'est que nous
pourrons utiliser une chanson d'Epidemic Sound
parce qu'Epidemic Sound, je
les utilise depuis cinq ou six ans,
peut-être même plus. Ils sont absolument
géniaux et proposent une
sélection de musique incroyable Si vous souhaitez les consulter
dans la section des ressources, vous trouverez un lien
pour un essai de 30 jours. Vous pouvez l'essayer si vous ne l'aimez pas,
annulez-le à tout moment. Ne vous inquiétez pas, mais
je le recommande vraiment. C'est un petit prix, mais
ensuite les vidéos deviennent
meilleures, pas seulement dix, mais 100 % meilleures. Et comme vous pouvez le constater, les chansons que je
recherche ici ne
fonctionnent pas nécessairement de la meilleure façon. Pourquoi ? Parce que, vous savez, parce que
ce site est gratuit. Epidemic Sound a
un petit budget. Ils ont tellement d'artistes
professionnels y mettent
vraiment leurs efforts, et essayons de trouver
une chanson ici, Bush. Mmm. J'adore vraiment cette chanson. OK, alors
téléchargez-le et essayons-le. Nous avons donc essayé les
options gratuites. Options gratuites. Oui, il existe de
bonnes options, mais pas celles que
nous recherchons. Epidemic Sound, nous avons
trouvé une chanson, How fast ? Super rapide. Jetons donc un
coup d'œil à la chanson. Je pense que la chanson
fonctionnera incroyablement bien. Nous devrions commencer ici. Je vais donc simplement
sélectionner une petite partie, la
faire glisser tout en avant, la couper jusqu'à ce que la musique
commence réellement, et la déposer dedans. OK. Et puis, quand un rythme plus
intéressant commencera, je vais utiliser cette partie. C'est en quelque sorte l'
intro, la première partie. Ensuite, pour cette
partie, nous pouvons utiliser un autre type de chanson pour augmenter la tension,
le rythme, l'intérêt. Alors mettons-le ici,
essayons quelque chose comme ça. OK,
il faut le réduire un peu. Peut-être, mais d'accord, alors pour cette partie, je voudrais savoir quand commence la
partie très intéressante de cette chanson. Potentiellement,
allons-y. OK, transition. Et puis je
veux aussi avoir, genre, l'action à
développer ici. Et puis au final,
cela va
ralentir jusqu'à cette partie,
que nous pouvons voir ici. En fait, commençons par
le bout car je pense que ce
sera une très bonne fin de chanson à moins que
ce ne soit mieux ici. Ce sera notre fin, donc nous allons le déposer, genre, ainsi. Nous pouvons donc supprimer
cette partie pour le moment. Magnifique. Maintenant, pour cette partie, oui, utilisons-le certainement. Je ne sais pas ce que
nous allons faire à ce sujet, mais je ne suis pas sûr
des résultats. Je fais juste des expériences, voir comment les choses
fonctionnent ou non OK, prenons d'abord tout
sans ma voix. Non, c'est incroyablement bon. Incroyablement bon.
Il ne reste plus qu'à tout baisser de -20 décibels, pour
voir si tu peux m'entendre Combien gagne Team Cook par seconde ?
Décomposons-le. En 2024, Team Cook
a gagné 74,6 millions de dollars. Cela représente 6,2 millions de
dollars par mois, 1,4 million par semaine, 204 000 par jour, 8 500 dollars par
heure, 141 dollars Et cela représente 2,3 7$
par seconde. C'est plus que ce que
la plupart des gens gagnent en une heure par seconde. Partagez ceci avec un ami
qui a besoin d'une augmentation. Waouh. Ça s'est
avéré super génial. Maintenant, je peux entendre que
les effets sonores ici sont un peu trop forts, nous devons
donc les baisser. Combien gagne Steam Cook par seconde ?
Décomposons-le. Réduisons-le donc, disons dix et
voyons ce que nous avons. Combien gagne Steam
Cook par seconde ? Décomposons-le. En 2024, Team Cook en a fait 74,6 Celui-ci doit également être abaissé
de 5 millions de dollars. Cela représente 6,2 millions de dollars. Cela représente 6,2 millions de dollars par mois. OK, celui-ci doit également
être abaissé, d'environ 5$. Cela représente 6,2 millions de dollars par mois. Absolument incroyable. OK. C'est comme ça
que tu fais de la musique. C'est ainsi que vous produisez les
effets sonores. Les effets sonores. Si vous avez des
questions, n'hésitez pas à me le faire savoir. À côté de ça. Je
vous verrai dans la prochaine vidéo.
23. Exporter et présenter un projet 1: Nous sommes sur le point de terminer cette
vidéo. Nous avons presque terminé. Et la dernière chose à
faire est d' exporter
correctement cette vidéo. Ainsi, que vous
travailliez sur le son dans After Effects ou dans Premiere, les deux méthodes fonctionnent parfaitement. Il est tout simplement beaucoup plus facile de le faire dans Premiere que dans After Effects car imaginez avoir autant de couches
dans After Effects. Ça fait une tonne. Ce que nous devons faire,
c'est exporter. Tout d'abord, nous devons sélectionner I et nous sélectionnons O à la fin. Si vous le faites dans After Effects, vous n'avez pas besoin de le faire. Il vous suffit d'exporter l'intégralité de
votre composition. Maintenant, en ce qui concerne l'exportation, je vous recommande de
définir ces paramètres. Il s'agit donc d'un préréglage
que j'ai créé. En gros, cela
correspond à la source. Ensuite, nous passons au rendu
à la profondeur maximale. Vous utilisez une qualité de rendu maximale. Le codage matériel est uniquement destiné à accélérer le codage du débit d'exportation J'ai réglé celui-ci et le débit
cible à 19. Maintenant, vous pouvez
certainement le régler au maximum ou vous pouvez opter
pour cette option ici. J'ai trouvé que ces paramètres
me convenaient le mieux. Si vous le souhaitez, vous pouvez
simplement copier. Alors laisse-moi le remettre en question. Maintenant, je vais vous dire une chose, qui est très
importante si vous
souhaitez exporter dans Premiere, il y a un problème avec Premiere
lorsque vous exportez la vidéo car la vidéo
que vous exportez ne
sera pas aussi saturée. Les couleurs ne seront pas foncées. Donc c'est comme si le contraste avait été
légèrement diminué. Et si vous voulez éviter cela,
il existe un moyen de le faire. Vous devrez entrer en
vigueur et appliquer un lot de compensation QT
Gamma. Ce lot rend en fait
la vidéo plus saturée. Et si nous ne le
faisons pas, les vidéos seront un
peu moins contrastées, mais si vous le faites,
vous le faites ici Vous pouvez donc le sélectionner, le
trouver sur votre ordinateur. Voyons où nous l'avons. La compensation QT Gama devrait
être disponible, c'est celle-ci. OK ? Alors je vais juste l'
ouvrir, et c'est tout. Vous pouvez également télécharger ce slot dans les
ressources téléchargeables. Ensuite, vous pouvez
enregistrer votre préréglage. Vous pouvez personnaliser les titres. Tu peux continuer et
copier mes titres. Cliquez ensuite avec le bouton droit sur Enregistrer le préréglage,
et c'est parti. Maintenant, allons-y
et appuyons sur Exporter. Et vous pouvez réellement voir la
différence dans l'exportation. C'est donc avec le lot de
compensation How much Tips so this is with QT Gamma, et celui-ci est sans
même en cliquant, vous pouvez voir la
différence de saturation. Celui-ci est beaucoup moins
saturé ou moins contrasté, et celui-ci l'est beaucoup plus. Et il vaut mieux toujours utiliser celui-ci sinon les couleurs vont paraître un
peu fades Maintenant, la dernière chose
à faire, c'est de regarder la vidéo, s'
assurer que tout va bien. Et si c'est bon, alors nous serons en mesure de le
publier. Voyons voir. Combien gagne Tim Cook par seconde ?
Décomposons-le. En 2024, Team Cook
a gagné 74,6 millions de dollars. Cela représente 6,2 millions de
dollars par mois, 1,4 million par semaine, 204 000 par jour, 8 500 dollars par
heure, 141 dollars Et cela représente 2,3 7$
par seconde. C'est plus que ce que
la plupart des gens gagnent en une heure, chaque seconde. Partagez ceci avec un ami
qui a besoin d'une augmentation. Absolument magnifique. Maintenant, je vais également vous donner
quelques conseils sur la façon de publier correctement
ces vidéos. Si vous publiez des vidéos verticales, il est préférable de les publier
depuis votre téléphone. Pourquoi ? Parce que vous avez un peu plus de personnalisation,
en particulier sur YouTube. Sur YouTube, pour sélectionner une miniature sur une
courte vidéo téléphonique, vous devez
actuellement la
télécharger depuis votre Ou vous pouvez le télécharger
depuis votre ordinateur, mais vous devez tout de même accéder à votre téléphone, puis
le choisir sur votre téléphone. Nous vous recommandons donc de le
faire depuis votre téléphone. C'est juste un peu plus facile, un peu plus simple. Par exemple, Instagram
ne vous permet pas non plus de modifier votre biographie ou vos liens
depuis le navigateur, vous devez le faire par téléphone, stupide, mais c'est ainsi que fonctionnent
ces plateformes. En fait, je ne suis pas
sûre que TikTok des inconvénients, mais c'est juste qu'il est plus facile de le
publier depuis votre téléphone, alors allez-y et
envoyez-le via un télégramme WhatsApp, par airdrop, quelle que soit l'option que vous souhaitez choisir
sur votre ordinateur,
sur votre téléphone, et
vous serez prêt à partir votre téléphone, et
vous serez prêt à partir C'est donc la
première vidéo réalisée. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça,
allons-y et commençons la vidéo suivante.
On se voit là-bas.
24. Conception de votre interface utilisateur en verre (Figma): Bienvenue. Dans cette vidéo et dans
les deux suivantes, nous allons travailler sur
la vidéo horizontale. Nous avons travaillé sur la verticale. Il est maintenant temps de travailler
sur l'horizontale. Plus précisément,
nous allons créer ce nouvel iOS 2026, cet effet de verre super cool, cher et
transparent Et laissez-moi vous
montrer deux ou trois choses. Ceci est donc téléchargé depuis
le site officiel d'Apple, et voici à quoi cela ressemble. Il est donc transparent mais pas
totalement, pas 100 % transparent. Certaines choses sont plus
transparentes que d'autres. Cela a une sorte d'effet
Gage and Blur. Bref, la
façon dont cet effet est obtenu est de créer cet effet qui
affectera l'ensemble de la composition. Nous allons le faire
avec une couche de réglage. Nous créons une couche de réglage, créons toutes sortes d'effets. Ensuite, nous suivons
essentiellement cet effet jusqu'à une forme. C'est ça. C'est
la courte histoire. Nous
verrons l'histoire plus longue dans les prochaines vidéos. Mais pour l'instant, nous voulons simplement garder cela
à l'esprit lorsque nous créons
nos conceptions d'interface utilisateur, pendant que nous préparons
nos conceptions d'interface utilisateur. Nous avons donc ce script.
Et je pense que le script est déjà parfaitement décomposé car il s'
agira d'une vidéo horizontale. Au lieu d'utiliser davantage d'iPhone, je pense que nous devrions utiliser davantage de MACUI, car nous aurons plus
d'espace de travail, nous pourrons utiliser
plus de texte à l'écran Et je pense que cela va
jouer à notre avantage. Et je pense que la façon dont ce script
est décomposé est géniale. Je pense que nous devrions
continuer comme ça. Nous ne devrions pas simplement le diviser, vous savez, en plusieurs lignes. Dans cette
vidéo, nous allons avoir une, deux,
trois, quatre, cinq, six scènes parce que nous avons
six couleurs différentes. Et ici, nous aurons
quatre scènes différentes. Il y aura donc
moins de transitions, mais davantage de concentration sur concrétisation de l'
idée dans son ensemble et sur la valeur ajoutée. Je veux dire, la
vidéo précédente le faisait également, mais dans cette vidéo, nous aurons un peu plus de
temps pour jouer avec ça. Je me suis déjà intéressé à l'IgM et j'ai
commencé à faire des recherches sur les kits d'interface utilisateur. Et comme nous allons
travailler avec Mac, j'ai trouvé cette recherche pour Mac EY, kit d'interface utilisateur
Mac OS Big Sir. Et je
pensais utiliser des cartes. Je pense que les cartes
seraient très intéressantes. J'ai donc trouvé ce mode
d'éclairage spécifique, qui permet d'ouvrir
chacun d'entre eux. Maintenant, copions des copies
SVJ, ouvrez Illustrator,
commandez pour créer un nouveau site Web volumineux
. Collons-le dedans. Voyons ce que nous
avons. Je pense qu'il va y avoir une tonne d'objets
différents. OK. C'est donc le même problème que nous avions rencontré précédemment pour les images. Nous allons donc vérifier ce contexte. OK. Donc, même si je
viens de coller cette image, c'est toujours Shi,
créons un nouveau calque Oui, c'est toujours transparent. D'accord, et si nous copions au format PNG
et le collons en arrière-plan, copions, Illustrator, nouveau
calque, le collons dedans. OK, nous avons
pu le coller. Ce que nous devons faire
maintenant, c'est nous assurer qu' il s'adapte correctement à 1 000 % Sélectionnons tout, retirons tout ce qui se trouve dans ce groupe, placons-le en dessous de la couche deux, puis nous placerons la couche
deux en bas. Peut-être pas tout en bas. Par exemple, zoomons pour voir
que c'est vraiment parfait. OK, ça a l'air très
beau. Commande O. Maintenant, faisons la même
chose avec cette image. Nous devons donc copier-coller, S P et G, le coller et essayer de le mettre
exactement dans la même position. OK. Et copions également
cette image.
Sélectionnons-le d'abord. OK, voilà.
Copiez au format Bing gi, collez-le dedans.
Magnifique, majestueux Absolument un niveau supérieur. Maintenant, nous devons prendre tout
cela, tout sélectionner. En fait, nous devons
cliquer sur notre couche
1 et cliquer ici, et maintenant nous pouvons
tout sélectionner et le faire glisser vers l'extérieur. Maintenant, nous serons en mesure de déplacer
chaque pièce. J'ai donc tout sélectionné. Je vais augmenter
la taille jusqu'à ce
que l'écran soit complet. Shift O, et nous pouvons
le réduire à
ici et appuyer sur OK. Celui-ci est prêt à être utilisé. Command S, et installons-la
sur le bureau et appelons-la maps. Cherchons autre chose. Qu'est-ce qu'ils
ont d'autre ? Des nœuds comme celui-ci ? Mm. Magnifique. Les navigateurs sont
bien super chers. Mm. Pour le navigateur, je pense que nous
pouvons mettre un texte ici puis plus bas pour avoir un texte ici et le
faire ressortir encore plus. Je pense donc que le navigateur
fonctionne très bien. Safari, mode Safari light. Oui, je préfère le mode
lumière. Nous allons donc sélectionner
celui-ci : copier-coller SPJ, Command N et le coller dedans ailleurs, nous pouvons le redimensionner
dès le début pour nous
épargner quelques
nerfs, en décalant nous
épargner quelques O et en le
coupant par la droite, comme ça Nous devons maintenant copier l'image. Copiez-le sous forme de pingi, collez-le dans
Command V. Voilà. Abaissons-le. Mets-le là, et
assurons-nous qu' il s'adapte parfaitement une fois de plus. Ajustement parfait Oh,
quelques icônes ont disparu. Nous devons donc obtenir ces zooms. C'est celui
dont nous avons besoin. Copiez-collez, collez-le au
format PNG pour vous assurer qu'
il a
la même taille que les autres. Maintenant, une chose est que je l'ai
copiée sous forme d'image, et vous pouvez voir que le SVG
conserve une très bonne qualité et que le PNG n'est
pas de la meilleure qualité H.
Sortons tout le monde du groupe pour
entendre ces gars également, alors cliquons sur cette couche, relâchons, retirons tout. Maintenant, c'est la couche 22. C'est tout ça avec du texte. OK, nous devons faire la
même chose ici. Enlevez-le. Ils sont
là en couches maintenant. Utilisez-le pour sélectionner
toutes les couches. D'accord, maintenant chacun
d'entre eux est personnalisable. Génial. Qu'en est-il de ce texte ? Nous avons donc maintenant le
texte séparément. Commande S. Appelons-le
Safari. C'est plutôt bon. Allons voir Figma
et cherchons-en d'autres. Pour cette portion, je suis
exactement les mêmes étapes. Accédez à Figma, allez
à Illustrator, enregistrez le projet, et je
prépare deux autres designs L'un d'eux est l'App Store. L'
autre concerne les messages. Vous n'avez pas besoin de voir ce que vous avez déjà
vu dix fois, c'est pourquoi je vais simplement
accélérer les choses OK, et sauvegardons celui-ci. Command S, appelle-le Abstoe. Génial. Il nous
a donc fallu environ une heure pour trouver ce que nous
cherchions. Nous avons nos quatre interfaces utilisateur. Nous avons un message absolu. Celui-ci,
celui-ci et celui-ci. C'est vrai. Eh bien, si vous
avez des questions, faites-le moi savoir. Mais à part ça, je vous
verrai dans la prochaine vidéo.
25. Animer les sections de héros : introduction dynamique + texte: Bienvenue. Dans cette vidéo, nous
allons créer nos couches de verre à partir des
couches que nous avons créées. Faisons exactement la même chose. Nous allons créer une composition EPR. Bienvenue dans la commande de
déplacement horizontal N, et nous ferons de même pour AE. Maintenant, créons une
vidéo horizontale dans PR, puis nous allons l'intégrer dans
After Effects, car nous
devons d'abord couper le son. Nouveau projet. C'est
celui qui choisit l'emplacement. Nous pouvons le mettre ici, une
vidéo horizontale, et nous allons créer. Mettons notre nouvel
enregistrement ici. Créons d'abord une composition. Dans ce cas, les paramètres de
séquence, 1920, 30, nous allons faire 30 images,
seconde. OK, super. Désolée, je l'ai encore oublié. 1080 d'ici 1920 devrait
être comme ça. Nous allons donc ajouter celui-ci, le sélectionner ou le faire correspondre pour le
rendre plus fort. Écoutons-le. Moulins. Tu apprends
tout étape par étape. Beau, beau, beau. OK. Nous allons tout sélectionner. Option A, et mettons-la ici et nous l'
appellerons vidéo horizontale. Nous pouvons donc commander Z, supprimer ce contrôle S, commande Q, et nous sommes là. Shift Command C, audio. Oh, au fait, oui, nous le faisons horizontalement. Nous pouvons donc
également utiliser cette vue. Passons donc aux notes. OK, et nous avons une
boutique, j'envoie des messages à des cartes. Je pense que Coppertino,
ce seront des cartes. Nous allons donc le marquer en bleu parce que je veux marquer les
cartes avec des cartes bleues, Safari e Message, Abstore Donc ça va aussi
être bleu. Je pense que nous devrions
commencer par Safari. Nous allons donc le mettre plus haut. Le premier
sera donc un safari. OK. Venons-en
à After Effects. Ouvrez Safari. Je n'ai pas besoin de solides. Nous n'avons pas besoin de graphisme, de suppression, d'
audio. OK, composition principale, sélectionnez-la comme ça.
Appelez ça audio. Et ajoutons Safari, et commençons.
Taille de la couche de composition. Sélectionnez tout, cliquez sur le reste depuis le tout début, désélectionnez tout, et
décidons où placer notre texte Nous en avons donc un, deux, trois, quatre, cinq, six, sept, 89. D'accord, nous allons utiliser ce texte ici. Je vais juste le taper comme ça. Je vais sélectionner le
texte. C'est le texte. Maintenant, tapons tout. Vous. Faisons également en sorte que
nos polices soient correctes. En fait, pour l'instant, écrivons le mot pomme, faisons-le blanc. Ce n'est certainement pas audacieux. Probablement de taille normale 14. Essayons le 14. Puce. Parfait.
Où est ce texto d'Apple ? Je veux juste le mettre ici. Ensuite, je mettrai
celui-ci en haut. Vous. Au fait, nous devrions le faire de la manière dont nous
devrions placer le paragraphe au centre afin de pouvoir faire correspondre
chaque mot comme celui-ci. Ensuite, lorsque nous taperons le mot, il commencera à
taper à partir du milieu. Maintenant, nous pouvons simplement continuer
et le dupliquer. P à propos de Great. Vous êtes sur le point de déverrouiller, vous êtes
sur le point de déverrouiller le style d'animation exact utilisé. Je pense que nous
devrions le mettre ici, en d'autres termes, également, déverrouiller le
style d'animation exact utilisé par Apple. Vous étiez sur le point de
débloquer le style
d'animation exact utilisé par Apple. L'animation ne se situe pas
parfaitement au milieu. Déplaçons-le un peu
vers le bon style utilisé par Let's also
move it a little. Mm. En fait, j'ai une idée. Peut-être devrions-nous changer de place celui-ci pour
avoir Apple ici. En fait, dupliquez-le. P, déplace-le vers la droite. Nous allons donc sélectionner à la fois la
couche ci-dessous et la couche supérieure. Et disons que c'est tellement beau. Vous parlez d'animation d'Apple. Je veux mettre Apple parce que
nous avons Apple au milieu. Donc, au final, voilà. Nous avons également
désactivé le texte qui se trouvait ici. Vérifions-le. Oui L'un des textes se trouve ici. Signalons cette autre
combinaison de couleur que nous n'oublions pas. Notons que non, pas en rouge. Fuchia fonctionne très bien. Juste pour identifier
lequel il s'agit et qu'il
ne faut pas le cacher. Comme ça. Je vais utiliser le texte Evo une
fois de plus pour créer les animations. Je vais sélectionner tous les textes, et nous allons
augmenter l'opacité. Nous appliquons Ouvrons U. Et au fait, passons à l'audio Vous êtes sur le point
de débloquer le style d'animation exact utilisé par Apple Inc. Nous allons le mettre ici. Peut-être devrions-nous le mettre ci-dessous. Je viens de me rappeler
pourquoi nous l'avons désactivé pour y ajouter du texte. Quoi qu'il en soit, nous le ferons dans une seconde. Vous êtes sur le point de débloquer
le style d'animation exact utilisé par Apple et le créateur. Sélectionnez tout ce qui est
A A, puis sélectionnez. D'accord, c'est donc également la seule victoire à changer pour ce texte. OK, nous devons en
copier un, le
mettre en bas,
changer de position. Mets ça à droite pour le moment. OK, je veux
sélectionner ce truc. Cliquez avec le bouton droit sur T et augmentez un peu
l'opacité. Donc on va le
mettre quelque part. Vous êtes sur le point de découvrir le style d'animation
exact utilisé par Apple et les créateurs, qui ont enregistré
des millions de vues. Incroyable Nous allons faire exactement la
même chose maintenant. Safari, et ensuite nous y arriverons. Je veux dire, nous allons le changer
dans le futur pour le moment. Nous voulons juste le mettre
ici. Des millions de vues. Voyons où ça s'arrête. Nous sélectionnons maintenant l'option
de texte entre crochets pour le couper. Maintenant, trouvons
où ici. Parfait. Vous êtes sur le point de découvrir le style d'animation
exact utilisé par Apple et les créateurs, qui ont
enregistré des millions de vues. Il ne s'agit pas simplement de motion design. Ça ne va pas, j'envoie un message à Mac. Nous devrons donc
jouer avec celui-ci car nous avons encore un peu de travail à faire. Je vais désactiver, alors appelons ça des photos. Je vais désactiver les
images ici parce qu'elles
occupent beaucoup d'espace Ainsi, si je clique
n'importe où sur l'écran, nous les sélectionnons ,
comme vous pouvez le voir,
et nous ne voulons pas cela Je vais
donc les désactiver et effectuer un certain nombre de découpes. Tout d'abord, nous allons
créer un masque ici et nous allons
masquer ce truc, et nous allons
inverser le masque pour
qu'il soit exactement le même ici Alors, inversez le masque. Et nous verrons cela ici. Il ne s'agit pas simplement de motion design. Je veux le mettre ici, et nous devons le
rendre gris. Ce gris. C'est certainement
quelque chose d'assez audacieux. En fait, il existe un raccourci
pour déplacer une couche vers le haut. Je ne me souviens pas de quoi il s'agit, mais qu'est-ce qu'un raccourci dans
After Effects
pour déplacer un calque tout en haut ou
tout en bas ? Commande, changement de vitesse et support. Donc, changement de commande, support. OK, maintenant c'est au top grade. Nous pouvons maintenant le désactiver. Dupliquez le texte, P,
et déplacez-le vers la droite. Mets le texte dedans. OK, celui-ci n'est pas audacieux. Celui-ci est normal
et il est blanc. Et je crois qu'il est
juste un peu plus grand. 15. Et aussi,
mettons celui-ci à 20. Par exemple, nous allons
désactiver ce texte, trouver celui-ci, désactiver et activer celui-ci. Ce n'est pas normal. C'est moyen. OK, où nous allons le
laisser pour le moment. Nous verrons. Ça n'a pas l'air si différent,
surtout si les gens le
voient pour la première fois,
ils vont dire : « Oh. Je crée des
millions de vues. Il ne s'agit pas simplement de motion design. C'est ce qui rend BransfelPremium et son contenu impossibles
à parcourir Placez-le en haut depuis
le tout début. Je vais réutiliser Text Evo et écrire
pasit plus words.
Appliquer, ce n'est pas
juste du motion design Pour celui-ci, en fait, utilisons une machine à écrire.
Pour celui-ci. Qu'est-ce qui fait que Brands Fuel est haut de gamme
et qu'il est impossible de faire
défiler le contenu pour créer ? C'est ce qui fait le motion design. C'est ce qui fait de
Brands un carburant haut de gamme et un carburant de marque haut de gamme. Donc, la prime est
déjà terminée, donc je
crache juste un peu de 5 % C'est ce qui fait que
les marques proposent du carburant haut de gamme et qu'il est
impossible de parcourir le contenu. Et accélérez un peu celui-ci. Faites défiler la page. Génial. Alors, mettons-le dedans. Il ne s'agit pas simplement de motion design. C'est ce qui donne l'
impression que les marques sont haut de gamme et contenu est impossible
à parcourir . Si tu es un monstre ? Et j'ai fait exactement la même
chose pour les deux scènes suivantes, animant le texte et alignant le tout
dans la composition principale Vous êtes sur le point de télécharger exactement
le style d'animation que vous avez utilisé par Apple et les créateurs, qui ont été
visionnés des millions de fois Il ne s'agit pas simplement de motion design. C'est ce qui donne l'impression que les
marques sont haut de gamme et que le contenu est impossible
à parcourir, que vous
soyez indépendant, rédacteur, Bertino, ne vous inquiétez pas Même si les effets secondaires vous
semblaient accablants auparavant, vous apprendrez tout
étape par étape. OK, nous devons donc
animer le texte. Permettez-moi de faire une petite
pause, et après cela, nous créerons notre look en verre.
26. Animer des calques de verre avec de la profondeur: Bien, créons maintenant l'animation du verre
liquide. Je vais créer
une nouvelle composition pour tout
assembler, puis nous la transférerons. 1920 par 1080, 30. Le bonus n'a pas tant d'
importance. Je vais d'abord créer
une forme en appuyant sur cue and shape
avec des rectangles arrondis Dis-le ainsi, centre
le point d'ancrage. Créons maintenant Jamar. Option Command Y. Nous
allons l'appeler verre. Et cherchons un
effet appelé verre CC. D'accord, nous allons
appeler cette place. Et une chose que nous
pouvons faire est créer ou d'
ajouter un fond d'écran. Que tu voies ce qui se passe. D'accord, nous allons le
mettre en bas. Vous pouvez donc voir si c'
est là la différence. Il s'agit essentiellement de l'animation du verre
liquide. Nous avons juste besoin de le changer. Pour le carré, nous devons utiliser un rien pour le trait et une couleur
unie pour le remplissage. Peu
importe sa couleur. Passons maintenant au
verre, à la surface, à la lumière. OK, nous devons donc
sélectionner notre forme. Mettons celui-ci à 25. Celui-ci. Donc, douceur :
25 % de hauteur pour 64 % de lumière. Utilisons les lumières AE et créons une
nouvelle commande de changement d'option d'éclairage L.
Commande de changement
d'option L.
Créons une nouvelle lumière. Créons une
lumière ambiante d'une intensité de 200. Et on peut le mettre en bas. La lumière n'affecte que
la couche en trois D, alors créons notre carré en
trois D et
adaptons notre verre à notre forme. Et voilà ce verre. Dupliquons-le, et
appelons-le stroke. Et ici, nous allons
activer l'AVC, le non-AVC. Passons à la couleur blanche et assurons-nous que
cette couche est visible. La largeur du trait est
d'environ deux et l'opacité d'environ
50 % Et nous pouvons également changer le mode de
fusion en mode superposition. Nous sommes en train de dupliquer à nouveau
ce carré et de l'
appeler une ombre. Ce que nous pouvons faire, dans ce cas, c'est de l'activer sur un fond noir. Cherchons un effet appelé Fast Box Blur et
augmentons le rayon jusqu'à
ce qu'il soit similaire Et suivons notre ombre
jusqu'au carré et
inversons le tapis pour obtenir ce type d'ombre Vous pouvez également jouer avec
ces paramètres pour
nous assurer que nous aimons son apparence.
Quelque chose comme ça. Vivons comme ça pour le moment. D'accord,
ajoutons également un flou Gaon, et augmentons ce Faisons 15, juste pour
faire des nombres arrondis. Et vous verrez que l'exemple que nous avons pris se ressemble beaucoup. Déplaçons maintenant le
trait vers le carré, et déplaçons l'
ombre vers le carré. Et maintenant, si nous le déplaçons, c'est
ce que nous avons. L'important, c'
est que, disons que nous voulions changer le rectangle, exemple, sa trajectoire, et nous allons faire quelque chose comme ça. Comme vous pouvez le constater, ce n'
est pas lié. C'est pourquoi nous avons
appris précédemment à relier la taille, la position et
la rondeur de chacune d'entre elles, donc le tracé du rectangle et nous relions la taille à la taille
du rectangle Alors, faisons la taille.
Faisons la position, et faisons-le réellement, nous pouvons en parler un peu, faire de la rondeur, et nous pouvons faire la
même chose ici, et nous pouvons relier la taille, la rondeur et la
position, Et maintenant, disons que nous le
personnalisons pour qu'il soit plus grand ou
plus petit, les autres gars
suivront également. Parfait. Faisons-le comme ça. Maintenant, nous avons tous nos effets. Il suffit de l'intégrer à d'autres compositions. Alors, par exemple, pour Safari, qu'est-ce qui sera
réellement transparent ici ? Nous pouvons donc rendre cette partie
transparente en haut, et nous pouvons également rendre cette partie
transparente. Je ne sais pas si les notifications
seront transparentes, mais je suis presque sûr que oui, les notifications
seront transparentes. Cette partie le sera, puis nous pourrons continuer et essayer de le
faire en bas ici. Potentiellement, comme cela
ne sera pas visible, nous allons probablement sauter
cette partie, mais nous verrons. Il suffit donc de
tout sélectionner , de
sélectionner la partie supérieure
et de la trouver. Et faisons-le,
créons des formes à partir d'une couche vectorielle
, et nous le mettrons tout en haut. Par exemple, nous devons apporter notre verre et aller sur
Safari, le coller dedans, puis nous devons
le caler sur le
nôtre pour qu'il soit comme ça, donc allons-le vers
le bas, mais peut-être pas tout en bas, un peu plus haut. D'accord, montons-le encore plus haut. Je ne sais pas
Mettons-le ici pour le moment. Ce sera donc notre forme de verre. Et maintenant, nous devons faire exactement la même chose.
Nous devons le dupliquer. L'un d'eux va être un accident vasculaire cérébral. L'un d'eux va être un accident vasculaire cérébral. Un coup comme ça. Et une
autre sera une ombre. Nous allons fermer tout le reste
pour le moment, à part renommer ce peigne pour être sûr
qu'
il s'agit d'un exemple en verre OK ? Donc, pour ce qui est de l'accident vasculaire cérébral, nous pouvons faire exactement la
même chose que pour le contenu. Trouvons du carburant. OK. Pour placer le trait à la fois, ajoutez-en un afin désactiver le remplissage
et d'activer le trait, et c'est exactement ce que nous ferons. Passez-le à 50 % et passons
à la superposition du mode. Pour tout sélectionner,
ajoutons également une ombre. Pour l'ombre, nous pouvons simplement
copier ce flou rapide, placer sur l'
ombre, l'activer Nous devons le rendre noir. Sentez, rendons-le noir. Nous verrons que cela affecte
également
cette partie, nous devons
donc le réduire un
peu pour le placer trop haut. La couche 25 en est donc
responsable. Tracons l'ombre
sur le verre, inversons-la. Et potentiellement, nous devons également
diminuer
l' opacité, quelque chose de très faible Nous y arrivons certainement. Glass, augmentons
le flou. Encore un peu. Et maintenant comparons. Voici donc ce que nous avons :
l'animation en verre, et ce n'est pas une animation
en verre. Du verre, pas du verre, du verre. En fait, voyons-le ici. Du verre, pas du verre. Ça a l'air intéressant, mais
cet effet de verre. Et maintenant, il
ne nous reste plus qu'à
copier-coller littéralement la même chose
sur tout ce que nous voulons faire
ressembler à un verre. Oui, ça prend un peu de temps. Voyons si nous
serons en mesure de le faire. Et en fait, voyons si
nous en avons besoin, car nous allons probablement zoomer
comme ça, peut-être même plus. Je ne sais donc pas si nous aurons
besoin de voir cette partie. Par exemple, nous pouvons le désactiver
complètement
parce que nous n'allons pas l'
utiliser. Mmm, hum. OK, pour l'ombre
aussi, je vais vous dire ceci. Nous avons donc cette couche 25. Je veux créer une ombre. La couche 25
lui donnera sa forme. Nous allons le mettre
en bas, activer cette couche. Et nous allons simplement copier le flou de
Fast Box. Appliquez-le. Et je n'aime pas le fait qu'il y ait de l'
ombre au sommet ici. Mais si nous le baissons, en fait, nous pouvons le baisser un peu. OK ? Supposons donc que
nous agissions de cette façon pour avoir toujours
l'ombre qui
vient de
celui-ci et du bas, sorte que l'ombre
vient de toutes les directions. Oui, maintenant c'est beau. Nous pouvons également essayer de
modifier ce texte ici, et appliquons simplement un effet tactile pour qu'
il devienne blanc. Et faisons de
même pour celui-ci. Au toucher, ce sera
un toucher blanc juste pour un toucher blanc juste que ce soit plus uniforme
et mieux visible. Je veux dire, ce style n'est pas encore
finalisé avec Apple, donc nous ne savons pas à quoi ressembleront les
choses partout, mais le contraste devrait être
bon. Et voyons voir, peut-être, en fait,
c'était mieux avant. Qu'en penses-tu ?
C'est peut-être mieux maintenant. Je me demande aussi ce qu' est
cette ligne blanche, peut-être que
c'est mieux comme ça. Je pense que c'est le cas. Donc,
avant et après, c'est définitivement mieux, comme ça. OK, c'est donc l'animation en verre.
C'est comme ça que tu le fais. Oui, ça a l'air super. Ça a l'air très cher. Voyons si nous voulons le faire pour
les autres également. Je ne veux certainement pas m'
embêter avec celui-ci parce que je ne sais pas à quoi il
ressemble réellement vu de la
pomme elle-même. Les cartes ne veulent pas non plus y
toucher pour le moment. Peut-être devrions-nous essayer de le
faire en haut,
mais à part ça, ne devrions rien toucher à autre chose. Ici, peut-être devrions-nous
l'essayer ici et ici aussi. OK, allons-y.
Je vais accélérer ce moment pour ne pas vous faire perdre votre
temps, mais vous voyez l'idée. Si vous voulez créer
quelque chose comme du verre, créez des formes à partir d'un calque
vectoriel, associez le calque de
réglage avec l'effet de verre à ce calque, créez un trait et une ombre, et jouez avec
les paramètres si vous le souhaitez. Maintenant, ce que nous pouvons également faire si
nous optons pour l'effet de verre, si nous optons pour l'ombrage, nous pouvons en fait augmenter
la luminosité Donc, par exemple, ici, ça va ressembler à ça. Nous allons le mettre à, disons, 100 et nous allons mettre les deux à 100 parce que nous avons besoin qu'il
soit plus lumineux. Comme ça. Très bien, j'adore le résultat de celui-ci
. Ça a l'air vraiment génial. Celui-ci regarde, essayons de
trouver cette carte
troke et celle-ci, et déplaçons-la simplement vers le bas, le bas, le bas,
le bas jusqu'à ce que nous
descendions en dessous de la Mmm, hum. Donc c'est par
ici ? Oui, c'est la carte. Jetons donc un coup d'œil à
tout. Voici ce que nous avons. Le premier, le deuxième
, le troisième, le quatrième. Pomme, verre. Animation. Oh, oui. Jetons un coup d'œil à tout
et voyons ce que nous avons. Vous êtes sur le point de débloquer
l'animation exacte. Je souhaite qu'Apple l'utilise. De grands créateurs font caca. Il ne s'agit pas simplement d'un design boton. C'est ce qui donne l'impression que
les marques sont haut de gamme et que le contenu est impossible
à parcourir. Que vous soyez freelance,
éditeur ou créateur de contenu, éditeur ou créateur de contenu, ce style donne à votre
travail l'impression qu'il vient tout droit d'ubertino
et ne vous inquiétez pas Même si les effets secondaires vous
semblaient accablants auparavant, vous apprendrez tout
étape par étape. OK, faisons une
petite pause ici. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça, je vais
voir dans la prochaine vidéo que
nous allons
tout assembler. Alors, à bientôt.
27. Mouvement de caméra 3D et transitions avec Null Chains: Dans cette vidéo, nous allons
terminer avec les animations. Nous allons créer
trois caméras D, et nous allons tout
animer. En ce qui concerne la caméra
et les mouvements, vous verrez que nous allons
utiliser une combinaison de ce que nous avons utilisé dans le projet
précédent, où nous allons utiliser le
zéro pour conserver la qualité, mais en plus de cela, nous
allons utiliser la caméra. Commençons par celui-ci. Shift Option (commande
Y) Pour créer une valeur nulle, sélectionnez tout
sauf la valeur nulle, placez tout par une valeur nulle. Nous appellerons ce Snow main null. Dupliquez celui-ci, connectez
celui-ci à celui-ci. Ce ne sera qu'
un zéro normal. S P, assurons-nous
qu'il augmente. Oui. OK, où avons-nous le
texte ? OK, voilà. Augmentons donc l'échelle. J'aimerais commencer un
peu plus haut. Peut-être comme ça. De plus, je vais
réduire la résolution de moitié parce que je sais que la
qualité sera bonne, mais je ne
veux pas non plus détruire complètement mon ordinateur, car comme nous allons utiliser
beaucoup de choses ici, cela demande beaucoup de puissance
informatique. En fait, peut-être
voulons-nous le baisser encore plus. Troisièmement, vous êtes sur le point de débloquer le
style d'animation exact utilisé par Apple. OK, donc c'est là
que c'est censé s'arrêter ? Vous étiez sur le point de
débloquer le style
d'animation exact utilisé par Apple. FN, neuf. Vous êtes sur le point de débloquer le style
d'animation exact utilisé par Apple. Et les créateurs qui utilisent
Apple Create. Pourquoi est-ce si rigide ici ? Utilisé par Apple. Et les créateurs, pas question. Chacun a une
position. J'ai fait une erreur. Au tout début,
nous devons revenir au début où j'ai
créé
le premier zéro et
commencé à début où j'ai
créé
le premier zéro et animer des éléments
parce que c'est à ce moment-là que
j'ai sélectionné toutes les couches,
et c' j'ai sélectionné toutes les couches, est à ce moment-là que j'ai créé les images clés de
position OK ? Voyons voir P, P. Est-ce que tout va bien maintenant ? OK, super. Qui.
Connectons celui-ci à celui-ci. OK, P et S, échelle de position. Vous êtes sur le point de découvrir le style d'animation
exact utilisé par Apple et les créateurs, qui ont
enregistré des millions de vues. Génial. Créez une valeur nulle, sélectionnez tout,
sélectionnez la valeur
nulle, associez tout à la valeur nulle, et faisons Man, null ,
duplicate, connect, no P et S. Et maintenant
animons tout Il ne s'agit pas simplement de motion design. C'est ce qui fait que
Brands préfère le carburant. Et du contenu impossible
à faire défiler, demandez. C'est ce qui fait que
les marques proposent du carburant haut de gamme et qu'il est
impossible de parcourir le contenu. En fait, j'aimerais
peut-être essayer ces images-clés en tant que fan de Ni
et voir le design C'est ce qui fait que
Brands Fuel Premium le contenu impossible
à parcourir. Génial. Maintenant, faisons
la même chose ici. Une fois de plus, vous êtes sur le point de découvrir le style
d'animation exact utilisé par Apple et les créateurs, qui ont
enregistré des millions de vues. Il ne s'agit pas simplement de motion design. C'est ce qui donne l'impression que
les marques sont haut de gamme et que le contenu est impossible
à parcourir. Que vous soyez freelance,
éditeur ou créateur de contenu, éditeur ou créateur de contenu, ce style donne à votre
travail l'impression qu'il vient tout droit de Kubertino
. Ne vous Même si les effets secondaires vous
semblaient accablants auparavant, vous apprendrez tout
étape par étape. Ah, super. OK. Vous êtes sur le point de découvrir le style d'animation
exact utilisé par Apple et les créateurs, qui ont
enregistré des millions de vues. Il ne s'agit pas simplement de motion design. C'est ce qui donne l'impression que les
marques sont haut de gamme et que le contenu est impossible
à parcourir et que le contenu est impossible
à parcourir. Que
vous soyez indépendant, éditeur ou créateur de contenu, créateur de contenu, ce style donne à votre
travail l'impression qu'il vient tout droit de Kubertino
, ne Même si les effets secondaires vous
semblaient accablants auparavant, vous apprenez tout
étape par étape. Génial. J'
adore vraiment ça. OK. Créons une commande d'option de changement de
caméra 3D C. Pour l'ouverture, nous allons la mettre à zéro pour le moment car je vais vous expliquer
pourquoi dans une seconde. Créez également un zéro, connectez
la caméra au zéro, créez le trois D pour ces gars car la caméra n'
affecte que trois couches en D, et nous devons
zoomer comme ça, et nous devons modifier
légèrement
l'orientation pour obtenir
cet effet 3D. Maintenant, zoomons encore
plus, abaissons-le comme ceci. Ne faisons pas une si grosse inclinaison. Faisons cinq, peut-être dix. Voyons ce que fait dix. Vous êtes sur le point de découvrir
le style d'animation exact utilisé par les créateurs Apple. Et voilà, nous
le faisons tous comme ça. Je souhaite changer
d'orientation. Vous êtes sur le point de découvrir
le style d'animation exact utilisé par les créateurs Apple. Remettez simplement celui-ci à zéro. Nous allons donc mettre zéro ici, style
F N F nine utilisé par Apple et les créateurs qui obtiennent
des millions de vues. Faisons donc le plein. Nous pouvons double-cliquer
sur l'appareil photo et introduire l'ouverture. Faisons-le comme ça.
Créons une deuxième vue. Tu peux y venir comme avant. Recherchez un visualiseur, un nouveau visualiseur, vous allez en créer un,
ou vous pouvez simplement cliquer ici. Et avec l'appareil photo, nous avons besoin de la distance
focale. Comme ça. Maintenant, vous pouvez déjà voir le genre de vidéo que nous allons
obtenir au niveau supérieur. Nous n'avons pas besoin
d'une ouverture aussi grande parce que nous voulons voir ce
qui se passe à l'écran. Faisons-le de manière à revenir aux options de la troisième
caméra, et nous devons animer
la distance focale Nous partons donc d'ici, puis la distance focale
doit être là. Et puis, une fois arrivés ici, il
faut que ce soit comme ça. Vous êtes sur le point de découvrir le style d'animation
exact utilisé par Apple et les créateurs, qui ont
enregistré des millions de vues. Il ne s'agit pas simplement de motion design. Je veux me débarrasser
de la caméra ici. Mets-le à fond. Vous êtes sur le point de débloquer le style d'animation
exact. Animations utilisées par Apple D'accord, la qualité est
absolument d'un niveau supérieur. La raison pour laquelle nous
avons ces barres noires est que sur le MacBook, le ratio n'est pas de 16 sur neuf C'est un ratio légèrement différent. Et lorsque vous prenez une
capture d'écran sur Mac, si vous l'
adaptez de manière à ce que
les parties supérieure et inférieure soient
connectées sur les côtés, vous obtenez ces carrés
noirs, et c'est exactement
ce que nous avons ici. Nous devons donc zoomer
légèrement,
afin de pouvoir, vous savez, appuyer sur la commande Shift Option
H et l'adapter à l'écran. En fait, je pense que c'est
peut-être la meilleure chose à faire. OK, je voudrais l'exporter. Regardez ce que nous avons,
et le cas échéant, nous pouvons
toujours apporter des modifications. Mais pour l'instant, je pense que le
début est vraiment saisissant, et ensuite nous verrons
ce que nous pouvons faire, d'accord ? Exportons-le, vous êtes sur le point de
découvrir le style
d'animation exact utilisé par Apple et les créateurs qui obtiennent
des millions de vues. Il ne s'agit pas simplement de motion design. C'est ce qui donne l'impression que
les marques sont haut de gamme et que le contenu est impossible
à parcourir. Que vous soyez freelance,
éditeur ou créateur de contenu, éditeur ou créateur de contenu, ce style donne à votre
travail l'impression qu'il vient tout droit de Kupertino
et ne vous inquiétez pas Même si les effets secondaires vous
semblaient accablants auparavant, vous apprenez tout
étape par étape. Je pense que ce n'est pas
très précis ici, et nous devrions peut-être
le faire comme ça. Donc avant et après. Oui, c'est certainement
plus précis. Nous devons maintenant activer
le flou cinétique. Le chargement de chaque image va
prendre une éternité. Oui, le chargement
de chaque image prendra 2 secondes, comme
vous pouvez le voir ici. OK. Eh bien,
merci d'avoir regardé. Cela nous permettra de
voir les résultats finaux dans la prochaine vidéo où nous
allons également travailler sur le son. Je vais voir dans cette vidéo. Merci d'avoir regardé, si
vous avez des questions, faites-le moi savoir, mais à
part ça, je vous
verrai dans la prochaine vidéo.
28. Conception sonore et exportation pour le projet 2: Bienvenue. Aujourd'hui est
une belle journée. Il est actuellement 6 h 45 un
samedi matin, et nous en sommes à la dernière ligne droite avec cette vidéo où il suffit de
mettre le son,
la musique, de
tout assembler, de l'
exporter, et la vidéo
est prête à être utilisée Je dois dire que cela a été voyage
incroyable de
vous emmener avec moi dans ce processus, et j'espère vraiment que
vous avez trouvé beaucoup de choses
précieuses, car j' vraiment beaucoup
d'efforts. Je tiens à dire une chose : si vous essayez de réaliser vos rêves, vous suivez votre passion, vous devez faire quelque chose de
plus,
par exemple travailler à 6
h le samedi ou à 8 h le
vendredi, je suis d'accord avec vous. Je sais ce que
signifie se garer, et c'est génial. Nous devrions vraiment
apprécier ce que nous avons. Nous avons l'opportunité
de le faire, d'apprendre de nouvelles choses. Et allons-y
et commençons. J'ai donc créé la
première séquence pro organisé les choses ici. Maintenant, nous avons notre vidéo complète, qui est absolument géniale. J'ai décidé d'utiliser la vidéo avec flou cinétique car cela
semble plus cher. Tout d'abord, deuxièmement, puisque nous avons effectué deux exportations et que la première, vous êtes sur le point de
charger l'exp. En fait, oui, la première exportation est
légèrement floue Nous nous concentrons sur ce point. Mais dans la deuxième version. Vous étiez sur le point de décharger le. Nous nous concentrons sur ce
point, ce qui est parfait. Et puis avec le flou cinétique, cela semble tout simplement plus cher. Encore une fois, comme ce
flou, est-ce que c'est bon ? Incroyable.
Afin de trouver des sons, j'ai décidé d'utiliser
Epidemic Sound pour ce projet. Nous avons utilisé le pixel B pour
le projet précédent. Utilisons le
son de l'épidémie pour cela. Si vous vous intéressez aux effets sonores, vous pouvez trouver toutes sortes
d'effets ici. Nous pouvons soit les rechercher, par
exemple, comme UY, d'accord, et nous trouverons toutes
sortes d'effets. Ou nous pouvons continuer et
cliquer sur l'un d'entre eux, par
exemple, Interface utilisateur. La plupart des sons
que j'utilise tous les jours
proviennent d'une épidémie, soit plus de 90 %. Au fil des
années, j'ai pu
créer moi-même ce type
de bibliothèque. Et ce n'est pas seulement un son
épidémique, mais la plupart du temps
j'utilise celui-ci. Alors ne m'ennuie
pas avec ça. Laissez-moi collecter tous les sons, puis
nous passerons Premiere et nous assemblerons le
tout. Encore une fois, si vous souhaitez un essai gratuit de
30 jours pour Epidemic Sound dans la section des
ressources , vous pouvez
cliquer sur Link LCUni bit Lorsque j'ai commencé mes recherches, j'essayais de
comprendre
quels types de sons exactement nous recherchions. Et pour être honnête, nous n'avons pas besoin de beaucoup de sons ici. Tout ce dont nous avons besoin, c'est la musique ici parce que pour être honnête, ce serait un peu
trop pour créer du son pour chaque mot. Nous ne pouvons émettre des sons que
pour Wushes et Swooshes. Par exemple, ici et ici, nous pouvons ajouter un clavier
ici, mais nous l'avons. Clavier ici
aussi, même si ce n'est pas nécessairement un clavier, mais allons-y,
cherchons Swoosh Et je vais faire le
plus long discours ici. Créateurs. Amble. Et nous allons le dire
quand la caméra passe deux D au lieu de
trois D. Au fait, nous avons eu un
petit problème ici Vous pouvez donc voir qu'il ne s'agit
pas non plus d'un flou cinétique. J'ai juste décidé de découper ce cadre,
et c'est tout. Utiliser. Ce n'est pas parce que
c'est comme un cadre. Peu importe en
termes d'audio. Cela n'affecte rien à tout cela. Mettons donc une
autre touche comme celle-ci ici. Ce sont des points de vue. Ce n'est pas juste un peu plus tard. Il ne s'agit pas que de points de vue. Il ne s'agit pas simplement de motion
design. C'est ce qui fait ? Je pense que nous pouvons avoir
ce gros coup lorsque cela bouge de manière significative à l'écran, mais pas
lors de
la C'est ce qui fait que
les marques se sentent primées ? Ce swoosh aussi. Que tu sois passé.
Que vous soyez indépendant ? Nous pouvons également faire cet énorme
swoosh. Ce style fait de
lui un créateur de
contenu, ce Peter, ce style le fait fonctionner et ne fonctionne pas. OK, maintenant, viens ici
et
cherchons notre dossier SFX, fais-le glisser dedans Et cherchons à nouveau
le clavier. Oh, voyons où
nous pouvons l'utiliser. Pas ici. Oui, nous pouvons
commencer à l'utiliser ici. Cela rend le carburant de Brad haut de gamme et le contenu impossible
à parcourir, Pat. Je pense que nous pouvons utiliser une
autre partie de ce son. Que vous soyez freelance, éditeur ou créateur de contenu, je vais utiliser
une autre partie pour
cette partie parce que je veux juste un peu de variété de sons et
maintenant quand l'événement commence Même si les effets secondaires sont
accablants, Before, d'accord ? Avant de
tout apprendre étape par étape. OK, super. Je vais donc
baisser celui-ci à moins dix, tous ces souhaits à
moins dix également. Je crée des
millions de vues. C'est ce que je vais
chercher le permis
pour Q et l'appliquer à
l'un des fichiers audio. Cliquez sur Modifier et améliorer la
voix. Pour voir la différence. Vous étiez sur le point de
débloquer le style
d'animation exact utilisé par Apple. Je vais copier
cet effet et le
coller sur d'autres parties vocales. Mmm. OK, donc je pense qu'en
termes de design sonore, nous pouvons rester simples comme ça. Et puis pourquoi ne pas y
aller puisque nous avons utilisé Epidemic
Sound la dernière fois, essayons de trouver une
chanson sur Pixel Bay. Et cherchons quelque
chose de minimalisme. C'est du minimalisme, mais je
ne sais pas si j'aime ça. Au fait, j'ai trouvé ce
créateur, Pika ce type. Je me suis même créé un
marque-page. musique incroyable.
Incroyable. Tu peux aussi y aller et le
trouver. Je crois que j'ai cherché
Marimba et que je l'ai trouvé. Alors allons-y, oui. J'aimerais utiliser quelque chose
comme Marimba de sa part. OK, même si c'est de la science-fiction effrayante,
je pense que nous pouvons utiliser certaines parties
de la chanson parce que c' est juste magnifique.
Alors, mettons-le dedans. OK, j'apprécie vraiment cette première partie,
alors mettons-la en ligne. Peut-être que je peux
descendre, au fait, je peux descendre et monter en
appuyant sur les touches Option et les flèches. Mettons-le donc
ici et voyons voir. Vous étiez sur le point de
débloquer exactement Je vais rompre le silence
au début. Comme une seconde
demi-seconde de silence. Vous êtes sur le point de découvrir le style d'animation
exact utilisé par Apple et les créateurs, qui ont
enregistré des millions de vues. Il ne s'agit pas simplement de motion design. C'est pour cela que j'aimerais
que cette transition
apparaisse ici. Ce sont des points de vue. Il ne s'agit pas simplement de motion design. C'est ce qui donne l'impression que les
marques sont haut de gamme et que le contenu est impossible
à parcourir, que vous
soyez indépendant,
rédacteur ou intérimaire Nous n'avons donc aucune
chanson ici, n'est-ce pas ? Je vais donc découper celui-ci vers le haut, déplacer vers le bas en appuyant sur option, et déplacer celui-ci vers la gauche. Et maintenant, connectez simplement ces deux. Vous êtes sur le point de débloquer le style
d'animation exact utilisé par Apple. Mm. Nous pourrons faire une transition plus tard. Nous pouvons donc recommencer de la
même manière que nous l'avons décidé, mais en faisant une
transition ici. Mmm, je n'aime pas la façon dont
ça se passe. Réglons-y en fin de compte. Maintenant, je veux utiliser ce
bit quelque part à la fin. Même si après un événement vous a semblé
bouleversant auparavant, vous apprendrez tout
étape par étape. Je ne suis pas sûre que cette
chanson fonctionne ici, mais je trouve que ces rythmes mettent vraiment en valeur les transitions
et semblent intéressants. Découvrons la
partie du milieu,
au début, désolée. Mm, laisse-moi essayer de
le faire comme ça. Voyons donc par où ça
commence, exactement. OK, donc tu as vu ce que j'ai fait. Je viens de trouver la pièce.
En gros, c'est comme une boucle au
début de la chanson. J'ai donc juste trouvé où
cela fait la transition, puis j'ai simplement placé cette fin de boucle
parce que c'est comme, disons, que c'est
comme, disons, un, deux, trois. Il s'agit de quatre boucles différentes, cette toute
première partie, parce que c'est comme si les mêmes touches étaient jouées
et que je pouvais juste les entendre. C'est ainsi que j'ai
pu obtenir cet effet. Il suffit de tout baisser moins dix. Vous êtes sur le point de débloquer le style d'animation
exact. Moins cinq et c'est ce
que je ferai moins dix. Je vais également créer une autre
transition ici. Juste par Apple et les créateurs qui ont
enregistré des millions de vues. Il ne s'agit pas simplement de motion design. C'est ce qui fait que
les marques se sentent
privilégiées et que le contenu est impossible
à parcourir. Que vous soyez freelance,
éditeur ou créateur de contenu, éditeur ou créateur de contenu, ce style donne à votre
travail l'impression qu'il vient tout droit de
Kubertino. Ne vous Même si les effets secondaires vous
semblaient accablants auparavant, vous apprenez tout
étape par étape. C'est en grande partie une question
de goût personnel. J'aime beaucoup la
façon dont les choses se passent. Je ne pense pas que la
chanson fonctionne le mieux avec le type
de vidéo que nous avons. Je pourrais changer cela
à l'avenir. Cependant, je pense que pour le moment, particulier, je suis vraiment
contente de la façon dont cela s'est passé. Vraiment, vraiment. Eh bien, je
pense que nous allons nous arrêter ici. Si vous avez des
questions, n'hésitez pas à me le faire savoir. Mais à part ça, je vous
verrai dans la prochaine vidéo.
29. Dernière étape !: Toutes nos félicitations.
Vous avez presque terminé le cours de conception d'interface utilisateur
After Effects pour Apple. Il ne vous reste que deux petites
étapes à suivre. Tout d'abord, passez à l'action. Comme l'a dit Kafuch, un voyage de 1 000 miles
commence par un seul pas Donc, si ce n'est pas déjà fait, faites le premier pas en
éditant votre première vidéo. Toutes les meilleures informations
du monde ne
signifient rien si vous n'agissez
pas en fonction de celles-ci, et même de petits pas mènent
à des résultats impressionnants. Enfin, si vous trouvez
ce programme utile, j'apprécierais vraiment que
vous preniez 60 secondes pour
vous laisser des commentaires honnêtes. Je vous en serais extrêmement
reconnaissante et vos commentaires aideront énormément des centaines de futurs étudiants à choisir
le programme qui leur convient le mieux Bien que ce
cours soit terminé, votre voyage ne fait que commencer. J'ai hâte de
vous voir modifier en ligne, alors assurez-vous de tenir
vos camarades et moi informés. N'oubliez pas que je suis là
pour votre réussite. Donc, si vous avez besoin de quoi que ce soit, n'
hésitez pas à nous contacter
dans la section QNs ci-dessous. Merci encore de
m'avoir choisi comme professeur, vous
souhaite bonne chance et j'ai
hâte de
vous voir dans les prochains cours.