Paru le jeudi 29 juillet 2004
Le style Sonic Adventure
Beaucoup me l’on demandé et ont désiré apprendre à colorier dans ce style. Aujourd’hui vous pourrez enfin apprendre grâce à ce petit tuto qui exploite une de mes méthodes pour ce style de colorisation.
Inutile de vous préciser qu’un minimum de connaissances avec Photoshop 7.0 est nécessaire...
Ce tutoriel est issu de mon apprentissage personnel sur Photoshop 7.0
En effet, ce logiciel vous est indispensable pour pouvoir utiliser mon tuto.
Je l’ai créée l’an dernier et aujourd’hui je souhaite encore une fois vous faire partager ce que j’ai appris.
Ce n’est pas une méthode trop compliquée mais pas trop simple non plus. Il faut surtout roder la machine et après ça ira très vite, une fois que vous aurez l’habitude.
Autre précision : Il vous faut au minimum savoir ouvrir Photoshop et le paramétrer avant de débuter mais j’ai tenté de simplifier au maximum. Vous ne devriez pas avoir trop de mal.
En bref
Il existe bien un tutoriel un peu plus "officiel" qui permet également de coloriser à la Sonic Adventure. Themie, la personne qui l’a réalisé, arrive à un résultat pratiquement identique par rapport aux originaux, mais là, cela ne relève pas seulement du style de colorisation, mais également de la qualité du dessin de base (esquisse), de la pose, et du style des contours, qui y font beaucoup.
J’aurais très bien pu poster l’excellent travail de Themie plutôt que le mien mais bon... Je pense qu’un travail propre à PSo est plus honorable qu’un simple pillage de boulot... Surtout que j’ai créée ce tuto avant de trouver le sien, donc il n’y a absolument pas plagiat... Bref.
A vos logiciels !
TUTORIAL POUR PHOTOSHOP 7.0 réalisé par CYBEROMER.
Le but de ce petit tutoriel n’est pas de vous apprendre à dessiner ou encore à colorier…
Ce sont des notions que vous devez avoir acquises vous-mêmes avant de vous attaquer à ce tutoriel. Je pense qu’il est indispensable de savoir un minimum dessiner sur papier avant de se servir de Photoshop 7.0 comme logiciel de dessin.
Photoshop 7.0, que j’ai découvert il y a un mois de cela, n’est pas trop compliqué si l’on s’intéresse vraiment au logiciel, et si l’on a la volonté d’apprendre à s’en servir.
J’ai eu la chance de comprendre quelques notions assez vite. Je tiens à les faire partager avec ceux qui ne comprenne pas la méthode de colorisation Sonic Adventure.
Je ne connais pas toutes les fonctions du logiciel et je suis loin de les connaître…
Je vais donc vous expliquer ma méthode personnelle pour vectoriser à la Sonic Team, qui permet d’obtenir des résultats, tels que la fiche de Tigana la Tigresse ou encore Baran le Rhino, faits entièrement sur Photoshop.
Ce tutoriel s’adresse particulièrement aux novices (j’en suis un) mais les experts peuvent également s’en servir.
Cette méthode est assez simple, mais néanmoins, elle nécessite pas mal de temps et de patience car il en faut beaucoup pour manipuler les couleurs et les courbes… vous verrez plus loin dans le tuto…
Les préréglages
Tout d’abord, ouvrez Photoshop.
Ensuite, effectuez la commande Fichier/Nouveau.
Là, vous arriverez dans une boite de dialogue qu’il vous faut prérégler.
Nous allons appeler le projet la « saucisse Sonic Team » ;-)
Les informations requises sont indiquées dans la capture d’écran ci dessus.
(gauche = neutre ; droite = complet)
Validez Ok.
Vous arrivez à présent dans votre espace de travail qu’il faut également prérégler et personnaliser.
Les calques
L’organisation est primordiale dans ce logiciel si l’on ne veut pas s’y perdre.
Les calques ont été crées dans le but de simplifier les tâches de l’utilisateur en plaçant les constituants du dessin (tracés esquisse, contours, couleurs, ombres etc) sur différentes couches modifiables et paramétrables.
Nous allons en créer.
Tout d’abord, cliquer sur cette icône sur le plan de travail, ou effectuez la commande Calques/Nouveau/Calque.
Nous allons en créer 4 :
– Reflets.
– Dégradés.
– Ombres.
– Contour & couleur.
Mettez les dans cet ordre c’est important pour la suite. Ne faites pas attention à l’ordre qu’il y a dans mes captures d’écran…
Nb : Si vous faites un vrai dessin, vous pouvez par exemple créer le calque esquisse sur lequel vous importerez votre esquisse de dessin faite à la main et scannée sous le format bitmap ou jpeg ou vous pouvez carrément commencer votre projet à partir de ce document jpeg en l’ouvrant à l’aide de Photoshop.
Vous avez vos 4 calques.
Donnez leur un nom en faisant un clic droit dessus, et « propriété de calque » tapez les noms désirés et validez Ok.
(capture gauche = neutre ; capture droite = complet)
Le calque arrière plan est le calque de fond, il est blanc et il sert à ne pas voir la transparence du projet qui est marquée par le damier blanc et gris des autres calques. N’y touchez pas.
Les calques étant créés il faut passer à l’étape suivante.
Les commandes de dessin
Pour dessiner sous Photoshop, nous allons utiliser certaines commandes de dessin. Pour accéder aux options des commandes de dessin effectuez un clic droit sur la commande désirée.
La plume :
C’est l’outil de base servant à tracer droites et courbes à partir de points. On se servira exclusivement de l’outil plume et conversion de point.
Le pinceau :
Il donne le type de tracé, ainsi que sa largeur. L’option Crayon ne nous intéresse pas.
La densité :
Elle sert à donner du relief et des dégradés au dessin. L’éponge n’est nécessaire dans notre cas.
Le pot de peinture :
Il sert à remplir l’intérieur des contours. Le dégradé ne nous concerne pas ici.
La gomme :
On efface là ou l’on s’est trompé ! Pas plus simple que ça !
Gardez un œil sur votre dessin grâce à la fenêtre d’observation ci dessous :
Il y a bien d’autre commandes mais celle-ci sont les principales.
A présent que tout est prêt, débutons la saucisse !
Le contour
Sélectionnez la commande plume.
Et placez vous sur le calque contours & couleurs comme ci dessous.
Agrandissez le dessin à environ 25% (« CTRL » + « + ») pour être à l’aise et avoir de la place. (« CTRL » + « -« pour rétrécir).
Agrandissez également la fenêtre de travail.
important :
Lorsque que vous placez des points sur le plan de travail, il est indispensable que vous vous placiez sur le mode masque. Votre calque sera alors surligné en blanc au lieu du bleu foncé. Je sais pas pourquoi, mais sinon ça ne marche pas, et le logiciel remplace alors le calque sélectionné par un « calque de forme » si vous oubliez de sélectionner l’option masque. Je ne sais pas ce que c’est. Si vous en créez un par inadvertance, annulez l’action précédente (édition annuler) ou supprimez le calque de forme. Puis créez un nouveau calque normal. Regardez ci dessous pour plus d’informations.
Tracez 3 points comme ci dessous et fermez le tracé en cliquant sur le 1er point.
Ensuite, revenez en mode standard et sélectionnez la conversion des points. Comme ci dessous.
Ensuite, il vous faut sélectionner un point, et l’étirer afin que deux petites barres en sortent de chaque coté. C’est ces petites barres qui nous serviront à modeler les droites en courbes.
Ensuite, tout est une question de manipulation…
Il faut vous débrouillez avec votre tête pour modeler les courbes et obtenir une belle saucisse comme ci dessous.
Une fois celle ci tracée, il nous faut lui donner lui donner son style de contour.
Mais pensez bien à dupliquer le calque de base avec le contour, au cas ou vous seriez amener à chier quelque chose plus tard.
Vous n’aurez pas à tout recommencer.
Ensuite, sélectionnez le pinceau, et choisissez son épaisseur comme si dessous.ici nous prendrons du rond net de 5 pixel.
Revenez sur la commande conversion de point, et cliquer droit sur la saucisse.
Sélectionnez contour du tracé et prenez « forme » Validez Ok.
Pour finir, recliquez droit sur la saucisse et faite « supprimer le tracé », et là, votre tracé est effectué.
Si jamais des erreurs sont commises, l’historique est là pour pour tout rattraper du moment que c’est assez récent. Cliquez juste avant la manip que vous avez foiré.
Bon… si vous me suivez depuis le début, tout doit aller pour le mieux…
Passons à la couleur…
La colorisation
Restez sur le calque contour et couleurs. Sélectionner la couleur de premier plan.
Essayez de prendre une couleur qui se rapproche assez de la mienne et validez Ok.
Prennez le pot de peinture et coloriez la saucisse.
Passons aux reflets.
Les reflets
Mettez vous sur le calque reflet et cliquez droit puis « options de fusion »
Une fois dedans, cochez « incrustation en dégradé » puis ok.
Ensuite suivez la capture d’écran ci dessous, et cliquez sur « incrustation en dégradé » (il est coché si tout est normal).
Suivez les captures de gauche à droite.
Créer deux nouvelles étapes de dégradé de la couleur de la saucisse, (normalement c’est la couleur de votre premier plan qui se met automatiquement) et supprimer celui qui est de couleur noire. Replacer les 3 dégradés restants de manière correcte et valider Ok (écrans ci dessous).
A présent il faut dessiner la poche qui contiendra ce reflet.
Sélectionner la plume et débrouillez vous pour obtenir le tracé ci dessous.
(restez bien dans le calque reflet, c’est important, et n’oubliez pas de PASSER EN MODE MASQUE !)
Revenez en mode standard.
Ensuite, faite un clic droit sur la saucisse, puis faite « fond du tracé » et validez Ok, et supprimez le tracé.
Vous avez une belle saucisse avec un bô reflet normalement.
Nb : Si jamais vous désirez changer l’angle de votre reflet, retournez sur le calque concerné, faite un clic droit puis « incrustation de dégradé », et modifiez l’angle à volonté jusqu’à satisfaction.
Il ne reste plus que le dégradé et l’ombre à présent.
Le dégradé
Une étape simple et rapide.
Je viens de me rendre compte que le calque dégradé ne sert finalement à rien donc supprimez le ou ne vous en servez pas.
Passez sous le calque contours et couleurs. Commencez par sélectionner le densité +.
Ensuite suivez la capture d’écran ci-dessous.
A partir de là, le boulot est pratiquement terminé. Il suffit juste de fusionner tout les calques (calque dans le menu /fusionner avec le calque du dessous ou fusionner les calques visibles) et de rajouter quelques ombres au dégradé + tons foncé ou moyens. (le calque ombre ne sert pas non plus a grand chose) mais vous pouvez lui trouver une utilité.
Ensuite enregistrez en format jpeg ou bitmap et admirez votre travail ! ;-)
A vous de trouver des subtilités
Je vous ai donné une de mes méthodes personnelles pour faire une petite vectorisation à la Sonic Team, mais ce cas est très simple…
Il faudra du temps et de la patience pour créer un vrai personnage à la Sonic Team, et ça ne se fait pas en 5 minutes croyez moi !
Enfin… j’espère avoir été assez clair pour ceux qui désirent vraiment essayer ce style de colorisation.
Attention… entendez bien que je fais ça pour aider les débutants sur Photoshop, et que RIEN ne m’obligeait à le faire… Je l’ai fait parce que cela me faisait plaisir, et parce que je voulais rendre service à la communauté de Planète Sonic. ;-)
Voici des résultats visibles dans la rubrique Fan-arts de PSo, le forum, ou encore sur mon site perso.
Voilà Voilà ! Ce sera tout !
A vos logiciels et bon courage !
– Cybou
Commentaires
1. > Le style Sonic Team, 29 juillet 2004, 14:46, par Malan
Hum hum, et un petit plagia de Sonic-Online un...
2. > Le style Sonic Team, 29 juillet 2004, 15:39, par Spike
Super j’en avais justement besoin de ce tuto !! merci !
par contre (je sais que c’est un peu hors sujet) je n’arrive pas à m’enregistrer sur le forum. Quand je clique sur 13 ans ou plus il marque "erreur generale invalid session" comment faire ?
Merci d’avance
3. > Le style Sonic Team, 29 juillet 2004, 19:38, par Miles Prower
[Pb de Spike : réglé sur IRC]
[Pb de Malan : réglé à l’asile psychiatrique]
Cyb, si tu continues à faire de si bon tuto, je vais finir par me mettre au dessin... ça va faire mal, mdr ^^
4. > Le style Sonic Team, 30 juillet 2004, 02:09, par cyb
Malan > Ton de l’humour ou non ?
Je rapelle que j’avais créée exclusivement ce tuto pour le forum de Sonic Online à l’origine pour ceux qui se plaignaient de pas savoir coloriser sous photoshop. Cela fait presqu’un an qu’il existe.
Mais peut être parle tu simplement d’un plagiat "d’idée" or je n’ai fait que reporter un boulot datant d’un an sur PSo. Sans plus. Enfin bref. Si tu pense que j’ai copié S.O, libre a toi. =)
spike > ravi de t’avoir rendu service =)
Mp > Il est là pour ça ;-)
5. > Le style Sonic Team, 30 juillet 2004, 08:52, par Malan
Mon tuto a moi a plus de 2 ans, et je veux pas insister mais bon, y suffit de faire un peu de comparaison avec ce que tu a écrit et ce que j’ai écrit. Bon à moins que ce ne soit qu’une coïncidence, à ce moment là je t’en veux pas, ca m’est déjà arrivé. T’aurai fait un tuto Paintshop Pro comme moi par contre là ca m’aurai quand meme bien énervé.
6. > Le style Sonic Team, 30 juillet 2004, 13:13, par Cody et Kendo
C’est bon ça fait trop pitié comme remarque Malan
– le tuto n’est pas sur le même logiciel
– le tuto de cyb va plus loin que le tien, sans vouloir te vexer
– la forme finale de ton tuto n’est pas coloriée façon Sonic Team :
– le prétendu plagiat d’idée fait également bien pitié, puisque d’autres gars font aussi des tutos de coloration (moi j’ai appris à le faire avec ces tutos) ; il te ferait pas de la peine le mec qui viendrait t’accuser d’avoir plagié chemb0t ? =)
Discussion close
7. > Le style Sonic Team, 30 juillet 2004, 13:50, par Malan
Mouahaha, je savais que t’allais t’ammener comme un gros bourrin et critiquer dans tous les sens Cody, a vrai dire j’attendais que ca, t’as qu’a mieux lire ce que j’ai dit dans mon 2nd message, j’ai pas envi de répété comme un perroquet pour quelqu’un qui parle avant de lire, car d’ailleurs t’a meme pas dû lire mon tuto jusqu’au bout, m’enfin en tout cas ca m’a bien fait rire, continu
8. > Le style Sonic Team, 30 juillet 2004, 16:04, par Cody
cb =)))))))))
9. > Le style Sonic Team, 30 juillet 2004, 16:08, par Miles
Malan, tu fais quoi ce samedi sinon ^^ ; ; ; ; ; ; ;
(Espérant détourner la conversation et éviter une prise de tête débile)
10. > Le style Sonic Team, 30 juillet 2004, 16:41, par Kendo
Ui klr l’embrouille fait archi trop pitié mais bon c malan.mdrrrrrrrrrrrrrrrrrrrrrrrr
Au passage le message de remballage avait ete ecrit par moi + Cody. Pas la peine de se jeter direct sur lui seul sino ca veut dire tu as des trucs à lui reprocher...
Enfin bref on s’arrete la moi j’aime pas les gens en carton. =))))))))
11. > Le style Sonic Team, 30 juillet 2004, 17:20
Incroyable comment qu’une embrouille ça arrive vite et surtout pour rien lol.^^ ;
Malan a cependant raison sur quelques points. Il explique à la fin de son tuto que les effets finaux ne s’appliquent qu’en bitmap et non en vectoriel c’est pour cela qu’on ne voit pas les dégradés sur le tuto qui est en vectoriel.
Pour finir : PAS D’EMBROUILLES INUTILES DANS LE STAFF DE PSo SVP !!!!! ^^
12. > Le style Sonic Team, 30 juillet 2004, 18:07, par Cody
De toute façon si ça continue ne croyez pas qu’on est sans pouvoir de zapper tous les commentaires. C’est pas parce qu’ils ne sont pas souvent modérés qu’ils ne le sont jamais.
13. > Le style Sonic Team, 1er août 2004, 09:32, par Dark-Amy
merci pour le tuto je vais enfin pouvoir colorier mes dessins de cette facons !
14. > Le style Sonic Team, 2 août 2004, 13:29, par KillerCed
Super Tuto Cyb, par contre ya deux images que je vois pas après :
"Ensuite, revenez en mode standard et selectionnez la conversion des points. Comme ci dessous."
Ceci viens de moi ou non ?
Enfin ton tuto est super, je n’utilisais jamais la plume avant ^^
15. > Le style Sonic Team, 7 août 2004, 02:08
Il est clair que la méthode de cyb est + rapide, + simple et donne de meilleurs résultats que la bonne vieille méthode de chemb0t (avec les lassos de sélection bidon pour faire les dégradés)
L’avantage principal que je lui trouve à la méthode de cyb c’est déjà que les traits sont + beaux grâce à la plume, ensuite lorsque t’as fait un dégradé en plume, le prochain objet fait en plume a automatiquement ce même dégradé, ainsi tu peux enchaîner et ta colo va beaucoup + vite
Pour voir ça, essayez =))))
Un exemple d’artwork fait avec la méthode cybounet (notez que mon trait noir est + gras que celui des artworks de cyb, car je n’ai pas vectorisé le dessin sous illustrator, mais ceci est une autre histoire... =)
16. > Le style Sonic Team, 7 août 2004, 02:10, par Cody
Wops, c’est moi qui vient de poster ^^°
17. > Le style Sonic Team, 8 août 2004, 18:26, par Cédo
Ouais c’est un très bon tuto mais je l’avais déjà vu sur le site perso de cyberhomer,mais heuresment ici il est plus accessible,et en plus les images sont visibles
A propos,KillerCed,les images ça doit pas venir de toi parce que moi non plus je les vois pas celles-là,ça doit être un problème sur le FTP.
En tout cas j’ai fait une super image avec ce tuto,elle sur mon site mais il n’est pas encore publié.
A propos,le tuto marche aussi avec Photoshop 6.0,que j’ai.
18. > Le style Sonic Team, 8 août 2004, 18:28, par Cédo
Ouais c’est un très bon tuto mais je l’avais déjà vu sur le site perso de cyberhomer,mais heuresment ici il est plus accessible,et en plus les images sont visibles
A propos,KillerCed,les images ça doit pas venir de toi parce que moi non plus je les vois pas celles-là,ça doit être un problème sur le FTP.
En tout cas j’ai fait une super image avec ce tuto,elle sur mon site mais il n’est pas encore publié.
A propos,le tuto marche aussi avec Photoshop 6.0,que j’ai.
J’ai réécrit le commentaire parceque j’avais oublié les paragraphes.
19. > Le style Sonic Team, 23 août 2004, 14:34
moi c hors sujet c pour demander a malan si son site marche encore parce que je l aime bien son site et je t avai envoyé qqch mais tu m as jamais repondue merci malan et cody et tout les autre vos persos inventé son trop bien
aller à+
20. > Le style Sonic Team, 27 mai 2005, 16:21, par Ridgleboy
cyberomer, y a quelque chose que je ne comprends pas. Environ dans la 3ème et 4ème page, lorsqu’il s’agit de faire les contours et la colorisation, ca ne marche pas. J’ai respecté à la lettre ce qu’il fallait faire mais lorsque je fait "supprimer ce tracé", il n’y a plus rien ou quand je veux colorer, y a rien qui apparaît. J’ai besoin de ton aide, là !
21. > Le style Sonic Team, 29 juin 2005, 13:41
Le tuto,il marche aussi avec "paint shop pro 8" ?
22. > Le style Sonic Team, 2 juillet 2005, 15:21, par Gege the hedgehog
Sur mon logiciel pour les reflets quand je clique sur fond de tracé et ok sa marche pas :(
23. > Le style Sonic Team, 12 mars 2006, 09:20, par Exterminator Lyonnais
jador votre manière de fR vos dessins par ordi ! Ca assur un max ! tchô !
24. > Le style Sonic Team, 12 mars 2006, 09:24, par sonic le herisson ( david )
vos style dechires a max dans les jeux de sonic et celui de shadow ont les meilleurs graphismes et les meilleur aventures . a +
25. > Le style Sonic Team, 5 novembre 2006, 01:18, par Vampira
Savez-vous ou est-ce qu’on peut trouver Photoshop 7.0 pour que je le télécharge parce que le téléchargement est suspendu sur telecharger.com
26. > Le style Sonic Team, 28 janvier 2007, 23:47, par Anonyme
Moi aussi je ne sais pas où trouver Photoshop 7.0 Car j’ai bien envie de faire des dessins aussi.Merci d’avance !
27. Le style Sonic Team, 7 mai 2007, 23:18, par http://world1852.skyblog.com/
ci lin de vous vous voulez telecharger adobe photoshop aller sur telecharge.com et faite la recherche
et bon dessin (si vous ariver a l’avoir)
28. > Le style Sonic Team, 27 février 2008, 20:44, par kurd
woaw mon pére va macheter photoshop 7.0 ca sert a faire des retouche colorier et lautre je me souviens plus
29. > Le style Sonic Team, 8 novembre 2009, 17:39, par Moona the hedgehog
Ouah ! Super tuto, j’ai réussi. Bon, ça a été long, mais je me suis débrouillée. Après tout, a 11 ans, c’est pas simple. J’ai d’ailleurs fait sur Illustrator. Enfin, le résultat est là :
http://moona-luna.deviantart.com/art/Saucisse-Style-Sonicteam-142923344
Enfin, merci pour ce super tuto.