Transcription
1. Intro: Tout le monde utilise des autocollants numériques d'une manière ou d'une autre en ligne, mais pas que beaucoup de gens savent réellement comment les
faire . Cette leçon est idéale pour apprendre à créer votre propre ensemble d'autocollants. Que vous soyez un créateur de contenu, propriétaire
d'entreprise ou que vous souhaitiez simplement faire quelque chose de amusant à partager avec vos amis. Je vais vous guider à travers comment vous pouvez créer les ensembles parfaits d'autocollants que vous et d'autres personnes pouvez utiliser à maintes reprises. Je suis Poly, également connu sous le nom d'illustration Polygon en ligne. Je suis illustrateur indépendant, animateur et créateur de contenu. Je partage régulièrement, eh bien, je ne suis pas trop en ligne et je poste chaque semaine à mon illustration de chaîne YouTube Polygon, où je vais ce que j'ai été à la hauteur. Je me retrouve dans mon travail à travers ma marque en ligne. J' ai un diplôme en Illustration et Animation et je viens terminer mon Master en Illustration et Animation. Dans cette classe, vous apprendrez à concevoir et à créer votre propre ensemble numérique d'autocollants. Je vais vous emmener à travers toutes les étapes, de la conception à l'animation, en passant par le téléchargement. Tout au long de mes leçons, je couvrirai trois logiciels différents que vous pourrez utiliser pour créer vos autocollants. Mais je vais vous apprendre comment créer vos autocollants dans la procréation de l'iPad, zoom en harmonie, et Adobe Photoshop. Donc, quel que soit le logiciel dont vous disposez, vous serez en mesure de créer quelque chose que vous aimez. Je vais également vous montrer comment vous pouvez appliquer seulement des autocollants, que ce
soit sur Instagram, sur vos histoires Instagram. Je vais également vous montrer comment créer votre propre autocollant App, qui peut être vendu dans l'Apple App Store et vous pouvez réellement faire de l'argent à partir de cela. Pour ce cours, vous aurez besoin d'une compréhension de base des ordinateurs et des logiciels pour comprendre certaines des choses dont je parlerai. Ne vous inquiétez pas, vous n'aurez pas besoin de savoir comment animer car je vais vous
enseigner les étapes de base de l'animation aussi. Les leçons sont faciles à suivre et très détaillées avec toutes les étapes nécessaires incluses, et je vais vous donner des conseils en cours de route. À la fin de ce cours, vous saurez comment créer votre propre ensemble numérique d' autocollants
automatisés et vous saurez comment les appliquer et les faire sortir dans le monde entier. Donc, si vous cherchez à en faire des ensembles numériques d'autocollants pour quelque raison que
ce soit, c'est le cours pour vous.
2. Comment concevoir vos autocollants numériques: Cette leçon, nous allons esquisser et concevoir nos autocollants. Pour cette partie du projet, vous pouvez utiliser tous les matériaux que vous souhaitez. Vous pouvez utiliser un stylo et du papier ou une tablette. Vous pouvez choisir l'un ou l'autre. Ça ne fait pas vraiment la différence. Personnellement, je vais esquisser mes idées sur mon iPad, mais c'est à vous d'utiliser tout ce que vous vous sentez plus à l'aise avec. Lors de la conception de vos autocollants, vous devez tenir compte des marionnettes que vos autocollants auront. Où on les utilisera ? Pourquoi voulez-vous faire des autocollants ? Comment voulez-vous, ou même d'autres personnes, les utiliser ? Pourquoi voulez-vous faire ces autocollants ? Est-ce parce que vous êtes un créateur de contenu ou propriétaire
d'entreprise et que vous souhaitez créer votre marque ? Ou voulez-vous créer une application et vendre vos autocollants pour gagner de l'argent ? Ou faites-vous juste des autocollants que vous allez envoyer juste à vos amis ? Vous devez vraiment penser aux différentes options que
vous avez lors de la création de vos autocollants. En ligne et hors ligne, j'ai ma marque Pollygone Illustration, et je vais créer mes autocollants pour correspondre à ma marque afin pouvoir les utiliser pour promouvoir mes histoires et mon contenu Instagram. cette raison, je vais m'assurer que les autocollants correspondent à mon style et à ma marque. Lorsque vous venez avec des idées pour faire vos autocollants, pourquoi ne pas écrire une liste de 10 à 20 idées d'autocollants que vous pouvez utiliser. Allons-y et commençons. Quand je concevais mes autocollants, j'ai décidé de commencer par faire les autocollants simples, comme le balayage vers le haut et ces choses parce que je pense qu'ils sont vraiment importants à avoir et à inclure dans le pack d'autocollants, surtout si vous allez les avoir sur Instagram. Évidemment, je ne l'utiliserais pas pour une partie Apple Store App. Ils ont quelque chose que je voudrais certainement pour mes histoires Instagram. Lorsque vous concevez vos autocollants, vous devez réfléchir à la façon dont vous pouvez l'animer. Vous ne voulez pas faire quelque chose de vraiment compliqué que vous ne pourrez pas animer. Vous voulez vous assurer que c'est assez simple pour vous de faire avec votre niveau de compétence, mais aussi vraiment amusant et excitant. Pour certains de ces autocollants, j'allais avoir des animations
assez simples comme les étoiles scintillaient, ce genre de chose. Mais certains d'entre eux seraient un peu plus compliqués comme tard, je finis par dessiner un papillon avec des ailes
battant, donc ça va être un peu plus difficile à faire que juste rincer les étoiles. Mais j'aime vraiment animer et je
voulais avoir quelques autocollants qui sont un peu plus là-bas et flashy, mais vous pourriez nous dire une petite chose mignonne pour décorer vos histoires avec ou vous pourriez les utiliser pour décorer vos messages oculaires avec, si vous décidez de descendre et de créer une application Apple. Alors que je crée mes autocollants pour ma marque Pollygone, je voulais qu'il y ait des autocollants d'art qui sont inclus, donc je fais un carnet de croquis flippant. Je fais des encres et des pinceaux, différents comme les fournisseurs d'art que j'utilise habituellement. J' ai aussi décidé de faire mon logo. Je l'ai déjà fait en un GIF animé, mais je vais en fait le convertir en un autocollant afin que je puisse l'utiliser pour Instagram. Celui-ci est pour moi personnellement parce que je pense que ce serait vraiment sympa d'être dans une marque de mes histoires, les gens
puissent aller, oui, c'est Pollygone et
reconnaître instantanément mes histoires Instagram sans même avoir à penser à ce sujet. Vous devez également considérer les couleurs que vous souhaitez utiliser. Voulez-vous utiliser des couleurs pastels, vives et audacieuses ? Avez-vous un style de maison que vous utilisez pour votre marque ou votre contenu ? Personnellement, j'ai tendance à m'en tenir aux jaunes, aux roses et aux pêches, et parfois il
pourrait y avoir d'autres petites couleurs pastel là-dedans. Juste parce que c'est une sorte de couleur que je veux pour mon logo, pour ma bannière sur YouTube et pour mes photos de profil sur tous mes comptes de médias sociaux. Si vous attribuez le personnage, vous allez créer un pack d'autocollants basé autour, vous voulez également penser à qui est votre public cible, qui utilisera l'application d'autocollants, et vous devez vous assurer de choisir vos couleurs basé autour de cela aussi. Personnellement, je ne veux pas vraiment être très sérieux avec mes autocollants. Je veux toujours qu'ils soient amusants, excitants, et juste ajouter un peu quelque chose à mes histoires que je peux utiliser et que d'autres personnes peuvent aussi utiliser. Si d'autres personnes choisissent de les utiliser, c'est un moyen d'obtenir ma marque là-bas aussi, car les gens verront mes autocollants et j'espère aller voir plus de mon travail. Si vous créez une application Apple, pourquoi n'avez-vous pas pensé à la façon dont les utilisateurs pourraient utiliser cette application ? Peut-être pourriez-vous penser à quelque chose d'individuel et de différent qui pourrait fonctionner pour rendre les messages des gens vraiment amusants et passionnants. J' ai vu quelques applications Apple avec des autocollants ayant des jeux avec intégré dans eux. J' ai vu une application Apple Store qui avait un jeu de noeuds et de croix que je pense que c'est une idée vraiment drôle. Vous pouvez envoyer un message à votre ami et il peut ajouter que aller sur chaque message. Pensez simplement à ce qui fonctionnerait le mieux pour vous et à quoi vous essayez de créer ces autocollants. Une fois que vous avez terminé la conception de vos autocollants, nous sommes maintenant prêts à passer à l'étape suivante. Si vous avez utilisé du papier et un crayon, vous pouvez numériser vos images ou en prendre une photo pour référence. Vous avez maintenant terminé vos croquis d'arrivée. Maintenant, il est temps de passer aux prochaines étapes. Je vais vous enseigner quelques
techniques et techniques d'animation très basiques que vous pouvez utiliser pour aider à créer vos autocollants. Je vais ensuite vous apprendre comment créer vos autocollants dans Procreate, Photoshop et Toon Boom [inaudible]. Je te verrai dans la prochaine leçon.
3. Les bases de l'animation dont vous avez besoin: Dans cette leçon, nous aborderons les techniques
et techniques d'animation de base que vous devrez connaître pour créer vos autocollants animés. Je vais vous expliquer une sélection de différentes techniques que vous trouverez utiles pour créer vos autocollants. Il y a beaucoup de styles d'animation différents là-bas. Cependant, nous allons nous concentrer sur deux aujourd'hui. L' animation traditionnelle lisse avec une belle ligne qui
coule juste d'un cadre à l'autre et la technique de ligne d'ébullition, qui est lorsque les lignes déplacent chaque image unique. Je commence juste à dessiner un cœur, je vais faire une belle animation lisse et puis sur la prochaine image, je suis juste en train de réduire la taille. J' utilise exactement le même cœur. Je le rétrécit avec chaque cadre. Les soulignements rouges sont la peau d'oignon et c'est là que sont mes cadres précédents. Vous pouvez voir où j'avais déjà positionné le cœur. Je copie et colle ensuite tous mes cadres. Je les colle à l'envers. C' est juste pour qu'il lui donne un effet de pompage. Lorsque vous jouez à l'envers, vous pouvez voir que c'est vraiment agréable et lisse. Cependant, j'ai besoin de réduire
un peu la fréquence d'images car elle se déplace un peu plus vite que je le veux. Je vais le réduire de 24 images à 12 images par seconde, et vous avez une très belle animation lisse. Maintenant, je vais faire l'effet de ligne d'ébullition. Je vais créer n'importe quel calque et dessiner à côté de lui pour que vous puissiez voir ce que je vais faire. Je vais attirer le cœur à nouveau pour que vous ayez la même idée que ce que j'ai fait auparavant. Voilà mon petit cœur. Je vais passer à la prochaine image et ensuite je vais utiliser
la peau d' oignon pour dessiner un nouveau cœur dans le cœur précédent. Ensuite, j'irai sur le cadre suivant et le cadre suivant et le cadre suivant, et je le répète juste jusqu'à ce que j'aie fini de remplir tous les cadres. Comme je l'ai fait avant, j'ai aussi copié et collé les cadres et les
ai collés à l'envers pour obtenir cet effet cardiaque pompant. Ici, vous pouvez voir que le cœur à droite a lignes
beaucoup plus droites et il n'y a pas de variation là-bas. Ensuite, avec celui de gauche, il semble qu'il y ait plus de mouvement et
c'est juste un peu plus amusant. Personnellement, je pense que les deux sont vraiment bons pour l'animation, cela dépend juste de ce que vous allez chercher et de ce pour quoi vous les utilisez. J' ai fait ces deux techniques pour beaucoup de choses différentes. Mais personnellement, je vais utiliser les effets de ligne d'ébullition pour mes autocollants juste parce que je pense que cela fonctionne vraiment bien quand il est petit et il semble vraiment mignon. C' est ce que je veux faire, pour ma marque. Voici un exemple où j'ai utilisé l'effet de ligne d'ébullition. Cette animation est mon intro YouTube, la petite fille. Vous pouvez voir qu'elle a le mouvement dans son corps dans chaque cadre. Pour comparer, regardez mon animation de paon et vous pouvez voir ici que les lignes sont beaucoup plus lisses et qu'elles ne bougent que lorsqu'il y a un mouvement dans le paon. Pour une autre idée d'animation, vous pouvez aussi voir comment j'ai déplacé la fille ici. C' est mon ancienne intro YouTube. Comme vous pouvez le voir ici, il n'y a pas vraiment beaucoup de mouvement sur un outil et pour cela, j'ai seulement sélectionné les bits qui bougeaient, donc ses bras et ses petits buppers. Je n'ai fait que déplacer ça. Il y a 12 principes dans l'animation, mais nous allons juste nous concentrer sur un. Squash et Squeeze car nous n'avons pas à faire quelque chose de trop compliqué pour ces autocollants. Je vais vous montrer comment le squash et le squeeze fonctionnent en animant une balle. Ici, je viens de dessiner une balle simple. La balle va rebondir vers le bas
, puis elle va frapper le sol et il rebondit sur le sol. Nous devons le montrer dans notre animation. C' est là que le squash et le squeeze ont lieu. Je suis allé au prochain cadre et j'ai encore dessiné le ballon. Cette fois, je l'ai rendu un peu plus mince et un peu plus long. Ensuite, vous voulez aller à nouveau dans le cadre suivant et le rendre encore plus mince et plus long. Ici, je viens de mettre un peu trop haut. Donc, je l'ai abaissé et ajusté un peu la largeur, juste parce que je voulais être un 100 pour cent satisfait avec elle. Lorsque vous entrez sur la couche suivante, encore une fois, vous voulez la rendre vraiment mince et maigre. Cette fois, je l'ai effectivement mis beaucoup plus bas que la balle précédente. En effet, lorsque vous voulez afficher la vitesse et l'animation, vous mettez plus d'images au début, puis moins vers la fin. Maintenant, nous allons avoir la balle frapper le sol. Je vais dessiner un ovale, mais cette fois va être l'inverse de l'ovale précédent. Ensuite, je vais encore dessiner le ballon. Ce n'est pas forcément une forme à 100 % comme une balle, mais je veux juste qu'elle soit un peu plus en forme de boule que les autres que nous avons dessinées. C' est ça rebondit vers le haut et maintenant nous voulons qu'il rebondisse sur le sol, mais nous ne voulons pas qu'il soit tout à fait écrasé. Vous le voulez entre les deux dernières images. Maintenant, la balle devrait être de retour à sa taille d'origine. J' ai copié et collé la balle du cadre original et l'ai mise au bon endroit. Maintenant, c'est à quoi ressemble l'animation lorsque vous la lisez. Comme vous pouvez le voir, la balle rebondit vers le bas, frappe le sol, rebondit toujours si légèrement, puis redescend, faisant ressembler à une balle vraiment rebondissante. C' est un excellent moyen de montrer le mouvement dans n'importe quoi, des personnages aux objets. L' utilisation de la compression et de la courge peut vraiment vous aider à exagérer différentes caractéristiques sur les mouvements. Je suis juste en train d'ajouter quelques cadres vers la fin parce que je veux faire croire que la balle est en train de rouler. Pour récapituler rapidement, vous voulez que votre balle descende, puis comme elle tombe, vous voulez qu'elle s'étire et
se rapproche de plus en plus du sol avec chaque cadre. Vous pouvez voir ici que ce cadre est beaucoup plus exagéré que le cadre précédent. Une fois que la balle frappe le sol, vous voulez qu'elle rebonde vers le haut comme une vraie balle rebondissante le ferait, parce qu'elle est poussée vers le bas et ensuite le sol la repousse vers le haut, ce
qui la fait revenir plus à sa taille normale, mais ce n'est pas encore complètement rond. Lorsque vous utilisez la courge et la compression, vous devez vraiment réfléchir à la façon dont les objets se déplacent dans l'air et à la façon dont ils rebondissent et interagissent avec d'autres surfaces autour d'eux. Voici un exemple de squash et de squeeze de mon dinosaure d'animation et moi. C' est très évident dans cette animation, mais il y a toujours pour la rendre plus subtile, et comme je l'ai fait avec ce champignon, vous pouvez voir qu'il s'est écrasé un peu pour montrer le mouvement. Mais ce n'est pas trop et ce n'est pas exagéré et cela lui donne juste un bon mouvement fluide à elle. Pour mes autocollants, j'ai personnellement choisi de faire l'effet de ligne d'ébullition juste parce que j'ai vraiment aimé l'effet dessiné à la main et je pense qu'il semble vraiment mignon lorsqu'il est fait dans un autocollant. Maintenant, vous comprenez quelques techniques d'animation de base. On peut s'animer. Dans les prochaines leçons, je vais vous expliquer différents logiciels que vous pouvez utiliser pour l'animer.
4. Utiliser Toon Boom: C' est Toon Boom. Il existe de nombreuses versions différentes de Toon Boom que vous pouvez obtenir, mais j'utilise Toon Boom Harmony. Toon Boom est un logiciel qui est utilisé par des animateurs professionnels. Nous voulons commencer par créer un nouveau fichier. Ce que vous voulez faire est d'aller en haut et cliquez sur « Fichier » « Nouveau ». Maintenant, vous voulez donner un
nom à votre autocollant . Il y a trois tailles de toile différentes que vous pouvez avoir pour les autocollants. Vous pouvez les faire 300 pixels par 300 pixels, 408 pixels par 408 pixels ou 618 pixels par 618 pixels. C' est juste une suggestion si vous allez les faire pour Instagram, mais vous voulez vous assurer qu'ils sont de forme carrée. Je vais personnellement aller avec la plus grande taille de 618 pixels. Pour changer la taille de votre scène Canvas, vous devez appuyer sur ce petit bouton ici qui ressemble à un plus. Vous pouvez appuyer dessus et ensuite ici, vous devez le renommer. Je vais juste l'appeler autocollant et ici, vous mettez la largeur. Vous devez vous assurer que vous avez modifié le nom de la résolution sinon, vous ne pourrez pas appuyer sur « Créer ». Ensuite, vous voulez cliquer sur créer. Nous sommes là, c'est à ça que ça ressemble quand votre scène a été chargée. Je vais zoomer un peu en appuyant sur « Zoom » puis sur « Zoom arrière ». Sur le côté, vous pouvez voir tous vos pinceaux et vous avez une sélection de différents qui sont texturés, certains sont comme des pinceaux lisses normaux, et ici, vous avez vos choix de couleurs. Sur le côté ici, vous avez tous vos outils et puis ici vous avez votre document de sauvegarde et de nouveau fichier. Ne vous inquiétez pas, la plupart de ces outils que nous n'aurons pas besoin et ne sont que pour les animations très fans. Ici, vous pouvez voir nos cadres et nos couches. J' ai décidé que je vais faire de mon premier autocollant une fleur qui s'ouvre alors je vais animer ça. Personnellement, je préfère faire un petit croquis puis dessiner le croquis à l'avance, mais vous pouvez le faire comme vous le souhaitez. Vous pouvez voir ici, vous avez votre scène Canvas là-bas. C' est là que se trouve la caméra. C' est là que se trouve le contour de la caméra. Vous souhaitez sélectionner votre outil de pinceau, qui se trouve sur le côté, et sélectionner un pinceau que vous souhaitez utiliser. Je vais m'en tenir à l'utilisation de ce pinceau juste parce que c' est un croquis et j'utiliserai un autre pour le décrire plus tard. Je vais juste minimiser la taille un peu et je vais commencer à dessiner. C' est à quoi ressemblera l'autocollant. Je vais en fait redimensionner cela parce que vous voulez qu'il remplisse autant que possible votre Canvas. Vous pouvez redimensionner en sélectionnant l'outil de sélection ici et en dessinant un cercle autour de ce que vous voulez sélectionner. Comme vous pouvez le voir, ces petits composants ici peuvent tous être séparés et sont individuels car Toon Boom est un logiciel vectoriel. Ensuite, je vais changer de cadre. Vous pouvez voir que j'ai ma peau d'oignon. Si vous voulez activer votre peau d'oignon, vous devez aller à « Afficher » « Peau d'oignon », puis « Afficher la peau d'oignon ». Ici, vous pouvez ajuster en fonction du nombre de cadres que vous voyez la peau de l'oignon, donc là vous pouvez le voir, je peux le voir à partir de ce nombre de cadres loin. Maintenant, je vais tirer dessus et je pense que les feuilles vont probablement un peu plus bas que la fleur commence à s'ouvrir. Je vais y avoir un peu et ça va juste se démêler. Je pense que je vais mettre un cadre entre eux, pour que vous puissiez y voir. Le vert est pour le cadre suivant et le rouge pour le cadre précédent. Je peux utiliser la peau d'oignon pour remplir les cadres. J' aime vraiment exagérer les mouvements pour que vous
puissiez voir là qu'il s'ouvre vraiment. Si vous voulez lire votre animation, vous voulez la mettre sur 12 images, juste parce que vous n'avez pas besoin qu'elle soit aussi rapide que 24 images. Je vais copier ce cadre. En cliquant avec le bouton droit dessus,
j'appuie sur Copier, puis sur « Coller les cellules dans la chronologie » pour que les cellules soient maintenant dupliquées. Maintenant, je vais juste continuer cela en dessinant
ces cadres encore et encore pour obtenir l'effet de ligne d'ébullition. Mais maintenant que j'ai dessiné le croquis, je vais y aller et faire le contour. Je vais cliquer sur ce petit plus ici et cliquer sur dessin. Cela va créer une nouvelle couche de dessin pour nous. Vous voulez appuyer sur « Ajouter et fermer ». Je vais réduire l'opacité du calque d'esquisse pour qu'il soit plus facile pour moi de dessiner. Je vais descendre ici, cliquer sur cette petite image ici, et cliquer sur l'opacité, et juste la glisser un peu vers le bas. Maintenant, je vais aller dans la couche suivante. Si vous voulez vous assurer de ne pas dessiner sur le calque d'esquisse, vous voulez appuyer sur le bouton de verrouillage du calque. Maintenant, je vais changer de couleur. Comme vous pouvez le voir ici, vous avez une gamme de couleurs différentes et vous n'avez que la couleur primaire disponible, mais donc évidemment, vous allez vouloir utiliser plus de couleurs que cela. Je vais juste te montrer un truc vraiment cool que Toon Boom a. Vous pouvez voir ici que j'ai mes lignes noires là-bas. Je vais double-cliquer ici sur la palette pour le noir et je vais ajuster la couleur ici et vous pouvez voir que la couleur change tout de suite. Cela signifie que si vous décidez de changer de couleur, elle changera pour tous vos calques afin que vous n'ayez pas à recolorer quoi que ce soit. Si vous voulez créer une nouvelle couleur, vous appuyez sur ce petit bouton plus ici. Il sort avec un peu de couleur là-bas, que vous pouvez renommer si vous le souhaitez, puis vous pouvez double-cliquer dessus et changer la couleur. Une fois que vous avez choisi la couleur de votre contour, vous pouvez monter et sélectionner un pinceau. J' aime vraiment utiliser la brosse nettoyante pour tuyaux donc c'est celle que je vais utiliser. Maintenant, vous pouvez commencer à faire le contour de votre animation. Vous pouvez voir ici que c'est là que le réel, donc il y a l'ouverture de la fleur. Ces deux cadres sont entièrement ouverts. J' aime faire des choses en trois, donc je vais en fait faire un cadre supplémentaire et ensuite nous
allons copier et coller ces trois derniers quelques fois pour les répéter. C' est parce que lorsque vous faites l'effet de ligne d'ébullition, je préfère avoir trois ou quatre images. C' est parce que lorsque vous n'avez que deux cadres, il semblera qu'il scintille juste entre les deux cadres, et il ne sera pas vraiment aussi agréable et aussi lisse que lorsque vous en avez trois ou plus. Vous n'avez pas besoin d'en faire trop. Sinon, vous aurez beaucoup de travail, donc j'ai tendance à ne faire que trois ou quatre. Vous pouvez faire plus si vous voulez, mais vraiment il n'y a pas grand-chose parce que votre oeil ne pourra pas le remarquer quand il joue. Pour copier et coller ces trois images ensemble, nous allons devoir appuyer sur l'outil Maj, cliquer sur la première image et la dernière image, et il sélectionnera les trois images. Ensuite, vous voulez cliquer dessus, cliquez sur Copier les cellules dans la Timeline, puis vous voulez cliquer sur Coller les cellules dans la Timeline dans le cadre à côté d'eux. Là, vous l'aurez,
il sera dupliqué. Une chose que vous remarquerez à propos de la copie et du collage des cadres est que les cadres copieront et collent exactement comme ils étaient auparavant, de
sorte
que vous pouvez voir ici, que ce cadre manque les feuilles en bas. Si je vais ici, vous pourriez voir que les feuilles sont absentes de ce cadre, et vous pouvez voir que je vais dessiner des gribouillis là-bas, et vous pouvez voir que le gribouillis a été copié sans que je le mette là, ce qui est vraiment utile, mais c'est juste quelque chose à garder à l'esprit si vous copiez et collez des calques. Ensuite, si vous voulez répéter votre animation, vous pouvez cliquer sur cette petite boîte ici, mais vous allez devoir déplacer
un peu la chronologie vers le bas pour saisir ce petit truc rouge ici et vous le tirez vers le bas. Cela raccourcira la chronologie, et vous voulez vous assurer de la mettre sur votre dernière image, donc c'est à quoi elle ressemble. Je vais m'arrêter là et nous n'avons plus besoin de la mise en page du croquis, donc je vais cacher ça. Maintenant, nous allons à la couleur. Cela dépend des pinceaux que vous avez utilisés. Si vous utilisez le pinceau standard, vous pouvez utiliser ce pinceau ici, brosser un. Vous pouvez dessiner cela là, puis vous pouvez obtenir l'outil Remplissage, sélectionner la couleur et le remplir, et il sera parfaitement rempli. Cependant, quand vous faites cela avec une brosse comme la brosse nettoyante que j'ai utilisée, cela ne fonctionnera pas et vous pouvez voir que vous finirez avec elle n'est pas vraiment remplie correctement et vous finirez avec tout cet espace blanc là-bas, donc nous sommes va effectivement avoir à colorier tous à la main. Nous allons créer un nouveau calque, encore une fois, un nouveau calque de dessin à proximité. Je voulais utiliser un beau rose pour cela parce que Polygon a beaucoup de rose dans la marque, donc je veux m'en tenir à cela. Je pense que cette couleur serait sympa. Ensuite, je vais sélectionner mon pinceau et je vais tout colorer. Maintenant, vous voulez juste aller et colorier chaque cadre individuel dans. Maintenant, tu as fini un autocollant. Je l'ai juste joué et j'ai un coup d'oeil et voir s'il y a quelque chose que vous pourriez vouloir modifier ou ajouter. Je passe n'importe quoi. Je vais ajouter un peu d'ombrage. Vous pouvez voir ici que l'animation se rapproche un peu du haut du cadre là-bas et je n'aime pas vraiment ça. Ce que je vais faire, c'est que je vais bouger la caméra. Je vais aller ici et cliquer sur un côté, et ça vous donne une vue de côté. C' est là que se trouve votre animation et le Canvas, et voici la caméra. Ce que vous devez faire, c'est que vous devez descendre ici et créer une nouvelle couche. Sauf que cette fois, vous voulez sélectionner la caméra au lieu de dessiner. Vous faites défiler vers le bas
et cliquez sur un cadre là, et maintenant vous pouvez voir que vous pouvez déplacer la caméra autour, donc je vais juste l'ajuster et le déplacer un peu loin et là vous allez, vous pouvez voir où l'animation fonctionne. Je vais me rapprocher parce que ça ne frappe pas tout à fait le sommet. Maintenant, vous pouvez voir qu'il ne frappe pas le haut et puis quand vous retournez dans votre appareil photo, vous pouvez voir que la fleur est là. Sauf que maintenant je pense que je dois le déplacer un peu plus à gauche au centre. Pour ce faire, nous allons revenir à ce petit X et nous allons cliquer sur l'outil Top et cela vous montrera le haut des cadres. Vous pouvez voir que je voulais régler la caméra un peu plus de ce côté. Lorsque vous utilisez l'outil Sélectionner, et je vais le faire glisser là-bas pour le mettre au centre. Ensuite, nous retournerons à la caméra et vous pourrez voir la fleur au centre. Maintenant, nous avons fini notre autocollant, nous sommes prêts à l'exporter comme GIF. Je dois faire est d'aller à Fichier, Exporter, GIF
animé, donc maintenant cela va
apparaître et vous voudrez changer le nom à ce que vous voulez appeler l'autocollant. Je vais l'appeler de la même façon. Je vais juste appeler ça autocollant un. Je vais sélectionner Boucle car je veux que l'animation continue à boucler. Il est déjà sélectionné, mais si vous ne voulez pas qu'il bouclera, vous voudrez désélectionner cela, puis vous voulez juste appuyer sur OK, et attendre qu'il soit exporté. Nous pouvons voir ici que le GIF fonctionne en fait trop rapidement. Cela fonctionne sur les 24 images complètes plutôt que sur les 12 images avec lesquelles nous voulons qu'il fonctionne. Nous allons devoir modifier les paramètres qui s'y trouvent lorsque nous l'exportons. Si vous vouliez ralentir votre animation, comme je le fais, ce que vous devez faire est d'aller dans Paramètres de scène, puis, ici, vous verrez qu'il est écrit 24. Vous voulez ramener ça à 12 et ça va le changer aussi, et maintenant nous allons juste appuyer sur OK, et ensuite nous allons l'exporter à nouveau. Appuyez sur OK. Remplacer comme nous ne voulons pas le fichier précédent. Maintenant, nous allons l'ouvrir et voir si ça marche cette fois. Pour lire votre animation sur max, ce que vous voulez faire est d'appuyer sur votre fichier, puis maintenir la barre d'espace enfoncée aussi longtemps que vous voulez voir l'animation dans l'aperçu complet. Ici, nous allons, voici l'animation de l'autocollant fini. Maintenant, passez à la leçon suivante où je vais vous montrer comment utiliser un autre logiciel pour créer un autre GIF.
5. Utiliser Photoshop: Dans cette leçon, je vais vous apprendre comment faire un autocollant numérique animé à l'aide de Photoshop. On va commencer à fabriquer ces autocollants. Nous voulons créer un nouveau fichier, donc ce que nous allons faire est de venir à ce bouton ici et d'appuyer sur Créer un nouveau. Vous pouvez voir ici, que vous avez déjà quelques modèles à votre disposition, mais nous ne voulons pas vraiment le faire. Nous ne voulons pas en utiliser un pour personnaliser les modèles déjà disponibles, nous voulons en faire un pour nous-mêmes. Nous allons en fait vouloir changer cela pour être des pixels. C' est parce que nous voulons que l'autocollant soit carré. Nous voulons qu'il soit de 300 pixels carrés, 408 pixels carrés ou de 618 pixels carrés. Je choisis d'opter pour le carré de 618 pixels. Nous voulons taper cela dans les livres, donc nous avons maintenant notre Photoshop Canvas chargé. Vous pouvez voir ici, c'est la toile ici. Vous avez vos outils ici sur le côté, et ici vous avez vos couleurs et vos couches. Comme vous pouvez le voir actuellement, il y a en fait une couche d'arrière-plan. Nous ne voulons pas vraiment cela, car nous voulons que nos autocollants aient un fond transparent, donc ce que nous devons faire, c'est que vous devez venir sur cette petite icône ici, déverrouiller, puis nous voulons créer un nouveau calque et supprimer l'original couche. Cela va maintenant vous donner ce merveilleux arrière-plan, qui signifie qu'il n'y a pas vraiment de fond dans votre travail. Pour animer, on doit avoir un autre bar ici en bas. Ce que nous devons faire est de passer à la barre supérieure, et d'appuyer sur la fenêtre, puis vous allez faire défiler vers le bas et éventuellement vous verrez la chronologie. Vous voulez appuyer dessus, et puis vous verrez ici en bas, vous arriverez à ce bar ici. Il s'agit de la chronologie que vous pouvez utiliser pour créer une animation. Vous souhaitez que l'animation d'image soit sélectionnée. En fait, je vais commencer par créer du texte. Mon autocollant va dire nouveau post. Cependant, si vous faites un autocollant, vous voulez probablement qu'il dise autre chose. Je vais aller ici et je vais sélectionner cet outil de texte, et ici vous pouvez voir que j'ai déjà sélectionné ma police de marque pollygone. Mais si vous appuyez sur la flèche de la liste déroulante, vous pourrez obtenir toute une sélection de polices que vous pouvez utiliser. Ensuite, vous pouvez changer la taille de votre texte ici, et ici vous pouvez également changer la couleur, donc je vais écrire mon texte. Je veux qu'il dise nouveau Post. Je vais réellement y aller et y ajouter un trait,
donc vous le faites en appuyant sur le style de calque, puis vous voulez sélectionner un trait. Ici, il ajoute sur un coup brun et je vais vraiment changer ça. Je vais le mettre en jaune, et ici vous pouvez ajuster la taille ainsi pour que
vous puissiez faire un peu plus grand ou un peu plus petit. Une fois que tu es satisfait de ça, tu peux appuyer sur OK. Ce que j'ai l'intention de faire pour cet autocollant, c'est que je veux avoir des planètes qui vont tourner autour d'un cercle, autour du texte. Je vais créer une nouvelle couche, et je vais créer chacune en étoile et planète. Je veux dessiner mes planètes en utilisant l'outil pinceau, qui est ici dans le coin. Je vais sélectionner cela, et ici vous pouvez réellement sélectionner ce que vous voulez que vos pinceaux soient. En fait, je mets chaque planète sur un plan différent. C' est vraiment important si vous voulez les déplacer individuellement. Maintenant, j'ai fini ce que je veux qu'il ressemble fondamentalement, et je vais appuyer sur ce bouton ici créer une animation de cadre. Ici, vous pouvez voir qu'il dit, pas de retard. Nous voulons vraiment donner un peu de retard, mais nous allons le donner comme 0,2 retard. Je vais créer un nouveau calque en descendant sur ce bouton ici et en cliquant sur, créer un nouveau calque. Je vais en fait revenir à la première couche, et ce que je veux faire pour cela,
c'est que je veux vraiment que cela soit un peu plus audacieux autour du nouveau post qui va se développer et croître au fur et à mesure que l'animation change. En fait, je vais dessiner autour d'une nouvelle couche. Je suis juste en train de tracer le bord de ce qu'on a déjà pour les polices, voilà. Ensuite, nous revenons à cette couche. Ensuite, nous voulons réellement cacher cette couche. Si vous revenez à la première couche, vous pouvez voir qu'elle est toujours là, mais qu'elle n'est pas sur la nouvelle couche. Je vais créer un autre calque. Je vais le dessiner à nouveau,
sauf que cette fois, je vais le rendre un peu plus grand. Vous voulez revenir au premier calque, puis masquer ce nouveau calque. Vous pouvez y voir que les couches sont en train de changer. Je vais créer un autre calque et faire exactement la même chose à nouveau. Je vais masquer les autres calques, créer un nouveau calque, masquer ces calques des calques précédents et en dessiner un autre contour. Maintenant, ce que nous voulons faire, c'est faire bouger toutes les planètes. Sur la première image, vous n'avez pas vraiment à faire quoi que ce soit parce que les planètes sont déjà là où nous voulons qu'elles soient, alors nous allons à l'image suivante, et vous sélectionnez simplement chaque planète et chaque étoile, et déplacez-les. Ensuite, vous allez et refaites ça pour la prochaine image, et vous continuez à le faire jusqu'à ce que toutes les planètes bougent et qu'il semble qu'elles bougent autour d'un cercle. Maintenant, vous pouvez voir qu'il se déplace dans un cercle, mais évidemment il retourne en arrière et redémarre à nouveau. Cela va en fait être assez difficile, donc ce que vous devez faire est, vous voulez appuyer sur ces trois couches et vous
voulez maintenir la touche Maj enfoncée pour les sélectionner tous. Comme vous pouvez le voir, nous ne voulons pas que le numéro 4 soit sélectionné, car c'est celui qui se trouve au milieu de l'animation. Ensuite, vous appuyez sur ce bouton ici, qui va les refaire, et il les duplique sauf que nous allons vouloir les déplacer pour cet autre calque. Sauf qu'ils sont en fait dans le mauvais sens, alors on doit les changer. Puis le cadre du milieu, je vais dupliquer ça, et nous voulons mettre ça à la fin. Maintenant, il va tourner en cercle et revenir en arrière. Maintenant, tu y vas, tu as ton autocollant fini. Pour exporter cela, vous devrez d'abord l'enregistrer si vous ne l'avez pas déjà fait. Je vais faire défiler ici et appuyer sur Enregistrer. Je vais l'appeler autocollant 2. Assurez-vous de l'enregistrer avec votre autre autocollant, et puis je vais appuyer sur Enregistrer. Ensuite, vous voulez aller au fichier, exporter, enregistrer pour le web, puis vous serez accueilli avec cette fenêtre ici. Pour vous assurer d'être enregistré en tant que gif, vous voulez vous assurer que vous avez sélectionné comme gif dans cette liste déroulante ici. Lorsque vous créez un gif, vous n'êtes autorisé que 256 couleurs, vous voulez
donc vous assurer que vous n'avez pas utilisé trop de couleurs dans votre illustration, ce que nous n'avons évidemment pas fait. Vous voulez vous assurer que vos options de boucle sont sélectionnées pour ce que vous voulez qu'elles soient. Nous voulons que ce soit pour toujours, donc ça va continuer à boucler. Nous ne voulons pas qu'il joue une fois, puis nous appuyons simplement sur Sauvegarder, puis sauvegardez à nouveau un autocollant que vous avez fini. C' est à quoi ressemblera l'autocollant final. Dans votre prochaine leçon, je vais vous apprendre comment faire plus d'autocollants en utilisant un autre logiciel.
6. Utiliser Procreate: Dans cette leçon, je vais vous montrer comment vous pouvez faire un autocollant numérique en utilisant Procreate. Donc, vous voulez commencer par créer un nouveau fichier. Donc, vous voulez appuyer sur le petit plus dans le coin, puis cela viendra avec la nouvelle liste déroulante Canvas. Donc, nous voulons réellement créer une taille personnalisée parce que la taille que nous voulons n'est pas disponible. Comme je l'ai mentionné dans les leçons précédentes, nous voulons créer un Canvas qui est carré et est soit 300 pixels carrés, 408 pixels carrés, soit 618 pixels carrés. Je suis allé par 618 pixels carrés, c'est à vous de choisir la taille que vous voulez que vos autocollants soient. Je vais aussi lui donner un nom. Comme j'ai appelé les autres autocollants 1 et 2, je vais appeler cet autocollant 3. Ensuite, je vais appuyer sur « Entrée » et il va créer le fichier pour vous. Alors voilà, c'est votre Canvas. Vous avez tous vos outils en haut. Vous avez votre pinceau, Smudge, Gomme, Calques, puis Couleurs. Ensuite, ici, vous avez d'autres options pour partager vos fichiers, ajuster vos couleurs, puis ce sont des outils de sélection. Donc, la façon dont l'animation fonctionne dans Procreate est que vos calques sont en fait chaque image individuelle. Donc, ce serait un cadre, ce serait un autre, et ce serait un autre. Je vais vous donner un exemple ici. Donc je vais juste dessiner un petit griffonnage rapide. Ensuite, je vais le partager comme un cadeau, et vous pouvez voir comment ça fonctionnerait. C' est donc ce que nous voulons faire, mais nous voulons créer un autocollant plus détaillé. Vous pouvez même lui donner un arrière-plan
transparent et réduire le nombre d'images par seconde. Je veux créer une animation avec un pinceau, avec de la peinture goutte à goutte. Donc je vais commencer par esquisser ce que je veux faire. Comme Procreate n'est pas avancé comme Tumblr ou même Photoshop, vous ne pouvez pas vraiment avoir des peaux d'oignon, donc cela va être désavantagé pour nous. Cependant, il y a des moyens de le contourner. Donc je veux que ma peinture coule mon pinceau vers le bas et je pense que je vais faire bouger
ce pinceau juste pour y ajouter un peu plus de mouvement. Bien sûr, je vais faire l'effet d'ébullition aussi, ce
qui me rendra un peu plus facile à faire. Donc, je vais en fait changer l'opacité de cela et l'abaisser un peu. Ensuite, je vais créer un nouveau calque, et je vais sélectionner la couleur dans laquelle je veux faire mon contour. Ensuite, je vais dessiner le pinceau. Comme je l'ai déjà dit, j'aime faire mes images d'animation en au moins trois ou quatre quand j'ai un objet en mouvement ou une ligne bouillante. Donc je vais animer le pinceau trois fois, et ensuite je vais avoir six gouttes qui vont tomber. Donc, je vais effectivement dupliquer le pinceau, ce qui est un processus très délicat quand vous devez vous assurer que toutes les couches sont aplaties. Donc, je vais créer un autre calque, et je vais dessiner à nouveau le pinceau. Cette fois, je vais changer légèrement la forme de l'extrémité du pinceau pour montrer un mouvement. Je vais cacher le calque précédent, puis je vais réduire la capacité de cette couche, puis dessiner dessus à nouveau. Maintenant, je vais juste tester
à quoi cela ressemble en l'exportant juste pour voir si j'aime comment ça a l'air bien, jusqu'à présent pas parce qu'il n'y a aucun moyen
pour vous de rejouer l'animation sans exporter à nouveau. D' accord. Donc, vous pouvez voir le mouvement là-bas. Je pense que je vais changer la poignée du pinceau et l'un de ces cadres juste pour montrer mes compétences de compression et de squash. La chose avec l'utilisation de Procreate que beaucoup de cela est juste d'expérimenter et de voir ce qui fonctionne, eh bien, ce n'est vraiment pas si facile de voir à quoi cela ressemble jusqu'à ce que vous l'ayez réellement exporté, qui est frustrant que vous allez devoir faire cela à chaque fois. Mais c'est juste une de ces choses ennuyeuses à propos de l'animation sur un Procreate, mais c'est beaucoup plus maniable que certains logiciels car vous l'
avez toujours disponible avec vous. Alors que si vous avez Photoshop ou Tumblr, vous ne pouvez pas vraiment transporter un ordinateur portable et une énorme tablette de dessin avec vous tout le temps, quand un iPad est beaucoup plus facile. D' accord. Je vais donc dupliquer certaines de ces couches plus tard pour les répéter. Mais d'abord, j'ai besoin de le colorer, dont j'aurai besoin pour aplatir les couches. Donc, je vais réellement avoir besoin de colorer chaque couche individuellement sous les couches, puis de les aplatir par la suite. Ça semble déroutant en ce moment, mais je vais l'expliquer au fur et à mesure. Je vais donc commencer avec ma première image et je vais créer un nouveau
calque, que je vais mettre en dessous. C' est le calque sur lequel je vais colorier. Maintenant, j'ai fini de colorier chaque couche. Je vais fusionner les couches ensemble. Donc je vais cliquer ici. Vous cliquez sur l'icône de ce calque, puis vous appuyez sur « Fusionner vers le bas » et il deviendra un. Vous devez le faire pour chaque pinceau. D' accord. Voyons à quoi ça ressemble. D' accord. Donc maintenant, nous allons dupliquer les couches, puis nous allons ajouter sur les gouttes de peinture. Vous voyez ici, nous avons ce cadre ici en haut et ensuite ce cadre. Ce que nous voulons faire, c'est que nous voulons mettre ce cadre sur le dessus. Donc, en haut de la prochaine image. Donc, ce que nous allons faire est de faire glisser le calque et d'appuyer sur « Dupliquer », puis de le déplacer au-dessus du calque 9. Là, vous pouvez voir que ces deux couches sont répétées. Donc, nous voulons dupliquer la couche 7. Je déplace ça au-dessus de la couche 8. Ensuite, nous voulons dupliquer 6. Je déplace ça sur le dessus de 7. Ensuite, pour la couche 6, nous ne dupliquons pas cela parce que c'est la première image, donc cela arrêterait tout le processus à nouveau à partir de cela. C' est donc à quoi cela ressemblera lorsque vous l'exporterez. Alors maintenant, nous voulons faire les éclaboussures roses. Donc je vais commencer par celle-là, qui n'aura rien de dégoulinant de lui. Ensuite, nous irons dans le second, qui a un tout petit peu de peinture qui s'envolait. Ensuite, nous allons réduire l'opacité pour l'utiliser comme peau d'oignon pour la couche suivante. Pour cela, nous voulons que la peinture glisse vers le haut lorsque le pinceau est pointé plus vers le haut, bien que évidemment, les gouttes de peinture qui sont déjà tombées vont toujours tomber. Ils doivent donc être un peu plus bas. Alors on peut en faire un peu par ici. Ensuite, nous pouvons changer l'opacité de
la couche de peau d'oignon et faire de notre couche actuelle la couche de peau d'oignon. Ensuite, il y aura de la peinture ici et ici. Ensuite, pour afficher à nouveau l'animation, nous voulons nous assurer que l'opacité est activée sur tous les calques. Alors maintenant, c'est réparé. C' est à quoi ressemble le GIF animé. Donc, évidemment, nous ne voulons pas vraiment d'arrière-plan. Donc nous devons aller à cette boîte et nous voulons faire glisser ça pour éteindre le sol. Ensuite, vous voulez l'exporter en pleine résolution. Cela l'enregistrera dans vos fichiers une fois que vous avez appuyé sur « Enregistrer l'image ». Dans les prochaines leçons, je vais vous montrer comment vous pouvez télécharger vos autocollants animés sur Instagram, et comment nous pouvons créer une application pour l'Apple Store.
7. Télécharger sur Instagram: Lorsque vous voulez obtenir vos GIF sur Instagram, vous devez d'abord les appliquer à GIPHY, puis GIPHY le téléchargera via ce serveur et il ira sur Instagram, où vous pourrez le rechercher dans la section autocollants sur Instagram histoires. Tout d'abord, vous devez vous connecter ou créer un compte. Vous pouvez appuyer sur ce bouton dans le coin supérieur ici, et pour vous connecter ou créer le compte. Si vous avez déjà un compte, vous pouvez simplement vous connecter ici, ou vous pouvez vous y inscrire et il vous suffit de remplir les détails. J' ai déjà un compte. Je vais juste me connecter maintenant. Il vous charge jusqu'à cette page. Il est important que vous remplissiez cette page car plus votre profil est rempli plus vous serez probablement accepté d'avoir vos autocollants sur le site Web de GIPHY. Vous pouvez voir ici que je l'ai mis en public, et j'ai rempli la section À propos et ajouté dans mes comptes de médias sociaux. C' est important que vous voulez donner à chacun de voir que vous avez une marque et que vous êtes un artiste. Si vous faites défiler un peu vers le bas, vous devez voir ici il indique comment GIPHY. Je vais en fait appuyer sur cela et cela fera ressortir les sujets en vedette et d'aide. Je vais faire défiler vers le bas et cliquer sur « GIPHY » pour Artists on Brands. Cela dépend en fait de ce que vous êtes. Je vais postuler pour une chaîne d'artistes parce que je suis un artiste. Si vous êtes une marque, vous voudrez probablement postuler pour cela. C' est juste à vous de remplir ce qui convient le mieux. Vous envoyez une application pour accéder à vos autocollants. C' est super facile à faire. Ça ne prend pas si longtemps. Je postule pour un artiste. Je vais cliquer sur « Apply For An Artist Channel ». Comme je l'ai mentionné précédemment, GIPHY dit qu'ils doivent remplir les détails de
votre profil et que vous devez avoir des autocollants et GIF déjà prêts. Je vais cliquer sur ce bouton et postuler maintenant. Je vais charger les GIF maintenant. C' est le dossier avec tous mes autocollants et je vais juste les
faire glisser ici pour les télécharger. Vous devez en fait ajouter des balises, et ajouter une source. Je vais mettre sur mon site web. Et puis pour les tags, je vais en fait me balayer pour pouvoir facilement les rechercher. Je vais mettre dans l'illustration de Pollygone. Ici, je suis juste en train de remplir avec quelques noms de balises pertinents. Je pense qu'il est vraiment important d'opter pour votre nom de marque parce que cela vous permettra de trouver plus facilement ces décennies. Mais si vous voulez vos clients, vos amis peuvent également les utiliser, ce qui les rendra super facile pour eux de les trouver et je veux rechercher des milliers de GIF. Je vais maintenant appuyer sur « Upload to GIPHY », et cela va maintenant les télécharger. Cela peut prendre un certain temps parce que vous pourriez avoir beaucoup à télécharger et gifs sur les plus petits fichiers en particulier. Vous voudrez peut-être vous asseoir et attendre qu'ils le fassent. Maintenant, vous pouvez voir que le téléchargement est terminé. Je vais cliquer sur ce bouton qui dit « Télécharger est terminé, puis continuer ». Cela vous emmènera ici et vous devrez le remplir à nouveau. Je vais évidemment chercher un artiste, mais si vous voulez opter pour la marque, choisissez une marque, puis appuyez sur « Soumettre la demande ». Voilà, tu y vas. Votre demande a été soumise. Il est possible que vous soyez refusé, votre demande pourrait être refusée. Mais si cela se produit, vous avez juste besoin d'aller travailler sur votre marque et sur vos autocollants et essayer de les amener à vraiment aimer tous s'adapter ensemble et bien fonctionner. Mais je reviendrai dans quelques jours où ma candidature sera acceptée. Cela fait maintenant quelques jours et mes GIF sont maintenant sur GIPHY, et je peux aussi y accéder sur Instagram aussi. Vous saurez quand vous avez été accepté, quand vous recevrez cet email de GIPHY et ensuite si vous passez à votre profil et GIPHY, vous recevrez une petite coche bleue à côté de votre nom d'utilisateur. Tout comme un peu d'avertissement, il faut quelques jours pour que vos GIF apparaissent sur Instagram. Il m'a fallu, je crois, deux, trois jours pour qu'ils comparaissent après que j'ai envoyé ma demande. Évidemment, si GIPHY prend un peu plus de temps pour regarder votre application, il leur faudra alors plus de temps pour payer sur Instagram. Dans la prochaine leçon, nous allons examiner comment vous pouvez créer votre propre tabouret Apple, que vous pouvez utiliser sur iPhone et votre iPad.
8. Créer une application autocollante: Dans cette leçon, je vais vous montrer comment vous pouvez créer votre propre application Apple App Store. Pour ce faire, vous devrez disposer d'un iMac ou d'un MacBook, sinon, vous ne pourrez pas le faire car vous devrez télécharger Xcode. Vous pouvez obtenir Xcode gratuitement sur l'Apple App Store. Il suffit de le chercher, et il viendra tout de suite. C' est à quoi ressemble la page. Une fois que vous avez cliqué sur télécharger et téléchargé sur votre ordinateur, vous voulez ouvrir Xcode, et vous obtiendrez cet écran ici. Vous voulez appuyer sur celui-ci qui dit créer un nouveau projet Xcode, créer une application pour iPhone, iPad, Mac, Apple Watch et Apple TV. Nous allons cliquer dessus, et il nous amènera à cet écran, qui vous donne beaucoup d'options différentes pour faire différents types d' applications, mais nous allons faire dans une application de pack d'autocollants, donc vous voulez appuyer sur cela, , puis appuyez sur Suivant. Vous voulez donner un nom à votre pack d'autocollants. Je vais juste appeler mes autocollants d'illustration Pollygone, et ensuite tu veux appuyer sur la prochaine. Ensuite, vous voulez sélectionner l'endroit où vous voulez enregistrer votre pack d'autocollants. Je vais en fait l'enregistrer dans le même dossier que dans mon autocollant, et puis je vais cliquer sur « Créer ». Si vous voulez vendre votre application sur l'App Store, vous allez devoir payer pour le faire, et cela coûte environ 100$ par an pour que vous puissiez le faire. Si vous voulez obtenir l'application sur votre téléphone pour que vous puissiez l'utiliser à des fins personnelles, c'est bon. En fait, je vais passer par ça plus tard. C' est possible, mais si vous voulez vendre votre application, vous devrez malheureusement payer, mais c'est
un bon prix car cela signifie que vous pouvez obtenir de l'argent lorsque les gens achètent votre pack d'autocollants. En bas ici, vous verrez ce bouton ici qui dit stickers.CSStickers. Nous allons appuyer dessus, et cela vous amènera à cet écran où vous pouvez alors avoir l'option entre l'icône de l'application iMessage sur le dossier du pack d'autocollants. L' icône de l'application iMessage est l'endroit où nous allons créer toutes nos icônes. C' est vraiment ennuyeux, mais vous devrez créer les icônes de l'application pour
s'adapter à chaque taille d'écran différente, mais nous allons le faire dans une minute. Tout d'abord, nous allons télécharger nos autocollants. Vous voulez cliquer sur le dossier du pack d'autocollants, et vous pouvez voir ici qu'il n'y a pas d'autocollants ici, et il vous demande de faire glisser et déposer vos autocollants dans le dossier. Je vais chercher mes autocollants, et je vais les sélectionner,
et les faire glisser dans Xcode. Il y a mes autocollants. Certains de ces autocollants, ont déjà été faits pour Instagram. Je vais sélectionner ces, et je vais choisir, supprimer et me débarrasser d'eux. Je vais charger le simulateur maintenant pour qu'on puisse voir à quoi ils ressemblent. Si vous cliquez ici, il est dit iPhone 7 Plus mais il peut dire quelque chose d'autre sur quelqu'un d'autre en fonction de la version de Xcode que vous avez, et vous pouvez voir ici qu'il vous donne beaucoup d' options
différentes pour différents produits Apple. Vous avez les iPads, vous avez les iPhones, et vous avez choisi chaque version différente des téléphones les plus récents. Je vais en fait aller pour l'iPhone SE car c'est ce que mon téléphone est. Je vais choisir ça. Ensuite, ici, vous pouvez voir qu'ils ont un jeu, et un bouton d'arrêt. Le bouton de lecture construit réellement un pack d'autocollants pour vous, et il crée l'application dans un simulateur, qui se chargera en une seconde. Je l'ai frappé maintenant. Je vais juste attendre que l'application d'autocollants soit construite. C' est à quoi ressemblera le simulateur une fois qu'il sera chargé, et si vous faites défiler vers le bas, vous pouvez voir le bouton des messages là, donc je vais appuyer dessus. Là, vous pouvez voir qu'il y a des faux messages qui sont apparus. Je vais juste cliquer sur cela, puis aller en bas, et cliquez sur le logo Apple Store. Il va alors vous donner ceci, et vous pouvez voir ici, son a obtenu mes autocollants que j'ai téléchargé. Vous pouvez y voir tous vos autocollants déjà dans l'application qu'ils sont prêts à utiliser. Pour envoyer un autocollant, il suffit de cliquer sur l'autocollant que vous voulez envoyer, et il apparaîtra ici, puis il vous suffit d'appuyer sur cette petite flèche, qui l'enverra, et là vous pouvez le voir. Ici, vous pouvez voir qu'il n'y a pas vraiment de logo, ce
qui est ce que nous allons créer maintenant. Tu ne veux pas garder ça vide. Vous voulez avoir un joli logo qui attirera les gens à utiliser votre ensemble de bâtons. Vous voudrez télécharger un modèle. Nous pouvons le trouver en allant sur developer.apple.com. Vous voulez cliquer sur, « Conception », en haut de la page, puis cela va charger cette page ici. Vous voudrez faire défiler vers le bas, puis cliquez sur « Afficher les ressources de conception », puis vous voudrez télécharger cette chose ici. Je vais télécharger pour Photoshop mais vous pouvez le télécharger partout où vous en aurez besoin, et ce sera tout un tas de ressources que vous pouvez utiliser pour créer vos icônes. Une fois que vous avez terminé le téléchargement de vos ressources Apple Design, vous pouvez double-cliquer sur ce dossier et il ouvrira cet écran pour vous. Ensuite, vous voulez cliquer sur « Modèles de production » et ouvrir ce dossier, et ici vous verrez une gamme de modèles différents à utiliser. Nous voulons utiliser celui-ci qui est le modèle pour les icônes de l'application iMessage. Vous voulez double-cliquer dessus et ouvrir cela. Votre document, vous avez tous ces carrés blancs que nous allons remplir. Là, vous pouvez voir toutes les différentes tailles d'icônes que nous allons créer. Je veux que mes icônes soient exactement la même chose. Je veux juste que ce soit le visage du logo de ma petite fille. Vous pouvez voir ici sur le côté où tous les calques sont qu'il y a de petits dossiers individuels, et ici il y a plus de dossiers pour chaque icône différente. Vous pouvez le voir, je vais devoir mettre mon design sur chacun de ces fichiers Photoshop ici. Je vais trouver mon icône,
et je vais remplir le fichier Photoshop avec le logo de ma petite fille. Une fois que vous avez fait cela, ce que vous devez faire est de cliquer sur, « Fichier, Génère des images », puis Photoshop vous aidera simplement à créer les icônes sans que vous ayez à faire de travail, et de les enregistrer individuellement, et c'est juste beaucoup plus rapide que de configurer différentes tailles de fichiers. Pour télécharger les icônes de
l'application, l'application iMessage, vous devez monter toutes vos icônes, et vous devez trouver les bonnes qui vont au bon endroit. Si vous les mettez dans les mauvais, cela ne fonctionnera pas correctement. Tu dois juste passer un peu de temps à essayer de savoir lequel est lequel. Celui-ci a besoin d'y aller parce que ses 27 x 20 pixels, et c'est trois fois. Maintenant que c'est fait, construisons à nouveau l'application, et testez-la dans un simulateur. Vous pouvez maintenant voir que l'application a sa petite icône. Maintenant, nous allons créer l'application d'autocollants que nous allons mettre sur nos téléphones. Ce que vous devez faire est que vous devez brancher votre téléphone sur votre ordinateur ou votre MacBook, puis vous devez aller ici, et assurez-vous que votre iPhone ou iPad est sélectionné sous l'appareil. Parfois, il le fera pour vous, mais parfois vous devrez le sélectionner. Une fois que cela est arrivé, vous voulez juste appuyer sur le bouton de lecture pour que la construction soit créée. Une fois que l'application a fini de construire sur votre iPhone, vous devriez être en mesure de le voir sur votre téléphone, alors ce que vous devez faire est d'ouvrir iMessages, et maintenant vous serez en mesure de voir que l'application est sur votre téléphone comme elle l'était sur le simulateur. Vous serez en mesure de voir tous les autocollants que vous avez faits sur l'application, et vous pourrez également les glisser, les déposer sur l'écran, et les ajouter au-dessus des messages, et simplement les envoyer comme leur propre message aussi. Vous devez jouer, et envoyer des messages cool, amusants et
passionnants à vos amis, et c'est juste cette petite façon de vous exprimer sur du texte. Vous avez l'option ajoutée de le vendre à d'autres personnes sur l'App Store, ce qui est une chose vraiment excitante à faire si vous choisissez de le faire.
9. Finition: Félicitations, vous avez terminé votre premier jeu d' autocollants animés
numériques et vous les avez téléchargés sur Instagram ou sur l'App Store. Dans cette leçon, je vous ai montré comment concevoir des autocollants et je vous ai donné des conseils sur la façon de les faire les meilleurs autocollants qu'ils peuvent être pour vous. Je vous ai également enseigné les bases de l'animation et vous ai amené à travers différentes compétences que vous avez maintenant utilisées et mises en œuvre tout au long de la classe. Ensuite, je vous ai montré comment créer les autocollants en utilisant Procreate, [inaudible] et Photoshop. Maintenant, vous avez fini vos jeux d'autocollants. Pourquoi ne pas les partager dans la galerie pour que nous puissions tous les jeter un oeil. J' espère que vous avez apprécié cette leçon et j'espère vous revoir bientôt. N' oubliez pas de me consulter sur Instagram et YouTube. J' ai également ma boutique en ligne où vous pouvez trouver des produits que j'ai conçus. Merci encore beaucoup d'avoir regardé et j'espère que vous avez trouvé cette leçon utile. Je te verrai la prochaine fois. Au revoir.