Transcription
1. À quoi pouvez-vous vous attendre à ce cours ?: Salut. Je m'appelle Andrea, je suis designer du Brésil. Je travaille avec le marketing numérique depuis huit ans maintenant. Grâce à ce cours, je vais vous apprendre à faire une bannière animée en utilisant Photoshop. Si vous êtes un débutant, c'est bon. Je vais passer par tous les effets étape par étape. Cette classe est idéale pour les pigistes, les propriétaires de
petites entreprises et les personnes qui aiment un nouveau numéro. Grâce à ces compétences, vous pouvez transformer votre présence sur les réseaux sociaux et accroître engagement de
votre audience avec vos bulletins d'information électroniques et votre site Web. On se voit dans la 1ère leçon.
2. PROJET DE COURS: Pour cette classe, vous allez faire une bannière pour votre marque préférée. Cela aide vraiment si vous choisissez une marque qui résonne avec vous et avec votre style. Après avoir choisi votre marque, vous devez faire le manuel ou les directives de la marque. Cela vous guidera dans la création d'une bannière qui convient vraiment à votre marque. Lors de la création de votre bannière, vous devrez utiliser au moins un effet que vous apprendrez de cette classe. Dans la leçon suivante, nous allons parler de la façon de faire le manuel d'une marque.
3. Apprenez à connaître votre marque: Salut tout le monde. Dans cette leçon, nous allons faire un manuel de marque. Qu' est-ce qu'un manuel de marque ? Un manuel de la marque, c'est une ligne directrice qui montre comment une entreprise communique. C' est un livre de règles qui montre l'apparence et peu de l'image de marque d'une entreprise. Pour cette leçon, nous allons créer un format condensé du manuel d'une marque. Nous n'aurons besoin que du logo, des sous-repères, des logos et polices alternatifs, palette de
couleurs et, surtout, de la voix de la marque. Si vous le souhaitez, vous pouvez télécharger ces modèles dans l'onglet ressource. Commençons par mettre les logos et les sous-marques et les logos alternatifs sur leurs espaces. Pour modifier les couleurs des palettes de couleurs, vous devez sélectionner le groupe appelé palette de couleurs, ouvrir le groupe. Vous pouvez sélectionner une nouvelle couleur, je vais sélectionner la Couleur 1. Cliquez avec le bouton gauche et allez dans l'onglet « Propriétés ». Vous avez l'onglet des calques et les propriétés sont sur la droite, cliquez là. Dans les « Détails de la forme », vous pouvez modifier la couleur de l'intérieur et de l'extérieur de l'objet. Je vais cliquer sur ce gris et mettre la palette de couleurs de ma marque. Voici la palette de couleurs de ma marque. Logo alternatif, l'avoir ici. Ensuite, nous allons mettre les polices. Le dernier qu'il faut remplir, c'est la voix de la marque. La voix de la marque est la façon dont une entreprise communique. Savoir comment votre marque communique, connaître la voix de votre marque peut faire la différence entre une campagne réussie et une campagne sans engagement. Nous pouvons voir dans cet exemple deux marques différentes et comment elles expriment la même chose, mais avec des voix différentes. ModCloth et Anthropologie veulent encourager les gens à s'abonner à leur liste de courriels, mais comme leurs voix sont différentes, la façon dont ils ont demandé cette information est différente, non seulement visuellement, mais aussi ils ont demandé la partie textuelle. voix de ma marque est solidaire et ludique. Ces concepts doivent apparaître sur chaque partie visuelle de ma marque sur ma boutique en ligne, mon post sur les réseaux sociaux, mes campagnes de courriels, tout doit montrer la voix de ma marque. Dans cette leçon, nous avons appris à mieux connaître notre marque en réalisant ce manuel. Nous avons également appris l'importance de connaître la voix d'une entreprise et comment cette voix peut influencer beaucoup de choses sur votre bannière ou sur les médias sociaux. N' oubliez pas de partager votre manuel dans l'onglet projet de cette classe. Dans la leçon suivante, nous allons parler du but de votre bannière. Voulez-vous faire une bannière d'abonné ou faire un post sur les réseaux sociaux ? Voulez-vous quelque chose pour annoncer un nouveau produit ? On va en parler à la prochaine classe. On se voit alors.
4. Quel est votre objectif votre objectif: Salut tout le monde. Dans cette leçon, nous allons parler du but de cette bannière que nous allons faire. Voulez-vous faire quelque chose pour obtenir plus d'abonnés pour votre annonce par e-mail ou voulez-vous annoncer un nouveau produit ? Vous pouvez faire une bannière des fêtes ou des événements comme la vente de la Saint-Valentin ou le Black Friday, ou vous voulez faire quelque chose pour les campagnes par e-mail ou la publication sur les réseaux sociaux.
5. Réaliser l'animation : Premières étapes: Maintenant, nous allons configurer notre document et commencer à faire notre première animation. Selon le type de bannière que vous allez faire, la taille peut être très différente. Je vais faire un post pour Instagram. Pour Instagram, la taille de votre fichier sera un carré de 1080. Je vais mettre 1080, 1080, et la résolution que je vais utiliser 150 pixels/pouce, mode couleur
RVB et créer. Il s'agit de la taille du fichier pour un article Instagram. Si vous voulez faire quelque chose pour les histoires Instagram, le fichier est de taille différente. Vous pouvez vérifier toutes les tailles des documents sur notre onglet ressource. Quand vous aurez terminé, nous commencerons à faire notre première animation en utilisant Photoshop. Je vais faire une bannière pour la Saint-Valentin, mais nous allons commencer par utiliser cette photo que j'ai ici. Nous utilisons ce cadeau comme une source d'inspiration. J' aime ce genre d'effet du rouge et du rose. On va essayer d'imiter ce filtre. Je vais utiliser l'outil de seau de peinture. Alors je vais choisir « Color Dodge ». Je suis plutôt content de cet effet. Ensuite, nous allons ajouter le texte à notre post. Je vais utiliser cet effet qui change la couleur du texte d'arrière-plan. Ici, nous pouvons voir le changement pour différentes couleurs. On va faire ce style. La première chose que nous devons faire est de changer la couleur du calque que nous voulons animer. Dans ce cas, je veux que la couche de vente Saint-Valentin change de couleur. Sélectionnez donc le calque que vous avez, cliquez avec le bouton droit et sélectionnez « Dupliquer le calque. » Cliquez sur « OK ». Maintenant, dans ce nouveau
calque, vous allez utiliser la commande U ou le contrôle U. Cette fenêtre, Teinte/Saturation, vous pouvez changer la couleur du nouveau calque que vous avez créé. N' oubliez pas de sélectionner l'option de colorisation. De cette façon, vous pouvez changer la couleur que vous voulez. Lorsque vous êtes satisfait de la couleur que vous avez choisie, cliquez
simplement sur « OK », puis vous avez le nouveau calque dans une couleur différente. Vous pouvez faire ce nombre de fois que vous voulez. Maintenant, pour faire une animation, vous devez aller à la fenêtre et la chronologie. Ensuite, vous pouvez cliquer sur « Créer une animation de cadre » ici. Maintenant, c'est la première image et ce nombre en bas est l'heure, il va être affiché sur l'animation. Donc pour l'instant, c'est à zéro seconde. Je vais bouger 0,5 seconde. C' est la première couche, la Saint-Valentin sur la couleur blanche. Maintenant, pour créer un nouveau
calque, vous allez aller ici, cliquez sur ceci. Cette couche est exactement la même que la première. Pour faire l'animation, vous devez cliquer sur le calque suivant. Maintenant, c'est la couleur blanche, et maintenant je vais mettre la couleur bleue. Maintenant, nous avons le blanc. Maintenant, vous pouvez choisir ce paramètre comme une seule fois, sorte que l'animation ne va qu'une seule fois, ou vous pouvez choisir l'option pour toujours qui va dans une boucle, ou la dernière est trois fois. Je vais choisir pour toujours, et jouer l'animation. C' est le type d'animation le plus simple que vous pouvez faire. Je change juste la couleur des étiquettes. Je vais finir ce design en changeant la position. Comme c'est la Saint-Valentin, je vais utiliser cette police manuscrite. Ok, j'ai une idée. Ça ne marche pas. Quelque chose manque. Je vais utiliser ce texte ici, supprimer ceci, [inaudible] et ce sera une deuxième phase de l'animation. Ce sera donc le groupe 2. Dans ce groupe 1, nous avons cette vente Saint-Valentin. Le deuxième groupe sera la fin de l'animation. J' ai fait dans Illustrator ce contour pour la vente de la Saint-Valentin. Maintenant, la dernière couche, nous allons utiliser l'arrière-plan du deuxième groupe. Je vais cacher tout ça et montrer le deuxième groupe. Puisque c'est la fin de l'animation, je vais mettre une seconde et ça va être une fois. C' est à ça que ça va ressembler. Si vous souhaitez passer à un nombre différent de ces options, vous pouvez cliquer sur « Autre » et taper le nombre que vous voulez, par exemple 0,3 seconde. Si vous souhaitez modifier la durée d'un seul calque, il vous suffit de cliquer et de sélectionner le nombre souhaité. Mais si vous souhaitez modifier la vitesse de plusieurs calques, vous pouvez cliquer sur le calque, maintenir la touche Maj enfoncée, puis vous les sélectionnez tous. Vous pouvez modifier la vitesse de tous ces calques. Cette affaire, je vais mettre 0,5 et la dernière, une seconde. Donc, cet effet est assez simple. Vous pouvez faire beaucoup de choses intéressantes avec elle. Vous pouvez aussi faire quelque chose comme ça. Juste en cachant un calque et en plaçant un autre calque sur le dessus, vous pouvez également faire quelque chose comme ça. Une autre façon d'utiliser cet effet est de créer un arrière-plan animé. Par exemple, nous avons ce fond rose et en plus nous avons beaucoup de points, comme un motif à pois. En plus de cela, vous pouvez prendre ce calque, le dupliquer, puis utiliser le contrôle T ou la commande T, et vous pouvez basculer verticalement. Donc il suffit de retourner ceci et ensuite vous avez deux couches différentes. Pour créer un arrière-plan animé, il
suffit d'aller à la fenêtre, chronologie. Le premier cadre est le premier motif de polkadot que nous avons fait, et la deuxième couche va être ceci, le deuxième motif. Je voulais que l'effet soit très rapide, donc 0,2 seconde. Allons frapper « Jouer ». De cette façon, seul le fond change et les textes restent immobile. Celui-ci est pour les histoires Instagram. Nous avons la couleur de fond et les images des vêtements continue bouger et aussi ce carré jaune. Dans cette leçon, nous avons appris comment créer cet effet puissant en montrant un calque puis en le cachant. Nous avons également vu différentes façons d'utiliser cet effet. Vous pouvez faire beaucoup de choses différentes, cela va juste dépendre de votre créativité. Je suis vraiment excité de voir ce que tu peux faire. Alors n'oubliez pas de partager votre travail sur le projet de classe afin que tous les membres de la classe puissent voir votre excellent travail. Dans la leçon suivante, nous allons explorer différentes façons de montrer mouvement en utilisant Photoshop et l'animation d'image. Alors, on se voit alors.
6. Réaliser l'animation : Stop Motion: Dans cette leçon, nous allons apprendre comment faire une animation en utilisant des photos. Avant de commencer, vous aurez besoin de quelques photos de certains produits. Si vous avez des doutes sur la façon de photographier vos produits, il y a beaucoup de cours merveilleux ici sur Skillshare pour vous apprendre beaucoup de conseils sur la façon de photographier à la maison et avec votre iPhone. Quand vous avez tout prêt, commençons. Voici quelques conseils sur la façon de photographier votre produit. Utilisez un éclairage artificiel. Si vous utilisez un éclairage naturel, et soudainement le temps change, cela affectera votre situation lumineuse. L' éclairage doit être cohérent dans chaque cadre, il suffit d'utiliser une lampe. J' utilise un clip en ligne sur ces photos et elles fonctionnent très bien. Gardez votre arrière-plan simple et concentrez-vous sur votre animation devrait être votre objet, l'arrière-salle devrait être vraiment propre et simple. Ne déplacez pas votre appareil photo, utilisez un trépied ou un support téléphonique et faites attention si votre bosse dans votre trépied, vous devez tout recommencer. Prenez votre temps avec vos photos sinon, vous devez passer le temps que vous avez consacré à vos photos en ajoutant Photoshop. Faites de petits mouvements. Si vos objets font de grands pas, ça va sembler bizarre quand vous animez. Maintenant, j'ai mes photos ici. Je photographie ces poupées de nidification russes que j'
ai sur mon étagère maintenant pour faire l'animation. C' est la première image. Nous devons le rendre un peu plus long que l'autre cadre, je vais mettre une seconde, et la suivante, nous pouvons commencer par mettre à 0,5 seconde, la réaction est plus rapide. C' est à ça que ça va ressembler. Ce type d'animation ne fonctionnera que si votre arrière-salle et votre éclairage sont vraiment stables. Sinon, vous devez l'ajouter image par image, cela va prendre beaucoup de travail, assurez-vous que vos photos sont parfaites, et quelques petites choses dont vous aurez besoin pour l'ajouter dans Photoshop. C' est à quoi ressemble l'image et c'est avec l'édition. Dans cette leçon, nous avons appris comment faire une animation stop motion à l'aide de photos, et nous avons appris que la chose la plus importante est une photo de haute qualité, non seulement dans le sens de la résolution, mais avec un fond propre et un appareil photo stable, sinon, cela va être très difficile, vous aurez besoin de modifier toutes les photos que vous prenez et cela prend beaucoup de temps. Je suis vraiment excité de voir ce que vous pouvez faire en stop motion. N' oubliez pas de poster sur l'application de projet de classe, afin que tout le monde dans la classe puisse voir. Dans la leçon suivante, nous allons apprendre comment
exporter nos fichiers de manière à ne pas perdre la qualité, ou cela s'avère vraiment lourd, et nous pouvons poster sur nos réseaux sociaux ou sur notre site Web. Si vous avez des doutes sur le format que vous devez choisir pour vos GIF ou vos vidéos. S' il vous plaît vérifier la leçon suivante.
7. Comment exporter votre fichier: Dans ce cours, nous allons apprendre différentes façons de faire des animations, mélangeant
parfois des photos ou d'autres éléments. Ces mélanges de médias peuvent faire une taille de fichier vraiment lourde. Plus la taille du fichier est grande, le temps de chargement est lent. Cela peut être vraiment frustrant pour votre abonné ou votre spectateur, car l'image prendrait beaucoup de temps à télécharger, à apparaître. Dans cette leçon, nous allons parler de la façon d'exporter votre fichier d'une manière que vous ne perdez pas la qualité et que ce n'est pas un fichier trop volumineux. Consultez l'onglet ressource, notre guide de taille de fichier pour les gifs. Tout d'abord, comment exporter votre fichier ? Pour exporter votre fichier, vous devez aller à, « Fichier », « Exporter », « Enregistrer pour Web Legacy ». Si vous voulez faire une vidéo, au lieu d'aller à « Enregistrer pour Web Legacy », vous devez aller à « Render Video ». Lorsque vous créez votre gif, il y a des choses que vous devez considérer car cela peut affecter le poids d'un fichier. Par exemple, si vous pouvez choisir une transition entre une image et une autre image d'animation, coupe est la meilleure façon de garantir une taille de fichier plus petite que la décoloration. Pour effectuer cette transition de décoloration, vous devez modifier l'opacité de plusieurs couches afin qu'elle puisse donner cet effet lisse. Plus vous avez de couches dans votre fichier, plus votre taille
de fichier est grande. Une autre chose qui peut rendre votre fichier vraiment lourd est la quantité de couleurs que vous avez dans votre animation. Dans ce cas, nous avons un calque qui est une photo, et un autre calque qu'il est d'une couleur avec le texte blanc. Une photographie a toujours beaucoup de couleurs complexes, ce qui rend vraiment votre fichier lourd. Lorsque vous décidez de votre design, gardez vos palettes de couleurs simples. Lorsque vous exportez votre fichier, n'oubliez pas de garder cette option sur adaptive et la case de transparence cochée. Cela garantira une taille de fichier plus petite. Maintenant, à propos de ce dither, si vous avez quelque chose de vraiment complexe, vous devez aller à 128. Si quelque chose de simple, vous pouvez aller à 64. Plus votre pourcentage de dither est élevé, plus
la taille du fichier est grande. Gardez à l'esprit que vous devez équilibrer cette qualité avec la taille que vous pouvez utiliser. Plus la perte va vraiment interférer avec la qualité de votre image. Essayez de le laisser à 20-40 pour cent. De cette façon, vous n'avez pas besoin de changer toutes les scènes, vous changez juste la perte. Dans cette leçon, nous avons appris comment exporter
votre fichier de manière à ne pas perdre la résolution, de
sorte que vous pouvez publier sur vos réseaux sociaux, sur votre site Web
ou votre e-mail, et vous ne perdrez pas tout le travail que vous consacrez à
faire votre animation. N' oubliez pas de partager vos projets à l'étape du projet de classe. De cette façon, tout le monde dans la classe peut voir votre excellent travail. J' ai vraiment hâte de voir ce que vous pouvez faire avec ces techniques que nous explorons ce cours.
8. Conclusion: Félicitations, vous êtes arrivé jusqu'à la fin de ce cours. Nous avons beaucoup appris en cours de route sur la création d'animations et l'amélioration de la connaissance de votre marque ou de la marque de votre client. Nous avons également appris d'excellentes façons de garantir la qualité de votre projet, soit en choisissant la bonne taille de fichier, soit en faisant quelques choix pendant le processus d'animation afin que vous ayez une animation avec une grande qualité et résolution. J' espère que vous vous sentez inspiré d'ajouter des animations à vos bannières, car les animations et les vidéos, en général, ont un taux de visionnage plus élevé qu'un simple post ou une image fixe. Si vous voulez des commentaires sur votre travail, n'
oubliez pas de partager votre projet de classe. De cette façon, je peux vous donner quelques conseils. Je suis vraiment excité de voir ce que vous pouvez faire avec ces différentes techniques que nous apprenons pendant ce cours. C' est ma première classe ici à Skill share. Si vous l'aimez, s'il vous plaît laissez un commentaire et suivez-moi ici à Skillshare. Merci beaucoup d'avoir rejoint ce cours. À la prochaine fois.
Andréa Anzai, Designer & Illustrator
