~ S'évader de la banalité... Et entrer dans l'imaginaire ! ~
 
AccueilGuelnika, le site de E-m !ChatS'enregistrerConnexion

Partagez
 

 Petit tuto sur la pixélisation

Aller en bas 
AuteurMessage
kilam1110
Maker de Légende Lv 50
Maker de Légende Lv 50
kilam1110

Nombre de messages : 4021
Age : 24

Petit tuto sur la pixélisation Empty
MessageSujet: Petit tuto sur la pixélisation   Petit tuto sur la pixélisation Icon_minitimeDim 10 Mai 2009, 11:15

Petit tuto sur la pixélisation (par kilam1110)

Bonjour Very Happy
Etant nul en pixélisation/ajout d'ombres, je viens de trouver une petite méthode très simple pour pixéliser vos chipsets et charsets.
Evidemment vous pouvez utiliser l'outil pixélisation de photophiltre par exemple, mais mon tuto sert surtout à pixéliser un image avec PAINT (Je suis fan de paint^^ ). Et puis l'outil pixélisation je le trouve pas terrible, enfin c'est mon avis Wink
C'est donc très simple, et ça vous fera gagner du temps.
C'est parti ! Wink
Nous allons prendre l'exemple d'un escalier. Pourquoi un escalier ? Parce que j'ai envie ! :diable:
Alors d'abord, dessinez un escalier avec 2 nuances de gris comme ceci :
Petit tuto sur la pixélisation Escalier1png014714
Pas très joli, hein ?
On va l'embellire un petit peu cactus smile
Voilà maintenant l'astuce de la pixélisation : Certain mettent des pixels un peu au pif, pour un résultat pas très convaincant. Alors qu'avec cette technique, vous allez voir que c'est plus régulier.
On commence par les parties gris claires :
Petit tuto sur la pixélisation Escalier2png026881
Analysons:
Ce que j'ai fait ? J'ai simplement ajouté des pixels DE LA NUANCE DU DESSUS, en damiers.
Donc comme ici nous avons un gris clair et un gris foncé, on met le foncé sur le clair, en damiers.
Vous faites donc : 1 pixel foncé, on laisse un pixel clair, 1 pixel foncé etc...
Maintenant pour le gris foncé :
Comme dans cet escalier il n'y a pas de nuance au dessus du gris foncé, on prend du noir ou du gris encore plus foncé.
Ca donne ça :
Petit tuto sur la pixélisation Escalier3png080299
Voilà l'astuce !
Avant: Petit tuto sur la pixélisation Escalier1png014714
Après: Petit tuto sur la pixélisation Escalier3png080299

Il y'a quand même une sacrée différence, n'est-ce pas ?
Encore une petite astuce:
Pour gagner encore plus de temps, faites quelques lignes de damiers puis copiez/collez-les.

Donc, c'était la technique de base. Mais on peut encore l'améliorer en rajoutant encore plus de nuances, un petit exemple :
Petit tuto sur la pixélisation Escalier4png013358
Exemple avec une table :
Petit tuto sur la pixélisation Table5png036390
(Ici la technique à aussi servi à faire l'ombre sous la table)
Attention : Veillez à ne pas faire des pixels trop petits, car ça ne donne pas du tout l'esprit recherché. Adaptez donc vos "pixels" à la taille de votre image^^
Et voilà !
Vous avez vu que c'est un tout petit tuto (un tutonounet jv.com :noel: ), mais j'éspère qu'il vous sera utile Wink

Bye ! hello
Edit: Je viens de voir que les images étaient trop petites, pour bien les voir enregistrez-les et zoomez sous "l'aperçu des images et télécopies windows"

____________
Falco Fan...
Spoiler:
 


Petit tuto sur la pixélisation Chaine-e-magination-09
Revenir en haut Aller en bas
http://new-rpgmaker.superforum.fr/
AristA
Maker qui quitte vraiment E-m Lv 60
Maker qui quitte vraiment E-m Lv 60
AristA

Nombre de messages : 10951
Age : 22

Petit tuto sur la pixélisation Empty
MessageSujet: Re: Petit tuto sur la pixélisation   Petit tuto sur la pixélisation Icon_minitimeSam 16 Mai 2009, 21:12

Même si mon style s'approche du premier truc (2 couleurs) ta technique est pas mal aussi Wink
Mais un conseil : met directement tes images en x2, et même x3.
Revenir en haut Aller en bas
http://arista.lescigales.org
coco
Dieu Maker Lv 44
Dieu Maker Lv 44
coco

Nombre de messages : 2989
Age : 25

Petit tuto sur la pixélisation Empty
MessageSujet: Re: Petit tuto sur la pixélisation   Petit tuto sur la pixélisation Icon_minitimeDim 17 Mai 2009, 10:26

C'est sur que ça va vite, mais le résultat n'est pas très convaincant Wink


Les ombres, ne sont pas une histoire de pixel réguliers, il faut réfléchir, suivant la forme de l'objet et la provenance de la lumière. Le problème n'est pas les ombres mais plutot la manière dont tu as colorié la table : il ne faut pas tout colorié de façon uniforme Very Happy

Exemple de colorisation pourraves :
Petit tuto sur la pixélisation Mini_656060explication_1
Petit tuto sur la pixélisation Mini_602706explication_2
Je sais bien que c'est exagéré, mais c'est pour comprendre Nerdococo

Maintenant ton escalier avec des techniques simples, mais réalistes :
Petit tuto sur la pixélisation Mini_220595explication_3
Le résultat n'est pas super, mais on ne fait jamais un escalier tout gris sans bords Very Happy

____________
Petit tuto sur la pixélisation Lol-2c9de1b844
Revenir en haut Aller en bas
AristA
Maker qui quitte vraiment E-m Lv 60
Maker qui quitte vraiment E-m Lv 60
AristA

Nombre de messages : 10951
Age : 22

Petit tuto sur la pixélisation Empty
MessageSujet: Re: Petit tuto sur la pixélisation   Petit tuto sur la pixélisation Icon_minitimeDim 17 Mai 2009, 12:57

Le style qu'il nous montre est un style GBC, ou il y a peu de couleur et qu'il faut faire pas mal de dégradés, ce qui rend assez joli je l'avoue.

L'escalier de coco il est trop beau =D (ou comment résumer les graphismes de Gii en un escalier)
Revenir en haut Aller en bas
http://arista.lescigales.org
Contenu sponsorisé




Petit tuto sur la pixélisation Empty
MessageSujet: Re: Petit tuto sur la pixélisation   Petit tuto sur la pixélisation Icon_minitime

Revenir en haut Aller en bas
 
Petit tuto sur la pixélisation
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
E-magination :: ~ Forums d'enrichissement ~ :: Apprentissage et partage-
Sauter vers: