Transcription
1. Introduction: [MUSIQUE] Bonjour, je m'appelle Derek
Mitchell et je suis graphiste et
je déteste PowerPoint. Au moins, j'avais l'habitude de trouver
quelques trucs et
astuces vraiment sympas qui m'
ont aidé à faire des diapositives
vraiment cool qui étaient pour mon entreprise et pour des transactions de plusieurs millions de dollars, et j'avais
pour trouver un moyen de le faire fonctionner
comme je le voulais. Je viens maintenant du monde du design
graphique où j'utilise Photoshop
, Illustrator et InDesign pour la plupart de mes projets de
design que je fais. J'ai dû travailler dans PowerPoint parce que
je devais le partager avec l'équipe et avec les vendeurs et tout le monde
devait pouvoir l'utiliser. Pendant ce temps,
j' ai appris quelques
conseils d'animation vraiment
sympas que je
veux partager avec vous,
qui, espérons-le, vous aideront à raconter votre histoire
soit pour une entreprise, peut-être quelqu'un embauche vous devez
faire une présentation PowerPoint, ou peut-être avoir besoin de faire votre
propre présentation commerciale, ou vous pouvez même l'utiliser
pour créer un portfolio. Si vous êtes graphiste, vous pouvez créer une diapositive, diapositives
animées, y
placer un projet sur lequel
vous avez travaillé, peut-être afficher certaines des photos que
vous avez réalisées et l' animer sur peut-être la marque, le logo que vous avez créé les polices et les couleurs
et beaucoup de choses cool. C'est l'un des
projets sur lesquels nous avons travaillé dans ce cours : comment
créer votre propre portefeuille, comme un
projet de portefeuille spécifique, à l'aide de PowerPoint, puis les compétences
que vous allez suivre en tirant des leçons qui
seront en mesure de traduire dans le monde réel
où vous pourrez
créer des diaporamas et des présentations
PowerPoint
pour d'autres entreprises. À qui s'adresse ce cours ?
Eh bien, surtout, c'est pour mes étudiants actuels en
graphisme qui utilisent Photoshop
et Illustrator. Mais si vous n'avez jamais utilisé
Photoshop ou Illustrator, vous n'avez pas besoin de suivre ces
programmes. Tout se
fera dans PowerPoint. Je vais vous montrer
une partie de mon flux de travail provenant de Photoshop
et Illustrator, mais je vais fournir
tous les éléments sous forme JPEG et de PNG afin que vous n'ayez même pas à ouvrir
ces applications. Si vous voulez suivre le cours, nous vous donnerons tous
les fichiers du projet, et ce
sera une tonne de plaisir. Si vous êtes
étudiant en design graphique et que vous souhaitez apprendre à améliorer ces compétences pour créer des diapositives
PowerPoint étonnantes pour vos clients, ce cours est fait pour vous. Si vous êtes déjà dans le monde des ventes et que vous
devez trouver un moyen de faire ressortir votre
présentation PowerPoint afin que les personnes qui regardent vos présentations
ne s'ennuient pas, c'est aussi le cours qu'il vous faut. Encore une fois, je m'appelle
Derek Mitchell. J'ai plus de 20
ans d'expérience en tant que graphiste
et développeur web, et j'ai plus de 150 000 étudiants au moment
de cet enregistrement, et j'aimerais que vous deveniez l'
un de ces les étudiants également. Nous allons nous amuser
beaucoup et j'ai hâte de plonger, alors commençons.
2. Transitions Morph: Dans cette leçon, nous allons y
entrer directement. Je vais vous montrer la
partie la plus cool de ce cours. À partir de là, ça va
être très amusant. Ce que nous allons faire, c'est que
nous allons
apprendre à créer transitions entre des diapositives
ressemblant à ceci. Nous allons introduire
différents éléments ,
puis les animer de
manière à ce
qu'ils arrivent de tous les côtés
de l'écran ici. Il s'agit d'une transition très fluide. Cela va nous aider à
construire nos présentations manière
à
raconter des histoires et à guider le spectateur
tout au long de votre présentation. Pour cet exercice spécifique, ce que nous allons faire,
c'est ici que nous nous dirigeons. Nous allons commencer un tout
nouveau document PowerPoint. Si vous n'avez rien à travailler et que vous
voulez simplement suivre. J'ai déjà créé dans
cette leçon un dossier, tous les actifs dont vous avez besoin. Voici un tas de graphismes
différents et de choses avec lesquelles nous
travaillerons pour créer cela. Allons de l'avant et plongeons
. Ce que nous allons faire, c'est entrer dans PowerPoint. Je vais faire une toute
nouvelle présentation vierge. Vous verrez probablement
quelque chose de semblable. Vos dossiers récents
auront évidemment un aspect différent, mais tout ce que nous voulons, c'est une présentation blanche
vanille. Lorsque vous ouvrez PowerPoint, vous verrez quelque chose comme celui-ci. Je suis sûr que vous le
connaissez bien. Ce que nous allons faire, c'est que vous
pouvez simplement cliquer dessus et supprimer ces zones de texte
si elles vous dérangent. Je le fais toujours ou en apparaissant l'onglet Accueil sous la mise en page, vous aurez quelques diapositives principales
par défaut différentes qui sont intégrées et vous cliquez
simplement sur la diapositive vide ici. et tout
ça disparaît. C'est ainsi que nous allons
commencer. La prochaine chose que je ferais, c'est sauver. C'est tellement facile lorsque vous commencez à
créer vos présentations, à oublier de sauvegarder, après avoir utilisé Office
365 ou OneDrive. Il sera automatiquement sauvegardé au fur et à mesure. Si vous économisez
sur votre ordinateur, vous devez vous
rappeler de l'enregistrer au fur et à mesure. Ce que je vais
faire, c'est aller dans Fichier, descendre à Enregistrer. Je vais appeler ça
juste une présentation, je veux la coller dans
notre dossier de leçon 1. Au fur et à mesure que je passe par là, vous pourrez voir
le résultat final ici. Je vais cliquer sur Enregistrer. Maintenant que je sais que je passe
par ce processus, je peux économiser et savoir
que je ne perdrai rien pendant le processus. La prochaine chose que je fais
habituellement est deux choses. Premièrement, je vais
changer le contexte. Je vais
cliquer dessus avec le bouton droit de la souris et accéder à Format d'arrière-plan. Ici, nous avons un remplissage solide. Je vais juste
changer la couleur du blanc à un gris foncé. Ensuite, la prochaine
chose que je vais faire, et c'est le pain magique et beurre derrière
tout cet effet, c'est que je vais y ajouter
une transition. Dans ces onglets, nous
avons l'onglet Transitions. Je clique dessus
et je vais
ajouter une transition de morph. Ce que fait morph, c'est qu'il
prend tout ce qu'il voit sur un écran et qu'il applique les changements
entre les deux écrans. Permettez-moi d'ouvrir à
nouveau
cet autre fichier exemple pour que vous puissiez voir
exactement où nous allons. Je vais ouvrir ça
et vous pouvez voir sur la diapositive 1, on dirait
qu'il
n'y a rien ici. J'ai cette petite icône d'
étoile à côté, qui me dit qu'
il y a une transition appliquée et que c'est la transition
Morph. Ensuite, voici la diapositive 2. Eh bien, ça ne fonctionne pas seulement comme ça. Ce que nous devons faire, je vais
faire un zoom arrière un peu. Ce que vous remarquerez,
c'est que tous mes actifs pour la deuxième diapositive sont présents
sur cette première diapositive, ils sont juste hors du Canevas. Ce qui se passe, c'est qu'avec la transition
Morph appliquée, PowerPoint va
examiner
les différences entre ces deux diapositives
et les animer ensemble. C'est vraiment simple. En fait, c'est très amusant et produit
des résultats très professionnels très rapidement et très facilement. Allons de l'avant et réduisons à nouveau
cet exemple de fichier. Nous allons simplement recréer ce fichier. Je vais le faire
sauter dans la fenêtre de ma recherche et prendre quelques ressources et
commencer à les amener. Allons-y,
et tout cela est basé
sur une maquette que j'ai faite de ce sweat à capuche pour cette
marque que j'ai construite. Je suppose que je devrais mentionner
cette marque si vous voulez en savoir plus sur la façon dont j'ai fait
cela, des liens sont fournis. Je diffuse en direct sur behance.net
et j'ai montré comment j'ai construit cette marque, puis
j'ai également construit certains de ces logos dans mon cours
de création de
logo présenté sur Skillshare. Consultez les liens ci-dessous pour plus d'informations si
vous souhaitez connaître le processus exact
pour arriver ici. Mais pour l'instant, ce que nous allons
faire, c'est utiliser ces actifs pour développer cette marque et se
développer comme une
présentation commerciale pour elle. Allons-y et nous
allons revoir ça. Nous avons cette
forme violette en arrière-plan. Nous avons notre principal élément à capuche. Nous avons une ombre portée, puis nous avons
ce logo fantôme en arrière-plan
comme élément de conception. Ce sont les pièces avec
lesquelles nous allons travailler. Commençons juste à
apporter ça. Ce que je vais faire, c'est aller de l'avant et amener cet élément de fond ici. Je vais simplement faire
glisser et déposer depuis la fenêtre de mon Finder directement
dans PowerPoint. C'est une façon de travailler. Si
cela ne fonctionne pas pour vous, je vais supprimer cela. Montez ici dans l'onglet Insertion, et descendez ici pour voir les photos. Vous allez à l'image à partir d'un fichier. Nous pouvons également récupérer ce même
fichier de cette façon. Il y a beaucoup de façons de travailler. Comme dans n'importe quel
logiciel, il
existe de nombreuses façons de faire
la même chose. Maintenant que je l'ai ici, ce que je
vais faire, c'est tout ce que je voulais faire,
c'est de le faire ici. Je veux que le logo soit
séparé. Vous remarquerez ses antécédents,
ils sont recadrés. Mais je veux pouvoir
animer ce logo séparément. J'ai fourni le
PNG pour vous ici, le fichier logo, et j'ai juste besoin d'un arrière-plan solide
pour travailler. Je vais aller de l'avant
et cliquer à nouveau avec le bouton droit de la souris
sur cet arrière-plan. Retournez à Format d'arrière-plan. Sur cette couleur, je
vais faire une liste déroulante. Au lieu de choisir une couleur de thème
automatique, je vais passer
jusqu'ici à Plus de couleurs. Nous allons cliquer là-dessus. Ensuite, je vais prendre le
petit outil pipette. Maintenant, si vous êtes sur un PC,
cela peut sembler un peu différent pour être
totalement honnête, je ne suis pas sûr de savoir à quoi ressemblera l'interface
, mais j'espère que vous pourrez
arriver là où vous pourrez
échantillonner cette couleur. en cliquant dessus avec cet outil
pipette, en cliquant sur OK. Votre arrière-plan
va maintenant correspondre à cette couleur. Ensuite, ce que je peux
faire, c'est simplement supprimer cette image parce que je
voulais juste l'intégrer comme un moyen d'échantillonner cette
couleur rapidement et facilement à l'intérieur de PowerPoint. Nous avons notre ensemble de calques
de base d'arrière-plan. Maintenant, allons attraper ce logo. Je vais simplement cliquer
et faire glisser et déposer ici. Encore une fois, si
cela ne fonctionne pas pour vous, vous pouvez utiliser ce menu Insertion. Je vais énormément augmenter ça. C'est juste un élément décoratif. Il suffit de construire cette
toboggan au fur et à mesure. N'oubliez pas de sauvegarder l'accès Command S sur un Mac ou
Control S sur un PC. Maintenant que j'ai
cette photo ici, je veux qu'elle corresponde un peu mieux à ce
fond. Permettez-moi de le
ramener ici pour que je puisse voir exactement quelle est la couleur. C'est définitivement fantôme, alors nous allons cliquer sur
ce logo ici. Je vais passer ici dans l'onglet Format de l'image sous
l'onglet Image, ici
sous Transparence de l'image. On va juste récurer
ça un peu. Maintenant, ce n'est pas parfait car
j'ai apporté ce logo lorsque j'exporte ce logo pour
vous, ce fichier de logo, il est en fait noir par rapport façon dont il a été
conçu à l'origine dans Photoshop, nous pouvons le rendre exact, mais pour l'instant, je
veux juste m'en approcher pour
que les choses
avancent ici dans ce cours. Ça a l'air assez proche.
Je vais aller de l'avant et supprimer à nouveau cet échantillon. J'ai le fichier logo en
haut de l'arrière-plan. J'espère que vous
suivez et que ça se passe bien vous n'oubliez pas d'économiser
au fur et à mesure. Revenons en arrière et continuons à
apporter plus d'actifs. La prochaine chose
que je veux apporter
est le fichier à capuche, hoodie.png. Apportez ça. Nous allons prendre ce fichier triangle violet, et nous allons
récupérer le fichier d'ombre. Prenons ce triangle violet. Nous allons redescendre jusqu'
au coin de la rue. Adaptez-le à l'ajustement et c'est correct si cela
dépasse un peu, mais quand vous le souhaitez, utilisez votre
licence créative, rapprochez-la. Cela n'a pas vraiment d'importance. Nous avons cette ombre ici. Maintenant, vous risquez de rencontrer
quelques choses ici. Vous remarquerez que ce sweat à capuche
est derrière ce triangle. Si je clique sur le sweat à capuche,
je suis un grand fan des raccourcis. Je vais continuer à
vous dire des raccourcis au fur et à mesure. J'espère que d'ici la fin de cela, je serai en mesure de créer un
petit raccourci PDF pour vous. Mais pour l'instant, je
vais toucher Command, Shift et F, pour mettre tout
cela au premier plan. Sur un PC, il
devrait s'agir de Control Shift F. Cela va
apparaître dans la pile de couches. Vous verrez également qu'ici,
sous l'onglet Format de l'image, nous avons fait avancer
ou mettre en avant, ou envoyer en arrière
ou renvoyer à l'arrière. Vous pouvez cliquer sur ces boutons
pour organiser ces objets. Il se trouve juste que je sais que Maj de
Commande F va se
mettre à l'avant et Maj de
Commande B
l'enverra tout le chemin vers l'arrière. J'utilise ces raccourcis
tout le temps. Maintenant, ce n'est pas
tout à l'arrière. Vous remarquerez que l'
ombre portée est juste ici. Maintenant, si je clique sur Command
Shift à ce sujet, voyez maintenant que les choses sont toutes
foirées ici et je ne peux pas sélectionner à nouveau
ce sweat à capuche, donc je pourrais cliquer sur chaque
élément Command Shift B pour planquer tout
cela. jusqu'à l'arrière. Prenez le sweat
à capuche devant. Mais vous risquez de rencontrer
des problèmes où vous avez du mal à superposer
ces choses. Ce que nous allons faire, c'est que
nous allons revenir
ici dans l'onglet Accueil. Ensuite, vous devriez voir
cette petite boîte
déroulante arranger boîte
déroulante arranger cliquer dessus et descendre
jusqu'au volet de
sélection. Cliquez dessus. Vous allez maintenant voir tous
ces différents atouts. Vous pouvez cliquer sur un petit globe oculaire pour activer et désactiver ces calques. Cela va
vous aider. Vous pouvez glisser-déposer
et réorganiser les choses. En cliquant sur cette photo 12, je peux simplement renommer
ce sweat à capuche. Cela vous permettra de voir
plus facilement avec
quoi vous travaillez. C'est notre ombre. C'est quoi, c'est effrayant ici ? C'est notre triangle. C'est le dernier qui
doit être le logo. Maintenant, je peux voir exactement quelle couche ou ces
actifs se trouvent en ce moment. Avec le logo en bas,
nous voulons le triangle ensuite, nous voulons le sweat à capuche
au-dessus de l'ombre. Laissez-moi baisser notre ombre. Mais quand je le fais maintenant
parce que je l'ai sélectionné ici, je peux cliquer et
faire glisser le curseur pour le sélectionner. Mais dès que je fais ça,
il s'empare du sweat à capuche. Ce que je veux faire, c'est d'
éteindre le sweat à capuche, attraper cette couche,
puis de le faire glisser bas, de remettre le sweat à capuche. J'espère que cela vous aidera lorsque vous essayez de saisir différentes pièces, alors que vous commencez à faire du gâchis sur votre diapositive et à
saisir les différentes
pièces que vous voulez. Je suis plutôt content de cela
pour ce premier échantillon. C'est exactement ce
que je veux que ça ressemble. Nous voulons maintenant l'animer. Très amusant et si simple. Encore une fois, pour que cela fonctionne, la clé magique ici est de faire évoluer votre
transition. Concevez votre diapositive
exactement comme vous voulez qu'elle
se termine, faites-le, ajoutez du morphing. Maintenant, ce que nous allons faire,
c'est dupliquer la diapositive. J'aime utiliser le raccourci
Commande D pour dupliquer, devrait être Control D sur un PC. Vous pouvez également cliquer avec le bouton droit de la souris
et dupliquer la
diapositive et vous
verrez les raccourcis à
côté de celle-ci ici. Nous allons
dupliquer cette diapositive. Maintenant, ce que nous allons faire,
c'est de travailler en arrière. Il s'agit de la diapositive copiée, mais nous voulons
commencer par ce vide. La meilleure façon de
travailler maintenant, nous avons ces deux diapositives
identiques. Ils ont tous deux
appliqué la transition
morph parce que nous avons
dupliqué cette diapositive qui dupliquait
tout, y compris toutes les animations que nous y avons
appliquées ou les transitions. Sur cette première diapositive,
je vais
descendre ici et je vais
juste effectuer un
zoom arrière pour voir plus de ma
toile autour de la diapositive. Maintenant, je vais
commencer à bouger les choses. En pensant à l'envers, d'
où est-ce que je veux que cela vienne et où
je veux qu'il finisse ? Je veux que mon sweat à capuche
descende par le haut. Encore une fois, je suis sur la première diapositive
et non sur la deuxième diapositive. Sur la première diapositive,
je vais
tout déplacer de Canvas, donc
je vais remonter le sweat à capuche. Je vais saisir l'
ombre et la déplacer vers le bas. vous éloignez quelque chose, plus il doit aller loin, ce qui rendra l'animation
plus rapide ou lente. Maintenant, nous pouvons également modifier la
durée ici. Nous sommes en transition,
sous forme de morphing. Ici, nous avons la transition à la
durée de la diapositive. On peut aussi s'en mêler pour
accélérer les choses. Mais encore une fois, plus il doit se déplacer loin
de
la toile, plus vite il aura l'
air d'aller. Je vais saisir
ce triangle, je veux qu'il
glisse par la droite. Il va commencer par
la droite. Ensuite, quand elle arrive à
la deuxième diapositive, elle va glisser de cette façon. Dans le logo, nous allons le faire
glisser vers la gauche. En gros, tout ce que j'ai fait était de
prendre toutes mes pièces et les
faire sauter de la toile. C'est la première diapositive.
Maintenant, la deuxième diapositive, tout est exactement
là où je veux qu'elle aille. Maintenant, ce devrait être tout ce
dont nous avons besoin pour aller de l'avant
et faire en sorte que cela fonctionne. Je vais
venir ici et cliquer
sur cette vue de lecture. J'aime bien ça. Il y a la vue diaporama. Si je clique dessus, il
reprendra tout mon écran. Ensuite, vous pouvez voir
la présentation ou cette vue de lecture,
elle s'ouvrira
comme une petite vue de lecture ici. Lorsque vous avez terminé, vous
pouvez cliquer sur « Évasion ». Lorsque vous avez fini de
vérifier votre présentation. Nous avons ceci ici. Je
vais toucher la barre d'espace. Il devrait passer de la diapositive
1 à la deuxième diapositive,
placer ces animations entre les deux . C'est ça. C'est à peu près
la sauce magique. Nous allons utiliser cela
pour tout ce que nous construisons dans ce cours
assez largement. C'est le processus d'
obtention de cette configuration. C'est une tonne de plaisir et comme
vous voyez le processus ici, c'est assez simple à faire. Maintenant, la prochaine chose
que je veux souligner, est d'aller de l'avant et d'en faire un
peu plus dans cette présentation, j'allais le faire
avant pour vous montrer quelque chose. J'étais comme bien,
passons ensemble et vous pouvez voir comment je
continuerais ce processus. Ce que je vais faire, c'est
que je vais appuyer à nouveau sur « Commande D » pour dupliquer
cette diapositive. Je veux vous montrer la
différence entre JPEG et PNG et pourquoi il est si important que vous
construisez ces fichiers, vous voulez utiliser un fichier PNG. Je vais le faire, c'est que je
vais faire glisser ça. Puis-je cliquer sur les deux,
je ne peux pas faire le sweat à capuche et le calque d'ombre et
le volet de sélection. Encore une fois, si vous ne voyez pas
le volet de sélection, s'il vous cache, vous pouvez venir ici pour
le faire pour organiser, jusqu'
au volet de sélection. Je vais déplacer
cette couche ici. Ensuite, j'ai déjà exporté une version JPEG de cela
pour que vous puissiez jouer avec. Je vais venir
ici pour hoodie_white_bg. Notez que celui-ci
est un fichier JPEG,
il y a donc un fichier .jpg et celui que nous avons utilisé
avant was.PNG. PNG est un graphique
réseau portable qui prend en charge ce que nous
appelons la transparence alpha. Tous les bords que vous pouvez
avoir découpés en gros. Votre dossier, vous pouvez
voir ce qu'il y a en dessous. Avec un JPEG, les JPEG ne
prennent pas en charge la transparence Alpha, de sorte que
tout ce qui devrait être
transparent
est simplement aplati sur un fond
blanc. Nous allons faire glisser et déposer cette image
ici, la mettre à l'échelle. Vous remarquerez encore
ce fond blanc. Mon Dieu, ça donne juste l'
air terrible, n'est-ce pas ? Il l'apporte avec elle. Je vais faire évoluer
ça ici. Disons que je voulais animer la différence entre
un JPEG et un PNG. Ajoutons quelques
autres éléments ici. Prenons notre zone de texte. Nous appellerons celui-ci un JPEG. Nous allons juste
changer rapidement la couleur ici. Peut-être que c'est une touche plus grande. Allons-y et centrons ça. Apportez-le en dessous. Maintenant, je vais le copier
Commande C à copier, Commande V à coller. Je vais faire glisser ça ici et
nous appellerons celui-ci un PNG. Cool. Disons maintenant que je
voulais faire de cela une animation ici pour vous
montrer une différence. Eh bien, voyons à quoi ça ressemble. Nous l'avons déjà fait lorsque nous avons
dupliqué cette diapositive, cette transition de morph
est venue avec elle. Allons de l'avant et faisons cette vue de
lecture très rapidement. Si je frappe la barre d'espace, le sweat à capuche et l'ombre
apparaissent et le texte PNG, JPEG dans ce sweat à capuche, c'était un JPEG qui vient de s'estomper. Ils ne s'animent pas réellement
et la raison pour laquelle, je suppose qu'une transition de fondu est
techniquement une animation, mais elles ne glissent pas comme
vous le souhaitez. Voici pourquoi. N'oublions pas d'épargner. Fichier, enregistrez. L'instance de ce graphique
se trouve uniquement sur cette diapositive. Si nous passons à la
diapositive précédemment, elle ne vit nulle part ici. Ce sweat à capuche se trouve tous les deux
sur cette diapositive deux. Si je saute pour glisser trois, c'est par ici. C'est
au même endroit. Vous pouvez voir ici
dans mon volet de sélection, c'est ce qu'on appelle la même
chose. C'est également la clé. Ils doivent être appelés exactement
la même chose. Si les noms changent,
il sera cassé. Allons les animer. Une façon simple de le
faire, je vais cliquer dessus, cliquer dessus, copier la commande C,
revenir à la diapositive deux et
appuyer
sur Commande V pour coller. Techniquement, ils se trouvent
dans les deux endroits, mais nous ne voulons pas qu'il
soit déjà là. Nous voulons déplacer ce
type sur le côté. Peut-être que nous déplaçons le mot JPEG vers le bas et peut-être le
mot PNG vers le bas. Maintenant, lorsque cette diapositive est active, vous ne verrez que ce qu'il y a à l'intérieur de cette toile
ici sur la diapositive. Ensuite, ces actifs
attendent
de côté ici pour
se glisser sur ce prochain. Encore une fois, assurez-vous que la transition de morph est
appliquée aux trois diapositives. Revenons
dans cette vue de lecture, j'ai frappé la barre d'espace et maintenant nous pouvons
voir cette animation fluide.
3. Aperçu de l'étude de cas réel: Nous allons jeter
un coup d'œil à une véritable présentation que j'ai faite. J'ai sorti beaucoup d' informations sensibles
que je ne peux pas vous montrer. Mais c'est basé sur
une véritable présentation qui portait sur un accord de
plusieurs millions de dollars. Je veux vous montrer
la première partie de ces graphismes et la fin
de la présentation. C'est juste pour vous montrer
comment j'ai construit ça. Ensuite, lorsque nous ajoutons nouvelles informations et données
pour les arguments de vente, nous ajoutons ces informations
entre les deux. Très vite ici,
vous pouvez voir
maintenant que je n'ai que six diapositives. C'est pour The Third Bull & Co. qui est une entreprise pour laquelle je travaille
réellement. Dans cet exemple de
présentation de lecteur ici, la diapositive commence par notre logo. En général, nous aurons également
le logo des personnes que nous
présentons ici. Au fur et à mesure que vous
progressez dans les diapositives, nous avons des animations vraiment
simples avec une transition de morph qui nous
amène un
peu à ce que nous sommes. Puis, à la fin de la présentation et
après tout le reste, et encore une fois, j'ai dû extraire
certains de ces détails, cela se termine par cette
diapositive, puis passe
ici pour les dernières questions
après le présentation. Ce que je veux vous montrer, c'est simplement déconstruire la façon dont cela est fait. Si vous avez suivi, vous savez que
tout
cela provient en fait de
la transition Morph. Regardons
cela très rapidement et
explorons les différentes pièces. Sur cette première diapositive, nous avons
une image fantôme du logo. Cette diapositive a été
conçue dans Photoshop et vient d'être exportée en
tant
qu'image JPEG et cette image JPEG était juste
définie pour l'arrière-plan. trucs super basiques. Nous avons copié et collé dans la version
PNG du logo. Ensuite, sur la diapositive suivante, vous verrez que
les pièces cette diapositive suivante
vivent déjà ici en bas. Vous avez ce
taureau, puis nous
avons tous les différents
morceaux de texte. Allons défaire ça ici. Tout est prêt à animer
vers la diapositive suivante. Encore une fois, en ce moment, si nous revenons à la
maison sur cet onglet d'accueil, sortez pour arranger et
descendez dans le volet de sélection. Vous pouvez voir tous ces
différents éléments. En fait, je n'ai pas pris
le temps de les renommer. Mais vous voulez vous assurer, encore une fois, entre les transitions de
morphage, que toutes vos pièces portent le même nom
entre les deux diapositives, sinon elles ne s'
animeront pas correctement. Ici, nous mettons simplement
ces couches en place et là où nous voulons qu'elles
finissent après la transition. Ensuite, pour la prochaine
diapositive, nous avons ceci. Que se passe-t-il ici si je
déplace ça ? Vous pouvez voir que tout le petit texte vient de se rétrécir
derrière ce type. Permettez-moi de zoomer un peu
pour que nous puissions mieux voir cela. Ce graphique circulaire que j'ai téléchargé
depuis Envato Elements. J'adore utiliser Envato Elements. Je ne gagne pas d'argent pour vous
dire d'utiliser ça. Je pourrais être affilié,
mais j'y crois simplement. En fait, je me suis abonné à Envato Elements et je
l'utilise pour toutes choses. Vous pouvez rechercher
tout, de la vidéo de stock aux photos,
graphiques et modèles vidéo et même aux thèmes WordPress,
tous des trucs incroyables. Je l'utilise tous les
jours dans mon travail de conception. Si vous recherchez une présentation et faites défiler vers le bas, vous pouvez voir des modèles de
présentation. Je peux cliquer
ici sur « Voir plus ». Vous êtes peut-être à la recherche
de quelque chose de spécifique. Vous pouvez effectuer une recherche par couleur. Vous pouvez rechercher
s'il s'agit d'un Keynote PowerPoint
ou de Google Slide. Il suffit de passer par ici et voir si
quelque chose vous convient. C'est ce que j'ai fait. Je travaillais très
rapidement et j'avais besoin d'un graphique circulaire, comme celui-ci. Pour être honnête, je ne
me souviens pas où je l'ai trouvé, mais je l'ai trouvé ici, et j'ai téléchargé cet
actif et je l'ai apporté. Le voilà, ici sur mon toboggan. C'est comme ça que j'ai fait
ça. Ensuite, ce ne
sont que des zones de texte ordinaires, comme cela
se trouve au-dessus de ce graphique. Voici sa photo 19. Revenons ici, là où se trouve l'
image 19, c'
est ici en haut. On dirait que j'ai peut-être commis une erreur en ce qui concerne
le nom de cela. Mais ce graphique est en fait
sur la diapositive 4, il est transparent et il est juste un peu
tourné. Je clique simplement sur le
graphique et je l'ai
fait pivoter un peu de cette façon. Prenons un aperçu très
rapidement et voyons à quoi cela ressemble. J'ai frappé « Spacebar ». Le
graphique était déjà présent, à
peine 0% de transparence. Ensuite, au fur et à mesure qu'
il s'anime
dans la diapositive suivante, il passe à 100 %
ou complètement opaque, et il tourne un tout petit peu. Je vais appuyer sur la
« flèche gauche » pour revenir en arrière, appuyer sur la « flèche droite »
pour aller de l'avant. Vous pouvez voir comment il
fait tourner ce cercle. La prochaine étape pour
la diapositive suivante. Si je clique sur « Barre d'espace » pour
passer à la diapositive suivante, vous voyez comment elle tourne vers l'extérieur. Revenons ici. Sur cette diapositive, elle est
assise comme ceci et sur la diapositive suivante, je le déplace en cliquant ici, vous pouvez
voir qu'elle est transparente. Si je clique dessus avec le bouton droit de la souris, je peux passer à
« Format de l'image ». Mon
onglet « Format de l'image » s'ouvre ici. Ici, à droite,
cliquons sur « Transparence des images ». C'est à l'envers si vous venez
du monde de Photoshop, 100% serait généralement là où vous pouvez le voir et zéro serait totalement transparent, mais c'est le contraire
chez Microsoft. Je l'ai réglé sur
100 pour cent transparent sur cette diapositive et la
diapositive avant elle. Revenez ici, vous
pouvez voir qu'il est réglé à zéro. C'est juste animer d'ici à la diapositive suivante et faire pivoter un peu, c'est comme ça que
j'obtiens cet effet. Des trucs très basiques. Laissez-moi défaire une partie de
ça ici pour ne pas gâcher la diapositive. Si je fais un zoom arrière, vous pouvez voir que
j'ai les pièces
ici prêtes à animer
dans cette diapositive. C'est à peu près
tout pour cette vidéo. C'est ainsi que cette
présentation a été créée. Dans la vidéo suivante, je vais
aller un peu plus loin et vous montrer quelques
trucs et astuces pour savoir comment j'ai réellement apporté
ces ressources spécifiques.
4. Animer un logo: Dans cette vidéo, je
vais vous
montrer exactement comment j' ai
réalisé cette diapositive et
comment j'ai apporté
ces ressources à l'aide d'
Adobe Illustrator. En tant que designer,
j' utilise presque toujours
Illustrator pour tout. Je me rends compte que si vous
suivez ce cours, uniquement pour PowerPoint, vous n'avez peut-être pas
accès à Illustrator, mais vous pouvez effectuer une technique très
similaire dans d'autres applications comme Canva ou il y en
a quelques autres, mais ce n'est que mon flux de travail et j'espère que
cela vous aidera à obtenir des idées sur les façons créer quelque
chose de similaire. Donc, ce que je vais
faire si vous voulez suivre et que vous avez Illustrator et si vous
ne le faites pas, un petit rappel, vous pouvez en fait sauter dans, si nous ouvrons une nouvelle fenêtre ici, adobe.com et lire au sommet
de la créativité et du design. Ici, nous avons Illustrator. Vous pouvez, si vous vouliez
faire un essai gratuit d' Illustrator et voir si vous l'aimez et voir
si c'est quelque chose que
vous voulez suivre. Mais bien au-delà du champ
d'application de cette classe spécifique. Nous allons donc y plonger si vous voulez suivre. Je vais
ouvrir ce graphique T3B ici dans les fichiers de leçon. C'est ce que vous allez
voir maintenant, c'est un graphique que j'ai fait pour un stand de foires commerciales. Ce graphique spécifique a été imprimé huit pieds de
haut et environ, j'ai l'impression qu'il faisait dix pieds de large ou
quelque chose comme ça. Nous avons donc ce bol
et tout est regroupé et il y
a un masque sur le dessus. C'est un
peu avancé. Je vais cliquer avec le bouton droit de la souris. Je vais libérer
ce masque de détourage. Maintenant, ce petit carré
transparent qui
cachait tout ce qui est
passé au-delà, est tout libéré. J'utilise l'outil de sélection, utilise la lettre V pour mon
raccourci et Illustrator. J'ai tout ici et
il reste encore ensemble. Donc, ce que nous allons faire, c'est que
nous allons nous opposer. Nous allons tout
dissocier. Le raccourci
est Maj Command G sur Mac ou Maj
Control G sur un PC. Maintenant, je peux cliquer
ici et maintenant je peux saisir chaque pièce. Qu'est-ce qui est vraiment cool là-dedans ? Allons de l'avant et revenons rapidement
dans PowerPoint. Je vais aller de l'avant
et repartir de zéro. Allons faire une
nouvelle présentation. Nous allons simplement faire une nouvelle présentation
vierge. Descendez à la mise en page,
passez à vide. Aller aux transitions
fera qu'il se transforme. Je m'envole ici
parce que j'espère que vous avez déjà suivi les autres
leçons et c'est que
nous avons déjà passé
par ici avant. Allons de l'avant et rendons la couleur
d'arrière-plan noire. Nous avons donc une toute
nouvelle présentation. Nous sommes prêts à faire du rock
et ce que je veux vous
montrer, c'est que dans Illustrator, je peux cliquer droit sur cette ressource. Je peux le copier avec mon
raccourci Commande C sur Mac, contrôler C sur un PC. Nous allons revenir
dans PowerPoint et je vais juste coller
ça là-dedans. Je n'ai même pas eu
à exporter quoi que ce soit. Je n'ai pas eu à
essayer de l'enregistrer format PNG ou à faire quelque chose de
chic comme ça et si je reviens à
ma couleur d'arrière-plan et que je l'ai changée pour
une couleur différente, vous pouvez vite voir
qu'elle est effectivement transparent et c'est exactement comme
je le voulais. Je vais cliquer avec le bouton droit de la souris
sur cet arrière-plan. Allons ici à la couleur, refaisons ce noir.
Maintenant, je l'ai ici. Allons-y et apportons aussi
les autres pièces. Je vais donc
revenir dans l'Illustrator. Le but de cette vidéo, c'est
que je voulais vous
montrer mon flux de travail. Ce n'est pas forcément
suivre. Vous êtes les bienvenus pour prendre les pièces, jouer avec et
essayer. Nous allons passer un
peu plus vite à travers ça. Prenons donc le troisième texte. Je vais donc simplement cliquer
dessus avec mon outil de sélection. Revenez sur PowerPoint. En ce moment, j'essaie juste d'obtenir toutes les pièces ici. Je vais un peu vite. J'espère que c'est assez rapide pour ici. Si je vais trop vite, n'oubliez pas que c'est une vidéo. Vous pouvez le mettre en pause, le
regarder à nouveau, le rembobiner, tout ce que vous devez
faire au cas où vous vous
perdez et si
vous avez des questions, n'hésitez pas à entrer dans le
chat ci-dessous, faites-le moi savoir. En attendant,
allons-y et
continuons ici et récupérons tous
ces morceaux ici. Je retourne donc dans
Illustrator en copiant ça, puis en le collant directement dans PowerPoint, des trucs
super cool. Pour être tout à fait honnête, je ne sais pas si
cela fonctionne sur un PC. J'espère vraiment que c'est le cas pour
vous, car je ferais un énorme gain de temps si cela ne fonctionne
pas pour vous sur un PC, mais vous utilisez Illustrator, vous pouvez toujours saisir chacun de ces actifs et
les exporter. séparément. Le moyen le plus rapide que j'ai
trouvé pour le faire est que nous avons cette petite
fenêtre d'exportation d'actifs ici. Si vous ne voyez pas
cela, venez ici à la fenêtre et il y
aurait une exportation d'actifs. Vous pouvez saisir
chacune de ces pièces
et les déposer ici, peut-être lui donner un nouveau nom. Je devrais le faire juste pour
le garder propre. Mettons chaque pièce ici
et on le nomme très vite. Je m'excuse si vous n'
avez pas Illustrator et que
vous êtes comme le mien, je suis juste venu ici pour
apprendre PowerPoint. J'espère que cela vous
donnera des idées sur les façons dont vous pourrez travailler à l'avenir si jamais vous y revenez. Nous allons donc essayer de le rendre bref car
il ne s'agit pas techniquement d'un cours
Illustrator. Allons appeler ça. Nous appellerons cette icône de bol. Donc maintenant, j'ai tous ces
éléments dans l'Export d'actifs et je peux
cliquer sur tous ces éléments, puis ici, je
peux choisir mes paramètres. Ainsi, en fonction de la
taille de votre graphique, vous pouvez réellement
les redimensionner quatre fois ou exactement la même
taille ou le doubler. Il s'agit d'un affichage assez
Retina si vous faites de la conception Web
et que vous voulez un actif à la fois à l'échelle d'origine
et peut-être à deux x. C'est ainsi que vous utiliseriez cela. Mais je vais aller de
l'avant et sortir cette deuxième exportation dont j'avais juste besoin
sur un axe, tout à fait très bien. Je veux que ce soit un PNG, donc
tout est transparent. Ensuite, je vais cliquer sur
cette petite fenêtre en bas, attendre tous ces
goodies sélectionnés. Refaisons-le très vite. Donc, si je clique sur cette option
Exporter pour les écrans, vous pouvez voir quelques détails supplémentaires. Nous pouvons lui dire où nous
voulons exporter tous ces éléments. Je vais donc cliquer sur ce dossier. Je vais venir
ici et je vais les exporter tous
ici aussi. Ainsi, si vous
n'avez pas Illustrator, vous pouvez également les
suivre. Utilisons ce dossier. Je clique sur Exporter l'actif et
voyons ce qui se passe. devrait aller assez vite, c'est en train de le construire. Donc maintenant, nous avons tous ces graphiques en PNG
transparents que graphiques en PNG
transparents que si vous voulez jouer avec, vous pouvez totalement sans
avoir à avoir Illustrator. Parfait. Laissez-moi prendre
toutes ces pièces. Je vais revenir
dans PowerPoint et ils sont partout
et honnêtement, je ne sais pas vraiment comment
les amener à avoir la taille exacte. Donc ce que nous allons faire, en ne sachant pas vraiment
ce que je veux dire, c'est que je ne me souviens pas vraiment sans
regarder exactement quelle
taille ils étaient. Je vais donc
vous montrer une autre façon travailler. Je vais
revenir ici. J'aime utiliser un raccourci Command
Shift, puis le numéro 4. Permettez-moi de faire
un petit croisement ici que je peux cliquer et faire glisser. Est-ce que j'ai touché la clé de la barre d'espace ? Et je déplace ça là
où je
veux qu'il aille tout ce temps que j'
ai maintenu la
touche de la souris enfoncée. Je n'ai pas encore lâché prise. Maintenant, je maintiens toujours la souris
enfoncée. Je vois que ce
petit point d'ancrage apparaît et
j'ai ces
coordonnées x y , mais rien
de tout cela n'a d'importance. Tout ce que je fais, c'est l'utiliser
comme référence. Maintenant, avant de lâcher la souris, je vais maintenir la
touche Ctrl ,
puis lâcher la souris. Il va prendre une photo et
l' enregistrer dans mon presse-papiers. Très vite encore, c'est
Command Shift quatre, cliquez et faites glisser la barre d'espace
pour tout déplacer tout en maintenant la
souris enfoncée avant lâcher prise, maintenez le contrôle enfoncé. Je sais que c'est beaucoup
vérifier les raccourcis. Les raccourcis seront affichés en
bas de l'écran. Ensuite, je reviendrai
dans PowerPoint et je
collerai cette capture d'écran
en tant qu'image. Si c'est bien au-delà de
ce que vous voulez faire, vous pouvez également
exporter tout cela. Dossier. Exportez, exportez
sous et vous pouvez simplement enregistrer le tout au format PNG ou JPEG ou
ce que vous voulez. Utilisez le tableau d'art. Je vais cliquer sur Exporter.
Tout ça a l'air bien. Je vais cliquer sur Exporter. Maintenant, vous
avez
aussi cette option. Beaucoup de façons de travailler. Mais pour moi, prendre rapidement
l'écran de cette chose, c'est certainement une façon de
travailler plus rapide. De retour dans PowerPoint. Je peux prendre ce graphique
et le
mettre à l'échelle où je veux qu'il
soit aussi loin que la taille. Cela devient un peu
déroutant ici, alors je vais changer
cet arrière-plan en une couleur gris plus clair pour que je puisse voir avec quoi
je travaille. C'est tout
à l'avant. Je veux donc pousser cela vers
l'arrière et le raccourci est Command Shift B comme
derrière ou arrière. Vous pouvez également accéder à l'onglet Accueil
ici. Ici, nous avons cette petite
boîte arrangée et nous voulons l'envoyer à l'arrière. il en soit, plusieurs
façons de travailler. Je vais donc réduire ça. Essayez de l'obtenir à peu près
de la même taille. Ici. Il n'est pas soit exact à moins
que vous ne vouliez être exact et que vous puissiez prendre plus de temps pour le rendre
vraiment parfait, mais nous
essayons simplement de le rapprocher. Assez près. Ensuite, ce que je peux faire, c'est que
je vais faire Maj, cliquer sur les deux, les mettre à l'
échelle un
peu ensemble. Ce genre est
centré sur la toile. Ça devrait s'accrocher ici. Je vais ramener ce type et maintenant je peux commencer à
apporter mes autres
actifs et à
les obtenir à peu près de la même taille
que tout le reste. La raison pour laquelle cela
est très utile est que si vous avez un logo ou un graphique du client ou votre entreprise et
que vous souhaitez correspondre exactement. Vous
travaillez peut-être plus rapidement dans un logiciel ou une application avec laquelle vous êtes
déjà à l'aise, comme Canva ou Procreate ou Photoshop ou
Illustrator, choisissez un. Ou peut-être que vous en avez eu
un JPEG et
que vous voulez le recréer
dans PowerPoint et il donc parfois agréable de rapprocher de cette façon au lieu d'essayer de le deviner, j'
espère que c'est logique. Je ne vais pas devenir
trop pointilleux avec cela parce que le but
est de vous donner une idée de mon flux de travail et
peut-être de vous donner quelques idées façons dont vous pouvez travailler. Voyons voir, ça s'accroche un peu
sur les choses. Ce sera donc assez
proche pour que
vous puissiez voir comment je travaille. Je vais supprimer cette image, donc ce ne sont que ces graphiques
et maintenant la dernière chose que je dois faire est de
cliquer sur le bol parce que je veux être dans mes amis et
appuyer sur Command Shift et F pour
les amener jusqu'à l'avant, et c'est assez près. Maintenant, si je mets
tout en évidence ici et
que je vais l'agrandir, vous remarquerez que c'
est un peu bizarre. Il met tout à l'échelle depuis leurs points d'ancrage centraux
plutôt que relativement. Donc, ce que nous allons
faire, c'est que nous allons regrouper aussi rapidement. Si je clique avec le bouton droit de la souris et que je
viens ici pour grouper, je peux appuyer sur le groupe ou voici
l'option de raccourci clavier Commande G. Maintenant que
c'est un groupe, je peux mettre à l'échelle le groupe entier. Assurez-vous de maintenir la touche Maj
pour qu'elle ne l'incline pas. Je peux faire évoluer ça
aussi gros que je veux et tout
reste en place je l'ai prévu.
J'espère que c'est logique. Ensuite, une fois que vous l'avez obtenu
là où vous voulez qu'il soit positionné comme vous l'aimez, vous pouvez le dissocier. Cliquez avec le bouton droit sur Grouper, Dissocier ou Option Shift
Command G pour le dissocier. Maintenant, vous avez encore toutes
ces pièces. Changeons encore une fois notre fond
noir en noir. C'est ainsi que nous voulons que
la diapositive finisse. Nous avons déjà appliqué notre
transition de morph. Nous allons dupliquer cette diapositive. Retournez au premier. Allons tout baisser, et je veux que ça
tourne un peu. Peut-être augmentez un peu, et nous allons juste le
claquer ici. La même chose va le
faire pivoter un peu, le baisser, l'amener
derrière la tête ici. Ce n'est pas exactement comme
je l'ai fait la première fois, mais c'est le même processus. Maintenant, nous pourrions
dupliquer cette diapositive, faire glisser vers le bas
et, en théorie, prévisualiser cette diapositive. Il s'animera dans la barre d'espace. Encore une fois dans la barre d'espace et
je reviendrai. C'est ainsi que j'ai fait
cette présentation pour mon entreprise. J'espère que ça
vous a plu. J'espère que vous avez beaucoup appris et n'
oubliez pas si vous
voulez suivre. Tous ces éléments sont
maintenant dans le dossier des ressources, et j'ai hâte de voir
ce que vous en faites.
5. Scène parallaxe: [BRUIT] Cela fait partie d' une autre vraie présentation
que j'ai faite pour une marque. C'était un thème chaud d'éclairage rouge, et nous avions donc cette forêt ici. Dans cette leçon, je vais vous montrer
comment construire une scène de parallaxe dans PowerPoint. La meilleure façon de vous
montrer est de vous montrer cette animation. Dès que j'appuie sur la flèche
suivante, vous pouvez voir comment les calques
se déplacent à différentes vitesses, et cela donne l'
illusion de profondeur. Dans l'animation, nous
appelons cela parallaxe. Cela signifie que nous avons des éléments
différents de l'arrière-plan se déplacent à différentes vitesses. La meilleure façon d'imaginer cela
si vous roulez l'autoroute et que vous
regardez la fenêtre, vous verrez peut-être que les panneaux de limitation de
vitesse volent très vite près de vous. peut-être
voir des bâtiments plus loin Vous pouvez peut-être
voir des bâtiments plus loin, ou des arbres, ou des champs
se déplacer à une vitesse différente, puis plus loin en
arrière-plan, vous pouvez voir ou vous
pouvez voir le ciel, les nuages, le soleil, n'importe quoi, et les différentes
couches qui se trouvent plus loin en arrière se déplacent beaucoup plus lentement. Lorsque vous animez des choses
dans ce cas, si nous
regardons la lune
ici en haut,
elle bouge mais elle bouge à peine et ces nuages
bougent , mais là à peine bougent. Dix cette couche suivante, le milieu de cette couche, se déplace un peu plus vite. Et le premier plan ici, ce
sont des arbres et des
buissons devant ce
texte se déplacent beaucoup plus vite, donc on a l'
impression d'être dans
cette scène 3D et c' est ce qu'on appelle la parallaxe. Voyons exactement
comment cela est construit. abord, nous décomposons cela, donc encore une fois un processus
de travail similaire, vous remarquerez que toutes ces diapositives ont cette transition de morph
appliquée à celle-ci. Ceux-ci sont ici ; celui-ci
a une transition fondue, mais ici, c'est une morphation. Honnêtement, c'est probablement juste une erreur dans le dossier
que je n'ai pas remarquée. On va remettre
ça en forme. Nous allons garder
tout cela pendant la transition Morph, et je vais continuer et sauver ça. Votre fichier devrait
déjà être à la pointe de la vitesse. Si vous voulez suivre, ce que nous allons
faire dans cette leçon, car nous allons
recréer cette scène. J'ai inclus le
fichier Photoshop que j'utilise pour construire ce fichier si vous avez Photoshop et que vous
voulez jouer avec,
sinon, si vous n'avez pas ce
dossier de scène de parallaxe qui a chacun pièce s'est
cassée en tant qu'image PNG. Vous pouvez utiliser toutes
ces pièces pour créer
cette scène avec moi. Si vous souhaitez suivre
ce chemin, vous êtes les bienvenus, et sinon si vous
souhaitez consulter ce fichier Photoshop,
ouvrons très rapidement. Vous pouvez voir que c'est un
peu désordonné, et
j'utilise aussi des plans de travail. Encore une fois, bien au-delà
du cadre de ce cours actuel, mais j'ai d'autres
cours qui vont beaucoup plus en profondeur avec Photoshop si
vous voulez en savoir plus. En attendant, remarquez simplement dans ce fichier dans le panneau Calques ; j'ai toutes ces couches, et c'est ainsi que j'ai
créé le fichier. J'ai donc apporté une photo, j'ai fait un tas de Photoshopping, tout
découpé,
empilé ensemble, puis j'ai exporté chaque
pièce en tant qu'image PNG. C'est comme ça que j'ai fait et ici ce plan de travail
était juste pour le calque d'
arrière-plan. Si je reviens
dans PowerPoint, vous pouvez voir l'arrière-plan s'il y a ce
dégradé à l'arrière. C'est ainsi que cela a été construit. Si vous voulez jouer avec ça, vous êtes le bienvenu. Je vais y aller de l'avant et
clore ça. N'économisez pas. C'est un gâchis, c'était
moi qui travaillais vite. Personne qui était
censé voir ça, mais si vous voulez le
vérifier pour apprendre,
allez-y, amusez-vous bien. Vous ne devriez probablement pas l'utiliser pour un client car je l'ai déjà
utilisé pour un client, donc nous
ne voulons évidemment pas copier les choses, mais je veux que vous puissiez l'utiliser
pour en tirer des leçons. En revenant dans cet échantillon ici, vous pouvez voir que nous avons
chacun de ces morceaux, et ce fichier est sur le point de
devenir assez fou. Ce que je veux
partager en ce moment
n'est que le principe principal
de la façon d'arriver ici. Faisons un nouveau fichier juste pour
que nous soyons sur la même longueur d'onde. Faites une nouvelle présentation. Vous connaissez l'exercice maintenant si
vous avez suivi. Ce que nous allons faire en premier, c'est aller de l'avant et de mettre en
forme cet arrière-plan, et d'aller avec un remplissage d'
image ou de texture. Nous allons insérer une photo
de notre scène de parallaxe. Je ne me souviens pas de lequel
il s'agit, bleu background.jpg. Nous allons jeter cela
en arrière-plan, puis nous allons passer
à nos transitions, puis nous allons appliquer
la transition Morph juste pour cloner
toutes ces couches. Ils ont tous les
bons paramètres. Maintenant que j'ai ce set,
je vais appuyer sur « Commande D » pour dupliquer cela
ou cliquer avec le bouton droit de la souris. Je vais devoir
dupliquer une diapositive. Maintenant, dans cette scène,
allons-y et construisons toute notre scène. Ce que nous allons faire, c'est commencer à
ramener toutes les
pièces une par une, donc finalement ça ressemblera
à ça. Pour ce faire rapidement,
revenez dans notre scène de parallaxe. En prime également, j'ai fourni ces nuages. Si vous voulez expérimenter cela plus loin ou
peut-être l'utiliser dans une autre présentation
sur toutes sortes de nuages avec lesquels vous pouvez
jouer ici, amusez-vous [RIRE] si vous voulez. Revenons dans
cette scène de parallaxe, et nous allons juste ramener
toutes les pièces. Apportons d'abord les
éléments d'arrière-plan pour faire
défiler
rapidement toutes ces ressources pour voir ce que nous avons. Nous ferons probablement de la
lune la plus éloignée, alors laissons tomber
ça ici. Je vais le mettre quelque part ici. prochaine étape
sera probablement la couche cloud, alors revenons
à nos nuages. Je vais cliquer sur
les deux commandes. Sélectionnez-les tous les deux en même
temps pour les déposer. Maintenant, je n'essaie pas de recréer exactement
la même chose
que je viens de faire, j'essaie juste de le rapprocher. Vous remarquerez également
quand j'ai exporté ceci si nous regardons de très près, il est haché en haut. Nous ne voulons pas que cela
apparaisse dans notre dossier, alors ce que nous allons
faire, c'est simplement mettre cela en haut et ce
sera génial.
C'est bon d'y aller. Maintenant, l'autre chose
est que nous animons, remarquez que nous allons de gauche à gauche ou je suppose plutôt
de droite à gauche. Tout commence dans ce bord ,
puis se déplace vers la droite. Au fur et à mesure que nous construisons cela, nous voulons
vous donner de l'espace pour aller plus loin, sorte que ce nuage a
beaucoup à bouger. Nous pourrions commencer plus loin si
nous voulons aller là où elle couvre la lune, ce que vous voulez. Non pas que cela n'ait pas
vraiment d'importance, c'est vraiment important. Nous avons mis nos nuages en place. Ensuite, continuons. Que voulons-nous
ajouter devant cela ? Permettez-moi de regarder
ce dossier à nouveau. Nous avons ces arbres, nous
avons ce calque d'arrière-plan. Regardons ça très vite. Nous allons commencer par Tree.png. Revenons ici, jetons Tree.png. On a juste jeté ça
là-dedans comme ça. Prenons et j'ai
apporté beaucoup de choses
ici depuis que j'ai construit
ça à l'origine. Les arbres de fond,
jetons ça là-dedans. Nous devrons peut-être en
renvoyer un, alors passons à la section Envoyer en arrière. Nous allons cliquer dessus
sous Format Image. Vous remarquerez que si je suis sous Accueil et que je viens sur Arrangement, et déplacez les choses, ou dans ce cas, si j'étais sur l'onglet Format de l'image sur le ruban, je peux simplement cliquer sur ces boutons
ici pour l'envoyer à l'envers. Nous allons jouer avec
la façon dont ils sont empilés et vous devrez peut-être
expérimenter pour obtenir
les meilleurs résultats,
mais plus que tout, je veux juste que vous voyiez le processus et que vous
voyiez simplement comment cela est construit. . Je vais donc
mettre ça là-dedans. Allons chercher une autre couche. Je suppose que j'aurais pu les
nommer un peu mieux ; de grands arbres sombres. Nous allons les mettre
ici, et parce que c'est un bord dur, nous en mettons en
haut à gauche puis un groupe d'arbres
hauts sombres. Où pouvons-nous coller
ça ? Voyons si cela appartient même ici. Nous allons coller ces gars tout le long ici
et ce qui va
se passer , c'est que nous les animons de la droite, donc nous allons mettre de cette façon
le diable par ici. Feuillage avant, voyons
ce que nous avons d'autre. J'aurais peut-être pu
les nommer mieux, les gars ; je m'excuse à l'avance,
mais vous savez quoi ? Encore une fois, je veux être vraiment transparent avec mon flux de travail, pour que vous puissiez voir comment j'ai construit cela. Cela vient exactement de
gauche à droite, mais j'ai besoin de place pour faire évoluer ça. Je vais juste le mettre à
l'échelle de cette façon, et ça pourrait ressembler à des ordures,
ça pourrait avoir l'air pixélisé. Nous allons jouer avec
, mais nous allons tout
commencer à tout
commencer gauche, puis il va se déplacer de droite vers la gauche, donc je veux
me laisser de l'espace pour travailler. Parce que ce premier plan
va bouger un peu
plus vite que le reste,
je vais
en fait l' échelle encore plus grande parce que je veux avoir
beaucoup de graphismes pour continuer à bouger de cette façon. Est-ce logique ?
J'espère que c'est logique. Voyons ce qui se passe. Je ne suis pas trop inquiet
que cela soit parfait en ce moment. Plus que tout, je veux que
vous voyiez le processus. Là,
c'est ce que nous avons. Puis la dernière fois, j' ai ajouté une vignette. Nous frappons la barre d'espace,
vous pouvez voir
que c'est juste un bord brûlé pour le
faire ressembler à une forêt sombre. Nous allons également apporter cela et il semble
que je doive le redimensionner pour
correspondre à mon arrière-plan. Il n'est pas nécessaire que ce soit parfait. Encore une fois, je ne fais
que vous montrer le processus. Maintenant que nous avons que je
vais passer à Arrangement, descendre
jusqu'au volet de sélection parce que nous avons toutes
ces images maintenant. Parce que c'est
sur le point de devenir fou ; je l'ai bien orthographié, je pense que je l'ai fait ; Vignette, nous voulons
nous assurer de savoir avec quelles pièces
travaillaient. Arbres en haut à droite au premier plan. J'invente ça au fur et à mesure que je vais les gars, ça n'a pas vraiment d'importance. Tout ce qui a du sens
pour votre cerveau. Top Left Trees, nous l'éteignons pour
que nous puissions voir la prochaine étape. Nuages droits, nuages
à gauche, ce
qui signifie que c'est notre lune. Maintenant, nous avons tout nommé et nous allons réactiver toutes
ces couches. Je vais juste
cliquer sur « Aperçu » très rapidement pour m'assurer que
tout commence. Je veux m'assurer
qu'il
y a des éclats sur le côté qui n'
étaient pas correctement alignés. Je vois quelque chose de
bizarre qui se passe ici, mais je pense que c'est
juste la fenêtre. J'ai vu ces bords noirs, mais je pense que nous sommes en bonne forme. suite, maintenant ce que nous allons faire, c'est que
nous allons sauver
cela, en fait. [RIRES] Allons dans Dossier, Enregistrer sous notre scène de parallaxe. Je vais appeler cela fin parce que le temps tout soit fait,
ce
sera complet. Super. Maintenant, nous sommes en
très bonne forme. La dernière chose
dont nous avons besoin, c'est un texte. Ajoutons du texte, je vais prendre une
zone de texte, cliquer et faire glisser. Je vais dire « Titre » pour le
rendre assez grand. Centreons-le,
peut-être le rendre audacieux. Parfait. Et le dernier est que
nous voulons vraiment nous centrer. Je veux éteindre
cette vignette. Je le sélectionne donc, ce que nous allons
centrer. En fait, je pourrais même le
faire baisser un peu, puis ici sur le calque, c'est notre zone de texte, je vais
juste l'appeler Texte. Nous allons le déposer sous
le premier plan obtenir une interaction vraiment
cool
avec les calques
que j'ai construits, d'accord ? Boom, ça va bien. Allons en parler un
tout petit peu. On y va, totalement audacieux. Maintenant, nous sommes prêts à
construire cette chose. Ce que nous allons faire, c'est revenir
ici et dupliquer cette diapositive et maintenant nous
commençons à bouger les choses. Le premier plan va donc se
déplacer beaucoup plus vite
que l'arrière-plan. Quelques façons de travailler, une consiste simplement à saisir
les choses et à commencer à les
déplacer pour
voir ce que vous aimez, ou passons
au format de l'image. Passons au seau rose,
la
taille, la position, c'est là. Nous pourrions le faire de cette façon aussi. Je suis sous Format Image, position
horizontale. Nous pourrions saisir manuellement les choses. Je vais le garder à l'horizontale. Passons de 6,4 à 6,5
, non, on va descendre. Nous allons faire cette 6,3, donc la lune a bougé un peu. C'est environ 0,1 que
nous avons déplacé la lune. Revenons à
notre volet de sélection, prenons nos nuages de gauche. Allez dans Format de l'image, sous position,
et nous sommes à 4,05. Nous allons donc
ramener cela à environ 3,9. J'invente ça au
fur et à mesure que je vais vous, voyons ce qui se passe là-bas,
ils bougent un peu. Vous pouvez aussi simplement,
si vous êtes impatient, attraper des choses et
les déplacer un peu. De nombreuses façons de travailler. Si vous voulez que ce soit exact, vous pouvez entrer ici et
entrer dans la position. Si vous voulez le
déplacer avec la souris, venez ici et
déplacez-vous avec la souris. Maintenant, cette couche va
être une couche de premier plan, nous voulons
donc nous déplacer un
peu
plus loin que la couche cloud, et cet arrière-plan un
peu plus loin, et ensuite nous avons ces
éléments qui ont besoin pour bouger un peu moins, et ensuite cette chose, nous
voulions bouger un peu. Voyons donc comment nous y sommes allés. Voyons voir, et c'est
beaucoup d'essais et d'erreurs. J'ai frappé la barre d'espace.
En fait, ce n'est pas trop mal. Maintenant, le dossier est un peu désordonné. J'ai remarqué que comme c'est plus grand, je vois que ces découpes ici ne
sont pas super propres. Il se passe beaucoup de
choses ici que nous voudrions peut-être
nettoyer un peu. De plus, je remarque que cette couche
ne bouge pas du tout. Nous avons donc manqué un, Annuler, retour à notre volet de sélection, arbres
arrière, arbres du milieu. Je pense que ce n'était pas derrière. C'est là que ça devient très
déroutant, très rapidement. Mais c'est le processus
et quand ça marche, c'est très amusant. C'est comme ça que j'ai fait ça.
C'est ainsi que j'ai vécu et créé
cette scène de parallaxe. Je vais frapper
« Space Bar » très vite. J'ai complètement déguisé
quelque chose. Je suis allé dans le mauvais sens. [RIRES] Cela
brise l'illusion assez rapidement, n'est-ce pas ? Déplacons cet arbre. Alors que j'animais des choses, je ne faisais pas
attention à la diapositive sur laquelle j'étais alors que je
bougeais les choses. Laissez cela
vous donner une leçon au cours de
ce processus afin de
prêter attention à la
diapositive que vous modifiez et
honnêtement, c'est un processus. Essayons encore une fois. C'est mieux. Ce n'est pas
parfait, mais c'est mieux. Ce que nous pouvons faire, c'est que
nous pouvons animer depuis cette diapositive de titre jusqu'
au titre suivant et il y a plusieurs
façons de le faire. Mais celui que je vais vous
montrer maintenant,
c'est que nous allons
cliquer sur ce texte de titre. Nous allons juste le faire
glisser hors du bord ici. Maintenant, la diapositive suivante s'efface et nous voulons essuyer la nouvelle diapositive
de l'autre côté. Allez-y et
copions ceci, copiez-le. En fait, ce que je veux faire, je vais simplement cliquer sur l'option
et faire glisser une copie de cette façon, donc c'est en accord avec
ce qu'était l'autre. Another Title, cool. Je vais prendre
cet autre titre, copier et revenir
à celui d'avant, coller ici et le
déplacer du côté droit. Maintenant que nous en prévisualisons à nouveau, il devrait être effacé de l'
un à l'autre. Vous remarquerez que ce titre était
devant tous nos feuillages. Prenons donc notre Texte
et faites-le glisser vers le bas derrière ce premier plan. Prévisualisons encore une fois, barre d'
espace et notre titre efface et se trouve
derrière le feuillage. C'est ainsi que vous construiriez une parallaxe vue dans PowerPoint, et à partir de là, c'est
assez simple, vous continueriez simplement
à dupliquer les diapositives, donc commandez D pour dupliquer. Dans ce cas, dans cet exemplaire, nous n'avons plus besoin de ce
titre ici. Nous supprimons cela et nous
pouvons saisir ce texte, faire glisser sur le côté
et continuer à travailler à travers nos calques, déplaçant les calques plus loin vers la gauche jusqu'à ce que vous soyez
satisfait des résultats. C'est assez
minutieux, mais c'
est très amusant quand
on s'y prend bien. Très minutieux et
honnêtement douloureux. Il est difficile de sélectionner
toutes ces couches, de sorte que vous pouvez même les parcourir et les
éteindre, puis déplacer choses là où vous voulez qu'elles obtiennent l'effet
recherché. peu près, vous
l'avez d'ici, vous les gars, je ne veux pas vous ennuyer
avec moi faisant la même chose
encore et encore. Nous allons
éteindre cette vidéo ici dans une seconde, je veux juste voir
comment ça s'est passé. Appuyez sur « Space Bar » pour afficher un aperçu, Another Title,
puis nous y
déposerions évidemment un troisième titre. Que mes amis, c'est la façon dont vous créez une scène de parallaxe
à l'aide de PowerPoint. J'espère que ça vous a plu.
J'espère que vous avez beaucoup appris. N'oubliez pas que vous avez ces
leçons à suivre. Je suis désolée, les fichiers d'exercices
si vous voulez construire les
vôtres et suivre le cours et j'aimerais voir
comment cela se passe pour vous. N'oubliez donc pas que vous
pouvez partager votre projet avec le groupe ici
et le poster ci-dessous
lorsque vous en avez l'occasion. Très bien, les gars, et bien, je
vous vois dans la vidéo suivante.
6. Introduction au projet de classe: Pour les prochaines vidéos, je vais travailler
sur mon projet de classe pour ce cours. Il va créer
un portfolio vidéo en utilisant PowerPoint pour cette marque appelée la mystérieuse coalition
énergétique. Il se passe beaucoup de choses
ici. Dans cette vidéo d'introduction, je veux juste vous
expliquer ce que nous
allons faire
ici pour les prochaines vidéos, puis je me mettrai directement au travail. La mystérieuse coalition énergétique
est une fausse marque que j'ai inventée pour un autre cours que vous pouvez trouver
ici sur Skillshare. Si vous sautez
ici sur Skillshare et que vous accédez à mon profil, il devrait y avoir un lien
ci-dessous quelque part. Nous allons juste faire défiler
jusqu'au bas. Vous pouvez voir tous
ces cours que j'ai enseignés
ici sur Skillshare. Plus précisément, cette conception de logo, conception
graphique pour les
débutants créent des logos dans Adobe Illustrator. Dans ce cours, je vous montre exactement comment j'ai
conçu ce logo. C'était une tonne de plaisir à faire, et nous avons utilisé un générateur de
mots aléatoires pour créer des mots
aléatoires, puis construire un logo autour de lui. C'est ainsi que nous avons trouvé
le mot mystérieux, énergie
et coalition. C'est aléatoire, mais
c'est très amusant. Maintenant, ce que je veux faire, c'est créer une publication de portefeuille
et j'utilise Behance. J'adore Behance, je diffuse en
direct sur Behance. Si vous n'en avez pas entendu parler,
consultez behance.net. Si vous deviez
behance.net/mitchellsgarage, vous pouvez voir mon
portfolio et certaines choses que j'
ai construites ici ainsi que la diffusion en direct. Si je clique ici sur
« Livestreams », sur Behance, vous pouvez voir tous les
flux en direct que j'ai réalisés. J'en ai une tonne ici. Vous pourrez
voir exactement comment j'ai créé cette maquette. Je fais ça en direct et vous
pouvez vérifier ça gratuitement. C'était aussi un autre projet
vraiment amusant. Ce que je veux faire maintenant, si je retourne à mon travail ici sous l'onglet Travail, est logique ? Vous pouvez voir que j'ai commencé cette
maquette de vêtements à capuche. Si je fais défiler vers le bas, vous pouvez voir que c'était une
affaire similaire où c'était la
société de planche de surf classique, la même chose a utilisé un générateur de mots aléatoires
pour trouver un logo, du
moins le texte, et
ensuite j'ai dû concevez-le. Si vous faites défiler vers le bas, vous pouvez également voir le
flux en direct où je vous montre exactement comment j'ai réalisé
ce projet. Ce que je veux faire, c'est
utiliser PowerPoint pour ajouter une vidéo sur cette page de portfolio
qui montre le processus ou montre plutôt la
marque que j'ai créée. C'est ce que nous allons
faire dans les prochaines vidéos, c'est que nous allons passer par là. Si vous voulez suivre, tout sera terminé,
vous serez
en mesure de récupérer toutes les différentes pièces que j'ai exportées si vous
n'avez pas Photoshop ou Illustrator, mais vous pouvez également créez votre propre pièce
de portefeuille. Si c'est le cas, qu'
il s'agisse de photographie, de design de
logo, de typographie,
d'affiche, d'impression, de conception Web,
cela n'a pas vraiment d'importance. Mais si vous cherchez un
moyen de mettre en pratique ce que nous avons appris
jusqu'à présent dans ce cours, vous pouvez saisir les pièces
que je vais fournir, ou si vous avez quelque chose que vous pouvez utiliser pour suivre. encore mieux. C'est ce que nous allons
faire. Je vais passer par là et je vais
exporter tous ces actifs, les
préparer tous. Ensuite, nous allons plonger dans PowerPoint pour
préparer une présentation. Voici une maquette de véhicule
que j' ai faite avec la marque en
m'amusant. Ce sont des
miniatures que j'utilise sur la chaîne Behance
juste pour montrer, donc j'ai également utilisé cette
marque que j'ai fait une maquette 3D. J'ai réalisé des enveloppements de véhicules
et des modèles de vêtements. Beaucoup et beaucoup
de choses amusantes que je veux montrer dans PowerPoint. Restez à l'écoute dans les prochaines vidéos, nous allons
plonger dans le projet.
7. Créer l'arrière-plan: Bienvenue de retour. Allons de l'avant
et plongeons dans ce projet. Ce que je vais faire pour
commencer, c'est commencer à créer les différentes diapositives que je veux présenter
pour cette marque. Allons de l'avant et sautons dans PowerPoint et nous
créerons un nouveau fichier, évidemment, quelque chose auquel
vous êtes habitué. Ce sera juste une présentation
vierge, rien de fantaisiste et en fait, je vais cliquer
sur cette première diapositive, aller dans « Mise en page », en
faire une diapositive vide. Maintenant, allons-y et sauvegardons ça. Économisez sous, et appelons cela portefeuille
Mysterious Energy
Coalition. Ensuite, nous
allons enregistrer cela, et créons un nouveau
projet ou un nouveau dossier ici appelé Project. Appelons ça Class
Project. Comment ça va ? De cette façon, vous pouvez
jouer avec ces fichiers. Quand tout est dit
et fait,
allons-y et gardons ça ici. Nous allons cliquer sur « Enregistrer », et
maintenant que nous continuons à travailler sur notre projet,
rien ne se perd. Je vais aller de l'avant et
commencer par l'arrière-plan, en construisant mes calques sans ordre particulier. En outre, examinons
ces fichiers très rapidement. Rappelons encore une fois que
ce cours s'adresse aux
graphistes qui veulent faire
mieux dans PowerPoint, ce cours s'adresse aux
graphistes qui veulent faire mais je reconnais que beaucoup d'entre vous
n'ont peut-être pas d'expérience avec
Illustrator et Photoshop. Vous pouvez ignorer cette
leçon si vous le souhaitez et simplement récupérer ces
morceaux plus tard, mais nous allons aller de l'avant
et nous allons simplement exporter une partie de cela et préparer mon projet de classe pour que je puisse
construire mon projet de classe. C'est le
fichier de logo qui est sorti de l'autre cours dont
je vous ai parlé. C'est ainsi que j'ai fini par créer toutes ces différentes
versions du logo, des couleurs différentes,
des choses comme ça. Nous effectuons un zoom avant très
loin. On y va. Lors du dernier cours, je jouais simplement avec des couleurs et des choses
différentes, mais je n'
aime pas vraiment, honnêtement, aucune de ces
versions, ma
version préférée de ces couleurs. J'adore le logo, mais
l'aspect réel de celui-ci, j'aime vraiment comment il se
façonnait quand je
fabriquais ces vignettes. Plus précisément, je
regarde ces deux sweats à capuche. J'aime cette orange parce que c'est différent
des choses que je fais habituellement. Cela me donne plus d'options. Mais visuellement,
celui-ci est mon préféré. Il n'a pas
de cette orange. J'aime juste le jaune, le bleu sarcelle, le
bleu marine qui se déroule ici. C'est super cool à mon avis, mais je pourrais montrer
plusieurs versions. En regardant la miniature de cette
maquette de vêtements, j'ai plusieurs versions de sweat à
capuche que j'ai faites, des enveloppements de véhicules. Il y a beaucoup de
façons différentes de jouer avec ça. Pour l'instant, ce que je vois, si je regarde l'
arrière-plan là-dessus, juste en arrière-plan
, je vois le logo énorme comme un élément
décoratif. Je vois cette bande jaune grungy ,
puis ce fond bleu. Je veux extraire ces
pièces et en
faire des pièces séparées que je peux animer dans
ma présentation. Grâce à la magie de la vidéo, nous allons aller de l'avant et faire exporter toutes ces
pièces. Ce que j'ai fait, c'est que j'ai exporté les principaux éléments d'arrière-plan. C'est un coin bleu, j'ai ce logo, puis j'ai cette bande et je les ai
toutes exportées dans Photoshop. Fondamentalement, il suffit d'aller aux
calques que je voulais utiliser
l' outil de sélection, en
saisissant chaque pièce. En venant ici, mes calques, cliquez avec le bouton droit de la souris, puis exportez
rapidement au format PNG. C'est ce que j'ai fait à toutes les différentes
pièces dont j'ai besoin pour construire cet arrière-plan. Quand je reviendrai
sur ma diapositive, commençons à laisser tomber
ces actifs. Nous l'avons déjà fait auparavant. Je vais juste jeter
ça là-dedans très vite. Je vais prendre chaque
pièce, et nous devrons peut-être mettre à l'échelle certaines
choses autour. Mais jusqu'à présent, c'est très bien assez rapidement
parce que ma taille était à peu près la même taille que cette présentation
, donc je n'ai pas encore à trop mettre à l'
échelle. Voyons comment cela se forme. Il se peut que nous ayons besoin d'ajuster un peu
cela. C'était vraiment facile. C'était très facile maintenant que nous avons toutes nos
pièces avec lesquelles travailler. Voyons si je veux que ça soit
recadré ou non. Maintenant, j'ai des antécédents
très simples. Dans la prochaine vidéo, nous allons
continuer à attirer davantage d'actifs.
8. Mon flux de travail : Exporter des actifs à partir de Photoshop: Dans cette vidéo, nous
allons exporter
ces deux sweats à capuche pour pouvoir les utiliser dans mon projet. Au départ, je
n'allais pas
vous montrer ceci parce que
c'est un cours PowerPoint, mais plus j'y
réfléchissais, je veux que vous
puissiez suivre si vous êtes graphiste. Encore une fois, il est très important
pour moi de vous montrer mon flux de travail et mon processus de
réflexion. Je vais passer par là assez
vite. Si c'est trop rapide pour
vous, juste un rappel, vous pouvez mettre la vidéo en pause, vous pouvez rembobiner la vidéo, regarder autant de fois
que nécessaire. Vous pouvez également l'
ignorer complètement et simplement récupérer les ressources une
fois que tout est terminé. Je ne veux pas vous accabler, mais pour ceux d'entre vous
qui sont peut-être plus intermédiaires à avancés et qui veulent voir mon processus, je vais vous le
montrer. C'est ce que nous allons
faire dans cette vidéo. Je vais juste
voler à travers ça. Dans ce fichier de conception, j'ai ces tableaux d'art dans Photoshop et plus précisément je
veux exporter ces ressources. Maintenant, ces couches sont ce que nous appelons Smart
Object dans Photoshop. Si je regarde ici dans ma couche, je vois le sweat à capuche et je vois que cette petite icône
ressemble à un bout de papier. C'est un objet intelligent,
ce qui signifie qu' il y a plusieurs
couches à l'intérieur d'ici. Il y a bien au-delà de la
portée de ce cours. Je vais double-cliquer dessus. Maintenant, je peux voir à
l'intérieur de l'objet intelligent que j'
ai tous les calques
pour ce design. Si vous voulez le distinguer, attraper des actifs, amuser avec ce fichier, vous
faites ce que vous voulez. Continuons juste de continuer.
Nous avons ce sweat à capuche. Nous avons tous les petits éléments de
design différents qui se déroulent ici, tous les différents masques. Plus précisément ici,
j'ai ce groupe, qui est les petites
ombres que j'ai créées sous les bras,
puis j'ai cette
couche ici, qui est l'
ombre principale sous le corps. Je vais regrouper ces deux groupes. Je vais juste le renommer, Shadow. Je vais cliquer avec le bouton droit de la souris, exporter
rapidement en PNG. Nous allons juste
appeler ça l'ombre et nous allons juste le
claquer juste là-dedans. Ensuite, la prochaine chose dont nous avons besoin,
je vais l'éteindre. Revenez directement au fichier principal
du sweat à capuche, cliquez avec le bouton droit de la souris et nous
allons exporter en PNG appelé hoodie,
cliquez sur « Enregistrer ». Jetons un coup d'œil
très rapidement et assurons-nous qu'il soit exporté
comme je le voulais, donc il y a mon sweat à capuche,
il est découpé. Je pourrais peut-être faire un
peu mieux. Il y a un petit coup léger autour de
ça, mais je ne m'inquiète pas
pour l'instant de ce que nous faisons. L'ombre, juste ça,
juste une petite ombre. Nous allons
pouvoir intégrer ces éléments dans notre
présentation PowerPoint. Je peux fermer cet
objet intelligent sans l'enregistrer. Je vois ici de petits astérisques, ce qui signifie qu'il n'a pas été enregistré, donc les changements que j'ai
apportés où j'ai renommé le calque en ombre
et que je l'éteins. Si je le ferme, il ne se souviendra
pas de ces changements. N'économisez pas. Maintenant, il n'a
rien gâché ici dans ce dossier. Même chose avec ce
sweat à capuche à l'arrière. Double-cliquez sur cette vignette pour ouvrir cet objet intelligent. Allons trouver ces ombres
ici, renommez-la ombre. Je vais effectuer mon
exportation rapide, cliquez avec le bouton droit de la souris. Exportation rapide au format PNG, elle va
exporter cette ombre. Honnêtement, nous
n'avons pas besoin de le faire parce
que j'
ai déjà cette ombre ici. Au cas où ils
sont de tailles différentes, je vais appeler ça Shadow 2. Je pense que c'est pareil, mais j'essaie juste de
voler à travers ça. Revenons en arrière et
nous allons d'abord éteindre l'ombre. Revenez ensuite dans ce dossier, cliquez avec le bouton droit de la souris et nous allons passer
à Export rapide au format PNG. Maintenant, nous avons aussi
le sweat à capuche
violet . C'est à peu près tout. J'ai ces actifs prêts
à être
apportés et passons
à la prochaine leçon. Apportons notre sweat à capuche
violet. Je vais juste faire glisser
et déposer juste là-dedans. Revenons à
notre sweat à capuche habituel, je suppose que je pourrais appeler
ça un sweat à capuche bleu, mais ça n'a pas d'importance. Il suffit de le jeter là-dedans.
J'en ai deux. Ensuite, nous avons nos
deux calques d'ombre, qui encore une fois à cause de la
façon dont j'ai construit ce fichier, ils devraient être
identiques et ils le sont. Je vais aller de l'avant et
supprimer l'ombre 2. Je n'ai besoin que d'un seul dossier,
apportez-le là-dedans. Cela va
devoir diminuer un peu pour
bien s'adapter en dessous. Ensuite, je peux cliquer dessus, faire glisser les deux ici. Je vais devoir repositionner l' ombre et
le sweat à capuche. Nous y
reviendrons dans une seconde. Ensuite, clonons le
fichier d'ombre en maintenant « Option » enfoncée, cliquez et faites glisser en maintenant la touche Maj enfoncée pour l'
aligner sur l'autre. Maintenant, nous avons deux sweats à capuche
avec des ombres. C'est ça, les gars. Dans la vidéo suivante,
nous allons continuer
à construire nos diapositives, ajouter du texte, à ajouter
d'autres éléments, animer certaines choses
et à nous amuser.
9. Conseils pour animer les ombres: Dans cette vidéo, je
vais aller de l'avant et animer ces deux sweats à capuche
que nous avons apportés. Mais je vais vous montrer
deux choses différentes. C'est assez simple. Cette ombre, si c'
était avec ce sweat à capuche animé de gauche ou
de droite, de chaque côté. S'il arrivait de côté, l'ombre resterait avec elle. S'il devait descendre du haut ou
du bas,
alors l' ombre est celle, laissez-moi vous montrer cela en fait. Cliquons sur le bouton
Maj. On y va. Si nous devions tomber
par le haut, l'ombre n'irait pas
avec tout. En fait, il
s'agirait ensemble. Au fur et à mesure que cela descendait, cette ombre
arriverait en fait par le bas, et elle
commencerait probablement à être transparente
parce qu'il n'y aurait rien là jusqu'à ce
qu'il s' l'horizon ou d'un
ou quelque chose comme ça, l'ombre n'apparaîtrait pas
tant que le produit ne se
rapproche pas du sol. Ce que nous allons faire, nous
allons défaire tout ça. Allons de l'avant et mettez-les à l'
échelle à la bonne taille. La première chose que je
vais faire, rappelez-vous, si nous les mettons à l'échelle maintenant, ils ne collent
pas vraiment comme vous le souhaitez, nous allons cliquer avec le bouton droit de la souris
et regrouper cela. Le raccourci sur un Mac
est Option Command G ou Control Option ou Control Alt G sur un
PC. C'est un groupe. Nous allons regrouper ce type. Je peux faire un clic sur les deux,
les mettre à l'échelle, en maintenant la touche Maj enfoncée pour qu'ils
ne soient pas faussés drôle. On y va. Maintenant, j'
ai ces deux gars et je vais cliquer une fois de
plus sur les deux,
cliquez avec le bouton droit de la souris sur les regrouper, puis je vais les aligner. Passons à une
plage, vers le bas pour aligner,
aligner le milieu, et
est-ce aussi le centre ? Je n'en suis pas sûr. Laissez-moi
voir le centre d'alignement. Maintenant, je sais qu'ils sont
parfaitement centrés et alignés visuellement. Je veux qu'ils ne soient
qu'une touche, donc le sweat
à capuche
lui-même est plus centré sur le graphique. Maintenant que je l'ai
, je vais
cliquer avec le bouton droit de la souris, aller au groupe. Je vais les dissocier, cliquer avec le bouton droit de la souris sur Grouper, dissocier chacun d'entre eux afin que l'ombre soit
séparée du sweat à capuche. Maintenant, c'est comme ça que je veux que
la diapositive finisse. Laissez-moi appuyer sur la commande
D D pour dupliquer cela. La troisième diapositive
va être la finale. Nous l'avons déjà fait auparavant, donc je vais passer par
là parce que nous l'avons déjà appris. Je vais juste vous montrer
comment je construis mon projet. On va faire glisser ce type
sur le côté. Celui-ci, je vais les
faire descendre par le haut juste pour voir à
quoi ça ressemble. Je vais voir lequel j'aime mieux et ensuite
nous allons suivre cette voie, mais de cette façon, vous pouvez voir
les deux effets différents. Nous allons faire glisser
cette ombre et lorsque
je clique dessus, je veux formater l'image. Nous allons cliquer sur l'onglet
Format de l'image. Allons dans le volet Format. Nous allons cliquer ici. Voyons voir, c'est ce gars,
ce quatrième onglet terminé. Je suis ici pour
imaginer la transparence et nous allons frotter
tout cela vers la droite, donc c'est totalement
transparent. De cette façon. J'espère que l'
effet est quand cela s' anime dans l'ombre passe
de transparent à solide, et que cela semble cool. Voyons à quoi ça ressemble. Nous avons l'introduction, les avons déjà
animés, déjà
animés, appuyez une
fois de plus sur « Space Bar » parce que la diapositive suivante et ce que je veux que vous remarquiez, c'est comment ces
ombres entrent en jeu. de droite, elle reste juste avec
elle parce qu'elle est dans la même ligne d'horizon,
est-ce le bon mot ? Je ne sais pas. Ensuite, l'autre qui le
laisse tomber par le haut, l'ombre
vient du bas. J'aime beaucoup ça. Je pense que c'est cool. Je vais les laisser
tous les deux pour l'instant et je
prendrai une décision plus tard sur la
façon dont je vais le conserver. Mais juste un petit conseil pour
vous pendant que vous construisez cela, si vous voulez utiliser des ombres, quelque chose à faire attention. Dans la vidéo suivante, nous allons continuer de le faire
clignoter en ajoutant des échantillons de couleurs et
la typographie.
10. Exporter votre présentation sous forme de vidéo ou de gif: Dans cette vidéo, nous allons
examiner
rapidement où nous en sommes
avec le projet, puis nous allons
exporter notre fichier,
afin que nous puissions réellement utiliser
cette chose et le publier sur votre profil Behance
ou n'importe où que vous voulez. Tout d'abord, allons y
jeter un coup d'œil. J'ai décidé d'ajouter le
logo en tant que première diapositive, et ce que j'ai fait,
c'est que je l'ai apporté séparément. Ces pièces se trouvent dans
le dossier de leçon. Si nous allons au
projet de classe dans les actifs, chacune de ces pièces est séparée
si vous voulez jouer le jeu. Continuons à faire défiler vers le bas. Ensuite, j'ai aussi la version
complète si vous voulez
simplement
l'apporter séparément comme ça. Ce que j'ai fini par faire,
c'est d'apporter la version complète sur cette diapositive, puis j'ai apporté
les pièces par-dessus le haut, puis j'ai supprimé la
version complète et de cette façon j'ai pu obtenir l'
alignement correct. La raison pour laquelle j'ai fait
cela est parce que, dans nos leçons précédentes, lorsque je vous ai montré comment
faire la scène de parallaxe, je voulais aussi le faire sur ce logo. J'ai créé ce logo ici, puis dans la diapositive suivante, j'ai ramené ces
pièces et ce que j'ai
fait, c'est que je les ai toutes mises en évidence, puis je les ai regroupées,
cliquez avec le bouton droit de la souris sur le groupe, le groupe, [RIRES] collé ici, ils l' ont fait pivoter et l'ont mis à l'échelle. Maintenant, que se passe-t-il lorsque je prévisualise ma présentation, je clique sur « Barre d'espace
», on y va. Vous pouvez voir les pièces
se déplacer séparément, ce qui est un effet cool. L'autre chose que j'ai faite, c'
est que j'ai décalé ces calques, de
sorte que cette pièce se trouve derrière le trait et l'icône
se trouve devant lui, ce qui ajoute
encore plus de profondeur
à l'ensemble de la pièce. C'est là que nous sommes en
ce moment avec ça. Ensuite, j'ai également ajouté une diapositive supplémentaire et ajouté
quelques textes, puis je l'ai
renvoyée en boucle au début. Si nous allons de l'avant et prévisualisez
le reste pour voir où nous en sommes,
je clique sur « Barre d'espace ». Nos sweats à capuche s'animent, puis ils s'animent, ils s'animent hors de l'écran ,
puis c'est de retour
au début. Mon espoir est de faire une boucle continue lorsque je le
publie sur le site Web. Ensuite, la seule autre chose à laquelle il faut faire
attention, c'est faire fonctionner correctement ces
transitions de morphage, de
passer de cette diapositive puis de passer à la fin ici
et de tout animer. N'oubliez pas que vous devez
tout déplacer hors du canevas, sorte qu'il est
toujours sur la diapositive, mais il s'anime simplement jusqu'à sa position finale ici. J'
espère que c'est logique. Encore une fois, si vous
avez besoin de plus de clarté, c'est exactement la même
chose que celle que nous avons dans les
leçons précédentes. Maintenant que vous êtes
au courant de ce que j'ai fait ici, je vais aller de l'avant
et exporter cela, et vous pouvez pousser
cela aussi loin que vous le souhaitez, vous pouvez ajouter des couleurs, vous pouvez ajouter d'autres projets à cela, Je pourrais ajouter
des enveloppements de véhicules et des
choses comme ça. instant, je
veux juste vous montrer comment arriver au bout de tout ça. Ce que vous allez faire, c'est qu'une fois que vous aurez tout
configuré comme vous l'aimez, nous allons venir ici pour déposer des fichiers et nous allons exporter. Il y a deux
choses différentes que nous pouvons faire ici. Si nous venons ici
au format de fichier, l'
un d'eux est un GIF animé, soit la façon dont vous voulez le
dire, tout le monde dit différemment. Je ne sais pas. [RIRES] Nous allons le faire, cliquez sur la qualité de l'image
et nous avons un moyen, ce qui serait un
excellent point de départ, petit pourrait être encore meilleur. Nous allons le faire très rapidement,
et vous pouvez voir
que la taille serait 426 pixels de large
sur 240 pixels de haut. Je veux que ce soit un
peu plus grand que cela, voyons à quoi cela
ressemble, 640 x 360, qui pourrait être parfait
pour aller. Voyons ce qu'est la
grande taille, 1280 x 720, qui pourrait
être encore plus idéale. Mais en fonction de l'endroit où vous allez mettre cette chose, vous pouvez jouer avec
ces tailles et la faire composer
exactement comme vous le souhaitez. La prochaine chose que nous
allons faire, c'est la seconde dépensée sur chaque diapositive. Je veux juste que nous soyons
une seconde pour l'instant,
cela pourrait
être cinq secondes par défaut, alors allez-y et passez à un, puis des diapositives, nous
allons faire 1-5. Je vais
cliquer sur « Exporter ». Vous pouvez le voir
apparaître ici, et vous verrez quand
cette ligne sera terminée, c' est fini et
prêt pour nous ici. Je vais sauter ici
où nous venons d'exporter cela, et vous pouvez voir qu'il joue
automatiquement. C'est un GIF animé. Je vais dire dans les deux cas, dans les
deux sens à chaque fois que je dis ceci, [RIRES] parce que je ne
sais pas de quelle façon le dire. Quoi qu'il en soit, vous pouvez
voir que cela ne boucler encore et encore
, ce qui est exactement ce que je veux. Maintenant, une chose que vous remarquerez,
c'est qu'elle vient de disparaître du noir. Ce que nous allons
faire pour résoudre ce problème, je vais cliquer sur
cette première diapositive et au lieu d'avoir
la transition
de morph à partir de la toute première diapositive, nous allons le
transformer en aucune. L'autre chose que je tiens à
souligner est la taille de ce fichier. Nous avons fait cette exportation moyenne, était-elle moyenne ou
grande ? C'était important. Vous pouvez voir que la taille du fichier
est d'environ 23 mégaoctets, ce qui peut être parfait en fonction de l'endroit où vous
allez placer cette chose. Revenons ici pour le fichier, passons à l'exportation, revenons ici
au GIF animé. Je sais que je
vous rends dingues, je suis désolé. [RIRES] Ceci est réglé sur
moyen. Medium a fière allure. Cliquez sur « Exporter », j'appuie sur « Remplacer »,
donc le rendu. Revenez dans notre fenêtre de recherche et nous verrons cela ici, et maintenant il n'y a que huit mégs, c'est environ la moitié de la taille
réelle. C'est génial. Cela ira parfaitement
dans mon portfolio Behance, et il devrait rester ici
et faire une boucle encore et encore sans avoir à avoir
un lecteur vidéo sur la page. Parfait. C'est exactement ce que je voulais
pouvoir partager cette chose. Une autre façon de partager
cela consiste à exporter un fichier MOV. Nous allons aller au fichier,
à exporter, et modifions ce format
ici en MOV ou MP4, vous pouvez faire les deux. Ensuite, les secondes passées sur chaque
diapositive avec un timing défini, nous allons le mettre en une seule et puis tout le reste
semble de bonne qualité. Vous avez la qualité de
présentation, qui est HD 1920 par 1080, ou la qualité
Internet 720, ou la qualité médiocre qui est la 480. Passons à la qualité Internet, nous cliquons sur « Exporter » et même chose, ça va le rendre ici, nous attendrons que ce soit fait. Ensuite, nous pourrons trouver
cela dans le Finder. Maintenant, nous avons également un fichier
vidéo MOV que vous
pouvez déposer dans tous les projets que vous vouliez si vous souhaitez
éditer une vidéo. Cela semble un peu
granuleux parce que nous avons fait la qualité d'Internet, mais vous pouviez aussi faire la
qualité. là que tu y vas. Allons de l'avant
et faites-le très rapidement et voyons
simplement quelles sont les différences de
taille du fichier. heure actuelle, la
qualité d'Internet est de 12 mégs. Nous allons revenir ici, aller
au fichier, exporter, descendre au MOV, et nous allons
appeler celui-ci HD. C'est sur la qualité de la présentation, réglez cela à un, est-ce que j'ai fait
de la qualité de la présentation ? Je l'ai peut-être fait. Je suis désolé les gars. Passons dans Finder, et nous avons notre MOV
régulier qui est 12 mégs et 720p, puis nous avons la version HD
qui est d'environ 20 mégs, donc à peu près le double, et quand j'ouvre mais cela devrait paraître beau et croustillant, et nous pouvons utiliser cette vidéo n'importe où vous
voulez mettre une vidéo. Dans la leçon suivante, ce que
nous allons faire, c'est aller de l'avant et d'apprendre
comment le déposer dans votre portefeuille Behance, si vous avez un portefeuille Behance.
11. Partagez votre présentation: Dans la dernière vidéo, je vous ai montré comment exporter votre présentation
sous forme de fichier vidéo. Nous l'avons ici, en
avançant automatiquement dans chaque diapositive et en
l'exportant sous forme de vidéo HD. Ensuite, nous l'avons également ici
en tant que GIF animé. [RIRES] Il ne fait que boucler encore
et encore. Super cool. Dans ce projet, ou je
suppose que dans cette leçon, je vais vous montrer
comment télécharger cela un portfolio Behance. Vous pouvez également envoyer
ces fichiers par e-mail à un ami si vous souhaitez
montrer ce que vous faites. Je pense que cela dépend de l'
endroit où vous envoyez des courriels à partir de moins de 30 mégs. Si vous utilisez Office, je crois environ 20 mégs, selon les autres
plateformes de messagerie. Je digresse. Allons dans behance.net. Je vais venir ici et
cliquer sur « Partager mon travail ». Nous allons construire une étude de cas
complète. Ou je pourrais simplement faire un travail
en cours, peu importe. Nous allons simplement cliquer sur
« Projet » pour l'instant. Je vais cliquer sur « Ajouter du contenu »
ici, cliquer sur « Image », et nous allons
aller chercher. Nous avons ces deux méthodes. Nous pourrions faire le MOV ou le GIF
animé ici. GIF animé. [RIRES] Je suis désolé
les gars. On y va. Cliquez sur « Upload », et maintenant il se
joue automatiquement sans
avoir à faire autre chose. C'est tout, les gars. C'est
tout ce que vous devez faire. Ensuite, il sera assis ici et
en boucle encore et encore, ce qui est super cool. Je peux passer par ici
et ajouter du texte, ajouter un titre, le flasher, le poster
et partager mon travail. Je vais aller de l'avant et cliquer sur
« Enregistrer en tant que brouillon » pour l'instant, « Enregistrer en tant que brouillon » pour l'instant car cela ne fait pas partie car cela ne fait pas partie
du cours pour vider mon portefeuille, mais le reste est à peu près
pointe-clic sur vous
gars. C'est vraiment
simple et c'est un moyen super cool d'ajouter l'interactivité à vos publications de
portfolio. Vous pourriez facilement laisser tomber
cette même chose. Si vous utilisez WordPress Squarespace ou Wix ou
quoi que ce soit de ce genre, vous pouvez ajouter ces
présentations sous forme vidéo animée essentiellement
dans vos projets, ce qui est super cool. Ce que j'aimerais voir, c'est que vous
exportiez ces fichiers, puis téléchargez les fichiers GIF
animés. [RIRES] Téléchargez-les dans
la zone du projet. Alors dites-moi
comment le dites-vous. Vous dites GIF ou
vous dites GIF ? Très bien, les gars.
Merci de l'avoir regardé, et je vous verrai
dans la prochaine vidéo.
12. Fin: Merci beaucoup d'avoir passé du temps avec
moi dans ce cours. J'espère que cela vous a plu et
appris beaucoup de conseils amusants et
précieux pour
utiliser PowerPoint. Si vous avez apprécié ce
cours et que vous
voulez en savoir plus sur le design
graphique, j'ai une tonne de cours de
graphisme, vous pouvez voir les liens ici. N'oubliez pas non plus de
donner à cette vidéo un coup de
pouce ou un j'aime ou de la partager, partout où vous pouvez le faire,
cela m'aide vraiment. Et j'apprécie que vous
passiez du temps avec moi. Pour les prochaines étapes, n'oubliez pas de suivre
et de faire le travail. Utilisez les actifs que
j'ai fournis, le matériel bonus,
puis partagez votre travail avec la classe
qui effectue ce projet de classe. Très bien, les gars. Merci
beaucoup. Pouvez-vous passer une journée géniale.