4 posts tagged “tutorial”

C'est un tutoriel qu'on m'a pas mal de fois demander, du coup me suis mis au boulot :)

1. Détourage du sujet. Plusieurs méthodes sont possibles : lasso, chemin, baguette magique (oui si le fond est uni), l'objectif est de reproduire la silhouette de l'avatar. Aucun besoin d'être précis, vu qu'on va floutter après, il faut juste être réaliste.
   
2. Sur un nouveau calque transparent, on remplit de noir la silhouette de l'avatar.
3. Avec l'outil Perspective (sous Gimp), on deplace le calque créer au petit bonheur la chance :p oui y'a pas vraiment de règle à appliquer le tout étant de rester logique par rapport à l'environnement et donc il faut prendre son temps. L'orientation de la lumière aidant beaucoup. Note: Dans cette exemple c'est volontaire que je ne prolonge pas l'ombre sur le mur, ca necessite de se readapter l'orientation de l'ombre, c'est juste une question de patience.
4. On floutte le calque, flou gaussien 25% (plus ou moins), ca rend l'ombre un peu dilué et donc moins franche.
5. On joue sur l'opacité du calque je la baisse à 0.50 mais à la fin je remet à 0.80 ou 0.90
6. On nettoie les bavures de la transposition du calque
7. fin des traitements.

1. Select the avatar. Lot of methods are available : lasso, path, magic wand, the goal is to produce a silhouette of the avatar. No need to be sharp, we will blur next. Just need to be realist
2. On a new transparent layer, you fill the selection in black.
3. With the tool perspective you move the layer like you can :p no rules are available, maybe just the light orientation. In the exemple, I clearly don't put shadow on the wall, but it's possible and work for the same. Need to be patient.
4. Blur the layer (gaussian blur 25%)
5. We play on the layer opacity. Here I put it at 0.5 and at the end 0.8 or 0.9
6. We clean the transformation task (shadow on the avatar)
7. End of the treatment as usual.

Pour photoshop (for photoshop):
To have the perspective tool, you need to do Ctrl+T on your layer
Il faut faire Ctrl+T sur le calque pour avoir les points de perspectives.

Download the movie

Y'a rien de compliquer la dedans :)

1. Alors deja on commence par nettoyer son image comme d'habitude. Tous les petits défauts des avatars que l'on voit, les details pas très cool des poses.
2. On duplique le calque de base
3. On le retourne verticalement
4. On supprime la partie que l'on a plus besoin avec la touche suppr, ou bien edition > effacer
5. Un replacement est en général nécessaire
6. Sur la video, j'enleve une bande grise pour ne pas avoir un miroir complet mais juste l'effet.
7. Je baisse l'opacité du miroir à 85% la reflexion ne doit pas etre aussi lumineuse que le sujet. Et avec un masque de calque je rajoute une atténuation, pas essentielle mais sympa.
   
8. Je fais mes derniers traitements sur une image applatie.
9. Bordure et signature :)

In english:

1. Clean up the picture and all avatar defaults
2. Duplicate the layer
3. Do a vertical miror on the new layer
4. Delete the black part you don't need
5. Need to adjust a little the picture on the height most of the time
6. On the video, I delete a white band to do a miror effect only on the avatar
7. I change the opacity of the miror layer to 85% and with some layer mask i do a distance effect (no needed but cool)
   
8. I do mylast global treatment on the merge picture.
9. Border and sign :)
   

Une nouvelle photo que j'ai passé à la video, mais en plus il y a la voix. Et en fait.... c'est plus pour tester la voix qu'autre chose les modifs sont pas sensationnelle. Donc du coup j'ai pas grand chose à faire :)

Originale:

Resultat:

Et vous allez rien comprendre :p

Donc y'a pas de son :) Mais à cause de contrainte technique la vidéo est limitée à 50 Mo ici... et comme on voit rien sur la video, ben j'ai mis le lien de téléchargement.

No sound sorry, but due to a limitation problem, size of the video is limited to 50 Mo, and we clearly don't see anything on the video so I put the download link.

Ceci implique que les retouches de départ sont sommaire, et l'image aurait bien entendu pu être mieux travaillée.
This means that the beginning treatment is quite doing fast, and of course the final quality of the picture could be better.

Photo de départ / From:

Télécharger la taille réélle / real size

Photo finale / to:

Avec / With:

Download The Gimp (free)

Meme si je travaille avec gimp, il est tout à fait possible de reproduire ce que je fais sous photoshop.

1. Dupliquer votre image de base, ne pas travailler sur la base, ca permet de faire des choses plus tard :) et masquer la visibilité de cette image.
   
2. Recadrer votre image en utilisant les guides et l'outil de découpe, ca evite de travailler sur une trop grosse image et donc de ralentir les traitements
3. Nettoyer votre image! Avec l'outil doigt, tampon-clone et la goutte d'eau. Prenez soin de bien raccorder le nez, les cheveux, zoomer sur votre image pour bien voir les défauts. Cette étape est longue mais nécessaire, ne pas hésitez à recommencer la retouche si nécessaire.
4. Dupliquez en 3 exemplaires votre calque. Le flou peut se faire de plusieurs manières bien entendu. Personnellement cette méthode permet d'avoir un effet immédiat sur l'image.
5. Prenez le premier calque dupliqué (que j'ai nommé blur 1) et appliquez lui un flou gaussien à 35%
6. Prenez le second calque dupliqué (que j'ai nommé blur 2) et diminuez son opacité à 50 et changez son mode en "superposition"
7. Prenez le troisième calque dupliqué (que j'ai nommé blur 3). Là deux solutions soit jouer sur son opacité pour bénéficier des traitements précédents, ou bien à l'aide d'un masque de calque, appliquer sur le masque l'outil pot de peinture avec une couleur unie, en l'occurence le gris (3F3F3F). L'effet est le meme, l'avantage du masque de calque est à mon goût un peu moins aléatoire que l'opacité (je préfère) et permettra de ne pas travailler sur l'image entière.
8. Fusionnez les calques visibles (c'est étape est répétée souvent), elle permet de ne pas applatir totalement l'image, et de conserver un nombre suffisant de calque en cas de retouches.
9. Dupliquez le calque deux fois, et renommez les Enlightment 1 et 2
   
10. On passe à ce que j'appele l'amélioration de la lumière. Très simple. On selectionne tout sur le dernier calque, on copie. On crée un masque de calque, on colle et on ancre le calque collé. On change ensuite le mode du calque en addition, mais d'autres modes sont possibles.
11. On fusionne une nouvelle fois les calques visibles
    
12. On duplique le calque enlightment et on le nomme "eyes". Je cherche à récupérer les yeux d'origine de l'image
13. L'idée est donc de récupère les yeux d'origines. Pour celà, vous devez afficher uniquement le calque de départ et le dernier sinon aucun changement.
14. A l'aide d'un masque de calque blanc, on peint en noir sur l'image les zones que l'on ne souhaite pas voir modifier, comme les yeux. Je m'aide aussi de chemin pour réussir.
15. Ajout de la bordure
16. Ajout de la signature :)
17. On va prendre une douche

DIVX codec needed : http://www.divx.com/divx/windows/download/index.php

Il y a besoin des codecs divx pour le lire.

(Sorry for the size of the video, the download is here: Video )

En anglais:
Even I work under Gimp, you could redo the same using Photoshop, commands are very similar.

1. Duplicate your base image, never work on the basis, it allows you to do things later:) and hide the visibility of this one.
2. Crop your image using the guides and the cutter, ca evite to work on an image too big and thus slowing treatments
3. Clean your image! With the finger tool, clone-stamp and water tool. Make sure you are connecting the nose, hair, zoom in on your image to see the flaws. This step is long but necessary, do not hesitate to do it again if needed retouching.
4. Duplicate 3 copies of your last layer. The blur can be done in several ways, of course. Personally, this method allows you to have an immediate effect on the image.
5. Take the first duplicated layer (whom I named blur 1) and apply it a Gaussian blur to 35% 
6. Take the second duplicated layer (whom I named blur 2) and reduce opacity to 50 and change its way into "superposition"  (overlay maybe in english don't remember sorry).
7. Take the third duplicated layer (whom I named blur 3). Here two options either play on its opacity to benefit from previous treatments, or with a layer mask, the mask applied to the tool pot of paint with a solid color, in this case the gray (3F3F3F). The effect is the same, the advantage of the layer mask to my taste is a little less random than the opacity (I prefer).
8. Merge layers visible (step is repeated often), it can not totally merge all the image but just layers, and retain a sufficient number of layer in the event of rework.
9. Duplicate twice the layer blur and rename it enlighment 1 and 2
   
10. Now time to enlightment. Very simple. Selects all the layer , copy it. Creates a layer mask, paste and anchor it. Then change the mode of the layer in addition, other modes are possible. 
11. Merge the visible layer
12. Duplicate the layer enlightment. I want to recover the eyes of origin of the image
13. The idea is to get the eyes of origins. For this, you must see only the layer of start and the last we change, if any, is what happens in the video:) 
14. Using a white layer mask, paint in black on the image areas that we do not want to see change, such as the eyes. I also helps Way/selection tool to succeed.
15. Adding to the frame
16. Adding signature:) 
17. We are going to take a shower

Ok this is my first tutorial, be indulgent, and i'm really sorry to don't have voice on it!

Thanks for reading me :) And please let me your impression about it (or problem encountered) here or on the flickr page.