Concevez des icônes superbes pour les médias sociaux

13 413

PJayScribbles

PJayScribbles

Bonjour !

Je suis Jay, et aujourd'hui je vais vous apprendre tout ce que vous devez savoir pour concevoir des icônes pour les médias sociaux !

 

J'ai également réalisé une version vidéo de ce tutoriel si vous préférez apprendre de cette manière !

Alors, commençons.

Introduction aux icônes

Combien de fois avez-vous suivi un artiste ou un créateur parce que son icône a attiré votre attention et que vous vouliez voir plus de son travail ?

 

C'est pourquoi les icônes sont l'option la plus populaire et la plus courante que les gens commandent aux artistes. C'est ce qui vous rend, eh bien, VOUS !

 

Ce tutoriel est en fait divisé en deux parties : "Concepts" et "Exportation". Si vous êtes plus intéressé par la taille d'exportation des icônes, passez directement à la section intitulée

 

"Taille de la toile et limitations de la taille des fichiers sur les médias sociaux".

 

Esthétique

Si vous souhaitez travailler avec des clients, peu importe vos efforts pour expliquer, chacun aura des idées et des concepts différents en tête. Vous devrez donc apprendre la meilleure façon de communiquer ces idées géniales aux autres !

 

L'esthétique vous aide à décider des éléments que vous souhaitez inclure dans votre design. De nos jours, la plupart des gens ont entendu parler des différentes "cores", ce qui facilite grandement votre travail en tant qu'artiste !

 

Et si vous travaillez sur votre propre image de marque et votre voix en tant qu'artiste, l'esthétique peut vous aider à décider comment vous souhaitez vous présenter. Cependant ! L'esthétique doit être utilisée comme un point de départ et ne doit pas se transformer en restrictions.

Êtes-vous fan des couleurs vives ? Ou peut-être aimez-vous les couleurs naturelles, les champignons et les cottages. Quels que soient vos intérêts, il existe une esthétique pour vous !

 

Je recommande fortement Unsplash comme source d'images libres de droits ou Pinterest pour créer différents mood boards à utiliser !

Voici une liste d'esthétiques que vous pouvez également consulter pour vous aider à démarrer !

 

Cottagecore

 

Dark Academia

 

Fairycore

 

Indie

 

Softcore / Kawaii

 

Spacecore

 

Vaporwave

 

Il y a tellement d'autres esthétiques à découvrir, bien plus que ce que j'ai énuméré ici, alors essayez de rechercher certains de ces termes !

Narration dans les icônes

En ce qui concerne le design global, si vous décidez de faire un gros plan du visage, pensez aux expressions que vous pouvez utiliser. Quelle que soit l'expression que vous choisissez, elle changera radicalement la façon dont les gens percevront le personnage ou la persona de votre icône.

 

Les icônes peuvent raconter une histoire et, en parlant de narration...

Les icônes doivent être facilement reconnaissables de loin comme de près. Il existe de nombreuses façons d'y parvenir et la plupart du temps, les artistes choisiront un gros plan du visage ou de ce qui est le plus intéressant visuellement dans un design.

 

Il est préférable de simplifier autant que possible plutôt que de rendre les choses trop complexes à comprendre visuellement.

 

Cela ne signifie pas que vous devez ignorer les émotions et l'histoire que votre icône peut raconter ! Il peut s'agir d'un simple sourire ou d'un personnage éclatant en larmes. Lorsque vous dessinez, pensez à la façon dont vous pouvez accentuer l'émotion dans la conception de votre icône.

 

Plus vous accentuez le design, meilleur sera le résultat !

Carrés VS Cercles

Alors, débattons : devez-vous dessiner vos icônes en cercles ou en carrés ?

 

Ayant dessiné des icônes des deux manières, je peux vous recommander en toute confiance de dessiner d'abord en carrés.

 

POURQUOI "d'abord" ? Laissez-moi vous expliquer.

 

Il est préférable d'avoir des parties supplémentaires d'un dessin à recadrer plutôt que pas du tout. Cela vous évitera à 100 % des soucis à long terme. En fait, je recommande de dessiner une version carrée de l'icône, PUIS de la transformer en cercle.

 

En ayant un peu d'image supplémentaire avec laquelle travailler, vous pouvez effectuer des ajustements de dernière minute et d'autres modifications sans avoir à vous créer de travail supplémentaire. Cela donne également à votre client une certaine marge de manœuvre lorsqu'il s'agit d'utiliser l'icône que vous lui avez fournie.

Un problème que j'ai rencontré avec les icônes circulaires est qu'elles ne permettent pas différents types de recadrages. Vous pourriez découvrir plus tard que vous voulez zoomer ou utiliser un angle légèrement différent de votre icône. Surtout lorsque vous commencez à télécharger sur plusieurs plateformes.

 

Dans l'exemple ci-dessous, vous verrez que je n'ai pas autant d'image avec laquelle travailler lors du téléchargement.

Au final, c'est à vous de décider comment vous concevez vos icônes, les deux méthodes ont leurs avantages et leurs inconvénients et je n'en parle que pour que vous puissiez garder ces limitations et avantages à l'esprit.

Taille de la toile et limitations de la taille des fichiers sur les médias sociaux

Bien que les icônes apparaissent en très petites tailles (aussi basses que 100px par 100px) sur différentes plateformes de médias sociaux, vous ne devriez jamais utiliser ces tailles pour dessiner car elles ne vous donneront pas une bonne image avec laquelle travailler. Vous n'avez pas non plus besoin de réduire vos icônes à cette taille, car toutes les plateformes de médias sociaux le feront automatiquement pour vous.

 

Cependant, pour les tailles de pixels plus élevées, peu importe la taille de la toile que vous utilisez tant qu'elle est carrée.

 

La taille la plus couramment utilisée est 800px par 800px

 

Cependant, je recommande vraiment 1000px par 1000px ou même 2000px par 2000px, car cela vous permet de réaliser un meilleur lineart et une meilleure image. Si vous en avez vraiment besoin, vous pouvez enregistrer votre image de plus grande taille et la réduire à des tailles plus petites. Dans l'exemple ci-dessus, vous pouvez voir à quoi ressemble chaque taille côte à côte.

 

La seule limitation que vous aurez sera les différentes exigences des diverses plateformes de médias sociaux. Gardez à l'esprit que les limites de taille de fichier augmenteront et changeront avec le temps, donc pour ne pas risquer de mettre des informations obsolètes dans ce tutoriel, je ne donnerai pas de détails spécifiques pour chaque plateforme.

 

Si jamais vous craignez de donner à votre client une icône dont la taille de fichier est trop grande pour être téléchargée, essayez de la télécharger vous-même sur votre propre page de médias sociaux ! Vous n'avez pas besoin d'enregistrer l'image, surveillez simplement l'avertissement indiquant que la taille du fichier est trop grande ; si rien n'est dit, tout va bien !

 

Créez votre propre modèle d'icône

Créons un modèle d'icône super facile à utiliser ! Commencez par créer une nouvelle toile, j'utiliserai 1000px par 1000px.

 

Ensuite, allez dans "Figure" et cliquez sur l'outil Ellipse.

Assurez-vous que la taille du pinceau est de 0,50.

 

Tout en maintenant la touche Maj enfoncée, créez un cercle qui garantira une forme uniforme. Il n'est pas nécessaire qu'il remplisse toute la toile au début, il est plus important qu'il soit uniforme.

 

Ensuite, redimensionnez le cercle pour qu'il touche presque les bords. Assurez-vous qu'il est centré et qu'il y a la même quantité d'espace sur tous les côtés et aussi près du bord que possible.

avec l'outil Pot de peinture, remplissez les bords extérieurs du cercle.

 

Cela devrait ressembler à ceci :

Assurez-vous que le calque est sélectionné,

 

Allez dans "ÉDITION"

 

Puis "Enregistrer le matériau" et cliquez sur "Image".

Après avoir cliqué sur "Image", un panneau appelé "Propriétés du matériau" s'ouvrira.

 

Pour ce dont nous avons besoin, vous pouvez ignorer la plupart de ces paramètres.

 

Tout ce que vous avez à faire est de nommer votre matériau,

 

Cliquez sur la zone où vous souhaitez l'enregistrer,

 

Puis dans les paramètres "Balise de recherche", cliquez sur l'icône et tapez "Icône". Cela facilitera la recherche du modèle.

 

Et cliquez sur "OK" et vous avez terminé !

Tout ce que vous avez à faire est de cliquer et de faire glisser votre modèle sur votre toile, maintenez la touche Maj enfoncée et faites-le glisser à l'endroit correct, baissez l'opacité, et le tour est joué !!

Si vous souhaitez recadrer votre icône au cercle.

 

Allez dans le panneau des calques et

 

Mantenez CTRL enfoncé et cliquez sur le carré d'aperçu de votre calque de modèle pour faire une sélection,

(cela sélectionnera tout ce qui se trouve dans votre calque de modèle)

 

Utilisez ensuite le raccourci "CTRL MAJ I" pour inverser la sélection,

 

et cliquez sur l'option de masque de calque pour recadrer votre icône.

Devriez-vous utiliser des JPEG ou des PNG ?

Ce sujet mérite un tutoriel entier à lui seul, mais pour garder cette section brève et simple,

 

Cela dépend vraiment de ce dont vous avez besoin. En fait, il est préférable de dire QUAND vous devriez utiliser des JPEG et des PNG. J'ai tendance à envoyer aux clients une version JPEG et une version PNG pour les raisons énumérées ci-dessous.

 

JPEGs :

S'enregistrent en petites tailles de fichier, ce qui les rend plus faciles à partager et à télécharger en ligne. L'inconvénient est qu'au fil du temps, vous perdez plus de données et de qualité. Pas idéal pour une utilisation à long terme.

 

Alors que,

 

PNGs :

Utilisent un type de compression qui ne perd pas de données au fil du temps, ce qui rend les PNG parfaits pour les logos. Cependant, ils s'enregistreront en tailles de fichier plus élevées, ce qui rendra plus difficile le téléchargement sur des sites web avec différentes limitations de taille de fichier.

 

La plupart du temps, les gens utiliseront des JPEG avant des PNG, mais en tant que graphistes et artistes qui partagent BEAUCOUP de fichiers en ligne, il est bon de garder ces différences à l'esprit.

Arrière-plans

Enfin, parlons des arrière-plans !

La boutique de ressources de Clip Studio Paint propose de nombreux matériaux que vous pouvez utiliser pour vos arrière-plans d'icônes. Il y a tellement de contenu téléchargé par d'autres artistes chaque jour, et j'ai même trouvé ce charmant pack de textures à carreaux en collectant des images pour ce tutoriel !

 

Si vous souhaitez le télécharger, voici l'ID de contenu : 1922139

J'ai aussi quelques arrière-plans préférés qui sont inclus avec Clip Studio que j'aime utiliser, tels que :

 

Ce matériau appelé "Soft flower lace 02"

Cette texture de ciel pailleté appelée "Glitter 01"

et cette texture carrée colorée appelée "Pop style_IS"

Donc, si jamais vous êtes bloqué pour trouver les arrière-plans de vos icônes, essayez de regarder différents matériaux ! C'est un moyen facile d'essayer différents looks pour vos icônes sans avoir à passer des heures à les créer vous-même !

 

Il existe des matériaux gratuits et payants, alors pensez à consulter la boutique de ressources de temps en temps si vous sentez que vous avez besoin de ce petit plus pour votre travail !

Conclusion

Merci beaucoup de m'avoir rejoint !

 

Assurez-vous d'aimer et de mettre ce tutoriel en favori pour le sauvegarder pour plus tard. Cela me fait également savoir qu'il faut faire plus de tutoriels à l'avenir ! N'hésitez pas à laisser des suggestions également !

 

Si vous voulez voir plus de mes œuvres, vous pouvez les trouver ici sur mon Linktree où vous trouverez mon Instagram, Tiktok, Twitter et ma chaîne Youtube où je publie encore plus de contenu comme celui-ci !

 

et sur ce, je vous dis à la prochaine, au revoir !

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel