Créer un avatar

Le render

Pour créer votre avatar, vous avez besoin d'un truc essentiel, une image à mettre dedans. C'est la seule condition. Ce peut être une photo de vous, une picture de VX, un render trouvé sur le net, une image de manga, bref ce que vous voulez.

Je vous conseille juste de prendre une grande image, car redimensionner pour faire du plus petit c'est facile, mais pour faire du plus grand, ça va être tout moche et pixelisé. Pour suivre ce cours, je vous conseille donc d'avoir votre propre render, d'au moins 180*300 px. Un render est une image dont le perso ou ce qui est représenté est déjà détouré, c'est à dire que le fond est transparent et facilement incrustable dans votre création. Je vous conseille pour débuter de prendre un render car je ne vais pas expliquer le détourage.

Tapez simplement render sur google et vous trouverez probablement votre bonheur, il existe même des sites spécialisés. Personnellement je vais faire ce cours avec ce render, mais comme il est pour une commande je vous demande d'en utiliser un autre.

Celui-ci par exemple, ou bien encore celui-là

Maintenant que c'est fait, on peut passer à la suite. Enregistrez bien votre render (et ne faites pas un bête copié/collé depuis le site car cela détruirait tout l'avantage du render, en effet en copiant collant depuis le site le transparent devient noir.) et réservez le pour plus tard.



La forme et le cadre

Pour avoir un avatar un peu spécial on va lui donner une forme, une forme qu'on aura fait nous même avec la plume. Si vous ne savez pas utiliser la plume, je vous conseille de suivre le tuto sur les contours que j'ai déjà posté, et de vous entrainer un peu à la manier. Parce que cette fois, c'est du freestyle total, c'est vous qui choisissez la forme au feeling.

J'utilise la version CS5 de photoshop, mais peu importe, la plupart des options sont identiques.

Pour commencer, ouvrer un nouveau document sous photoshop, choisissez la taille 180 px de largeur pour 300 px de hauteur avec un fond transparent. Ensuite prenez votre outil Plume (ou appuyez sur P, c'est la touche de raccourci) en mode tracé.


Ensuite faites votre forme, un peu au felling, des pics des arrondis des vagues. Vous pouvez choisir de faire une forme totalement anarchique, ou une forme plutôt symétrique. Ici j'ai fait une forme dans le but de faire une symétrie en diagonale.


Une fois arrivés à cette étape, fermez la forme en cliquant sur le premier point que vous avez fait. Ensuite clic droit, définir une sélection, et laissez comme sur le screen, il n'y a normalement rien à changer si vous n'avez jamais bidouillé cette option.


Une fois que vous avez cliqué sur OK, votre forme prend l'apparence de petits pointillés animés, ça veut dire qu'elle est bien sélectionnée. Prenez alors votre pot de peinture (ou appuyez sur G), et remplissez votre forme de noir. Une fois que c'est fait vous pouvez dupliquer votre calque, clic droit sur le calque, dupliquer le calque, puis ok, ou simplement le glisser/déposer sur le petit carré à gauche de la poubelle tout en bas à droite de votre fenêtre des calques.


Un fois que c'est fait, placez-vous sur votre calque copié, et choisissez votre outil "rectangle de sélection" (ou appuyez sur M). Puis un clic droit sur votre forme, et choisissez l'option "transformation manuelle" (ctrl + T pour les amateurs de raccourcis), puis de nouveau un clic droit sur votre forme et tout en bas choisissez "symétrie axe horizontal" tout en bas, puis recommencez cette fois en choisissant "symétrie axe vertical". Maintenant votre forme copiée est totalement symétrique à votre forme de base. Déplacez là de manière à ce que la forme confondue des deux formes vous plaise bien, puis appuyez sur entrée.


Si vous êtes bien satisfaits du résultat obtenu, vous pouvez fusionner vos deux calques, clic droit sur la copie, fusionner avec le calque inférieur (vers le bas), ou pour le raccourci : ctrl + E.

Votre forme est prête, et dans la foulée nous allons faire le cadre.


Pour cela, dupliquez le calque de votre forme comme tout à l'heure. Cachez le calque de base en cliquant sur l'œil à gauche, et concentrez vous sur la copie. On veut sélectionner la forme, pour ça deux solutions : clic droit avec l'outil sélection, récupérer la sélection, puis Ok sans rien changer, ou beaucoup plus simple et rapide le raccourci : ctrl + clic gauche dans la vignette de votre calque.

Une fois que votre forme est bien sélectionnée, allez dans le menu sélection, et choisissez Modifier, puis contracter, puis entrez le chiffre 3. (Idéal à mon gout, faites plus ou moins selon l'épaisseur que vous voulez donner à votre cadre).


Un fois que c'est fait cliquez sur la touche suppr ou retour (la flèche au dessus de la touche entrée) de votre clavier. Vous pouvez jouer avec les effets spéciaux en cliquant sur le petit fx en bas de la fenêtre de calque, mais moi je réserve ça à plus tard, et je renomme mes calques, en faisant clic droit dessus, propriété du calque, ou simplement en double-cliquant sur le nom du calque. Cette action est une bonne habitude à prendre pour éviter de se retrouver avec 50 calques sans savoir exactement à quoi correspond chaque calque. Une fois que c'est fait, sauvegardez votre fichier, ce serait dommage de tout perdre en cas de bug.


Création d'un fond adapté


La plupart du temps, dans mes commandes, les gens me demandent une couleur spécifique, un ton qu'ils aimeraient bien, et dans ce cas j'adapte le render.
Ici comme on part du principe que c'est le render qui vous plait, on fera un avatar dont les couleurs sont adaptées au render.
Ouvrez donc votre render soigneusement enregistré dans vos document au début de ce cours dans un nouveau fichier, puis là faites ctrl + A, pour tout sélectionner, puis ctrl + C pour copier. Puis vous pouvez retourner sur le fichier de votre avatar, et placez vous sur le calque de la forme (que vous pouvez mettre en visible) et faites ctrl + V.

Astuce : Si votre render n'est pas à la bonne taille, vous pouvez changer sa taille selon vos désirs en faisant ctrl + T (ou clic droit transformation manuelle avec l'outil sélection), placez votre curseur dans le coin haut gauche de l'image, puis appuyez sur la touche majuscule (la flèche pas le cadenas), cliquez, et faites glisser votre souris. Votre image changera ainsi de taille tout en gardant ses proportions. Une fois que vous êtes satisfaits, cliquez sur entrée.

Mainteanant pour que notre render ne dépasse pas de la forme de l'avatar, nous allons créer un masque d'écrétage. C'est un mot bien compliqué mais cette action permettra d'assigner le calque du render au calque de la forme, c'est à dire que les zones de transparences de la forme resteront transparentes même si le calque d'écrétage au dessus n'a aucune zone de transparence. Pour cela placez vous sur le calque du render, et faites clic droit, créer un masque d'écrétage. Ou alors en raccourci, appuyez sur la touche alt, et placez votre curser entre le calque render et le calque forme, jusqu'à ce qu'il change de forme et ait l'apparence de deux petits cercles entrelacés, à ce moment là cliquez. Refaites la même chose si vous voulez détacher les deux calques.



Et si vous avez tout bien suivit, vous devriez vous retrouver avec quelque chose qui ressemble à ça :





Pour les couleurs du fond, regardez bien votre render, et vous voyez qu'il a deux à trois couleurs dominantes. Ici on peut voir que ce sont le bleu et le marron. Choisissez en une des deux avec la pipette, puis placez vous sur le calque de votre forme et créez un nouveau claque. Là avec le pot de peinture, remplissez le fond de la couleur que vous avez choisie. Comme je trouve qu'elle ne flash pas assez à mon gout je vais changer légèrement la teinte en allant dans le menu images> réglages> teinte/saturation :


Je joue un peu avec les réglages puis quand je suis satisfaites j'appuie sur entrée.

Maintenant nous allons passer à la décoration du fond. Certains prennent le render pour faire des effets de couleurs, ou un autre image, mais moi j'aime les fonds pas trop travaillés, et donc je vais simplement prendre quelques brushs. Si vous n'avez pas de brush, je vous conseille le site deviantart. Personnellement j'ai choisi ces brushs : pour les télécharger et les installer, clic sur le lien à droite, dezip avec winrar, puis installation dans le dossier Presets>Brush de photoshop CS5. Attention vous devrez redémarrer le log pour pouvoir utiliser les brushs.


Créez un nouveau calque au dessus du fond bleu. Avec la pipette prélevez la deuxième couleur dominante, donc ici le marron, vous pouvez maintenant masquer le render pour plus de visibilité. Je vous conseille de souvent le masquer/démasquer pour vérifier. Ensuite choisissez votre brush, vous ne le trouverez pas forcément du premier coup je vous conseille de faire beaucoup 'essais jusqu'à ce que ça vous plaise. Pour changer votre brush, lorsque vous avez l'outil brush, clic droit, et cliquez ensuite sur la petite flèche en haut à droite, celle qui est entourée sur le screen. Vous devrez normalement voir la liste de tous les brushs que vous avez installés dans les presets. Pour commencer j'ai pris Nova Equinox, mais je vais en changer beaucoup pour avoir un résultat qui plait. Le but de ce cours n'est pas que vous fassiez la même chose que moi, mais vraiment votre propre avatar.





Après quelques coups de pinceaux vous devriez arriver à un résultat un peu abstrait du genre :



Maintenant démasquez votre render et, toujours sur le calque marron, allez jouer avec les effets spéciaux comme je vous l'ai montré pour le cadre au début. J'ai choisi de mettre une lueur externe de couleur marron clair et en mode lumière vive parce que j'ai trouvé que ça donnait un bon effet. N'hésitez pas à jouer avec les paramètres et à tester plein de trucs.




J'ai ensuite mis le calque marron à 80% d'opacité, puis comme je trouve le render encore un peu trop fade par rapport au fond, je le duplique, et change le mode d'incrustation de la copie en mode superposition. Vous pouvez faire défiler les modes de fusion en en choisissant un puis en appuyant sur les flèches directionnelles haut et bas de votre clavier, et ainsi choisir celui qui mets vraiment votre render en valeur par rapport à votre fond.



Finitions du cadre


Maintenant retournons à notre cadre, que j'avais choisi de garder pour la suite. Sauf exceptions, on évite de laisser un bête cadre noir. La plupart des personnes aiment un cadre un peu plus foncé que l'ensemble de l'avatar, avec un un biseautage et estampage, et une lueur externe pour les effets spéciaux. J'avoue que si vous ne savez pas quoi faire c'est la solution idéale, cependant je vous conseille de mettre la couleur sur un nouveau calque au dessus du cadre, en masque d'écrétage (comme pour le fond), alt + clic entre les deux calque je le rappelle.

Seulement dans ce cas là, j'ai trouvé un peu ennuyeux le fait que le bandeau rose de la nana soit le seul à être rose, et donc j'ai voulu voir ce que ça faisait en mettant le cadre du même rose que le bandeau. Comme c'était un peu pâlichon j'ai rajouté un contour noir d'un pixel (dans les fx du cadre, et non pas du calque rose), pour rajouter du contraste, et en même temps lier avec le côté cerné du personnage.


Puis j'ai rajouté une petite lueur externe basique à 7px pour bien lier le tout. J'ai pas jugé nécessaire de mettre des motifs ou autre dans les couleurs du cadre, mais vous pouvez bien évidemment le faire. A vous d'adapter à votre cadre. De même plus votre cadre est épais, plus il est conseillé de rajouter des motifs dedans, ou des variation de couleurs.



La typo

La typo est une chose très importante dans une création qui va inclure un message ou comme ici un pseudo. Je vous conseille donc d'avoir des polices diverses et variées, vous pouvez en trouver pas mal sur http://www.dafont.com/fr/ . Pour installer votre police, une fois qu'elle est dézipée, cliquez droit dessus et choisissez installer. Photoshop lit toutes les polices installées sur votre ordinateur. Si vous ne voyez pas une police dans la liste, il suffit simplement de redémarrer le log (sans oublier d'enregistrer). Dans le cas ou vous avez choisi votre police à l'avance sur Dafont, vous avez simplement à la choisir puis à taper votre texte. Mais si vous avez déjà un tas de polices qui vous plaisent et que vous ne savez pas trop laquelle mettre le mieux est de taper votre texte dans une police basique (genre arial, moi je choisi toujours Agency FB parce que c'est la première de ma liste), et d'écrire votre texte simplement.

Ensuite vous pouvez lui ajouter des effets et changer sa couleur. J'ai l'habitude de commencer par mettre les même options que le cadre (un simple clic droit sur le calque du cadre, copier le style de calque, puis un clic droit sur le calque du texte, et coller le style de calque), car c'est ce qui rend le mieux en général, mais pas toujours, à adapter au cas par cas. Mais bien choisir s'apprend à force de grapher, encore que même des bons graphistes peuvent faire des fautes de gout impardonnables parfois.




J'ai finalement choisi la police Rage Italic en taille 48. Mais comme finalement le texte en rose rendait le tout trop rose, je l'ai mis en bleu, avec une légère lueur externe rose en mode couleur plus foncé. Notez que mes couleurs ne sont jamais prises au hasard, mais toujours piochées sur le render à la pipette, et changée grace au teinte/saturation si besoin. Comme je n'avais pas envie de charger cet avatar, je me suis arrêtée là, mais vous pouvez rajouter d'autres brushs dans un calque par dessus le render, comme je l'ai fait pour mon propre avatar.



Une fois que vous êtes satisfaits, sauvegardez votre psd, et gardez le précieusement, il peut toujours vous servir. Ensuite vous pouvez enregistrer sous, et là vous choisissez le mode png, qui gère la transparence. Voila le résultat final.




Pour pouvoir mettre votre avatar dans votre profil, comme il est plus grand que ce que la limite du forum autorise, il vous faut l'héberger. Je vous conseille un hébergeur qui gère le png, comme archive-host par exemple. Vous obtiendrez un lien du type :

Code:

http://sd-2.archive-host.com/membres/images/161902109523915286/Avatarkouett.png

que vous devrez copier/coller dans la troisième case de votre avatar dans votre profil. (à partir d'un autre site)







Voila maintenant ce cours est terminé, je vous invite à faire votre propre avatar, en m'envoyant par mp votre render, et l'avatar que vous en avez fait.
3 points en graphismes pour le meilleurs, 2 pour le second, et 1 pour le troisième, et toute participation aura un point de participation. J'ai aussi un point coup de cœur à donner alors étonnez moi et faites des trucs jolis.

Vous avez un mois à partir d'aujourd'hui, passé ce délais je posterai les trois meilleurs sur le sujet.


Vous pourrez toujours continuer à m'envoyer vos créations que je noterai et commenterai. N'hésitez pas à me poser des questions s'il y a un truc que vous ne comprenez pas ou qui vous échappe.