Registrati     Entra     Mio 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 :






il 26/05/2011 a 14:34


Commenti


YonniChan dice :
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)

il 26/05/2011 a 15:07

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

il 26/05/2011 a 15:14

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

il 15/06/2011 a 13:42

Blue Djoe dice :
Ç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.

il 15/06/2011 a 14:42

Zendreist dice :
très intéressant!

il 29/06/2011 a 20:17

Blue Djoe dice :
Merci ^^

il 29/06/2011 a 20:23

yenoh54 dice :
très bien construit merci beaucoup!

il 01/07/2011 a 19:21

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

il 02/07/2011 a 01:11

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

il 22/10/2011 a 16:24

Blue Djoe dice :
De rien ^^

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

il 22/10/2011 a 18:34

Rayga dice :
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 ^^

il 10/11/2011 a 20:43

Rayga dice :
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 ^^

il 10/11/2011 a 20:44

Rayga dice :
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 ^^

il 10/11/2011 a 20:44

Blue Djoe dice :
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 :)

il 10/11/2011 a 20:58

Rayga dice :
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 ^^

il 10/11/2011 a 21:01

Blue Djoe dice :
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 :)

il 10/11/2011 a 21:11

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

il 11/11/2011 a 09:34

Blue Djoe dice :
De rien Yenoh :)

il 11/11/2011 a 13:59

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

il 04/05/2012 a 14:34

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

il 05/05/2012 a 09:26



Commenta...

Bisogna essere iscritto per rispondere ad una domanda! Se non sei registrato su Drawin, scrivati gratuitamente , in compenso se possedi già un conto, log.