Sign up     Sign in     My account
   


Blue Djoe

Transformer une photo en décors qui servira pour vos illustrations


Si jamais comme moi les décors ne sont pas votre tasse de thé vous avez peut-être envie d'utiliser une photo en guise de fond pour votre personnage, voici un tutoriel pour lui donner un aspect "illustration" à l'aide du gratuiciel the Gimp.



Pré-requis : Une photo de décors + the Gimp.



Vous pourrez télécharger the Gimp  gratuitement à cette adresse > http://www.gimp.org/



Plus d'info sur ce logiciel sur ce site en français > http://www.gimpfr.org/



Amis Toshopeur, ce tutoriel est adaptable sur votre logiciel fétiche :)



 



Par où commencer? :



Prenons une photo quelconque de décors, et ouvrons-là avec the Gimp.

*Astuce : Sauvegardez souvent votre travail pour éviter les risques de pertes si jamais votre PC ou logiciel planterait, pour cela allez dans l'onglet Fichier> Enregistrer ou Ctrl+S, pour lui donner un nom allez dans Fichier> Enregistrer sous ou alors Maj+Ctrl+S*





Pensez toujours à dupliquer votre calque d'origine afin de ne pas le perdre. Ici nous allons travailler sur sa copie que nous appellerons "Décors".

Pour ne pas nous embrouiller nous allons cacher le calque d'origine en cliquant sur l'oeil.



 



Des couleurs plus vives :



Au cas où votre image manquerait de lumière et de contraste nous allons raviver les couleurs en utilisant les courbes, pour celà allez sur l'onglet "Couleurs" puis "Courbes", une fenêtre s'ouvre  :







Placez un point au milieu de la courbe puis dans la moitié du bas et enfin celle du haut :





Ainsi nous pourront modifier les tons sombres, moyens et claires séparément.



Déplacez vos repères selon ce que vous recherchez :





Faites de même pour les tons rouges, verts et bleus, celà jouera beaucoup sur les ambiances chaudes ou froides recherchées.



Voici le résultat pour cette image









 



Est-ce un dessin? :



Maintenant que votre image a gagné en contraste il faut lui donner un côté fait main, pour celà nous allons utilser le filtre "Anti-parasites", Filtres> Amélioration> Anti-parasites :









Cochez les deux cases et réglez le rayon puis les niveaux noir et blanc selon votre goût.



Voici le résultat avec cette image :









Votre image se rapproche maintenant d'une illustration, mais il lui manque maintenant les effets de lumière et l'ambiance qui ira avec.

 



 



Un peu d'atmosphère :



Premièrement, si vous avez un personnage à placer, faites-le maintenant, pour celà faite Fichier> Ouvrir en tant que calque ou alors Ctrl+Alt+O et choisissez votre personnage qui paraîtra dans le décors, ou bien dessinez-le dans Gimp.

*Astuce : Pensez à régler les couleurs avec les courbes afin de bien l'intégrer avec le décors*

*Astuce 2 : Vous pouvez vous servir du décors pour trouver la pose et la position adéquate à votre personnage*







Afin de rajouter un peu de lumière à cette image, nous allons ouvrir un nouveau calque que nous allons appeler "Lumière", pour celà cliquez sur l'icône se situant en bas de la fenêtre des calques ou alors faites Maj+Ctrl+N. Ceci fait, prenez l'outil de dégradé (touche L), allez dans les options des outils et dans "Dégradé" choisissez "Premier Plan vers transparent" puis faites un dégradé blanc tout le long de votre image partant du haut vers le bas.

*Astuce : Appuyez sur la touche Ctrl pour avoir un dégradé sur 23 axes différents*



Maintenant baissons l'opacité, ici elle sera  de 50 mais tout est une question de goût :









Ajoutons maintenant un peu de pénombre avec un calque que nous allons appeler... "pénombre". Pour celà on ré-ouvre un nouveau calque, on le nomme, puis, avec le noir cette fois, on fait un dégradé partant du bas vers le haut et on ajuste l'opacité à notre convenance, ici elle est de 10 :





 



L'effet de lumière est là mais le fait qu'il ne parte que dans une seule direction le rend un peu statique, ajoutons un nouveau calque que nous allons appelé "Lumière2".

Dans les options des outils puis dans "Forme" nous allons choisir "Radial". On ajoute maintenant un dégradé radial partant du coin supérieur de l'image, ici en haut à droite, puis on ajuste l'opacité, ici à 20,8 :





*Astuce : attention à bien mesurer votre dégradé, il n'est pas nécessaire de remplir toute l'image*



Votre décors est presque fini, il ne vous reste plus qu'à lui donner une couleur d'ensemble pour finaliser son ambiance. Ouvrez un nouveau calque que vous appellerez "Ambiance" et positionnez-le en-dessous du calque "Lumière", ici je choisie une couleur dans des tons roses. Passons maintenant son mode de fusion en "Lumière douce" et ajustons son opacité, ici 18,8 :







*Astuce : Essayez différents mode de fusion, vous pourriez tomber sur des mode qui vous donneront des ambiances intéressantes*



Faites quelques petites retouches si besoin, dans ce cas-ci ce sera sur le personnage, comme son intégration. J'ai dupliqué le calque de mon personnage et appliqué un "Flou gaussien" sur la copie (le niveau de flou dépend de la grandeur de l'image, plus l'image est grande et plus le flou est nécessaire), ensuite j'ai mis son calque en mode "Superposé". Enfin, j'ai appliqué un halo avec un calque du même non au-dessus du personnage, j'ai utilisé un pinceau blanc à dureté zéro et j'ai peins le contour de mon personnage :





Ensuite j'ai mis le mode de ce calque en mode "Fusion de grain" à opacité 21,6.



Voilà, votre retouche est fini, il ne vous reste plus qu'à fusionner les calques visibles, pour celà click droit sur un calque puis choisissez "Fusionner les calques visibles" et comparez avec votre image d'origine que vous aviez masqué au début de ce tutoriel.



Il ne vous reste plus qu'à sauvegarder votre travail : supprimez votre calque d'origine puis onglet Fichier> Enregistrer sous ou bien Maj+Ctrl+S et choisissez le format souhaité.

*Astuce : PNG est un très bon choix mais l'image risque d'être lourde, préférez-lui le JPG si jamais le PNG est un handicap pour le poster sur internet mais ça devrait faire l'affaire*



Avant :





 



Après :





 



Voyez la différence.



 



Un autre exemple mais sans personnage :



Avant :





 



Après :






the 26/05/2011 at 14:34


Comments


YonniChan says :
aah faudra que je tente un de ses jours x) avec tout mes tite photo XD (même si elles sont parfois un peu flou =p)

the 26/05/2011 at 15:07

Blue Djoe says :
T'inquiète, c'est sûrement faisable :)

the 26/05/2011 at 15:14

LawLight says :
idem pour moi mais me faut une certaine motivation pour sa, pas aujourd'hui en tout cas =P

the 15/06/2011 at 13:42

Blue Djoe says :
Ça parait pas comme ça mais la marche à suivre est vraiment très courte, si vous avez un personnage qui traîne, prenez un décors sur Google et faites un test, comme ça juste histoire de vous entraîner.

the 15/06/2011 at 14:42

Zendreist says :
très intéressant!

the 29/06/2011 at 20:17

Blue Djoe says :
Merci ^^

the 29/06/2011 at 20:23

yenoh54 says :
très bien construit merci beaucoup!

the 01/07/2011 at 19:21

Blue Djoe says :
De rien ^^ Je te remercie de l'avoir lu :)

the 02/07/2011 at 01:11

Psymon says :
Merci pour le tuto Djoe^^ Il m'a été bien utile pour ma dernière colo!

the 22/10/2011 at 16:24

Blue Djoe says :
De rien ^^

Je file vite voir si elle a été postée :)

the 22/10/2011 at 18:34

Rayga says :
génial ce tuto je te remercie beaucoup, moi qui ne fait jamais de décors ( ça me prend la tête xD ), ben la une photo de vacances et hop ^^

the 10/11/2011 at 20:43

Rayga says :
génial ce tuto je te remercie beaucoup, moi qui ne fait jamais de décors ( ça me prend la tête xD ), ben la une photo de vacances et hop ^^

the 10/11/2011 at 20:44

Rayga says :
génial ce tuto je te remercie beaucoup, moi qui ne fait jamais de décors ( ça me prend la tête xD ), ben la une photo de vacances et hop ^^

the 10/11/2011 at 20:44

Blue Djoe says :
Merci beaucoup de ton commentaire, ça fait vraiment plaisir (en plus j'en ai eux trois ^^).
Content aussi qu'il te plaise et qu'il te soit utile :)

the 10/11/2011 at 20:58

Rayga says :
oui désolé pour les 3 commentaires ça a du buger, ou alors j'ai fait une mauvaise manip' ^^' je suis nouveau sur ce site. C'est génial de faire des tuto comme ça, vu comment gimp c'est plein de gadjets ça aide beaucoup ^^

the 10/11/2011 at 21:01

Blue Djoe says :
Mais non t'excuse pas, les bugs ça arrive, moi aussi ça m'est déjà arrivé d'envoyer des doubles ^^'

Ouais c'est vraiment génial et y en a pour tout les goûts ou presque. Très pratique pour progresser :)

the 10/11/2011 at 21:11

yenoh54 says :
je confirme,j'en ai essayais beaucoup et suis toujours revenu à Gimp. bonne continuité Raya et merci encore Djoe.

the 11/11/2011 at 09:34

Blue Djoe says :
De rien Yenoh :)

the 11/11/2011 at 13:59

Takara says :
se tuto ma vraiment bien aider c'est super pratique merci ^^

the 04/05/2012 at 14:34

Blue Djoe says :
De rien, j'ai bien envie de voir ce que ça donne à ta sauce :)

the 05/05/2012 at 09:26



Write a comment...

You must be registered to answer a question ! If you are not registered on Drawin, signup for free , however if you already have an account, login.