Introduction

Bonjour! Je m'appelle Hira Karmachela alias BABE ODED. Dans cet article, je partagerai 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 d'entre vous qui lisez cet article connaissent très bien la tendance actuelle de l'icône de profil. Cet article nous guide pour créer une icône de profil à traits multiples qui nous permet techniquement de créer de nombreuses variantes d'icône de profil à partir d'un seul projet.

 

J'espère que cet article sera des conseils intéressants pour ceux d'entre vous qui recherchent la création d'une icône de profil avec plusieurs traits à l'aide de CSP.

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

L'icône de profil ou é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 de la photographie, mais peuvent être sous la forme d'illustrations de personnages dans un style surréaliste ou cartoon 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 de traits dans l'icône de profil

Les traits dans l'icône de profil font référence à la variété d'attributs utilisés par les personnages dans l'image. Techniquement, les moindres 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. Donc, dans le concept, ce trait peut être utilisé et combiné avec diverses autres propriétés pour produire une variété d'apparences de personnages.

Les traits de l'icône de profil peuvent prendre la forme de différentes couleurs d'arrière-plan, de différentes formes de tête, de couleurs de cheveux, de différents 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 des icônes de profil que nous pouvons voir à travers des comptes populaires sur les réseaux 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 le portrait d'un personnage. Il est donc fortement recommandé de pouvoir afficher l'expression de la figure à réaliser. Le type de plan qui convient le mieux à ce besoin est un gros plan ou un plan moyen qui montre la tête vers le haut de la poitrine 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. Alors, essayez 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 en vue de face. Mais on peut envisager une séduction différente en affichant une vue de côté, une vue de trois quarts, voire une vue arrière.

Après cela, décidez du style d'illustration à utiliser. Vous pouvez utiliser des styles d'illustration réalistes, surréalistes, cartoon ou pixel art.

#3 Définir le document et la mise en page

Sans plus tarder, 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 avec une forme de boîte, 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 également.

Pour la résolution, réglez-la simplement sur 72 dpi car nous réalisons des images uniquement pour les besoins numériques. Mais vous pouvez envisager une résolution plus élevée s'il y a un besoin d'impression.

La toile est prête, puis nous définissons 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 la toile. Semble très ennuyeux 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 > Réglage de la grille/barre de règle.

Une nouvelle fenêtre apparaît. Définissez le point de départ de la barre de grille/règle sur Centre. Réglez ensuite l'écart entre les grilles sur 1000 pixels et le nombre de divisions sur 5. Cliquez sur OK pour confirmer.

Parfait. Une autre chose qui doit être préparée dans cette session est un cercle imaginaire comme illustration pour nous lorsque cette icône de profil est publiée sur les réseaux sociaux. La plupart des plateformes de médias sociaux affichent l'icône de profil sous la forme d'un cercle, il est donc possible que certaines parties soient coupées si nous ne le considérons pas dès le départ.

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

Dans le panneau de propriétés de l'outil, sélectionnez la forme du cercle dans la section de la 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 sur 1080 par 1080.

Avant de le placer sur la toile, nous définissons le cercle pour qu'il soit directement centré. Pour ce faire, cliquez sur l'icône des paramètres dans le coin inférieur droit de la propriété Tool.

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

Placez maintenant le cercle imaginaire sur la toile. Pointez le pointeur au centre de la grille puis faites un clic gauche. Un cercle imaginaire apparaîtra avec un trait 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 Utiliser des matériaux 3D comme référence

Cette session est facultative mais sera toujours très utile pour ceux d'entre vous qui sont avancés ou nouveaux dans la représentation d'un personnage d'un point de vue. Pour ceux d'entre vous qui ne savent toujours pas comment dessiner de bonnes proportions de figures de face, de côté ou d'autres vues, vous pouvez utiliser des matériaux 3D comme référence.

Entraînez-vous simplement à aller 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és les éléments de dessin 3D disponibles. Si par hasard cet actif n'est pas disponible sur votre CSP, vous devez d'abord le télécharger. S'il est disponible, placez-le simplement sur la toile.

Réduisez le panneau Matériaux afin qu'il ne bloque pas le canevas. L'élément 3D apparaîtra sur la toile en pleine condition corporelle. Nous pouvons l'ajuster pour qu'il semble répondre à 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 s'affichera immédiatement en fonction de l'angle sélectionné sur la toile.

Vous pouvez choisir une vue de face, une vue latérale gauche ou droite, une vue de trois quarts et même une vue arrière 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 s'adapter à la disposition souhaitée pour les besoins des icônes de profil.

Laissez de l'espace au sommet 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.

Une fois la configuration de cet élément 3D terminée, sélectionnez le calque de matériau dans le panneau des calques. Réglez ensuite l'opacité du calque sur 50% afin que ce calque soit confortable à utiliser comme référence pour le dessin.

#5 Organiser les traits en calques

Avant de commencer à dessiner une figure, nous devons d'abord organiser le besoin de traits à l'aide d'un système de couches. Créez un dossier de couches avec le même nombre de traits que vous avez conçu et nommez chaque dossier en fonction des noms de 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 calque. 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 calque en sélectionnant le dossier de calque "Dossier 1" puis allez dans le menu Calque> Paramètres de calque> Changer le nom du calque.

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

Pour faciliter l'organisation visuelle, car nous aurons de nombreux dossiers de calques et de nombreux calques, 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 couches 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 couches 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 se faire de plusieurs façons, à la fois techniquement, stylistiquement et procéduralement. Mais en principe, la figure est faite partiellement en fonction de la distribution des propriétés prédéterminées.

 

Pour commencer, vous pouvez esquisser l'aspect général 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 un croquis. Utilisez les ressources 3D du calque en dessous comme référence.

Ensuite, vous pouvez créer un nouveau calque dans chaque dossier de calques pour varier les traits. Créer un nouveau calque dans un dossier est très simple. Sélectionnez le dossier du calque puis allez dans le menu Calque > Nouveau calque > Calque raster.

Une nouvelle fenêtre apparaît. Tapez le nom d'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 n'est que l'arrière-plan de notre icône de profil. Dans cet article, j'ai créé cinq variantes de ce trait en utilisant des couleurs unies avec les noms d'attributs suivants : Timberwolf, Sunset Orange, Sunglow, Sky Blue et Screamin Green.

En plus, j'ai créé un calque "Peau" contenant le corps de la figure du cou au haut de la poitrine sans aucun vêtement. Pour ce trait, je n'ai fait que trois variantes, voici les noms des attributs : Froggie, Beast et Human.

Le calque suivant au-dessus, j'ai créé un calque "Vêtements" qui est une variante des vêtements qui couvriront le corps de la figure. Pour ce trait, j'ai créé trois variantes 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 fait déconnecté du corps de la figure. Pour ce trait, j'ai créé cinq variations avec les noms d'attributs suivants : Big Mouth, Hublot, Coconut, Drawing Board et Hollow Face.

La couche supérieure, j'ai fait une couche "spéciale" 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 variantes avec les noms d'attributs suivants : Tentacle Hand, Sand Hand, Voxel Hand et Idle Hand.

C'est tout l'arrangement de couches que j'ai fait à titre d'exemple lors de la création d'une icône de profil avec plusieurs traits. Bien sûr, vous pouvez librement ajouter des couches/traits et des variations d'attributs pour chaque trait selon le concept que vous souhaitez. Ensuite, nous pouvons combiner chaque attribut dans chaque trait/couche 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 ont été créés et disposés de cette manière avec le système de calques, nous pouvons maintenant commencer à combiner chaque trait et à les générer dans diverses icônes de profil.

 

C'est très facile. Nous avons seulement besoin d'afficher les couches de traits que nous voulons révéler et de masquer les couches de traits restantes. 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 dans une icône de profil. Je recommande de l'enregistrer au format PNG, qui est capable de bien enregistrer les images pour les besoins numériques et les publications Web dans de petites tailles de données. Allez dans le menu Fichier > Exporter (Calque unique) > PNG.

 

La fenêtre de sauvegarde 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 en premier. Ici, vous pouvez définir vos exigences de stockage de fichiers. Pour l'instant, conservez les paramètres par défaut. Cliquez ensuite 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 les 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 change 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/couche que j'ai créées dans cet article, 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 plus de combinaisons de traits et d'attributs à utiliser comme différentes icônes de profil.

D'ACCORD! C'est tout ce que je peux partager. J'espère que c'est utile et s'il vous plaît, soutenez-moi pour faire plus de conseils.

À plus.