Accueil du SiteAccueil du Site  AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  ConnexionConnexion  S'enregistrerS'enregistrer  



-50%
Le deal à ne pas rater :
[Adhérents Fnac] -50% Casque Pro Gaming HyperX Cloud Alpha Noire et ...
49.99 € 99.99 €
Voir le deal

Partagez
 

 :: Astuce :: Faire un Cel-Shading rapidement.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Littleflora
Ninja (niveau 4)
Ninja (niveau 4)
Littleflora

Féminin
Messages postés : 202
Date d'inscription : 17/04/2013
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 891527140038 / 10038 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400

:: Astuce :: Faire un Cel-Shading rapidement. Graphi10
:: Astuce :: Faire un Cel-Shading rapidement. Padago10
:: Astuce :: Faire un Cel-Shading rapidement. Dessin10


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyJeu 8 Aoû 2013 - 20:49





Premièrement qu'est-ce qu'un Cel-shading ? pour faire simple, c'est un contour. On les retrouve dans les jeux vidéo du type 2 d-3 d.
il sert généralement à faire un style et de faire ressortir le chara/objet par rapport au reste !

ici je vais vous montrer une méthode simple pour faire un Cel-Shading sur des charas, ou sur des images sans prendre trop de temps dessus, à gagner du temps donc !

Je vais prendre ce pixel art, je l'ai fait grand exprès car tout se joue sur un petit redimensionnement ! donc pensée à agrandir un peu votre pixel/dessin de base et bien mémoriser la taille qui faisait avant.
Spoiler:

Et je vais le teinter le fond de la couleur voulu pour le cel-shading. Faites très attention que les couleurs de vos contours de base ne sois pas exactement de la même nuance que le fond !
Faite le sur Paint, comme ça il y a aucun risque, enregistré en Png.
et passé alors sous pain tool Sai. ( je ne sais pas si cette méthode marche sur les autres logiciels, étant donné que mon paint tool Sai se met à faire la gueule quand démarre Photoshop, qui nécessite un reboot du PC... mais normalement il n'y a pas de raison. ) une fois sur Sai, où un autre logiciel qui permet de redimensionner votre image, réduise le à la taille voulue
il n'y a pas besoin de grand redimensionnement, même le plus petit fonctionnera comme le plus gros.

Spoiler:

une fois fait repassé sur paint !, un petit pot de peinture sur le fond est nécessaire : 3.

Spoiler:

et voilà ! le plus gros est fait ! reste juste à corriger quelques éventuelles petites imprécisions! ou alors s'amuser faire des pointes part ci part là et on n'a pas mis des heures à le faire : 3.

Spoiler:

Après ça donne un effet moins pixel brute, Jaime plutôt bien, ça passe mieux dans un décor fait au dessin par exemple ! ça après si vous n'aimez pas tellement alors vous devriez éviter cette technique. :3

Revenir en haut Aller en bas
lidenvice
Ancien staffeux
Ancien staffeux
lidenvice

Masculin
Messages postés : 1955
Date d'inscription : 18/10/2011
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 891527140068 / 10068 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400

:: Astuce :: Faire un Cel-Shading rapidement. Membre10
:: Astuce :: Faire un Cel-Shading rapidement. Doyen10
:: Astuce :: Faire un Cel-Shading rapidement. Travai10
:: Astuce :: Faire un Cel-Shading rapidement. Membre15
:: Astuce :: Faire un Cel-Shading rapidement. Altrui10
:: Astuce :: Faire un Cel-Shading rapidement. Padago10
:: Astuce :: Faire un Cel-Shading rapidement. Scanar10
:: Astuce :: Faire un Cel-Shading rapidement. Mappeu10
:: Astuce :: Faire un Cel-Shading rapidement. Event-10
:: Astuce :: Faire un Cel-Shading rapidement. Maker_10
:: Astuce :: Faire un Cel-Shading rapidement. Projet16
:: Astuce :: Faire un Cel-Shading rapidement. Mythe_10
:: Astuce :: Faire un Cel-Shading rapidement. Riche_10
:: Astuce :: Faire un Cel-Shading rapidement. Collec10
:: Astuce :: Faire un Cel-Shading rapidement. Collec11
:: Astuce :: Faire un Cel-Shading rapidement. Collec12
:: Astuce :: Faire un Cel-Shading rapidement. Collec13
:: Astuce :: Faire un Cel-Shading rapidement. Antino10
:: Astuce :: Faire un Cel-Shading rapidement. Serial10


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyJeu 8 Aoû 2013 - 21:10

Merci pour ce partage je te met les points.
Revenir en haut Aller en bas
Elekami
Fondateur
Fondateur
Elekami

Masculin
Messages postés : 19071
Date d'inscription : 19/07/2008
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 8915271400100 / 100100 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400

:: Astuce :: Faire un Cel-Shading rapidement. Pater_10
:: Astuce :: Faire un Cel-Shading rapidement. Staffe10
:: Astuce :: Faire un Cel-Shading rapidement. Mythe_10
:: Astuce :: Faire un Cel-Shading rapidement. Membre11
:: Astuce :: Faire un Cel-Shading rapidement. Doyen10
:: Astuce :: Faire un Cel-Shading rapidement. Scanar10
:: Astuce :: Faire un Cel-Shading rapidement. Compos10
:: Astuce :: Faire un Cel-Shading rapidement. Testeu10
:: Astuce :: Faire un Cel-Shading rapidement. Membre15
:: Astuce :: Faire un Cel-Shading rapidement. Partag10
:: Astuce :: Faire un Cel-Shading rapidement. Projet10
:: Astuce :: Faire un Cel-Shading rapidement. Projet16
:: Astuce :: Faire un Cel-Shading rapidement. Riche_10
:: Astuce :: Faire un Cel-Shading rapidement. Travai10
:: Astuce :: Faire un Cel-Shading rapidement. Collec10
:: Astuce :: Faire un Cel-Shading rapidement. Collec11
:: Astuce :: Faire un Cel-Shading rapidement. Collec12
:: Astuce :: Faire un Cel-Shading rapidement. Collec13
:: Astuce :: Faire un Cel-Shading rapidement. Connar10


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyJeu 8 Aoû 2013 - 21:34

Grâce à Littleflora, on va pouvoir faire des Jet Set Radio à la pelle.
Revenir en haut Aller en bas
https://www.ledijonshow.fr https://twitter.com/EleKoptes
Zexion
Administrateur
Administrateur
Zexion

Masculin
Messages postés : 6228
Date d'inscription : 04/01/2012
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 891527140097 / 10097 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400

:: Astuce :: Faire un Cel-Shading rapidement. Membre15
:: Astuce :: Faire un Cel-Shading rapidement. Event-10
:: Astuce :: Faire un Cel-Shading rapidement. Altrui10
:: Astuce :: Faire un Cel-Shading rapidement. Action10
:: Astuce :: Faire un Cel-Shading rapidement. Travai10
:: Astuce :: Faire un Cel-Shading rapidement. Collec10
:: Astuce :: Faire un Cel-Shading rapidement. Collec11
:: Astuce :: Faire un Cel-Shading rapidement. Collec12
:: Astuce :: Faire un Cel-Shading rapidement. Staffe11
:: Astuce :: Faire un Cel-Shading rapidement. Dessin10


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyJeu 8 Aoû 2013 - 21:39

Pourquoi ne pas simplement utiliser l'option "contour" de Photoshop ? o_o
Non seulement tu gagnes du temps, mais les contours noir ne seraient pas aliasés.
Ça éviterait aussi un redimensionnement "flouté" qui détruit complètement la qualité du pixel-art.
Revenir en haut Aller en bas
Littleflora
Ninja (niveau 4)
Ninja (niveau 4)
Littleflora

Féminin
Messages postés : 202
Date d'inscription : 17/04/2013
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 891527140038 / 10038 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400

:: Astuce :: Faire un Cel-Shading rapidement. Graphi10
:: Astuce :: Faire un Cel-Shading rapidement. Padago10
:: Astuce :: Faire un Cel-Shading rapidement. Dessin10


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyJeu 8 Aoû 2013 - 21:47

"Jet Set Radio à la pelle."
C'est a dire ? oO

Zexion  : je trouve pas que ca détruit tant que ca o_o. Apres oui on peut faire comme ca je n'y avais jamais pensé :3.
Dison que ca fera une technique Hors photoshop dans ce cas !
Revenir en haut Aller en bas
Zexion
Administrateur
Administrateur
Zexion

Masculin
Messages postés : 6228
Date d'inscription : 04/01/2012
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 891527140097 / 10097 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400

:: Astuce :: Faire un Cel-Shading rapidement. Membre15
:: Astuce :: Faire un Cel-Shading rapidement. Event-10
:: Astuce :: Faire un Cel-Shading rapidement. Altrui10
:: Astuce :: Faire un Cel-Shading rapidement. Action10
:: Astuce :: Faire un Cel-Shading rapidement. Travai10
:: Astuce :: Faire un Cel-Shading rapidement. Collec10
:: Astuce :: Faire un Cel-Shading rapidement. Collec11
:: Astuce :: Faire un Cel-Shading rapidement. Collec12
:: Astuce :: Faire un Cel-Shading rapidement. Staffe11
:: Astuce :: Faire un Cel-Shading rapidement. Dessin10


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyJeu 8 Aoû 2013 - 21:53

Littleflora a écrit:
Zexion  : je trouve pas que ca détruit tant que ca o_o.
En fait le redimensionnement floute la totalité de l'image, pas seulement les contours.
Donc l'intérieur est flouté également et les couleurs de la palette d'origine sont perdues.
Revenir en haut Aller en bas
Littleflora
Ninja (niveau 4)
Ninja (niveau 4)
Littleflora

Féminin
Messages postés : 202
Date d'inscription : 17/04/2013
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 891527140038 / 10038 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400

:: Astuce :: Faire un Cel-Shading rapidement. Graphi10
:: Astuce :: Faire un Cel-Shading rapidement. Padago10
:: Astuce :: Faire un Cel-Shading rapidement. Dessin10


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyJeu 8 Aoû 2013 - 21:55

justement, ca donne un coté adoucie, si la redimension n'est pas trop grande =x je trouve pas ca degueulasse, m'enfin c'est sur que c'est a evité si on ne veux pas un resultat du genre !
Revenir en haut Aller en bas
Elekami
Fondateur
Fondateur
Elekami

Masculin
Messages postés : 19071
Date d'inscription : 19/07/2008
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 8915271400100 / 100100 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400

:: Astuce :: Faire un Cel-Shading rapidement. Pater_10
:: Astuce :: Faire un Cel-Shading rapidement. Staffe10
:: Astuce :: Faire un Cel-Shading rapidement. Mythe_10
:: Astuce :: Faire un Cel-Shading rapidement. Membre11
:: Astuce :: Faire un Cel-Shading rapidement. Doyen10
:: Astuce :: Faire un Cel-Shading rapidement. Scanar10
:: Astuce :: Faire un Cel-Shading rapidement. Compos10
:: Astuce :: Faire un Cel-Shading rapidement. Testeu10
:: Astuce :: Faire un Cel-Shading rapidement. Membre15
:: Astuce :: Faire un Cel-Shading rapidement. Partag10
:: Astuce :: Faire un Cel-Shading rapidement. Projet10
:: Astuce :: Faire un Cel-Shading rapidement. Projet16
:: Astuce :: Faire un Cel-Shading rapidement. Riche_10
:: Astuce :: Faire un Cel-Shading rapidement. Travai10
:: Astuce :: Faire un Cel-Shading rapidement. Collec10
:: Astuce :: Faire un Cel-Shading rapidement. Collec11
:: Astuce :: Faire un Cel-Shading rapidement. Collec12
:: Astuce :: Faire un Cel-Shading rapidement. Collec13
:: Astuce :: Faire un Cel-Shading rapidement. Connar10


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyJeu 8 Aoû 2013 - 21:59

C'est une référence, Jet Set Radio (sur Dreamcast) est le premier jeu vidéo à avoir utilisé le type de graphisme en cel-shading !
Revenir en haut Aller en bas
https://www.ledijonshow.fr https://twitter.com/EleKoptes
Littleflora
Ninja (niveau 4)
Ninja (niveau 4)
Littleflora

Féminin
Messages postés : 202
Date d'inscription : 17/04/2013
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 891527140038 / 10038 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400

:: Astuce :: Faire un Cel-Shading rapidement. Graphi10
:: Astuce :: Faire un Cel-Shading rapidement. Padago10
:: Astuce :: Faire un Cel-Shading rapidement. Dessin10


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyJeu 8 Aoû 2013 - 22:07

ahw ! je vois :3 Beh maintenant on peut aussi le faire plus proprement avec la technique de Zexion. :3

What else ? **
Revenir en haut Aller en bas
Zexion
Administrateur
Administrateur
Zexion

Masculin
Messages postés : 6228
Date d'inscription : 04/01/2012
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 891527140097 / 10097 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400

:: Astuce :: Faire un Cel-Shading rapidement. Membre15
:: Astuce :: Faire un Cel-Shading rapidement. Event-10
:: Astuce :: Faire un Cel-Shading rapidement. Altrui10
:: Astuce :: Faire un Cel-Shading rapidement. Action10
:: Astuce :: Faire un Cel-Shading rapidement. Travai10
:: Astuce :: Faire un Cel-Shading rapidement. Collec10
:: Astuce :: Faire un Cel-Shading rapidement. Collec11
:: Astuce :: Faire un Cel-Shading rapidement. Collec12
:: Astuce :: Faire un Cel-Shading rapidement. Staffe11
:: Astuce :: Faire un Cel-Shading rapidement. Dessin10


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyJeu 8 Aoû 2013 - 22:09

En tout cas, merci pour ce tutoriel. Wink
Revenir en haut Aller en bas
Seri
Mage (niveau 3)
Mage (niveau 3)
Seri

Masculin
Messages postés : 303
Date d'inscription : 04/12/2012
Jauge LPC :
:: Astuce :: Faire un Cel-Shading rapidement. 891527140025 / 10025 / 100:: Astuce :: Faire un Cel-Shading rapidement. 8915271400


:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. EmptyVen 9 Aoû 2013 - 19:59

A noter que la technique Photoshop est aussi réalisable sur Gimp (via un tracé de la sélection). Au cas où quelqu'un se demanderait Razz

~Seri
Revenir en haut Aller en bas
Contenu sponsorisé




:: Astuce :: Faire un Cel-Shading rapidement. Empty
MessageSujet: Re: :: Astuce :: Faire un Cel-Shading rapidement.   :: Astuce :: Faire un Cel-Shading rapidement. Empty

Revenir en haut Aller en bas
 
:: Astuce :: Faire un Cel-Shading rapidement.
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Astuce Kaduki
» [Astuce] Réaliser des effets d'ombres
» Astuce dépasser la limite des 999 Maps XP
» [Colorisation].:Technique de colorisation & Astuce Line-Art:
» Tutoriel ~ Faire Une Recolorisation

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le Palais Créatif :: ~ APPRENTISSAGE ~ :: Initiation :: Graphisme-
Sauter vers: