Il n'est pas exagéré de dire qu'une icône ou une image de profil sur les réseaux sociaux est le visage de votre compte dans le monde virtuel. Bien que vous puissiez télécharger n'importe quelle image aléatoire pour l'icône de profil, créer une icône de profil visuellement attrayante pourrait jouer en votre faveur.

 

Il existe une version vidéo de ce tutoriel. Je vous recommande de la consulter !

Taille

Les plateformes de réseaux sociaux ne demandent généralement pas d'images HD pour les icônes de profil. Pour la hauteur et la largeur, 800 pixels carrés suffisent généralement, mais je préfère 1000 au minimum.

 

Je pense qu'il est préférable que la taille de l'illustration soit suffisamment grande pour être publiée sur les réseaux sociaux. Bien qu'une taille imprimable serait idéale.

De plus, si vous trouvez pénible de zoomer et dézoomer pour voir si votre œuvre rend bien en petite taille

 

Affichez le Navigateur si ce n'est pas déjà fait, puis redimensionnez-le à environ 100 pixels carrés. Vous pouvez maintenant voir la petite version en temps réel.

En-tête

Pour être sûr, il est préférable que votre icône soit de forme carrée car parfois l'icône est recadrée de manière étrange. La plupart recadreront l'icône en cercle, nous l'utiliserons donc comme référence.

 

Pour faire le cercle facilement, allez à l'outil secondaire Figure (1), puis choisissez Ellipse (2). La Ligne/Remplir (3) doit être Créer une ligne, l'option du milieu.

Vérifiez le Type d'aspect (4) et cliquez sur spécifier la longueur (5). Vous pouvez choisir le nombre de pixels du diamètre du cercle (6), ce qui est génial.

Puisque la taille de la toile est de 1000 pixels carrés, tapez 1000 pour la largeur et la hauteur.

 

Cliquez sur le coin supérieur gauche de la toile.

Un cercle parfait apparaît.

Après avoir créé le cercle, peignez les parties extérieures en noir pour qu'il semble recadré comme il le serait sur les réseaux sociaux.

Testez-le sur votre photo de profil pour voir si le point focal est bien au centre du cercle. Si c'est le cas, vous êtes prêt.

Appelons ce cercle « modèle de recadrage » pour le reste du tutoriel car nous l'utiliserons dans les sections suivantes. J'ai une antisèche de modèle de recadrage que vous pouvez voir ci-dessous. Si vous voulez l'utiliser, enregistrez simplement l'image ci-dessous sur votre appareil.

Couleur

Presque toutes les plateformes ont des modes clair et sombre. C'est une bonne idée de tester si l'icône de profil rendrait bien en noir, gris et blanc. Pour tester, utilisez le modèle de recadrage précédent et augmentez sa luminosité avec Édition > Correction tonale > Teinte/Saturation/Luminosité.

Cette icône de profil a un faible contraste.

Essayez de la comparer avec celle-ci qui a un contraste plus élevé.

Laquelle rend le mieux en petites tailles et dans n'importe quel mode de couleur ?

Pour les images ci-dessus, le personnage et l'arrière-plan sont dessinés sur des calques séparés. J'ai juste augmenté la luminosité de l'arrière-plan pour faire ressortir la silhouette.

 

Lorsque vous coloriez, n'oubliez pas qu'un contraste élevé rend l'icône plus facile à voir. D'une certaine manière, vous ne pouvez pas vous tromper en créant une icône en noir et blanc. Après tout, la paire de couleurs avec le contraste le plus élevé est le noir et le blanc.

Mais ce n'est pas au goût de tout le monde. Si vous voulez utiliser des couleurs, il est acceptable d'utiliser les couleurs que vous souhaitez et d'ajuster plus tard.

Icônes basées sur des lettres

Lorsque vous concevez une icône de profil basée sur des lettres, vous pourriez être satisfait de votre design pour ensuite découvrir que votre icône de profil a été recadrée de manière maladroite lors du téléchargement.

Utilisez le modèle de recadrage de la section précédente pour éviter ce problème.

Lors de l'utilisation de l'alphabet et similaires, il est préférable que toutes les lettres soient en majuscules si possible. Il y a une raison pour laquelle les bandes dessinées utilisent les majuscules pour leurs dialogues au lieu de la première lettre du premier mot seulement : c'est facile à lire.

Nous voulons que l'icône basée sur des lettres soit facile à lire d'un coup d'œil, quelle que soit sa taille.

Bien sûr, vous pouvez ajuster et styliser les lettres pour les rendre facilement lisibles en minuscules. En faire quelque chose comme un logo. Par exemple, vous pouvez styliser le B de « beam » pour le rendre reconnaissable même si les gens ne peuvent pas lire les trois autres lettres.

Si le nom que vous utilisez a plus de quatre lettres, une orthographe unique ou est difficile à retenir, vous pouvez choisir de styliser la première lettre du nom. Il en va de même si le nom contient plus d'un mot. Clip Studio, PlayStation, General Electric — les marques et organisations utilisent cela tout le temps.

Remarque : C'est vraiment le nom de quelqu'un que je connais dans la vraie vie, ses parents ont été trop créatifs en le nommant !

 

Les initiales stylisées ressemblent davantage à un logo, vous pouvez les styliser comme vous le souhaitez pour les rendre uniques et identifiables d'un coup d'œil, même si les initiales ne sont pas facilement lisibles.

Dans le cas où l'initiale est trop courante (ex. TV, WC, AC) ou chevauche les initiales de marques/organisations existantes, vous voudrez peut-être envisager une alternative.

 

Par exemple, les initiales de Wanderwort Chronicles seraient WC, vous pouvez les raccourcir en W-Chro à la place. Ainsi, les gens ne penseront pas à des toilettes en regardant l'icône de profil. Vous pouvez également insérer le nom complet quelque part à l'intérieur de l'icône.

Si le mot ou le nom que vous souhaitez utiliser est long et que vous ne voulez pas utiliser d'initiales ou le raccourcir, vous pouvez l'utiliser en entier. Mais pour les réseaux sociaux qui transforment votre icône en un tout petit cercle comme YouTube, cela deviendra au mieux fatigant pour les yeux et au pire illisible.

 

Bien que le nom complet dans les deux exemples soit difficile ou impossible à lire une fois redimensionné, celui de droite reste reconnaissable grâce au grand W-chro.

Les mots sur l'image fonctionnent également. Assurez-vous que les mots sont lisibles en contrastant la couleur du mot et l'image.

Icônes basées sur des images

Avec les images, vous avez plus de latitude. Portrait, avatar, présentation de votre art, promotion de vos projets ou même utilisation comme mise à jour de statut, tout peut fonctionner.

 

Comme pour toute autre œuvre d'art, vous devez d'abord savoir ce que vous voulez dessiner. Je préfère esquisser sur une plus grande surface, puis je recadre l'image une fois le croquis terminé. Parfois, je garde le tout et ne recadre qu'au moment du téléchargement.

 

La toile pour cette esquisse est de 2000*2000.

Copiez la taille du modèle de recadrage de votre choix et collez-la sur la toile. Voyez si le ou les points focaux peuvent tenir à l'intérieur de l'un des cercles, de préférence ceux de 800 pixels et plus. Les points focaux de cette image sont le visage et la partie « anniversaire » du gâteau.

 

Puisque les deux tiennent parfaitement dans les cercles de 1500 et 1000, j'ai décidé de conserver l'image dans sa taille originale au lieu de la recadrer.

Cachez le cercle et commencez à dessiner. Si vous faites du line art, envisagez de le faire sur un calque vectoriel plutôt que raster. Il existe un sous-outil appelé Corriger ligne (raccourci Y) qui peut vous aider à éditer les lignes vectorielles.

Voici un échantillon des résultats d'édition dans 6 modes différents.

1. Pincer la ligne vectorielle

2. Épaissir/Augmenter la largeur. Traiter la ligne entière : ACTIVÉ.

3. Affiner/Diminuer la largeur. Traiter la ligne entière : ACTIVÉ.

4. Fixer la largeur. Traiter la ligne entière : ACTIVÉ.

5. Épaissir/Augmenter la largeur. Traiter la ligne entière : DÉSACTIVÉ.

6. Affiner/Diminuer la largeur. Traiter la ligne entière : DÉSACTIVÉ.

 

Le processus de dessin :

Test des couleurs.

Puisqu'il n'y a aucun problème avec les trois modes de couleur, c'est terminé !

Astuces

Lorsque votre icône de profil a un faible contraste, vous pouvez la corriger de deux manières. Premièrement, si les couleurs ont été dessinées sur des calques séparés, vous pouvez les modifier manuellement.

 

L'autre façon est d'aller dans Calque > Nouveau calque de correction et d'utiliser une ou plusieurs de ces trois fonctionnalités : Luminosité/Contraste, Correction de niveau et Courbe de tonalité.

Individuellement, ils peuvent produire des résultats similaires, mais il est possible de mélanger et d'associer leurs fonctions pour obtenir le résultat souhaité. Les images ci-dessous ont été éditées à l'aide de ces fonctionnalités.

Veuillez noter que si la marque de votre style est constituée de couleurs à faible contraste, vous pouvez laisser l'icône de profil telle quelle. Une moindre visibilité de l'icône n'est rien si cela signifie que vous devez compromettre votre style autrement.

Conclusion

C'est amusant que ce sujet soit apparu juste au moment où j'avais fini de créer mon icône de profil actuelle. Certaines illustrations fournies dans ce tutoriel sont le résultat de mes essais, haha !

 

J'espère que ce tutoriel vous sera utile. Merci de l'avoir lu et amusez-vous à dessiner~

 

Note : Ce tutoriel a été modifié deux fois. D'abord parce que j'ai trouvé une méthode plus simple pour créer le cercle de recadrage. Ensuite pour ajouter un lien vidéo, corriger la narration et renouveler/ajouter des images. J'ai mis cette note juste au cas où quelqu'un se demanderait pourquoi le tutoriel est légèrement différent :)