[Graphisme] Créé ses propres chipsets

Bonjour !
Vous en avez marre des RTP ?
Les graphismes que vous avez soigneusement ripés ne plaisent pas aux autres, impressions de déjà vu ? ()

Alors ce tutoriel est fait pour vous !

Ici, je vais vous expliquer comment crée soit même ses chipsets, de A à Z.

Tout d'abord, il vous faudra un logiciel primordial pour la création de graphismes.
Il s'agit de photoshop, que vous pourrez trouver en téléchargement légal, pendant une durée limitée de 30 jours sur le

site officiel d'Adobe

Voilà, c'est tout ce dont vous avez besoin, le reste sera fournit au fur et a mesure que l'on progressera dans le tutoriel
Allez, commençons !

A l'attaque du texturage !

Tout d'abord, il nous faut un template. Cela nous servira pour crée la map depuis Rpg Maker 2003.



Maintenant, nous allons crée tout les éléments qui composeront notre map ; Lit, meubles, plancher, etc... Inutile de faire des sprites détaillés, deux couleurs nous suffiront, une pour la couleur de base, l'autre pour marquer les ombres, ou la
lumière.

Le but sera d'avoir une base, lorsque nous passeront au texturage sur photoshop.

Faites bien attention à la perspective.
N'hésitez pas à prendre des modèles, afin d'être sur de ne pas vous tromper, la notion viendra avec la pratique

Voici le résultat final :



N'hésitez pas à remplir votre chipset de différents éléments.
Plus votre map sera détaillée, mieux elle sera.
Donc nous avons la base de notre chipset, il nous reste plus qu'a texturer les éléments.

On ouvre Photoshop.

On ouvre le chipset que l'on vient de crée.
A l'aide de l'outil baguette magique, ainsi que la touche Shift, vous sélectionnerez un élément de votre chipset.

Une fois sélectionnez, faite clic droit ; Calque par couper, afin d'isoler l'élément (ici j'ai prit la table).




Cochez aussi la case ; verrouiller les pixels transparents, afin de pouvoir colorier, sans affecter d'autres éléments que

celui la.




Ensuite, colorier entièrement votre table avec la couleur de votre choix, prenez par exemple un marron bois.



Une fois la table colorier, on va pouvoir commencer le texturage.
La technique est très simple, on n'utilise quasiment qu'un seul l'outil ;
l'outil Densité Linéaire.

Le but sera de donner une texture à notre élément. Par exemple,du bois pour la table. Le mieux est de s'inspirer de décors tiré de jeu professionnel, ou d'élément de votre entourage.

Donc, sélectionnez l'outil densité linéaire, opacité entre 20 et 30.



Puis, utiliser l'outil sur la table. Faites quelques clics par accoues, afin d'accentuer l'effet de texture.



Continuer ainsi, afin que la texture soit la plus réaliste possible.





Ensuite, faites quelques clics comme précédemment, mais en laissant appuyé la touche alt, ça aura pour effet d'éclaircir la couleur actuel, a l'inverse de tout à l'heure.
De ce fait, la table a bien l'impression d'être en bois



Cependant, ce n'est pas finit, notre table ressemble bien à une table, mais elle est aussi plate que la poitrine de Sarah

Michelle Gellar (malheuresement... :/ )

Ne vous inquiétez pas, elle le restera pas longtemps (la table...)

Sélectionnez la partie de la table à obscurcir, en l'occurrence, un bords, plus, le bas avec les pieds

Reprennez notre fameux outil densité linéaire, en taille 10, cette fois-ci, et passez sur votre table avec, afin
d'obscurcir les bords.
Repassez l'outil en taille 1, maintenez enfoncé la touche alt, et tracez une ligne entre la couleur sombre, et celle de base, afin de marquer la lumière :



Ah, c'est tout de même mieux ! Si seulement sa pouvais marcher aussi facilement avec Sarah mich... heu je m'égare la ^^"

Voilà, regardons le résultat de plus près :


Pas de doute, on reconnais bien la une table

Voila, vous connaissez maintenant le fameux secret de la texturisation !
N'hésitez pas à vous entrainer sur différents éléments.

Attention cependant, les textures que l'on a appliqué sur la table ne sera pas la même qu'on appliquera sur une fenêtre par

exemple.
La plus parts du temps, c'est la même technique, mais il y a des variantes.

Retenez juste qu'il faut que la texture concorde avec l'objet.

Utilisez la même technique pour les autres éléments en bois





Maintenant, essayez les escaliers.

Toujours la même technique au départ, j'isole l'élément sur un calque a part, en n'oubliant pas de cocher la case ;

verrouiller les pixels transparents.

On reprends notre outil favori, et, on peut commencer à crée notre texture !




La technique est très similaire. Le tout est de donner l'impression que notre escalier est fait de pierre.

Encore une fois, je vous incites à observer des décors de jeux, même de vous en inspirer, afin d'avoir l'œil.



Continuez sur cette voie, et attaques le parquet.
C'est très simple, la technique est la même que pour la table.



Puis notre mur, même technique que pour la table et le parquet



Une petite armoire



Maintenant, voyons voir pour le lit.

Ce coup-ci, on ne va pas isoler nos éléments à parts, mais directement texturer dessus.
Utiliser l'outil baguette magique, pour pas dépasser



Encore du bois, vous savez comment on fait maintenant ? :p



On place la lumière :



Ensuite le coussin et le draps



Puis le reste du lit.
Il faut donner l'impression de pli.
Faites des tracés verticaux, puis obscurcissez le bas, afin de donner du relief.



Maintenant, nous allons attaquer le carrelage. La technique sera de donner l'impression de dalle, avec l'outil densité

linéaire.

Faites des carrés, en obscurcissant un peu plus les bords, comme ceci :



On continues

Puis faites quelques reflets de lumières


Maintenant, le tapis.
On va utiliser l'outil pinceau, de couleur jaune, et dessiner une sorte de motif, sur le contour de ce dernier.



Puis, a nouveau, on va texturiser.



Voilà, notre chipset est crée !



Ils restent des éléments non texturer, mais il nous seront pas utile pour la suite
(cependant, vous pouvez vous entrainer a le faire vous même)

Importons tout ça dans Rpg Maker !

...

Hop hop hop !!
Vous avez pas oubliez un truc ?
Rpg Maker 2003 ne gère que 256 couleurs maximum, or la, nous en avons un bon paquet ^^"

"Pendons le, ils nous a fait faire toutes ses étapes pour rien !"

Non non attendez :/
Il existe une solution, pour que la perte de couleur soit minime.

Toujours dans photoshop, cliquez sur fichier > Exportation pour le web



Puis, sélectionnez PNG, et 256 couleurs.
Faites enregistrer, et voilà, votre fichier est prêt à être importer !

Une fois le fichier importer, crée votre map avec votre chipset, afin de voir si le résultat est convaincant.



Oui, y'a un petit truc qui va pas :p
Notre armoire est un chouya trop grande :p

Que faire ?
Pour ma part, j'ai décider de crée une auberge, donc, je vais remplacer notre armoire géante, par un meuble, ou l'aubergiste
rangera les clefs des chambres des clients :



Voilà, ça a l'air bon maintenant.
On va donner un coup de Toshop par ci par la, afin d'obtenir un résultat meilleur.

Et hop ! Voilà le résultat final :




Voilà, l'art de crée soit même ses graphismes n'a plus de secret pour vous !
Toute fois, sachez que plus vous vous entrainerez, plus vous progresserez.
Personne n'a réussit du premier coup, même Nonor :p

N'hésitez pas à poster vos œuvres ici même, que je vous donnes conseils

@ bientôt pour d'autres tutoriels !

D'autres tutoriels seront dispo sur mon site web Rpg Maker

Absolue, n'hésitez
pas à y faire un tour de temps à autres

bof, pas terrible le tuto. (XD!!)

je rigole! non d'un lol!
si je fais un projet toshop et que je veux faire du custom, je me pencherais sur ce topic super détaillé visiblement

féllation a toi!

Bah merci, content que ça plaise, j'ai passez un petit moment dessus, effectivement :p

si je fais un projet toshop

XD

C'est énorme !!

Merci beaucoup ! :shock

Ca pourra sûrement servir pour des personnes souhaitant faire comme toi !

Tu aurais peut être du partager ton tuto en parties avec des titres accrocheurs et bien différents pour que ce soit plu attractif et plus simple à se reperer, par contre.

Merci ^^
Ouais cette fois-çi, je voulais vraiment mettre le paquet, en détaillant tout comme il faut.

Tu aurais peut être du partager ton tuto en parties avec des titres accrocheurs et bien différents pour que ce soit plu attractif et plus simple à se reperer, par contre.

Ouais, je comptais le faire, m'enfin j'ai galérer pendant plus de 5 heures à héberger, et avoir un poste correcte ( mon open office a buggé <_<)

Je ferait une version plus belle, surement demain

Sinon, le tuto s'adresse pas forcément a ceux qui veulent se lancer dans la création de graphismes customs.
Il y a quelques techniques utile, comme l'exportation pour le web, que peu de gens connaissent.
Et puis c'est toujours sympa de connaitre différentes techniques (bien que celle-ci soit pas la meilleur)

Citation :

Ouais, je comptais le faire, m'enfin j'ai galérer pendant plus de 5 heures à héberger, et avoir un poste correcte ( mon open office a buggé <_<)

5 min sur photobucket.

C'est pas l'hébergeur qui a prit le plus de temps, mais les soucis que j'ai eu avec le format, le poids, open office, etc...

bravos ! j'ai lus le tuto et .........je ne vais jamais m'en servir (je reste fidel a paint )


en tout cas bravos !!! on arrive a des choses corrects vachement vite

Tain j'avais pas vu ce topic!! Génial ce tuto

Merci Falco, moi je m'en servirait sûrement

Très bon tuto.

Mais malheureusement, tout le monde n'a pas photoshop.
Pour ma part,n'ayant pas photoshop (charamaker 99 power ! ) et le rendu ne correspondant pas a mon style graphique (très coloré, ombré avec 4 couleurs maximum ^^ ), bien que le rendu soit superbe, je n'utiliserais pas ton tuto

Donc un très bon tuto pour les utilisateurs de photoshop offrant de très bons graphismes en très peu de temps

Pareil que pour Coco, j'utilise Charamaker 99 :p.
Et je pourrais jamais m'en detacher même si il est lourd parfois :p. Dis Coco, c'est quoi ton secret pour faire du beau custom avec CharaMaker xD.