Aperçu

Les émoticônes sont un aspect assez important de la communication à cette époque de l'Internet, avec des interactions aussi complexes qui se produisent entre les utilisateurs en quelques secondes. L'utilisation d'émoticônes est un must! Ce CONSEIL est là pour vous apprendre à créer des émoticônes superbes pour toutes les occasions. Nous passerons en revue la plate-forme qui, selon vous, sera la meilleure, en choisissant les émoticônes appropriées pour le travail, les principes qui font une émoticône lisible et attrayante, le processus et en ajoutant un peu de vernis pour que ces émotions ressortent vraiment! Alors, commençons!

La plateforme choisit la taille

Les émoticônes sont utilisées partout sur Internet et donc avec de nombreux appareils tels que tablettes, ordinateurs, téléphones, etc. Choisir la bonne plate-forme pour vos émoticônes sera très important et c'est pourquoi c'est l'une des premières sections dont nous devons discuter, sans cela vous pouvez finir par provoquer des frustrations inconnues avec les rapports d'aspect et la lisibilité lors de la création des émoticônes, pour éviter cela, j'ai mis cette section pour vous aider à choisir facilement les meilleures plates-formes avec un guide des tailles.

 

Twitch est le site de streaming le plus populaire au monde et donc leurs chats sont remplis d'émotes animées, ce qui en fait l'endroit idéal pour vos tout nouveaux émoticônes! Les rapports d'aspect Twitches suivent un guide de dimensionnement strict de 112px X 112px, 56px X 56 px et 28px X 28px. Veuillez voir ci-dessous pour un exemple de dimensionnement

 

Le prochain site qui serait populaire est la taille de l'autocollant LINE pour les émoticônes dans les messages texte, leurs proportions pour les autocollants max sont 320px X 270px Veuillez voir ci-dessous pour un exemple de dimensionnement.

Le dernier choix était MIXER for Emotes, comme twitch, ils suivent une taille stricte, mais ce n'est qu'un seul qui est 24px X 24px Veuillez voir ci-dessous pour un exemple de dimensionnement.

Comme vous pouvez le voir, la plate-forme crée l'émoticône en soi, et j'entends par là que vous devez rechercher où vous prévoyez que vos émoticônes soient vues, cette planification, à long terme, vous aidera à moins de maux de tête sur la route, ce sont seulement trois exemples de sites Web populaires, mais j'espère que vous les trouverez utiles.

 

Processus de choix des émoticônes appropriées

Choisir les bonnes émotions pour vos émoticônes est le prochain processus pour vous, peut-être avez-vous vu un mème que vous avez trouvé vraiment drôle, une image maladroite envoyée par un ami ou peut-être simplement travailler à partir de zéro! Ce sont tous d'excellents endroits pour commencer, pour ceux qui travaillent à partir de zéro, il peut être un peu plus difficile de décider ce que vous pensez être le meilleur, heureusement pour vous, j'ai mis un graphique d'informations avec une multitude d'émotions pour vous. travaille de! Pour nos besoins, choisissons-en! Je pense que je vais pour Angry, Optimistic and Overwhelmed!

Vous exagérez trop!

Maintenant que nous avons sélectionné les émotions, il est important de parler de quelques conseils et principes qui aideront vos émoticônes à ressortir et à être plus lisibles une fois réduites!

 

L'un portera vos émotions à l'extrême! L'émotion doit être lue dans de petites tailles, ce qui signifie des caractéristiques surexagérées telles que les grands yeux, la bouche et les gestes, tout ce qui attirera l'attention de la personne et pourra la regarder et la reconnaître d'un coup d'œil, ce sont des choses importantes car les émoticônes sont vues dans de courtes périodes de temps dans un petit format de pixel. Frapper la marque avec ces fonctionnalités vous aidera à atteindre cet objectif de lisibilité! Voir ci-dessous, par exemple, allez à l'extrême!

 

Le processus (de vos émotions heh!)

Maintenant que nous sommes arrivés jusqu'ici, le long processus de création des émoticônes est en cours! Rappelez-vous toutes les choses dont nous venons de parler avec la taille, la sélection et la lisibilité, c'est là que nous implémentons tout cela! Plongeons dedans!

 

Tout d'abord, commençons par ouvrir Clip Studio et choisir notre format d'image pour le projet, vous vous souvenez avant quand nous avons choisi notre plate-forme? C'est là que ça entre en jeu, j'ai décidé que je vais faire des émoticônes twitch cette fois-ci! Donc, en suivant le modèle, leur plus grande taille d'émote est 112px X 112px, donc je vais travailler dans une taille plus grande que cela, disons 5x plus, ce qui fait 560px X 560px, ce qui est à la fois confortable pour moi de travailler et aussi très facile pour moi de réduire la taille quand vient le temps d'exporter au format d'image correct.

 

Je vais maintenant créer un nouveau calque et esquisser mes émoticônes initiales

N'oubliez pas qu'il est important de travailler côte à côte avec vos émoticônes pour utiliser tout l'espace, cela peut sembler facile à lire maintenant, mais pendant cette phase de croquis, cet état d'esprit vous aidera plus tard!

Maintenant, avec un peu d'huile de coude, vous devriez avoir le nombre d'émoticônes de votre choix le mien a fini par être les trois que j'ai choisis auparavant!

Nous pouvons maintenant passer à la phase suivante qui est lineart!

 

Faire un nouveau calque et baisser l'opacité du calque d'esquisse à votre convenance Le mien sera de 25% d'opacité

CONSEIL RAPIDE # 1: Vous n'avez pas besoin d'utiliser lineart noir! J'aime les couleurs chaudes, j'ai donc choisi un brun foncé, bien que ce soit un changement subtil, il est en fait assez attrayant pour les yeux! Cela peut changer la donne en fonction de ce que vous faites, jouez avec le curseur de couleur et voyez ce que vous trouvez!

BAM! Dessin au trait terminé! Remarquez comment je suis resté sur ces bords pour maximiser mon espace de dessin, il a l'air heureux! À colorier!

Créez un nouveau calque sous votre dessin au trait. Sélectionnez l'extérieur de votre émoticône que vous ne prévoyez pas de colorier, sur votre barre, appuyez sur le bouton "Inverser la zone sélectionnée", cela garantit que votre émote est recouverte de la tête pour ... euh, je suppose que c'est juste une tête, alors la tête diriger! Remplissez ensuite avec l'outil de godet.

Votre emote devrait ressembler à ceci jusqu'à présent!

CONSEIL RAPIDE # 2: Vous n'avez pas à peindre sur le même calque de couleur, vous pouvez réellement créer un nouveau calque et le clipser sur le calque de couleur! Cela vous permet de changer les choses si vous n'aimez pas l'apparence d'une couche de couleur, vous pouvez simplement la supprimer sans répercussion! Cliquez simplement sur le clip à calque ci-dessous sur l'onglet des couches et boom, vous êtes un assistant de studio de clip!

Retour à l'ombrage! Maintenant, j'aime créer un effet de spray dégradé sur mes emotes, donc je commence avec une brosse douce et ombrage une ombre et une source de lumière des deux côtés postface J'utilise une brosse dure et ajoute une lumière dure et une ombre dure, j'utilise la norme brosse douce dans les pinceaux Clip Studio.

Rincez et répétez pour le reste des parties de votre émoticône et vous avez l'air assez chic comme ce mec!

Maintenant que nous avons fini avec cette émoticône, nous pourrions probablement dire que nous sommes prêts! Vous auriez raison, mais il y a une chose que nous pouvons faire pour aider nos emotes à se démarquer davantage: la texture! Ce qui m'amène à ...

 

CONSEIL RAPIDE n ° 3: la texture peut aider à donner encore plus d’accentuation ou de caractère à vos émotes et je pense que Clip Studio est un excellent programme pour souligner travailler ce TIP

 

Rappelez-vous cette sélection et cette astuce inversée avant? Nous ferons exactement la même chose, après quoi nous sélectionnerons dans notre barre le bouton "New Tone"

De là, vous pouvez sélectionner tous les motifs que vous aimez dans le studio de clips et les éditer à votre guise! Je vais choisir un motif de cercle simple à une fréquence de 27,5 et une densité de 50%!

Ensuite, nous allons modifier le calque de tonalité dans l'onglet des propriétés du calque, créer un nouveau calque au-dessus du calque de tonalité, et nous allons appuyer sur le bouton "Combiner au calque ci-dessous" pour garantir que nous avons transformé le calque de tonalité en un calque standard que nous pouvons maintenant manipuler avec de la couleur!

Maintenant, sélectionnez l'onglet "Blending Modes" dans les propriétés du calque et jouez avec les modes et l'opacité que vous pensez être les meilleurs pour votre émoticône! le mien a fini par être superposé, avec une opacité de 25%

Regardez-le maintenant, quelle étoile! Maintenant, rincez et répétez pour les autres émoticônes et vous devriez être assis très joli! Voilà comment le mien s'est avéré!

Toutes nos félicitations! Vous venez de créer vos premières émoticônes superbes! il ne reste plus qu'à les exporter ...!

.

.

.

.

.

Euh, pourquoi lisez-vous toujours ceci? Faites défiler vers le bas pour savoir comment exporter!

Exportation

C'est bon de te revoir! Maintenant, commençons à exporter! C'est là que votre travail acharné sur les rapports d'aspect et la recherche de plate-forme porte ses fruits! Allez dans l'onglet Fichier et sélectionnez Exporter (Single Layer) - .png (PNG) la raison pour laquelle nous choisissons PNG est qu'il comprenait un calque transparent qui est important pour se débarrasser du fond blanc de l'émote.

Le paramètre d'exportation s'ouvrira alors ici, c'est là que vous pouvez sélectionner votre taille pour la plate-forme que vous avez choisie, car je travaillais à 560px X 560px, je peux maintenant réduire facilement les tailles d'émote twitch que je visais pour lesquelles je choisirai 112px X 112px

CONSEIL RAPIDE # 4 N'oubliez pas que lorsque vous exportez votre émoticône, vous DEVEZ désactiver le papier ou le calque d'arrière-plan derrière l'image ou vous vous retrouverez toujours avec un fond blanc derrière votre émoticône car il est traité comme une partie de l'image, alors n'oubliez pas de vérifier que lorsque vous avez terminé!

Fini!

Merci d'avoir lu mon tutoriel! Si vous avez trouvé cela pratique, n'hésitez pas à donner un like ou un commentaire sur ce que vous aimeriez voir la question suivante ou générale sur le sujet!

À PROPOS DE L'ARTISTE

Vous pouvez me suivre sur Twitter si vous êtes intéressé!