Forum d'entraide à la création de jeux d'aventure
 
PortailPortail  AccueilAccueil  RechercherRechercher  S'enregistrerS'enregistrer  Connexion  
Le Deal du moment : -25%
PC Portable Gamer 16,1” HP Victus 16 – 16 ...
Voir le deal
749.99 €

 

 Un rendu pixellisé en 2 temps 3 mouvements !!

Aller en bas 
+3
Kromagnon
Kitai
Jorkz
7 participants
AuteurMessage
Jorkz
Cliqueur Emérite
Cliqueur Emérite
Jorkz


Nombre de messages : 666

Age : 40

Localisation : Montpellier

Date d'inscription : 16/07/2006


rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! EmptyJeu 12 Oct 2006 - 15:57

Bonjour les petits feignants !!!

Voila voila: Comme promis dans le topic du jeu de Denon, un tuto pour réaliser des décors "old school" à partir d’une bête photo !

Le résultat n’est pas non plus d’une beauté éblouissante, mais bon!... c’est déjà ça !
Ah voui je précise aussi que le logiciel utilisé est notre copain Photoshop.


-Commencez par ouvrir votre image et redimensionnez-la à votre guise (ici, mon image de départ est de 800/600 et je l’ai redimensionné en 640/480).
A ce propos, notez qu’il est judicieux de prendre une photo plus grande que la dimension que vous avez choisie, le rendu n’en sera que meilleur (enfin moi je dis ça mais après vous faites comme vous voulez hein).

Juste un truc encore faites attention à garder tout vos calques visibles pendant tout ce temps

rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Dpartcc7


-Dupliquez le premier calque et désaturez celui qui se trouve au dessus, en le sélectionnant d’abord grand sourire, puis en appuyant sur Maj+Ctrl+U (ou en passant par Image/Réglages/Désaturation).
Vous obtenez donc la même image qu’en dessous, mais en noir et blanc.

-Dupliquez encore, mais à partir du calque en noir et blanc cette fois, puis mettez le troisième calque obtenu en négatif (Ctrl+I, ou Image/Réglages/Négatif)

rendu - Un rendu pixellisé en 2 temps 3 mouvements !! 3calqueslu2

Maintenant, passez ce même calque 3 en mode densité couleur –

rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Densitcouleurmoinsys8

-Ne vous inquietez pas si l’image devient blanche, c’est normal.
-Utilisez maintenant le filtre Atténuation/Flou gaussien pour voir apparaître votre image.
-Réglez le flou de manière à ne jamais avoir de surface remplie. Préférez les bords gracieux et subtils (presque invisibles) à la mauvaise imitation poster.

rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Glopuv2

-Ensuite, allez dans Image/Réglages/Luminosité_Contraste puis baissez légèrement la luminosité, tatonnez un peu le contraste, pour faire ressortir certains détails et textures (ici les arbres, les briques… etc).

rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Texturesis9

Cette étape est assez importante, car elle décidera « définitivement » le degré de réalisme de votre paysage. C'est sur cette étape que vous reviendrez si le rendu final ne vous plait pas.
Mais pour l'instant, réglez tout ça comme vous le sentez.

Cependant, comme ce procédé assombri beaucoup l’image, Allez-y doucement tout de même, pour ne pas vous retrouver à la fin avec des gros traits tout dégueulasses.

Pour ma part, je fais en sorte que mon image ait l’air dessinée, tandis que certains détails donnent l’impression d’être photographiés.

(A noter que plus vous travaillez en grosse résolution, plus il vous faudra assombrir)


-Maintenant, et maintenant seulement, Fusionnez avec le calque inférieur (Ctrl+E, ou dans calque) et passez le calque obtenu en mode densité couleur + cette fois.

DERNIERS REGLAGES :
Ils consistent à faire ressembler l'image à un dessin...

-Sélectionnez le calque du dessous (1) puis allez dans Image/Réglages/Teintes_Saturation.
-Augmentez la saturation, de façon à avoir des couleurs super flashy, un peu cartoon.
-Augmentez ou baissez la luminosité comme il vous plaira.

-Sélectionnez le calque du dessus (2) et allez dans Image/Réglages/Luminosité_Contraste
-Augmentez bien le contraste pour que vos « textures » apparaissent.
-Puis augmentez ou baissez la luminosité comme il vous plaira.

Ajustez avec seulement ces manipulations...

-Quand vos réglages sont terminés, fusionnez les calques visibles (Maj+Ctrl+E)

rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Flashycontrasteiw5

Comme vous le voyez, après ces quelques réglages, le rendu est satisfaisant et conviendrait même peut être à un style Broken Sword (spéciale dédicace to Denon clin d'oeil )

Et pour notre rendu pixelisé, utilisez le filtre Pixellisation/Mosaïque et sélectionnez un chiffre entre 1 et 5 (pas obligé, mais bon en tout cas c’est un petit chiffre qu’il faut).

rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Finfq9


Et voila !!!!!!!! :afro:

(roulementdetambourcoupdecymbale)

_________________
L' est si forte à la course qu'elle en sort de la phrase.  autruche


Dernière édition par le Dim 15 Oct 2006 - 13:49, édité 9 fois
Revenir en haut Aller en bas
Kitai
Délégué de la tasse bleue
Délégué de la tasse bleue
Kitai


Nombre de messages : 2907

Date d'inscription : 01/08/2006


rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Re: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! EmptyJeu 12 Oct 2006 - 16:36

Wow, voilà qui est bien sympa ma foi ! ^^

Comme tu l'as dit, je pense qu'il faut une image supérieure ou égale à la dimension finale voulue ^^
Peut-être aussi une image de bonne qualité non ? (BMP plutôt que JPG)

J'ai essayé avec la première image que tu as montrée, donc en 320*240 de qualité JPG, ça rend pas trop mal, mais pas tout à fait comme t'as montré ^^
Et du coup la pixelisation de fin ("mosaïque") est assez difficile à régler puisque le chiffre minimum est bien 2 et non pas 1 ! (Evidemment)

Donc en 320*240, mieux vaut peut-être oublier cette dernière étape ^^

Merci bien à toi Ravaillac donc, je me souviendrai de cette technique !

_________________
Ga is Ga
Vous pouvez consulter l'aide d'AGS 3.2 en français et contribuer à la traduction et à l'amélioration si le cœur vous en dit !
Revenir en haut Aller en bas
http://admin.no.uchi.free.fr/dokuwiki-2008-05-05/doku.php
Jorkz
Cliqueur Emérite
Cliqueur Emérite
Jorkz


Nombre de messages : 666

Age : 40

Localisation : Montpellier

Date d'inscription : 16/07/2006


rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Re: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! EmptyJeu 12 Oct 2006 - 16:40

N'hesitez surtout pas à poster vos avant/apres... grand sourire grand sourire grand sourire


Quant à moi je vous rajoute l'image originale en 800 sur 600, pour vos tests

rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Exterieurqz6.th

_________________
L' est si forte à la course qu'elle en sort de la phrase.  autruche
Revenir en haut Aller en bas
Kromagnon
Disciple de la Grande Tasse Bleue
Disciple de la Grande Tasse Bleue
Kromagnon


Nombre de messages : 1015

Age : 40

Localisation : Finistère

Date d'inscription : 19/09/2006


rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Re: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! EmptyJeu 12 Oct 2006 - 17:37

Faudra que tu m'explique où tu as eu l'idée de faire des manips aussi compliqués pour avoir ce resultat! :suspect: .a mon avis t'as une super bonne maitrise de photoshop!
et après tu me demande de te faire un tuto sur ma technique!c'est là que je me rend compte a quel point j'ai l'air ridicule! :lol!:
En tout cas bravo!(meme si je trouve que le rendu est encor un poil trop "photo")

_________________
Projet en cours: Cadaver Heart

Quelques photos de promenades insolites sur cette page
Revenir en haut Aller en bas
Jorkz
Cliqueur Emérite
Cliqueur Emérite
Jorkz


Nombre de messages : 666

Age : 40

Localisation : Montpellier

Date d'inscription : 16/07/2006


rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Re: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! EmptyJeu 12 Oct 2006 - 18:02

bah forcément "trop "photo" grand sourire vu tes gouts j'imagine que c'est pas assez DOT pour toi !!! clin d'oeil

Mais je me suis dit la même chose que toi à la fin, figure toi!...
Disons que j'aimerai un truc plus "toonesque".
Mais bon après je crois qu'il faut prendre son courage à deux mimines et dessiner, tout simplement !!!

J'espère en tout cas que ma petite trouvaille fera des heureux et encouragera même les "non graphistes" a finir leur jeu !!!

Ah oui au fait, a propos de ma technique photoshop c'est très gentil, mais non quoi:
Je n'ai vraiment pas de maitrise à proprement parler, ya toujours des trucs que je pige pas (genre les courbes de niveau, les couches, les masques ou encore certains outils 😕 ). Et ça, crois moi, je suis pas pret de piger DU TOUT lol !!

Mais euh... merci quand même.

Ahoui pour parler de la manip, je l'ai trouvée a force de chercher, et surtout en combinant plusieurs choses que j'avais pompées à droite a gauche sur des sites de tuto...
Je n'ai encore rien vu de ce genre et c'est pourquoi je l'ai fait...

...A ce propos d'ailleurs, le prochain que je vois utiliser cette technique sans citer mon nom, je lui colle un procès au cul !!! :lol!:

_________________
L' est si forte à la course qu'elle en sort de la phrase.  autruche
Revenir en haut Aller en bas
ryf
C'est quoi la Tasse Bleue ?
C'est quoi la Tasse Bleue ?
ryf


Nombre de messages : 8

Age : 48

Localisation : Strasbourg (FRANCE)

Date d'inscription : 01/10/2006


rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Re: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! EmptySam 21 Oct 2006 - 21:57

Pour un rendu plus "toon", ou tout du moins plus proche d'un Indy 3 - 4, passez l'image en 16 coueurs, sans tramage.
Essayez différent modes (perception, adaptative,....), puis retouchez les endroits trop irréguliers.
S'il le faut, réprennez l'étape qui amène au résultat "glop" de ce tuto clin d'oeil, effacez (passez en blanc) ce qui ne doit pas être en contour foncé/renforcé, et fait un coup d'aquarelle ou un autre effet pour épaissir les traits restants.
Passez ce calque en mode "produit" par dessus l'image obtenue sur ce tuto, et il y aura un effet "cell shadind" rapide.
Désolé, mais je n'ai pas Toshop sous la main pour faire des images d'exemple... Peut être plus tard clin d'oeil

_________________
@+
RyF
TheGameReaveR
Revenir en haut Aller en bas
Broyeur
Adepte de la Grande Tasse Bleue
Adepte de la Grande Tasse Bleue
Broyeur


Nombre de messages : 90

Date d'inscription : 16/05/2007


rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Re: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! EmptyJeu 17 Mai 2007 - 9:20

J'ai pas photoshop, mais gimpshop (téléchargé sur le topic de logiciels 2d de Godzillu!)
Seulement je suis quand même nul :o

Quelqu'un pourrait me faire cette image ? (Et la resizer en 640x480, enfin je crois que c'est le modèle de résolution de mon jeu !)

rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Bibliotheque
Revenir en haut Aller en bas
inteur72
Grand Cliqueur Royal
Grand Cliqueur Royal
inteur72


Nombre de messages : 1945

Age : 35

Localisation : Seine et marne (77)

Date d'inscription : 22/05/2007


rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Re: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! EmptyJeu 24 Mai 2007 - 18:58

alors voila j'ai tester sur une image :
[img=https://2img.net/r/ihimizer/img128/2775/cuisine2tn3.jpg]

Et voila ce que sa donne:
[img=https://2img.net/r/ihimizer/img128/1209/cuisine2id8.jpg]

Et je suis pas du tout comptant du resulta tu peut me la fair plz ? clin d'oeil
Revenir en haut Aller en bas
http://inteur.fr/hub
Le fous de LUCASART
Chevalier d'Honneur de la Grande Tasse Bleue
Chevalier d'Honneur de la Grande Tasse Bleue
Le fous de LUCASART


Nombre de messages : 2096

Age : 32

Localisation : Dans l'univers d'un de ses bons vieux jeux d'aventures!!

Date d'inscription : 07/08/2006


rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Re: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! EmptyVen 25 Mai 2007 - 5:17

Je testerai se soir promis^^

_________________
Scénariste
Mai 2008 : background cimetière
rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Tassed11
Revenir en haut Aller en bas
http://www.fan-naheulbeuk.fr.st
inteur72
Grand Cliqueur Royal
Grand Cliqueur Royal
inteur72


Nombre de messages : 1945

Age : 35

Localisation : Seine et marne (77)

Date d'inscription : 22/05/2007


rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Re: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! EmptyVen 25 Mai 2007 - 20:56

merci mec ^^
Revenir en haut Aller en bas
http://inteur.fr/hub
Contenu sponsorisé





rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty
MessageSujet: Re: Un rendu pixellisé en 2 temps 3 mouvements !!   rendu - Un rendu pixellisé en 2 temps 3 mouvements !! Empty

Revenir en haut Aller en bas
 
Un rendu pixellisé en 2 temps 3 mouvements !!
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Faire des mouvements de caméra
» Logiciel, ou image, permettant d'avoir un tel rendu
» Compte rendu de la réalisation de Gobliiins5 avec Adventure Game studio
» Un temps limite
» Espace Temps

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Adventure Games Studio fr :: CREATION DE JEUX :: Trucs & Astuces, Tutoriaux-
Sauter vers: