Introduction

Bonjour ! Je m'appelle Hira Karmachela alias BABE ODED. Dans ce billet, je vais partager mon expérience dans la création d'icônes/images de profil avec plusieurs traits à l'aide de Clip Studio Paint. Je suis sûr que tous ceux qui lisent cet article connaissent très bien la tendance actuelle des icônes de profil. Ce billet nous guide pour créer une icône de profil à traits multiples, ce qui nous permet techniquement de créer de nombreuses variations d'icônes de profil à partir d'un seul projet.

 

J'espère que ce billet sera un conseil intéressant pour ceux d'entre vous qui cherchent à créer des icônes de profil avec plusieurs traits à l'aide de CSP.

À propos de l'icône/image de profil

L'icône de profil, également connue sous le nom de photo de profil (PFP), est techniquement utilisée comme identité visuelle complémentaire sur diverses plateformes de médias sociaux. Les images utilisées ne doivent pas toujours être des autoportraits photographiques, mais peuvent être des illustrations de figures dans un style surréaliste ou de dessin animé qui affichent des expressions ou des images de l'utilisateur du compte.

 

Récemment, l'icône de profil ou PFP est devenue très populaire auprès des internautes. Les développements technologiques, en particulier dans l'utilisation des médias sociaux, ont fait de cette icône de profil l'identité initiale pour attirer l'interaction avec les autres utilisateurs. En fait, l'icône de profil est devenue un marché distinct qui est échangé et collecté par de nombreux utilisateurs de médias sociaux.

#1 Comprendre le concept des traits dans les icônes de profil

Les traits dans les icônes de profil font référence à la variété des attributs utilisés par les personnages dans l'image. Techniquement, les plus petits détails d'une figure dans un dessin peuvent être considérés comme des propriétés tant qu'ils sont créés sur des calques séparés. Ainsi, conceptuellement, ce trait peut être utilisé et combiné avec diverses autres propriétés pour produire une variété d'apparences de figures.

Les traits d'une icône de profil peuvent prendre la forme de diverses couleurs d'arrière-plan, de diverses formes de tête, de couleurs de cheveux, de divers types de vêtements, et bien d'autres selon nos créations.

#2 Développer des idées

Il existe de nombreuses références intéressantes sur la conception d'icônes de profil que nous pouvons consulter via des comptes populaires sur les médias sociaux. Mais bien sûr, il est préférable de développer vos propres idées et de vous exprimer à travers elles.

Techniquement, l'icône de profil affichera un portrait d'une figure. Il est donc fortement recommandé de pouvoir afficher l'expression de la figure à créer. Le type de plan le plus adapté à ce besoin est un plan rapproché ou un plan moyen qui montre la tête jusqu'à la poitrine supérieure de la figure. Il est important de se rappeler que l'icône de profil sera affichée dans une très petite taille sur les plateformes de médias sociaux. Essayez donc de penser à une idée minimaliste mais attrayante.

Une autre chose à considérer est le point de vue de la figure. Le plus courant est d'afficher la figure de face. Mais nous pouvons considérer un attrait différent en affichant une vue de côté, une vue de trois quarts, voire une vue de dos.

Après cela, décidez quel style d'illustration utiliser. Vous pouvez utiliser des styles d'illustration réalistes, surréalistes, de dessin animé ou de pixel art.

#3 Configuration du document et de la mise en page

Sans plus attendre, ouvrons CSP et commençons à créer votre icône de profil. Allez dans le menu Fichier > Nouveau.

Une nouvelle fenêtre apparaîtra. L'icône de profil nécessite des dimensions carrées, nous définissons donc la largeur et la hauteur personnalisées. La taille n'a pas besoin d'être trop grande, même certaines plateformes de médias sociaux réajusteront les images téléchargées en fonction de leur stockage. Pour cela, je recommande d'utiliser les dimensions 1080px pour la largeur et 1080px pour la hauteur.

Pour la résolution, réglez-la simplement à 72 dpi car nous créons des images uniquement pour des besoins numériques. Mais vous pouvez envisager une résolution plus élevée si une impression est nécessaire.

Le canevas est prêt, nous allons ensuite définir la grille pour déterminer la disposition de la figure que nous allons créer. Allez dans le menu Affichage > Grille.

Une grille ou des lignes imaginaires apparaîtront sur le canevas. Cela semble très gênant car il y a trop de lignes. Ne vous inquiétez pas, nous pouvons ajuster le nombre de grilles en allant dans le menu Affichage > Paramètres de la grille/barre de règles.

Une nouvelle fenêtre apparaît. Définissez le point de départ de la grille/barre de règles sur Centre. Ensuite, définissez l'espacement entre les grilles à 1000px et le nombre de divisions à 5. Cliquez sur OK pour confirmer.

Parfait. Une dernière chose à préparer dans cette session est un cercle imaginaire comme illustration pour nous lorsque cette icône de profil est publiée sur les médias sociaux. La plupart des plateformes de médias sociaux affichent l'icône de profil sous forme de cercle, il est donc possible que certaines parties soient coupées si nous ne le prenons pas en compte dès le départ.

Sélectionnez le calque "Papier" dans le panneau des calques. Ensuite, sélectionnez l'outil "Règle" et sélectionnez le sous-outil "Règle de figure".

Dans le panneau Propriété de l'outil, sélectionnez la forme de cercle dans la section figure, puis cochez l'option "Type d'aspect" et sélectionnez le pixel pour l'unité. En bas, définissez les dimensions du cercle imaginaire à 1080 par 1080.

Avant de le placer sur le canevas, nous allons centrer directement le cercle. Pour ce faire, cliquez sur l'icône des paramètres dans le coin inférieur droit de la propriété de l'outil.

Une nouvelle fenêtre apparaît. Sélectionnez la section Opération de forme, puis cochez l'option "Commencer par le centre". Fermez la fenêtre des paramètres.

Maintenant, placez le cercle imaginaire sur le canevas. Pointez le curseur au centre de la grille, puis cliquez avec le bouton gauche. Un cercle imaginaire apparaîtra avec un contour violet. Ce cercle n'existe pas vraiment et n'est qu'un guide, il n'est donc pas nécessaire de le supprimer à la fin.

#4 Utilisation de matériaux 3D comme référence

Cette session est facultative mais sera tout de même très utile pour ceux d'entre vous qui sont avancés ou novices dans la représentation d'une figure selon un point de vue. Pour ceux qui sont encore confus sur la façon de dessiner de bonnes proportions de figure de face, de côté ou d'autres vues, vous pouvez utiliser des matériaux 3D comme référence.

Il suffit de pratiquer en allant dans le menu Fenêtre > Matériau > Matériau [3D].

Le panneau Matériaux s'étendra à droite de l'écran. Sélectionnez "Type de corps" puis sélectionnez et maintenez enfoncé les assets de figure de dessin 3D disponibles. Si par hasard cet asset n'est pas disponible sur votre CSP, vous devrez d'abord le télécharger. S'il est disponible, il suffit de le placer sur le canevas.

Repliez le panneau Matériaux pour qu'il ne bloque pas le canevas. L'asset 3D apparaîtra sur le canevas en entier. Nous pouvons l'ajuster pour qu'il corresponde à nos besoins.

Sélectionnez l'icône d'angle prédéfini au bas de la figure. Une nouvelle fenêtre apparaîtra. Vous pouvez choisir les angles disponibles et la figure sera immédiatement affichée selon l'angle sélectionné sur le canevas.

Vous pouvez choisir une vue de face, une vue de côté gauche ou droite, une vue de trois quarts, et même une vue de dos selon le concept d'icône de profil que vous avez défini.

Une fois que vous avez sélectionné l'angle approprié, il est fortement recommandé de réorganiser les figures pour qu'elles correspondent à la mise en page souhaitée pour les besoins de l'icône de profil.

Laissez de l'espace au-dessus de la tête afin que nous puissions concevoir des cheveux ou des chapeaux librement. Il est également important de laisser de l'espace à gauche et à droite. Sélectionnez le calque "Papier" afin que nous puissions voir l'espace restant lorsque la figure est affichée dans un cadre circulaire.

Lorsque cet asset 3D est configuré, sélectionnez le calque de matériau dans le panneau des calques. Réglez ensuite l'opacité du calque à 50% afin que ce calque soit confortable à utiliser comme référence pour le dessin.

#5 Organisation des traits en calques

Avant de commencer à dessiner une figure, nous devons d'abord organiser les besoins en traits à l'aide d'un système de calques. Créez un dossier de calques avec le même nombre de traits que ceux que vous avez conçus et nommez chaque dossier selon les noms des traits. Par exemple, j'ai conçu un certain nombre de traits avec les noms suivants : Arrière-plan, Peau, Vêtements, Tête et Spécial.

Allez dans le menu Calque > Nouveau dossier de calques. Vous verrez un dossier dans le panneau des calques. Ce dossier peut être rempli de nouveaux calques ou de calques existants.

Renommez le dossier de calques en sélectionnant le dossier de calques "Dossier 1" puis allez dans le menu Calque > Paramètres du calque > Changer le nom du calque.

Une nouvelle fenêtre apparaît. Tapez le nom du trait pour le dossier de calques. J'ai donné un exemple pour créer un dossier de calques "Arrière-plan".

Pour faciliter l'organisation visuelle, car nous aurons de nombreux dossiers de calques et de nombreux calques à l'intérieur, je suggère d'utiliser une palette de couleurs pour chaque dossier de calques avec une couleur différente. La méthode est très simple, il suffit de choisir une couleur dans le bouton de la palette de couleurs du panneau des calques.

Voici une liste de dossiers de calques qui représentent chaque trait que j'ai conçu pour mon icône de profil. Il est important de trier visuellement les dossiers de calques dans leur ordre. La dernière image sur le canevas est placée sur le calque inférieur (par exemple, le calque d'arrière-plan) et l'image avant sur le canevas est placée sur le calque supérieur.

#6 Dessiner les traits de la figure

Le processus suivant est le dessin de la figure. Ce processus peut être réalisé de plusieurs manières, tant techniquement, stylistiquement que procéduralement. Mais en principe, la figure est réalisée partiellement selon la répartition des propriétés prédéterminées.

 

Pour commencer, vous pouvez esquisser l'apparence générale de la figure à créer sur le "Calque 1" qui se trouve en dehors des dossiers de calques. Vous pouvez utiliser l'outil crayon ou stylo pour faire une esquisse. Utilisez les assets 3D sur le calque en dessous comme référence.

Ensuite, vous pouvez créer un nouveau calque dans chaque dossier de calques pour varier les traits. Pour créer un nouveau calque dans un dossier, c'est très facile. Sélectionnez le dossier de calques puis allez dans le menu Calque > Nouveau calque > Calque de rastérisation.

Une nouvelle fenêtre apparaît. Tapez le nom de l'attribut pour le trait.

Par exemple, le calque "Arrière-plan" ne contient que des couleurs unies ou des dégradés de couleurs. Sa fonction est uniquement de servir d'arrière-plan à notre icône de profil. Dans ce billet, j'ai créé cinq variations de ce trait en utilisant des couleurs unies avec les noms d'attributs suivants : Gris loup, Orange coucher de soleil, Lumière du soleil, Bleu ciel et Vert criard.

Au-dessus, j'ai créé un calque "Peau" contenant le corps de la figure du cou jusqu'à la poitrine supérieure sans vêtements. Pour ce trait, je n'ai fait que trois variations, voici les noms d'attributs : Grenouille, Bête et Humain.

Le calque suivant au-dessus, j'ai créé un calque "Vêtements" qui est une variation des vêtements qui couvriront le corps de la figure. Pour ce trait, j'ai créé trois variations avec les noms d'attributs suivants : Maillot de bain, Veste brillante et Costume noir.

Le calque suivant au-dessus, j'ai créé un calque "Tête" qui est une variation de l'objet qui devient la tête de la figure. Conceptuellement, je l'ai rendu déconnecté du corps de la figure. Pour ce trait, j'ai créé cinq variations avec les noms d'attributs suivants : Grande bouche, Hublot, Noix de coco, Planche à dessin et Visage creux.

Le calque supérieur, j'ai créé un calque "Spécial" qui contient des objets qui sont des accessoires ou des ornements qui décorent l'apparence ou l'expression de la figure. Pour ce trait, j'ai créé quatre variations avec les noms d'attributs suivants : Main tentacule, Main de sable, Main voxélisée et Main oisive.

Voilà toute la disposition des calques que j'ai faite à titre d'exemple pour créer une icône de profil avec plusieurs traits. Bien sûr, vous pouvez librement ajouter des calques/traits et des variations d'attributs pour chaque trait selon le concept que vous souhaitez. Ensuite, nous pouvons combiner chaque attribut dans chaque trait/calque pour générer diverses icônes de profil possibles.

#7 Génération et exportation des icônes de profil

Enfin, nous arrivons à la session tant attendue. Une fois que tous les traits sont créés et organisés de cette manière avec le système de calques, nous pouvons maintenant commencer à combiner chaque trait et à les générer en diverses icônes de profil.

 

C'est très facile. Il suffit d'afficher les calques de traits que nous voulons révéler et de masquer les calques de traits restants. Essayez d'expérimenter pour combiner un attribut de trait avec un autre attribut de trait.

Une fois que vous avez généré une combinaison intéressante de traits, vous êtes prêt à les exporter en icône de profil. Je recommande de l'enregistrer au format PNG qui permet de bien enregistrer les images pour les besoins numériques et les publications web avec de petites tailles de données. Allez dans le menu Fichier > Exporter (Calque unique) > PNG.

 

La fenêtre d'enregistrement apparaît. Sélectionnez le répertoire de stockage, puis tapez le nom du fichier.

Avant que le fichier ne soit enregistré, la fenêtre des paramètres apparaîtra d'abord. Ici, vous pouvez définir vos exigences de stockage de fichiers. Pour l'instant, conservez les paramètres par défaut. Ensuite, cliquez sur OK.

Vous pouvez également enregistrer le fichier dans une taille plus petite à des fins de comparaison uniquement lorsque l'icône de profil est installée sur des plateformes de médias sociaux. Lorsque la fenêtre des paramètres de stockage de fichiers apparaît. Modifiez le rapport d'échelle de l'image à la taille dont vous avez besoin. Par exemple, ci-dessous, je modifie le rapport d'échelle de l'image à 5% de 1080px par 1080px afin que l'image à enregistrer soit de 54px par 54px.

#9 Le résultat final

À partir des variations d'attributs sur chaque trait/calque que j'ai créées dans ce billet, j'ai généré des icônes de profil intéressantes. En principe, plus le nombre de traits et d'attributs dans chaque trait est élevé, plus vous pouvez générer de combinaisons de traits et d'attributs à utiliser comme diverses icônes de profil.

OK ! C'est tout ce que je peux partager. J'espère que cela vous sera utile et s'il vous plaît, soutenez-moi pour créer plus de conseils.

À bientôt.