La théorie des couleurs simplifiée - Un cours de design graphique en mouvement court

1. Introduction: d'avoir une compréhension de base Il est important d'avoir une compréhension de base de la théorie des couleurs pour les animations graphiques. Dans ce cours, je vais vous présenter roue chromatique et la psychologie des couleurs, vous montrer le moyen le plus simple de générer une palette de couleurs et, ensemble, nous animerons un arrière-plan dégradé J'ai hâte de voir ce que vous allez créer. 2. Pour commencer: Pour ce cours, vous aurez besoin d'Adobe After Effects et d'Adobe Media Encoder pour exporter Je vais inclure un fichier de dégradé complet dans la page du projet et des ressources. Le projet de classe consiste à créer une palette de couleurs, et ensemble nous allons créer un arrière-plan dégradé. Je me sens libre de publier votre projet dans la galerie de projets. J'adore voir ce que tu crées. 3. Roue des couleurs et harmonies de couleurs: Nous voici sur la roue chromatique d' Adobe. Mais en réalité, vous pouvez utiliser n'importe quelle roue chromatique que vous trouverez sur Internet. Pour que ce cours soit bref, nous allons nous concentrer uniquement sur les trois harmonies de couleurs les plus utilisées dans les animations graphiques N'oubliez pas que ce ne sont pas les seules harmonies de couleurs, mais qu'elles sont les plus utilisées La première harmonie de couleurs que nous allons examiner est analogue. va de même lorsque vous utilisez des couleurs situées les unes à côté des autres sur la roue chromatique Par exemple, le vert va toujours bien avec le jaune, rouge va toujours bien avec l'orange. Le violet va toujours bien avec le bleu. Je suis allée de l'avant et j'ai créé un tableau Pintrs avec des échantillons d'harmonies de couleurs que nous étudions dans ce cours Je suggère vraiment de le parcourir pour trouver l' inspiration pour vos palettes de couleurs. Vous trouverez le lien sur la page du projet et des ressources. Voici quelques exemples d'une harmonie de couleurs analogue. La prochaine harmonie de couleurs que nous allons examiner est appelée monochromatique monochromatique se produit lorsque vous utilisez différentes nuances de la même Celui-ci est assez simple. Voici quelques exemples de cette harmonie monochromatique. La troisième harmonie de couleurs que nous allons examiner est complémentaire. C'est gratuit lorsque vous utilisez des couleurs de l' autre côté de la roue chromatique. Par exemple, l'orange va toujours bien avec le bleu, vert va toujours bien avec le rouge, etc. Voici quelques exemples de cette harmonie complémentaire. UN 4. Couleurs neutres: Le noir et le blanc, ainsi que le brun, sont tous neutres, ce qui signifie qu' ils peuvent être beaux dans presque toutes les compositions. Voici quelques exemples de couleurs neutres utilisées dans des compositions. 5. Psychologie des couleurs: OK. Une autre chose que vous voudrez peut-être prendre en compte lors du choix vos palettes de couleurs est la psychologie des couleurs, c' est-à-dire les différentes significations et sensations que les différentes couleurs peuvent transmettre. Par exemple, le rouge peut transmettre la force, l'excitation, l' amour, le rose peut transmettre la sincérité, la compassion et le raffinement Le violet évoque le luxe, la royauté, la spiritualité. L'orange est synonyme de succès, de confiance et de bravoure. Le jaune peut transmettre le bonheur, la créativité et la chaleur. Le vert peut transmettre la guérison, la nature, la fraîcheur et le bleu peut transmettre la paix, la confiance et la loyauté. 6. La façon la plus simple de générer une palette de couleurs: Dans cette leçon, je vais vous montrer le moyen le plus simple de générer une palette de couleurs. C'est tellement simple que cela rend presque le reste de ce cours inutile, mais je pense quand même qu' il est important de comprendre pourquoi il choisit les couleurs qu'il choisit. Nous allons utiliser un site Web appelé Coolers. Une fois sur le site Web de Coolers, vous pouvez cliquer sur le bouton Démarrer le générateur Une fois dans le générateur, appuyez sur la barre d'espace pour qu'il fasse tout le travail à votre place et choisisse des palettes de couleurs qui vont bien ensemble. Si vous aimez une couleur, vous pouvez appuyer sur ce bouton de verrouillage pour conserver cette couleur. J'aime bien cette couleur violette, donc je vais la garder , puis vous pourrez continuer à appuyer sur la barre d'espace. Une fois que vous avez une palette de couleurs qui vous convient, vous pouvez accéder à Exporter et l'enregistrer sous forme d'image. 7. Une autre façon de générer une palette: OK, disons que vous n'avez pas envie créer une palette de couleurs en utilisant les autres méthodes. Alors, comment pouvons-nous créer une palette de couleurs autrement ? Eh bien, je suis de retour sur la roue chromatique d'Adobe, et je vais vous montrer une autre méthode super simple. Si vous allez ici, vous pouvez trouver l'onglet « Extraire le thème ». Nous pouvons cliquer pour sélectionner un bouton Fichier. Voici une photo très floue d'un coucher de soleil que j'ai prise. Et comme vous pouvez le constater, Adobe crée une palette de couleurs en utilisant les couleurs de la photo. Nous pouvons passer à la roue chromatique et nous pouvons voir exactement où se trouvent les couleurs sur la roue chromatique. Si vous le souhaitez, vous pouvez les déplacer pour choisir différentes couleurs sur la photo. Il y a aussi l'onglet Extraire le dégradé, qui fait essentiellement exactement la même chose sauf qu'il crée un dégradé pour vous. Et pour l'enregistrer, nous pouvons aller ici et cliquer pour le télécharger sous forme de bouton JPEG. 8. Arrière-plan dégradé animé: OK. Créons maintenant notre arrière-plan dégradé. La première chose que nous allons faire est d'importer notre palette de couleurs. Nous pouvons placer notre palette de couleurs dans notre chronologie. Appuyez sur S pour faire apparaître l'échelle. Nous allons le réduire et le mettre dans un coin. Nous allons maintenant créer un nouveau solide. À l'aide du sélecteur de couleur, nous choisirons notre couleur unie pour déplacer notre solide vers le bas de la chronologie Nous pouvons dupliquer le calque avec Control D, rechercher l' effet de remplissage dans les effets et les préréglages et l'ajouter à notre nouveau calque solide Utilisez à nouveau le sélecteur de couleur pour choisir la couleur suivante. Encore une fois, nous allons dupliquer notre couche. Utilisez le sélecteur de couleurs. C'est à vous de décider du nombre de couches que vous souhaitez avoir et du nombre de couleurs que vous souhaitez utiliser. Maintenant que nous avons toutes nos couches solides, nous allons dessiner des masques à l'aide de l'outil Stylo. Nous allons maintenant dessiner un masque sur chacune de nos couches solides. OK. Maintenant que nous avons dessiné des masques sur nos couches, ajoutons une petite animation. Recherchez l'effet de déplacement turbulent. Placez-le sur l'une de vos couches solides. Appuyez sur Alt et cliquez sur le chronomètre Evolution. Nous allons utiliser un temps d' expression multiplié par 50. Comme vous pouvez le constater, cela ajoute un peu d'animation à notre couche solide. Et ce que nous allons faire, c'est le copier-coller sur nos autres couches. Contrôle C pour copier, contrôle V pour coller. Sélectionnez maintenant toutes les couches solides et appuyez sur F pour faire apparaître la plume du masque, et nous allons augmenter ces chiffres jusqu' à obtenir un joli dégradé Et c'est essentiellement ça. Vous pouvez toujours ajuster vos masques et les plumes de vos masques pour obtenir le look que vous aimez. Et tu peux toujours revenir en arrière et changer de couleur. Voici quelques autres exemples que j'ai créés en modifiant les masques et les couleurs. Pour lui donner un aspect plus granuleux, nous allons utiliser une couche de réglage J'ai une couche, une nouvelle couche de réglage. Une fois la couche de réglage sélectionnée, recherchez l'effet de bruit HLS auto, changez le type en grain et nous pouvons augmenter la luminosité jusqu'à environ huit Vous pouvez également modifier la vitesse de l'animation en modifiant ce nombre dans l'expression. J'ai hâte de voir ce que vous allez pouvoir trouver. 9. Exportez: Voici une petite leçon sur la façon d'exporter votre animation. Tout d'abord, vous allez vouloir réduire votre espace de travail. Il s'agit de la longueur de votre animation lorsque vous l'exporterez. Je vais gagner 5 secondes en appuyant sur N sur le clavier ou en faisant glisser la fin de la zone de travail. Nous pouvons maintenant accéder à Fichier, Exporter, ajouter à la file d'attente Adobe Media Encoder Une fois que Media Encoder est ouvert, nous pouvons cliquer ici pour afficher nos propriétés Format F, je vais choisir H 0,264. Et à côté des préréglages, vous pouvez voir une liste complète des préréglages qu' Adobe a créés pour vous Pour celui-ci, je vais choisir YouTube ten ADP. Ici, nous pouvons nommer notre animation et choisir où nous allons l'exporter. Et comme nous avons choisi un préréglage, nous n'avons pas vraiment à nous soucier des autres paramètres. Nous pouvons descendre, cliquer sur OK, puis sur la flèche verte pour exporter. 10. Outro: Félicitations et merci d'avoir suivi ce cours. Vous pouvez désormais partager votre projet dans la galerie de projets afin que tout le monde puisse voir les palettes de couleurs que vous avez créées. 11. Leçon bonus - Les autres harmonies de couleurs: Jetons maintenant un coup d'œil à certaines de ces autres harmonies de couleurs que nous n'avions pas abordées plus tôt Passons à l'onglet Harmonie des couleurs vers le bas. Split gratuit. Au lieu d'avoir une couleur complémentaire, il prend la couleur complémentaire et la divise en deux couleurs situées l'une à côté autre sur le cercle chromatique Voici quelques exemples que j'ai trouvés de l'harmonie complémentaire partagée. OK, continuons à parcourir la liste. Ensuite, nous avons le carré, qui semble être le plus simple, en prenant une couleur de chaque côté de la roue chromatique. Voici quelques exemples de l'harmonie carrée. Voyons Triad. La triade peut donc être considérée comme un triangle. C'est similaire au carré, sauf que nous n'utilisons que trois points sur la roue chromatique. Voici quelques exemples de triades. Continuons. Voyons le composé. Le composé semble un peu intéressant. Le composé semble être un mélange de complémentarité et d'analogue. Il a une couleur complémentaire, et les deux couleurs complémentaires ont également une couleur analogue Voici quelques exemples de l' harmonie composée que j'ai pu trouver. La teinte est presque exactement la même que le monochrome. monochrome et les nuances utilisent tous deux des nuances différentes de la même