salut! Dans ce tutoriel, je veux vous montrer plusieurs façons de faire des autocollants, j'espère que cela vous aide beaucoup et que vous faites de belles choses. 💛

1. UNE PETITE THÉORIE

Les autocollants, bien qu'ils soient relativement nouveaux, en sont venus à se positionner de manière très significative dans notre communication, car ils peuvent exprimer des sentiments que le texte ne peut souvent pas atteindre.

Une petite liste de conseils pour faire des autocollants:

🔸 Les autocollants peuvent être utilisés dans nos conversations s'ils ont des expressions génériques ou ont des actions que nous faisons habituellement, comme sourire, être triste ou célébrer.

🔸 Ils doivent être faciles à comprendre. Si ce que l'autocollant représente est difficile à comprendre, il ne sera pas confortable de l'utiliser. Les autocollants sont généralement simples car leur taille est petite et trop de détails ne seront pas vus.

🔸 Les personnages sont toujours un bon choix, mais cela ne signifie pas que vous ne pouvez pas utiliser d'autres choses. Avec les personnages, vous pouvez clairement exprimer une action ou une expression, mais pour certains moments ou si vous voulez vos autocollants imprimés même si vous ne pouvez pas utiliser de nourriture ou autre objet de la même manière qu'un personnage dans une conversation, ce sera très agréable décorer un cahier ou dans vos histoires instagram.

🔸 N'oubliez pas que si vous voulez des autocollants pour un réseau social spécifique, vous devez vérifier s'ils ont des exigences concernant la taille et d'autres choses.

🔸 Les paquets d'autocollants suivent la même ligne graphique, c'est-à-dire que dans le même paquet d'autocollants, nous ne pouvons pas mettre un lapin de style réaliste en train de boire du thé et dans l'autre un lapin de style dessin animé qui s'exerce, s'ils suivent le même style, il sera considéré comme un définir où chacun s'harmonise avec les autres et il y a des réseaux sociaux où cela est nécessaire, comme Line.

🔸 Faire des autocollants est tellement amusant, prenez votre temps à les faire tout en vous amusant! La vérité est que si cela vous rend heureux et que c'est pour vous ou vos amis, vous pouvez les faire comme vous le souhaitez.

2. EMBALLAGE DE JOLIES AUTOCOLLANTS

Nous allons faire un paquet d'autocollants, j'utiliserai la mesure 370 x 320 px. Nous commençons par préparer la toile.

Nous allons dans [Fichier> Nouveau], Type de travail> Illustration.

Je veux faire un paquet d'autocollants de lapins faisant différentes choses, comme se coucher ou jeter un baiser, j'aime vraiment les lapins alors j'ai eu beaucoup de plaisir avec ça.

J'ai réalisé les croquis de 8 stickers lapin en 8 couches différentes.

Maintenant, j'ai créé un dossier de calques pour chaque esquisse et nettoyé les lignes. Je voulais que le trait soit épais, j'ai utilisé Stylo> Texturé. À l'intérieur de chaque dossier de calques, je les ai également peints de manière simple.

Vous pouvez le peindre dans la méthode que vous préférez, si vous utilisez un cube de remplissage comme moi, assurez-vous qu'il recouvre tout correctement, vous pouvez mettre un calque d'une couleur de fond différente pour remarquer les espaces qui n'ont peut-être pas été peints.

En fin de compte, je n'ai pas aimé quelques autocollants, alors je les ai changés et je me suis rendu compte que l'un (le lapin qui célèbre) avait aussi l'air agréable de pleurer et de célébrer, alors j'ai fait deux versions de celui-ci en copiant simplement le dossier et en le tournant horizontalement.

Pour les enregistrer, allez dans [Fichier> Exporter (un calque)> .png (PNG)]. Assurez-vous d'avoir désactivé la vue du calque de papier pour en faire un arrière-plan transparent.

Après avoir choisi l'emplacement où nous enregistrerons le fichier, nous obtenons cette fenêtre de paramètres d'exportation png, je la laisse avec les valeurs par défaut, je remarque seulement que "Pour illustration" est sélectionné dans [Traitement de l'échelle].

Si vous avez l'option "Aperçu des résultats de rendu à la sortie" cochée dans [Aperçu], vous obtiendrez une autre fenêtre qui vous permettra de voir à quoi ressemblerait votre travail une fois enregistré.

Donc, ils étaient à la fin, ce sont 9 autocollants qui comme vous pouvez le voir, ils ont tous quelque chose en commun, ils sont le même personnage (un lapin) qui fait des choses différentes et plus les couleurs qu'il montre qu'ils font partie du même paquet d'autocollants, c'est important si vous voulez qu'ils se voient en harmonie.

3. UN PEU PLUS DE THÉORIE

Nous allons parler de certains termes que la vérité quand j'ai commencé ne comprenait rien de ce qu'ils étaient, j'espère que cela peut vous faciliter les choses.

🔸 Cadres / Frame: Ce sont les différentes images qui composent une animation ou un film, selon le nombre d'images qui sont dans une certaine période de temps, le projet aura l'air plus ou moins fluide.

🔸 Fps: Cela vient des images par seconde ou des images par seconde, c'est une mesure pour connaître le nombre d'images qu'il y a en une seconde.

Els Cels: Ce sont les cellules où chaque image est faite.

Par exemple ici, nous pouvons voir la différence de fluidité entre un autocollant animé de 3 images à l'une des 10 images.

Il existe différentes façons de fabriquer des autocollants, certaines plus simples que d'autres, mais généralement, la fabrication d'un autocollant avec plus de cadres implique plus de travail, donc si vous commencez, je recommande de faire moins d'autocollants jusqu'à ce que vous vous y habituiez. La chance!

4. BELLES AUTOCOLLANTS ANIMÉS

4a. Autocollants image par image à partir de zéro

Nous commençons par ouvrir un nouveau fichier, nous allons dans [Fichier> Nouveau], nous allons faire un gif de type autocollant, j'utiliserai à nouveau la taille 320 x 270 px et comme il sera fait pour les écrans et non pour être imprimé je le ferai utilisez une résolution de 72 qui suffit.

Pour faire des autocollants, ce qui est quelque chose de simple, je vois qu'il est plus facile de travailler avec Type de travail> Illustration qu'avec Animation, mais vous pouvez aussi.

Je sélectionne [Créer une illustration animée], je ferai un autocollant de 3 cellules à une vitesse de 6 images par seconde.

Si la chronologie n'apparaît pas en bas, allez dans [Fenêtre> Chronologie] et elle apparaîtra.

Sur la droite, vous pouvez voir qu'il existe un dossier d'animation qui contient les 3 cellules que nous avons spécifiées lorsque nous avons créé le canevas, chacune de ces cellules correspond à celles de la chronologie, celles indiquées par la flèche.

Si vous allez faire un autocollant en mouvement, vous devrez peindre chaque partie du dessin de l'animation, en répétant les couleurs, cela peut ne pas sembler nécessaire s'il s'agit d'un autocollant légèrement plus simple comme celui que nous allons faire maintenant, mais si c'est un avec plus de cadres comme celui de celui que j'ai utilisé dans l'exemple "un peu plus de théorie", il est très utile d'avoir la palette de couleurs que nous utilisons à portée de main.

Si je n'ai pas le jeu de couleurs ouvert, je vais dans [Fenêtre> Jeu de couleurs] et quand il apparaît, je donne l'icône à côté de son nom qui dit "Modifier le jeu de couleurs".

Nous obtenons une fenêtre pour modifier le jeu de couleurs, je donne "Ajouter de nouveaux paramètres" et je mets le nom que je veux dans la zone de texte, je mets "stickerconejo" et nous acceptons.

Nous voyons notre ensemble de couleurs appelé autocollant lapin vide, si vous avez une palette de couleurs précédente que vous souhaitez utiliser, vous pouvez les localiser maintenant, je vais d'abord peindre un dessin où je déciderai des couleurs et à partir de là je les placerai dans le jeu de couleurs.

Au cel 1, je vais esquisser le premier dessin. Pour cet autocollant je ferai pleurer un lapin, l'animation sera ses larmes tombant.

Pour avoir le premier dessin comme base et en faire les autres, je donne "Activer la peau d'oignon", donc quand vous êtes en cel 2, cel 1 sera vu, mais dans un ton bleu, donc vous pouvez dessiner dessus sans l'inconfort de faire les changements que vous souhaitez.

Vous pouvez modifier les paramètres de la peau d'oignon si vous le souhaitez dans [Animation> Afficher les cellules d'animation> Paramètres de la peau d'oignon], vous obtiendrez une fenêtre dans laquelle vous pourrez modifier l'apparence de la couleur précédente ou de la couleur arrière, entre autres paramètres.

J'ai déjà fait le croquis dans chacun des trois cadres, ils étaient comme ça:

Voyons maintenant à quoi cela ressemble en mouvement, dans la "Timeline" nous cliquons sur "Play" et ça ressemble à ceci:

Puisque nous avons les croquis, nous devons les décrire et les peindre chacun, pour cela, nous devons créer un dossier pour chaque cel, la création de cette couche fait que tout à l'intérieur est considéré comme un cel.

Nous allons dans [Layer> Create folder and insert layer], nous le faisons avec chacun des cels.

Nous changeons le nom des couches pour les avoir dans l'ordre. Aux croquis j'ai baissé l'opacité pour pouvoir faire la délimitation avec confort.

Dans ce gif, je voulais juste qu'il y ait du mouvement dans l'expression et les larmes du lapin, alors j'ai décrit le contour de son visage, je l'ai copié pour chaque dossier et j'ai fait le reste. J'ai utilisé Pen> Textured

Voici à quoi ressemble le contour de chaque cel de notre gif:

Maintenant, à l'intérieur de chaque dossier, je vais peindre le premier cel. J'ai utilisé l'outil Remplir> Se référer à d'autres calques, cette option vous permet de peindre des remplissages sur un calque différent, cet outil fonctionne assez bien, mais il se peut qu'il y ait de petits espaces qui n'ont pas été peints, vous pouvez utiliser Remplir> Fermer et remplir pour ces pièces ou le peindre avec un autre outil comme la plume.

Puisque j'ai le premier ordinateur portable prêt, je vais enregistrer les couleurs que j'ai utilisées dans le jeu de couleurs que nous avons créé plus tôt. Pour y sauvegarder des couleurs, je dois juste avoir le "Drop Count" sélectionné et cliquer sur les couleurs que je veux enregistrer dans le jeu de couleurs "stickerconejo".

 

Voici à quoi ressemble chaque cellule une fois que nous avons fini de la peindre:

Maintenant, sauvons-le!

Nous enregistrerons cet autocollant au format APNG, ce qui nous permettra de l'enregistrer avec un fond transparent. N'oubliez pas de désactiver la visibilité de la couche de papier.

Nous allons dans [Fichier> Exporter l'animation> Autocollant animé (APNG)].

Après avoir décidé de l'emplacement de votre fichier, vous obtenez cette fenêtre de paramètres d'exportation. Pour que votre gif soit une boucle qui se répète à l'infini, vous devez avoir sélectionné Boucles> Illimité, si vous donnez la deuxième option, qui est Boucles> Nombre de fois, le gif s'arrêtera en fonction du nombre de fois que vous l'avez placé. va répéter.

Enfin, vous obtenez une fenêtre qui vous informe que l'exportation a été terminée.

Nous l'avons déjà prêt! Le gif fini ressemble à ceci:

Remarque: Le format APNG ne fonctionne pas sur tous les sites Web, vous devez donc vérifier les spécifications du site Web où vous souhaitez le placer. Par exemple, dans cet article, ils ne peuvent pas être téléchargés dans ce format, je dois donc les télécharger au format GIF.

4b. Autocollants animés à partir d'une illustration (avec modifiables)

Je ne sais pas si le titre est compris ha ha.

Et si vous avez une illustration que vous avez faite et que vous voulez que ce soit un autocollant animé? Ou vous avez peut-être fait un autocollant conçu pour être imprimé avec une haute qualité et vous voulez également qu'il ait un certain mouvement pour les réseaux sociaux.

Si vous avez le fichier modifiable (c'est-à-dire au format de peinture clip studio), vous pouvez le faire de cette façon.

Dans cet exemple, je vais utiliser cette illustration d'un beignet, sélectionnez le dossier qui contient tous les calques et donnez-lui Ctrl + C ou allez dans [Modifier> Copier].

Nous ouvrons un nouveau fichier, nous allons dans [Fichier> Nouveau].

Nous sélectionnons Type de travail> Illustration. La taille que j'utiliserai la même que celle utilisée précédemment: 320 x 270 px dans une résolution de 72. Je sélectionne "Créer une illustration en mouvement", je veux que ce soit quelque chose de simple donc mon gif aura 3 cels, où le glaçage de beignet va tomber.

Nous sélectionnons notre premier cel et allons dans [Calque> Créer un dossier et insérer un calque], nous le faisons avec chaque cel.

Dans le dossier de notre premier cel nous allons coller le dossier qui contient notre illustration, ça peut être avec Ctrl + V ou [Edition> Coller].

Notre illustration est plus grande que la toile sur laquelle nous travaillons, nous ajustons donc la taille avec Ctrl + T ou [Edition> Transformer> Echelle + / Echelle - / Rotation].

Maintenant, je vais copier le dossier où se trouve le beignet et il sera collé dans la cellule 2, car j'ai le fichier modifiable de ce fichier, je suis allé au calque où j'ai le glaçage du beignet et avec le pinceau je l'ai étendu.

Ensuite, j'ai copié le dossier sur lequel je venais de travailler dans la cellule trois et j'ai fait la même chose à nouveau, peint où la couche de glaçage est pour l'allonger, comme s'il tombait.

Quand j'ai fini, nous allons sur le bouton "Play":

Notre gif dure 0,5 seconde.

Si vous pensez que votre gif est très rapide, nous verrons comment le ralentir.

(1) Il en va de même pour notre calendrier actuel.

(2) Comme je veux le ralentir, je clique sur le pointeur bleu et je fais glisser sur l'image 6. Lors de la création du canevas, nous mettons la fréquence d'images 6 images par seconde, donc l'extension de notre gif à l'image 6 durera une seconde .

(3) Descendez un peu dans la chronologie, nous devons également déplacer le papier, de la même manière que nous tirons du coin du papier et le portons à l'image 6.

(4) Nous sélectionnons n'importe laquelle des cellules et nous donnons "Supprimer les cellules spécifiées", nous le faisons avec toutes.

(5) Maintenant, nous cliquons sur le premier cellulo et cliquons sur "Spécifier les cellulos".

Nous obtenons cette fenêtre pour sélectionner les couches, nous sélectionnons la couche 1 et nous acceptons.

(6) Nous avons déjà le premier cel, nous sélectionnons la trame numéro 3, de sorte que le temps que chaque cellule apparaisse dans le gif soit pair et nous donnions "spécifier les cellules", en sélectionnant maintenant la couche numéro 2. La même chose est faite avec le troisième cel.

(7) Voici à quoi ressemble notre nouvelle chronologie.

Le gif dure désormais 1 seconde et semble nettement plus lent que le précédent.

Maintenant, nous allons l'enregistrer, je vais l'exporter au format GIF.

Allons dans [Fichier> Exporter l'animation> Gif animé].

Après avoir choisi l'emplacement du fichier, nous obtenons l'onglet des paramètres d'exportation, afin que le gif se répète sans fin, n'oubliez pas de sélectionner dans Boucle> Illimité.

Fini!

4c. Autocollants animés à partir d'une illustration (image uniquement)

J'ai cette illustration en png pour en faire un gif, si ce n'est pas avec un fond transparent votre image, vous pouvez essayer de supprimer l'arrière-plan de la manière que vous préférez si vous voulez qu'il soit sans arrière-plan.

 

On commence par ouvrir le canevas, dans [Fichier> Nouveau] j'utiliserai la même taille qu'auparavant.

Nous allons importer l'image dans [Fichier> Importer> Image].

Nous obtiendrons l'image dans une taille plus grande que la toile donc avec [Opération> Objet] nous nous ajustons à la taille désirée.

Pour pixelliser l'image, allez dans [Calque> Pixelliser] ou faites un clic droit sur le calque de l'image et "Pixelliser".

Nous allons dans [Fenêtre> Chronologie].

Dans la chronologie, nous cliquons sur "Nouvelle chronologie" et nous obtenons une fenêtre pour le configurer, dans "Temps de lecture" nous pouvons mettre le nombre d'images, les secondes plus l'image ou le code temporel, je l'ai laissé en nombre d'images avec 3. Nous donnons pour accepter.

Notre chronologie ressemble maintenant à ceci:

Nous donnons "Nouveau dossier d'animation".

Nous copions avec Ctrl + C le dossier pixellisé de notre image à l'intérieur du dossier d'animation en fonction du nombre d'images que nous allons utiliser, puis nous changeons le nom des cellules pour avoir de l'ordre.

Nous sélectionnons le premier cel et nous donnons "Spécifier les couches".

Dans la fenêtre, nous sélectionnons 1 et nous acceptons.

Nous faisons de même avec les deux autres cellules.

Notre chronologie ressemble à ceci:

Maintenant, nous créons un dossier de calques pour chaque cellule dans [Calque> Créer un dossier et insérer un calque].

Nos couches ressemblent maintenant à ceci:

À l'intérieur du dossier de calques, j'ai fait des paillettes, dans un calque j'ai mis la ligne et dans un autre la couleur.

N'oubliez pas de sélectionner "Activer la peau d'oignon".

J'ai copié et collé les couches de paillettes dans les autres dossiers de chaque cellule, mais j'ai changé la couleur avec Ctrl + U ou [Edition> Correction tonale> Teinte / Saturation / Luminosité].

Pour déplacer les paillettes de l'endroit d'abord, nous allons combiner leurs calques, sélectionnez le calque de trait et le calque de couleur, cliquez avec le bouton droit et "Combiner les calques sélectionnés".

Maintenant, nous pouvons utiliser l'outil [Sélection> Lasso] pour sélectionner les paillettes et les déplacer, la peau d'oignon nous aide à voir où se trouvaient les paillettes de la couche précédente.

Et c'est tout!

Merci beaucoup d'avoir lu ceci, j'espère qu'il vous a servi. 💛