Illustrez et animez une boule de neige de Noël avec Adobe Illustrator et Photoshop

1. Introduction: Bonjour, je suis Maya, et je suis de retour, et je suis un concepteur de motifs de surface et illustrateur basé à Stockholm, en Suède. Dans ce cours, je vais vous montrer comment créer cette animation amusante et simple, boule à neige. Nous utiliserons Adobe Illustrator pour dessiner et Photoshop pour animer. Je vais vous apprendre ma façon de le faire, ce qui signifie que vous n'avez pas besoin de tout redessiner dans l'animation. C' est une classe pour vous qui veut apprendre à faire rapidement des animations à partir de vos dessins, afin que vous puissiez les partager sur Instagram ou l'envoyer comme un vœux de Noël à vos amis et votre famille. ici là, dans cette classe, vous serez en mesure de créer votre propre animation de boule à neige de Noël, ce qui signifie essentiellement que vous pouvez créer des animations à partir de tous les dessins. C' est une grande classe pour les deux illustrateurs professionnels, qui veulent apprendre un moyen rapide et facile de faire des animations des dessins. Ainsi que vous, qui veulent juste créer une carte de vœux de Noël amusante et numérique à envoyer à vos amis et votre famille. 2. Croquis rapide: Commençons par un croquis rapide juste pour obtenir quelques idées pour la boule à neige. Ce que vous devez comprendre ici, c'est ce que vous voulez inclure dans votre globe et quelles parties de celui-ci que vous voulez animer. Comme vous pouvez le voir, je suis juste en train de dessiner quelques idées très rapidement. Parce que c'est une boule à neige, je sais que je veux animer la neige qui tombe, mais peut-être que je veux animer autre chose pour la rendre plus vivante. Je garde généralement les choses très simples et je fais quelques beaux détails pour animer mes dessins, et cette fois je vais faire celui-là. Je vais animer la neige qui tombe sur les arbres, et peut-être que je peux ajouter quelques étoiles clignotantes dans le ciel. Quand vous aurez vos idées prêtes. Passons à la leçon suivante, où nous allons plonger et dessiner notre boule à neige dans Illustrator. 3. Dessinez dans Illustrator: Dans cette classe, nous allons dessiner directement en illustrateur. Je vais utiliser l'application Astropad sur mon iPad Pro, qui fonctionne comme une tablette de dessin directement dans illustrator. L' application reflète simplement ce que je vois sur mon écran de bureau mon iPad afin que je puisse dessiner directement dans Illustrator avec mon crayon Apple sur l'iPad. Mais pour cette classe, vous pouvez utiliser n'importe quelle tablette de dessin. Faisons un document carré dans Adobe Illustrator qui mesure 1000 pixels de large et haut. Je commence généralement par supprimer toutes les couleurs sauf le noir et le blanc dans ce panneau Nuancier, puis j'ajoute ma palette de couleurs. Je vais commencer par faire un carré rose à utiliser comme arrière-plan. J' utilise le rectangle pour faire un carré rose de 1000 pixels et l'aligner sur le tableau d'art. Je vais créer un nouveau calque pour dessiner au-dessus du calque d'arrière-plan, puis j'utilise l'outil ellipse pour créer un cercle de référence que j'utiliserai lorsque je dessine mon globe. Si vous voulez ignorer cette étape avec l'élaboration de la boule à neige, vous pouvez utiliser le modèle que vous pouvez télécharger en classe. Créez un nouveau calque au-dessus du calque circulaire et commencez à dessiner votre globe. J' utilise l'outil de pinceau blob, qui est mon outil de dessin préféré dans Illustrator. Si je double-clique sur l'outil, je peux faire les réglages pour le pinceau. J' utilise également l'outil lisse pour rendre les lignes un peu plus lisses alors qu'elles sont nécessaires, et comme vous pouvez le voir, je suis en train d'élaborer cela assez rapidement. Quand j'en ai fini avec le globe, je continue à dessiner cette petite chose verte sur laquelle le globe se tient juste en utilisant l'outil de brosse blob et l'outil de gomme pour obtenir mes bords beaux et nets. Dans le globe je veux dans le ciel nocturne, donc j'utilise l'outil de construction de forme. Sélectionnez simplement tout, puis cliquez sur la forme pour faire de cette pièce une forme distincte dans votre objet. Je fais du ciel une couleur noire poussiéreuse. Ensuite, je dessine le sol enneigé avec l'outil de brosse blob et le remplit avec l'outil de création de forme. Je vais avoir des arbres dans mon globe alors je vais les dessiner rapidement et les déplacer un peu pour qu'il paraisse équilibré. Comme vous pouvez le voir, je dessine tout assez rapidement et cela ne me dérange pas autant les détails quand je dessine parce que je peux toujours réparer les détails plus tard, et pour cela, j'utilise généralement l'outil lisse et l'outil gomme. Ensuite, je vais tracer une petite route dans mon globe. Je dessine une route gris clair avec l'outil de brosse blob à nouveau sur le sol enneigé. La dernière chose que je veux sur le sol enneigé est un petit chalet rouge, donc encore une fois, l'outil de brosse blob et l'élaboration d'un rectangle pour en faire une maison, et je vais faire un toit rose et une petite cheminée sur le dessus. Bien sûr, je veux des fenêtres sur mon chalet, donc je suis juste en train de dessiner des fenêtres sombres très rapides et poussiéreuses et une porte, et j'utilise l'outil gomme pour réparer les détails. J' ajoute un peu de blanc autour des fenêtres et de la porte pour le faire ressembler à un petit chalet. J' ajouterai quelques étoiles dans le ciel que je peux faire clignoter dans l'animation donc j'utilise simplement l'outil étoile et j'ajoute quelques étoiles dans mon ciel nocturne. Ensuite, je les déplace un peu pour que ça paraisse équilibré, peut-être quelque chose comme ça. Je veux rendre les étoiles un peu plus petites, donc je les sélectionne toutes et je passe à la transformation de l'objet et la transforme, puis je baisse un peu l'échelle. Ensuite, je vais dessiner la neige qui tombera sur les arbres dans mon animation. Ajoutons les floons de neige qui tomberont dans le globe et dans mon ciel nocturne. J' utilise l'outil de pinceau blob et nos points de dessin au lieu de simplement cliquer pour faire des points car je veux qu'ils ne soient pas parfaitement ronds. Si vous voulez que vos floons de neige soient parfaitement ronds, vous pouvez simplement cliquer avec l'outil de pinceau blob. Last but not least, je vais ajouter un texte pour cela, j'utilise les polices Google gratuites montagnes de Noël, je le lie en classe afin que vous puissiez le télécharger, ou si vous utilisez mon modèle, le texte « laisser la neige » est inclus dans le modèle. Super, j'ai fini avec cette illustration, donc maintenant nous avons une illustration avec tout ce qui est inclus. Lorsque vous serez prêt, passez à la leçon suivante, où nous réaliserons quelques versions différentes de cette illustration pour la préparer à l'animation. 4. Préparez les cadres dans Illustrator: Pour pouvoir en faire une animation, vous devez créer quelques images différentes de votre illustration et quelque chose doit être changé à partir de chaque image. C' est ce qui va le faire ressembler à des parties de l'illustration en mouvement. Je pense que la façon la plus courante de le faire lorsque vous faites des animations simples est de dessiner différentes versions de votre illustration. Mais dans cette classe, je vais vous montrer un moyen plus rapide et plus facile de le faire en utilisant l' outil Déformation de marionnettes et aussi en se déplaçant autour de vos objets. Commençons par faire une copie de votre dessin. D' habitude, je copie tout le plan de travail. J' ai sauvé l'original afin que je puisse toujours me référer à celui-ci. Sélectionnez l'outil Plan de travail, puis maintenez la touche « Alt » enfoncée et faites un clic gauche pour faire glisser et faire une copie. Je vais faire deux copies, l'une à utiliser comme cadre de départ à gauche et l'autre comme cadre de fin, c'est celle à droite. Entre les deux, je ferai plus de cadres plus tard. La première chose que vous faites est de préparer votre cadre de départ. Sur mon cadre de départ, je ne veux pas de neige sur les arbres. Comme je veux qu'il ressemble à ce que c'est la neige qui tombe qui rend l'arbre blanc avec de la neige. Je viens de supprimer la neige sur les arbres dans ce cadre. Dans mon animation, je veux que les étoiles clignotent un peu. Je choisis quelques-unes des étoiles et les fais de couleur jaune vif. La dernière chose que je changerais dans celui-ci, c'est que je veux qu'on dirait que la neige tombe. Je me déplace un peu autour des floons de neige. Ils n'ont vraiment pas besoin d'être équilibrés dans chaque cadre car les chutes de neige réelles sont aléatoires. partie la plus importante à penser ici est qu' aucun flocon de neige ne peut rester dans la même position qu'avant. Cela aurait juste l'air étrange dans l'animation. Là, vous l'avez. La trame de départ est terminée. Assez facile, n'est-ce pas ? Faisons la trame numéro deux. Ici, nous voulons de la neige qui est tombée sur les arbres. Je commence par faire une copie de l'illustration originale où j'ai de la neige sur mes arbres. Ensuite, je verrouille simplement tous les objets que je ne veux pas toucher en utilisant le raccourci « Outil de commande » de mon clavier. Je commence par faire des étoiles différentes jaunes que dans le cadre numéro un pour qu'il ressemble aux étoiles clignotent. Ensuite, je me déplace autour des floons de neige et je m'assure qu'aucun flocon de neige n'est dans la même position que dans cadre numéro un ou dans l'illustration originale, le cadre de fin. Maintenant vient la partie vraiment amusante, au lieu de redessiner des objets pour les faire croire qu'ils ont bougé dans notre animation, nous allons utiliser l'outil Déformation de marionnettes pour changer l'apparence de l'objet que nous avions déjà dessiné. Ici, je fais plus petite la neige qui est tombée sur les arbres. Je sélectionne la neige sur l'arbre, puis je clique sur l'outil Déformation de marionnettes. Comme vous pouvez le voir, vous obtenez ces petites broches que vous pouvez cliquer et faire glisser autour. Si vous cliquez quelque part dans la zone sélectionnée, vous ajoutez des épingles, si vous cliquez sur supprimer, lorsque vous avez sélectionné une épingle, vous la supprimez. Si vous souhaitez sélectionner plusieurs broches, vous pouvez maintenir la touche Maj enfoncée et cliquer sur les broches que vous souhaitez sélectionner. Maintenant, cet outil de déformation de marionnettes est l'un de mes nouveaux outils préférés dans Illustrator et je pense que c'est un outil incroyable. Vous pouvez l'utiliser pour beaucoup de choses et c'est vraiment efficace et c'est tellement amusant à utiliser. Si vous ne l'avez pas utilisé auparavant, je peux vraiment vous recommander juste d'expérimenter et de voir ce que vous pouvez faire avec, parce que c'est un outil vraiment utile. Dans mon illustration, je fais la neige sur les arbres plus petite dans ce cadre numéro deux et je vais rendre la neige un peu plus grande pour chaque cadre afin qu'à la fin elle corresponde à l'illustration originale. On dirait que la neige tombe sur les arbres. Un peu plus naturel que si on passait de neige à la neige si tu vois ce que je veux dire. Ensuite, je continue simplement avec mes autres cadres et j'ai changé la position des floons de neige pour chaque cadre, je change les étoiles, lesquelles sont jaune vif et je change combien de neige est tombée sur les arbres avec l'outil Déformation de marionnettes. nombre d'images dont vous avez besoin dépend de la différence que vous souhaitez avoir entre le début de votre animation et la fin de celle-ci. Je fais généralement ces animations très simples et généralement je me retrouve avec quelque chose autour de cinq à sept images. Si vous ne suivez pas tout ce discours sur les cadres en ce moment, vous n'avez pas à vous inquiéter. Il suffit de faire ces étapes et vous verrez ce que je veux dire dans la leçon suivante, où nous allons faire l'animation réelle dans Photoshop. Si vous avez terminé avec vos images, passons à la leçon suivante où la magie réelle se produit l'animation dans Photoshop. 5. Animez dans Photoshop: Nous sommes enfin en train de faire l'animation de notre jolie petite boule à neige. C' est en fait une chose très simple à faire avec quelques étapes super faciles. Suivez, et avant que vous ne le sachiez, il y aura des chutes de neige dans votre boule à neige. Ouvrons Photoshop et créons un document la même taille que le plan de travail dans Illustrator. La mienne est carrée, 1000 pixels de large et haute. Puis dirigez-vous vers Illustrator. Ici, je viens de copier la première image en utilisant la commande C sur mon clavier et de la coller dans Photoshop en utilisant la commande V comme objet intelligent. Continuez à copier et coller vos images de l'illustration vers Photoshop jusqu'à ce que vous les ayez tous dans différents calques dans Photoshop, j'ai cinq images, cinq calques. Pour qu'il soit plus facile de voir quel cadre est sélectionné, je viens de renommer les calques dans Photoshop en 1, 2, 3, 4, 5. Je cache ensuite toutes les couches sauf le numéro 1, en cliquant sur le symbole de glace. Ensuite, je vais à Fenêtre et je clique sur la chronologie. C' est l'outil qui nous permet de créer notre animation. C' est un outil plutôt cool. Cliquez sur Créer une animation de cadre parce que nous avons des cadres et c'est ce qui fera une animation de celui-ci. Comme vous pouvez le voir dans la fenêtre de montage, vous avez déjà votre première image là-bas sur la gauche. La fenêtre de chronologie fonctionne comme ça. Les calques que vous avez sélectionnés et qui sont affichés dans le panneau Calques seront inclus dans l'image que vous affichez dans la fenêtre de montage. Dans l'image numéro un, vous voulez votre illustration Numéro 1. Après cela, nous allons ajouter un nouveau cadre. Vous pouvez simplement dupliquer votre cadre en cliquant sur le symbole des documents dans la fenêtre de la chronologie ou en accédant au nouveau cadre dans le petit menu. Dans la seconde image, vous souhaitez masquer l'illustration numéro 1 et afficher le numéro 2. Ensuite, nous avons simplement continué à dupliquer le masque d'image numéro 2 montre numéro trois, et ainsi de suite jusqu'à ce que vous ayez cinq images dans l'animation avec vos cinq versions de votre illustration. Lorsque vous avez les cinq images dans la fenêtre de montage, sélectionnez la durée en secondes pendant laquelle vous souhaitez lire cette image. Je choisis 0,2 seconde pour chaque image de cette animation. Là, vous l'avez. Cliquez sur le petit bouton de lecture et regardez vos illustrations de boule à neige se transformer en cette animation. Plutôt cool, n'est-ce pas ? Maintenant, je peux vérifier si tout a l'air bien. Pour moi, c'est le cas. J' ai fait ça quelques fois, donc je sais ce qu'il faut chercher. Sinon, vous pouvez simplement retourner à Illustrator pour modifier certains détails jusqu'à ce que vous soyez satisfait de votre animation. En fait, c'est tout. Maintenant, vous avez fait votre propre animation de boule à neige. Passons à la leçon suivante où nous exporterons notre animation afin que vous puissiez l'utiliser pour ce que vous voulez. 6. Exportez le fichier: Il est temps d'exporter le fichier et de terminer notre animation de boule à neige de Noël afin que vous puissiez le partager et l'utiliser. Nous allons exporter dans deux formats de fichiers différents, GIF et un fichier MP4. Si vous partagez votre animation sur Instagram, par exemple, vous avez besoin d'un fichier MP4. Commençons par le GIF. Alors allez à l'exportation, enregistrez pour le Web et choisissez GIF. Maintenant, je ne mélange généralement pas avec ces paramètres car je n'ai pas vraiment besoin de le faire. Donc, je choisis GIF et appuyez sur save, nommez le fichier et maintenant il est prêt à l'emploi. Lorsque nous exportons en MP4, qui est un format vidéo, je veux partager l'animation sur Instagram. La vidéo doit durer au moins trois secondes. Donc, pour rendre votre animation trois secondes, il suffit de sélectionner toutes vos images dans la fenêtre de montage et d'appuyer sur le bouton dupliquer. Comme mes images sont de 0,2 seconde, cinq images feront 1 seconde. Donc, je vais dupliquer mes images deux fois de sorte que j'ai une quantité totale de 15 images, ce qui le fait de trois secondes de long. Ensuite, je vais au fichier, exporter et rendre la vidéo. Choisissez l'emplacement où je souhaite enregistrer le fichier. Assurez-vous que j'ai sélectionné de haute qualité. Encore une fois, je n'ai généralement pas besoin de modifier les paramètres ici, donc je clique simplement sur le rendu. Là, vous l'avez. Votre animation est terminée et vous avez exportée en tant que fichier GIF et MP4. 7. Réflexions finales: Ok, donc voici ma dernière animation de boule à neige. J' aimerais voir le vôtre, alors assurez-vous de partager vos projets sur la page du projet. Maintenant que vous savez comment faire une animation de boule à neige de Noël, vous pouvez faire la même méthode pour n'importe quel type d'animation simple. Il n'a pas besoin d'être inspiré de Noël. Si vous avez des questions, n' hésitez pas à les poser sur la page de la communauté. Si vous aimez mes cours, vous pouvez appuyer sur le bouton « Suivre » par mon nom ci-dessous pour vous assurer que vous ne manquez pas quand mon prochain cours sera libéré. Si vous partagez votre animation sur Instagram, n'hésitez pas à me marquer @majaronnbackdesign afin que je puisse voir et peut-être partager ce que vous créez en classe. J' espère que vous apprécierez ce cours. J' adorerais entendre ce que tu penses. Si vous le souhaitez, vous pouvez laisser un commentaire ici sous la page de révision. Merci beaucoup d'avoir regardé et amusez-vous à créer vos boules à neige.