Image unavailable (removed by its host)
First of all, on Photoshop there are always tons of ways to get the same result, I don't think mine is the best but if it can help someone who wants to get started with Photoshop, why not....
I started from this image that kyno gave me:
Image unavailable (removed by its host)
I roughly cut it out (removed from its background) using the polygonal lasso tool: Image unavailable (removed by its host)
Hors sujet
Professionals most often use the pen tool instead: Image unavailable (removed by its host) which is also found in Illustrator (Adobe's vector image editing program) to make curves using a system of vectors called a Bézier curve (named after its inventor).
Personally I prefer the polygonal lasso because I find it much faster.
Once the selection is made I delete the part of the background I'm not interested in (make sure the layer isn't locked, otherwise double-click on it and confirm)
So I get this result:
Image unavailable (removed by its host)
In the layer properties I set "darken" and add a new layer underneath with a neutral background (only the black areas of the character will show through, and we'll be able to fill in other layers underneath without spilling over the outline).
Image unavailable (removed by its host)
I create a new layer (still below the character's layer) and make a selection (personally with the polygonal lasso).
Image unavailable (removed by its host)
At the bottom of the tools palette there are 2 squares where you can select a color by clicking on them, I choose a skin tone color and go to: Edit > Fill > With foreground or background color depending on which square was selected when picking the color.
Image unavailable (removed by its host)
I select a part I want to shade and go to: Selection > Modify > Feather and select a number of pixels (this number will determine how many pixels the gradient spans going from the base color to the shadow) for an image at this resolution I select 3 pixels.
Image unavailable (removed by its host)
I go to: Image > Adjustments > Brightness/Contrast, I lower the brightness to get a shadow. I make another selection and do the same thing again, raising it this time to get lighter areas.
Image unavailable (removed by its host)
I repeat the same process on the different parts of the body.
Image unavailable (removed by its host)
Once all the areas are done, you can go back over some of them with smaller selections to add more contrast.
Once that's done we're going to increase this contrast even more by going (still on the same layer) to: Image > Adjustments > Levels and we're going to move the black arrow and the white arrow inward like this:
Image unavailable (removed by its host)
Our character's skin is done. By creating a new layer we'll be able to do the same thing for the clothes with a light blue-gray base to get this:
Image unavailable (removed by its host)
Same for the belt with a purple base.
Image unavailable (removed by its host)
Once all the light areas are done, we're going to be able to lighten the black areas.
To do this, this time we need to create a layer, but above the character's layer.
We redo feathered selections but this time instead of playing with brightness, we're going to fill with a midnight blue for the bottom garment and a dark gray for the hair, pants and bracelets.
Then redo as before (feathered selections + brightness) to darken and lighten these areas.
We get this:
Image unavailable (removed by its host)
Our character is ready, we'll be able to put together a background composition with layers instead of the "neutral background" one (in this case the brown background).
You can play with overlapping different layers, different shapes, by changing their blending mode or opacity....
You can also use brushes (brush tool) these brushes are in ".abr" format.
To install them click on the brush tool Image unavailable (removed by its host).
At the top left (next to Shape) click on the down arrow, to the right of main diameter click on a second arrow to go to "load shapes" and give the path to your ".abr" files.
You'll easily find brushes online by typing "brush photoshop" into Google.
The brushes are all the elements outside the frame of this composition:
Image unavailable (removed by its host)
There you go, our Avatar is done, all we have left to do is remove the layers or imperfections we don't want to show and crop our image using this tool: Image unavailable (removed by its host)
We get this result:
Image unavailable (removed by its host)
All that's left is to resize it (it's always better to work bigger, the imperfections will be less visible in the end ).
Image unavailable (removed by its host)
There you go, that's it, for those interested here's a little video of a real pro drawing the character and using a completely different technique...
External content (video or audio) hidden: it sets its own cookies.
For those who liked the video you'll find more on the author's site under "Speed Paintings" HERE
Tout d'abord sur photoshop il y a toujours une multitude de façons pour obtenir un même résultat, je ne pense pas que la mienne soit la meilleure mais si elle peut aider quelqu'un qui souhaite se lancer à photoshop pourquoi pas....
Je suis parti de cette image que kyno m'avait donné :
Je l'ai détourée (enlever de son arrière plan) grossièrement grâce à l'outil lasso polygonal :
Hors sujet
Les professionnels utilisent eux le plus souvent la plume : que l'on retrouve également dans illustrator (prog Adobe de traitement d'images vectorielles) pour faire des courbes grâce à un système de vecteurs que l'on appelle Courbe de Bézier (provenant du nom de l'inventeur).
Personnellement je préfère le lasso polygonal car je le trouve beaucoup plus rapide.
Une fois la sélection faite je supprime la partie de l'arrière plan qui ne m'intéresse pas (s'assurer que le calque n'est pas verrouillé sinon double cliquer dessus et mettre ok)
J'obteins donc ce résultat :
Dans les propriétés du calque je met "obscurcir" et ajoute un nouveau calque par dessous avec un fond neutre (seules les zones noires du personnages seront apparentes et nous pourrons remplir d'autres calques par dessous sans déborder sur les contours).
Je crée un nouveau calque (toujours en dessous de celui du personnage) et je fais une sélection (pour ma part avec le lasso polygonal).
En bas de la palette d'outils il y a 2 carrés ou l'on peut sélectionner une couleur en cliquant dessus, je choisis une couleur chair et je vais dans : Edition > Remplir > Avec couleur premier ou arrière plan selon le carré sélectionné lors du choix de la couleur.
Je sélectionne une partie que je veux ombrer et vais dans : Sélection > Modifier > Contour progressif et sélectionne un nombre de pixels (ce nombre définira le nombre de pixels sur lesquelles va s'étendre le dégradé passant de la couleur de base à l'ombre) pour une image de la résolution de celle ci je sélectionne 3 pixels.
Je vais dans : Image > Réglages > Luminosité/Contraste, je baisse la luminosité pour obtenir une ombre. Je refais une sélection et recommence la même chose en l'augmentant pour obtenir des zones plus claires.
Je recommence la même manip sur les différentes parties du corps.
Une fois toutes les zones terminées vous pouvez recommencer sur certaines avec de plus petites sélections pour donner plus de contraste.
Une fois ceci terminé nous allons encore augmenter ce contraste en allant (toujours sur le même calque) dans : Image > Réglage > Niveau et nous allons déplacer la flèche noire et la flèche blanche vers l'intérieur comme ceci :
La peau de notre personnage est terminées. En créant un nouveau calque nous allons pouvoir refaire la même chose pour les vêtements avec une base de gris bleuté clair pour obtenir ceci :
Idem pour la ceinture avec une base de violet.
Quand toutes les zones claires sont terminées, nous allons pouvoir éclaircir les zones noires.
Pour ce faire il faut cette fois ci créer un calque mais au dessus de celui du personnage.
Nous refaisons des contours progressifs mais ce coup ci à la place de jouer sur la Luminosité, nous allons faire remplir avec un bleu nuit pour le vêtement du bas et un gris foncé pour les cheveux, pantalon et bracelets.
Ensuite refaire comme avant (contours progressifs + Luminosité) pour assombrir et éclaircir ces zones.
Nous obtenons ceci :
Notre personnage est prêt, Nous allons pouvoir faire une composition pour un arrière plan avec des calques à la place de celui "fond neutre" (en en l'occurrence dans ce cas ci le fond marron).
Vous pouvez jouer avec des superpositions de différents calques, de différentes formes en changeant la propriété ou l'opacité de celui-ci....
Vous pouvez également utiliser des brosses (outil pinceau) ces brosses sont au format ".abr".
Pour les installer cliquer sur l'outil pinceau .
En haut à gauche (à coté de Forme) cliquer sur la flèche descendante, à droite de diamètre principal cliquer sur une seconde flèche pour aller sur "charger les formes" et donner le chemin de vos fichiers ".abr".
Vous trouverez des brosses facilement sur le net en tapant "brush photoshop" dans Google.
Les brosses sont tous les éléments hors cadre de cette composition :
Voilà notre Avatar est terminé il ne nous reste plus qu'à supprimer les calques ou imperfections que nous ne souhaitons pas voir apparaitre et recadrer notre image grâce à cet outil :
Nous obtenons ce résultat :
Il ne reste plus qu'à le redimensionner (Il est toujours préférable de travailler plus grand, les imperfections se verront moins au final ).
Voilà c'est fini, pour ceux que ca intéresse voici une petite vidéo d'un vrai pro dessinant le personnage et utilisant une toute autre technique...
External content (video or audio) hidden: it sets its own cookies.
Pour ceux qui ont aimé la video vous en trouverez d'autres sur le site de l'auteur dans "Speed Paintings" ICI
Tgames only uses the cookies the board needs (login, preferences). Embedded videos and audio (YouTube, Dailymotion, SoundCloud…) set their own cookies: they are only loaded with your consent. Learn more