Il n'est pas exagéré de dire qu'une icône ou une image de profil dans les médias 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 peut jouer en votre faveur.

 

Il existe une version vidéo de ce tutoriel. Je recommande de le vérifier!

Taille

Les plateformes de médias 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. Alors que la taille imprimable serait idéale.

De plus, si vous trouvez qu'il est pénible de zoomer et dézoomer pour voir si votre illustration est belle dans une taille plus petite

 

Affichez le navigateur à l'écran si ce n'est pas le cas, puis redimensionnez-le à environ 100 pixels carrés à la place. Vous pouvez maintenant voir la petite version en temps réel.

Entête

Pour être sûr, il est préférable d'avoir votre icône en forme de carré car parfois l'icône a été recadrée dans des formes étranges. La plupart recadreront l'icône en cercle, nous l'utiliserons donc comme référence.

 

Pour créer facilement le cercle, accédez au sous-outil Figure (1), puis choisissez Ellipse (2). La ligne/remplissage (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.

Étant donné que la taille du canevas est de 1000 pixels carrés, tapez 1000 en largeur et en hauteur.

 

Cliquez sur le coin supérieur gauche du canevas.

Un cercle parfait apparaît.

Après avoir fait le cercle, peignez les parties extérieures en noir pour qu'il ait l'air recadré comme sur les réseaux sociaux.

Testez-le sur votre photo de profil pour voir si le point focal est en plein milieu du cercle. Ça y est, vous êtes prêt à partir.

Appelons le cercle "modèle de recadrage" pour le reste du didacticiel, car nous l'utiliserons dans les sections ultérieures. J'ai une feuille de triche de modèle de recadrage que vous pouvez voir ci-dessous. Si vous souhaitez l'utiliser, enregistrez simplement l'image ci-dessous dans votre appareil.

Couleur

Presque toutes les plates-formes ont des modes clair et sombre. C'est une bonne idée de tester si l'icône de profil serait belle en noir, gris et blanc. Pour tester, utilisez le modèle de recadrage d'avant et augmentez sa luminosité avec Edition > Correction tonale > Teinte/Saturation/Luminosité.

Cette icône de profil a un faible contraste.

Essayez de le comparer avec celui-ci qui a un contraste plus élevé.

Lequel est le plus beau dans les 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 dans des calques séparés. J'ai juste augmenté la luminosité de l'arrière-plan pour faire ressortir la silhouette.

 

Lors de la coloration, 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 la tasse de thé de tout le monde. Si vous souhaitez utiliser des couleurs, vous pouvez choisir les couleurs souhaitées et les ajuster plus tard.

Icônes à base de lettres

Lors de la conception d'une icône de profil basée sur une lettre, vous pourriez être satisfait de votre conception uniquement pour découvrir que votre icône de profil a été recadrée de manière maladroite lorsque vous la téléchargez.

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

Lorsque vous utilisez l'alphabet et autres, toutes les lettres sont mieux en majuscules si possible. Il y a une raison pour laquelle les bandes dessinées utilisent toutes les majuscules pour leurs dialogues au lieu de la première lettre habituelle du premier mot uniquement, c'est facile à lire.

Nous voulons une icône basée sur une lettre facile à lire en un coup d'œil dans n'importe quelle taille.

Bien sûr, vous pouvez modifier et styliser les lettres pour les rendre facilement lisibles en minuscules. Le transformer en quelque chose comme un logo. Par exemple, vous pouvez styliser le B de "faisceau" pour le rendre reconnaissable même si les gens ne peuvent pas lire les trois autres lettres.

Si le nom que vous utilisez comporte plus de quatre lettres, une orthographe unique ou 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 les organisations l'utilisent tout le temps.

Remarque : C'est vraiment le nom de quelqu'un que je connais dans la vraie vie, ses parents étaient trop créatifs pour le nommer !

 

Les initiales stylisées ressemblent plus à un logo, vous pouvez les styliser comme bon vous semble pour les rendre uniques et identifiables au premier 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 penser à une alternative.

 

Par exemple, les initiales de Wanderwort Chronicles seraient WC, vous pouvez les raccourcir en W-Chro à la place. De cette façon, les gens ne penseront pas aux 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 souhaitez pas utiliser d'initiales ou le raccourcir, vous pouvez l'utiliser en entier. Mais pour les médias sociaux qui transforment votre icône en un cercle super minuscule comme YouTube, cela deviendra au mieux fatiguant pour les yeux et au pire illisible.

 

Alors que le nom complet dans les deux échantillons est difficile à lire ou illisible lorsqu'il est redimensionné, celui de droite est toujours reconnaissable à cause de l'énorme 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 l'image

Avec des images, vous avez plus de latitude avec ce que vous pouvez faire. Portrait, avatar, mettre en valeur votre art, promouvoir vos projets ou même le traiter comme une 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 dessiner dans une zone plus grande, puis je recadre l'image après avoir terminé le croquis. Parfois, je garde le tout et ne recadre que lors du téléchargement.

 

La toile pour ce croquis est 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 dans l'un des cercles, de préférence 800 pixels et plus. Les points focaux de cette image sont le visage et la partie « anniversaire » du gâteau.

 

Parce que les deux s'intègrent parfaitement dans les cercles 1500 et 1000. J'ai décidé de garder l'image à sa taille d'origine au lieu de la recadrer.

Cachez le cercle et commencez à dessiner. Si vous faites du dessin au trait, envisagez de le faire dans le calque Vecteur au lieu du raster. Il existe un sous-outil appelé Corriger la ligne (raccourci Y) qui peut vous aider à modifier les lignes vectorielles.

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

1. Pincez la ligne vectorielle

2. Épaissir/augmenter la largeur. Traiter toute la ligne : ON.

3. Réduire/Réduire la largeur. Traiter toute la ligne : ON.

4. Fixez la largeur. Traiter toute la ligne : ON.

5. Épaissir/augmenter la largeur. Traiter toute la ligne : OFF.

6. Réduire/Réduire la largeur. Traiter toute la ligne : OFF.

 

Le processus de dessin :

Test de couleur.

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

Des astuces

Lorsque l'icône de votre profil présente un faible contraste, vous pouvez le corriger de deux manières. Tout d'abord, si les couleurs ont été dessinées sur des calques séparés, vous pouvez modifier les couleurs 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 combiner leurs fonctions pour obtenir le résultat souhaité. Les images ci-dessous ont été modifiées à l'aide de ces fonctionnalités.

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

Autre

C'est drôle 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 vous trouverez ce tutoriel utile. Merci d'avoir lu et amusez-vous à dessiner ~

 

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