AccueilAccueil  PortailPortail  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  




Partagez | 
 

 [VX] [Px-Art] [Débutant] Créer des Windowskins basique sans générateur

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Voyageur Lv.10
Voyageur Lv.10
avatar


Masculin Age : 20
Inscrit le : 08/05/2010
Messages : 381

MessageSujet: [VX] [Px-Art] [Débutant] Créer des Windowskins basique sans générateur   Dim 17 Fév 2013 - 10:26

Salut !
Je sais pas pour vous mais moi je n'arrive pas à télécharger le générateur de windowskin Embarassed
J'ai donc pris mon courage à deux mains et je me suis lancé dans le pixel art de windowkins.
Je me suis rendu compte que c'était très simple.
Pour ce tuto, qui est réalisable avec à peu près tout les log de graphisme, j'ai utilisé Paint.Net qui est gratuit, simple d'utilisation et qui possède pas mal de fonctions.
Bref, passons au tuto, il sera divisé en trois parties :
1/ Analyse du windowskin.
2/ Windowkin à couleur unie + dégradé.
3/ Rendu final

1/ Analyse du windowskin


HS : Désolé pour le bug de transparence.

Voici à quoi correspond chaque partie :
Les partie A et B sont les parties les plus importantes, la partie A représente le fond de votre window, et la partie B le contour de la window.
La partie C sert à ajouter un effet supplémentaire à la window. La partie D sert à ajouter un effet tout comme C mais aux choix, par exemple, si vous remplissez la case D en noire, le fond de la window pour vos choix en jeu apparaitra en noir.
La partie E représente les flèches. La partie F représente les couleurs que vous pouvez intégrer aux messages de vos windowwkins.

Dans ce tuto, on ne s'occupera que de la partie A, B et E.

2/ Windowkin à couleur unie + dégradé

Passons maintenant à la pratique, sortez votre windowkin de base de rpg maker et ouvrez le avec votre logiciel de graphisme.
On va commencer par modifier la partie A. Vous remarquerez que le bleu du haut de la window est plus clair que celui de bas de la window.
On va donc nous aussi faire un dégradé.
Pour cet exemple, j'ai pris du jaune.
J'ai mis le Vert et le Rouge à 255 et j'ai mis le Bleu à 150.
Ensuite vous prenez l'outil pot de peinture que vous réglerez à environ 10% et vous remplissez la partie A ligne par ligne en baissant le bleu de 6 par ligne.

(Cliquez pour agrandir)

Note : Faite bien attention à bien régler la tolérance et à garder le même écart entre chaque ligne (dans mon cas c'est -6 bleu)

Ce résultat est peut-être difficilement perceptible à l'oeil nu mais vous verrez que le rendu in-game en vaut le coup Smile


Prenons maintenant la partie B. Remplissez le contour de la window avec la couleur de votre choix (je vous conseille de prendre la même que celle de la partie A mais en plus foncé, vous pouvez régler facilement la luminosité de votre couleur avec le V dans la partie TSV pour Paint.Net)
Maintenant, pour ne pas que le contour de votre window paraisse fade, je vous conseille de foncé un peu le contour du contour de la window.


Vous pouvez aussi modifier la partie E de la même manière que la partie B.
Si vous modifiez la partie E, sachez que chaque flèche correspond à une frame, vous pouvez donc vous servir de cela pour faire des effets de lumière par exemple Smile

3/ Rendu final

Voici le rendu in game (je n'ai pas modifier la partie E) :


(Cliquez pour agrandir)

On voit bien l'effet de lumière en haut de la window et le bord du contour de la window qui est un peu plus sombre que le reste.

Voilà c'est tout pour aujourd'hui ^ ^
J'espère avoir bien expliqué xD
Je ferai un tuto plus avancé pour ajouter des effets, modifier les couleurs etc...

A la prochaine Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Modérateur
Modérateur
avatar


Masculin Age : 22
Inscrit le : 20/09/2010
Messages : 4421

MessageSujet: Re: [VX] [Px-Art] [Débutant] Créer des Windowskins basique sans générateur   Mer 20 Fév 2013 - 18:05

Désolé de pas avoir vu ce tutoriel plus tôt, j'avais pas reçu de refresh dans cette partie.
Merci pour cette technique très détaillée et abordable par tous. Je te rajoutes +10 en Professeur et je déplace ça x)

_________________


Can you dig it sucker ?


Mon projet actuel :

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Voyageur Lv.10
Voyageur Lv.10
avatar


Masculin Age : 20
Inscrit le : 08/05/2010
Messages : 381

MessageSujet: Re: [VX] [Px-Art] [Débutant] Créer des Windowskins basique sans générateur   Mer 20 Fév 2013 - 18:28

Merci beaucoup ! Smile

_________________
Mon projet : Infernus
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Voyageur Lv.10
Voyageur Lv.10
avatar


Masculin Age : 22
Inscrit le : 30/12/2012
Messages : 390

MessageSujet: Re: [VX] [Px-Art] [Débutant] Créer des Windowskins basique sans générateur   Mer 20 Fév 2013 - 18:41

J'ai bien apprécié le tutoriel, dommage que j'ai finit par trouver une windowskin sur le net entre temps ^^, mais ça pourra toujours me servir si j'utilise le script de multi-windowskin.

PS: T'es en forme Viper-Rko aujoud'hui, un tutoriel validé et un test validé en 30 secondes, GG Wink

_________________
Mes projets :
*Unacren -> Topic * Etat: Version 1.2 Dispo * Notes: Anciennement "Le Dernier Voyage".
*LAO : L'Aventure Ordicienne -> Topic   *             Etat: Jeu complet !  *  Notes: Possibilité d'une future version "Extended" plus longue si vous aimez bien.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Modérateur
Modérateur
avatar


Masculin Age : 22
Inscrit le : 20/09/2010
Messages : 4421

MessageSujet: Re: [VX] [Px-Art] [Débutant] Créer des Windowskins basique sans générateur   Mer 20 Fév 2013 - 18:42

Nan mais le test, j'avais prévu de le valider plus tôt, puis j'ai été pris par le temps et j'y ai repensé que maintenant x)

_________________


Can you dig it sucker ?


Mon projet actuel :

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: [VX] [Px-Art] [Débutant] Créer des Windowskins basique sans générateur   

Revenir en haut Aller en bas
 

[VX] [Px-Art] [Débutant] Créer des Windowskins basique sans générateur

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Kate Moss - Photofiltre débutant
» Un site pour débutant en psp
» Plein de questions d'un débutant enthousiaste
» Mon cours Photofiltre Studio Débutant
» Quel accordéon pour un débutant... aimant blues et jazz

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
RPG Maker VX :: Entraide :: Tutoriels :: Tutoriels VX :: Tutoriels de Graphisme ( RmVx )-
Créer un forum | © phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit