Créer un Novo Dangos nouvelle génération

Voici un tutoriel pour créer un Novo Dangos de nouvelle génération. Comment ça c’est quoi un Novo Dangos ? Lisez ce tutoriel et vous en saurez plus ;)

Connaissez-vous les Novo Dangos ? Non. Les Novo Dangos c’est le nom donné à de petits personnages gélatineux. J’ai découvert ces personnages en visitant cette page : http://noobr.net/2009/02/15-smiley-icon-sets-express-yourself/

J’ai trouvé le design, les couleurs acidulées ainsi que l’effet de transparence irréprochable, je me suis alors dit pourquoi ne pas créer d’autres Novo Dangos sur Wks ?

Ce tutoriel commence donc par cette petite aventure. Vous retrouverez bien évidemment en bas de page le fichier source coorespondant à ce tutoriel.

Difficulté ?

Oui quand même, ce tutoriel est assez compliqué dans son ensemble et nécessitera l’utilisation de la plume, des effets d’opacité, des modes de fusions ainsi que de masques de fusion.

Voici les Novo Dangos nouvelles générations :

Commençons tout de suite la création d’un Novo Dangos tout rose.

ETAPE 1

Je commence par ouvrir le logiciel Photoshop puis je crée un nouveau document sur fond blanc (fichier > nouveau). Ensuite je vais créer à l’aide de l’outil plume une forme aplatie comme ci-dessous et j’applique un violet très foncé. Ce sera la base de mon personnage.

ETAPE 2

Ensuite je crée un nouveau calque par-dessus et avec le pinceau diffus je crée une lueur blanche au centre bas.

ETAPE 3

Puis je crée un autre calque et je crée une première lueur, je passe ce calque en mode incrustation.

Puis je crée un autre calque et je crée une lueur sur le haut, et je diminue l’opacité à 80%.

Voici ce que cela devrait donner.

ETAPE 4

Je crée encore un nouveau calque et avec le pinceau diffus blanc je crée une lueur sur la partie basse de ma forme.

ETAPE 5

Et enfin je crée un reflet. Pour cela :

  • Je crée un nouveau calque
  • Je récupère la sélection de ma forme violette (Ctrl + Clic sur le calque de la forme)
  • Avec le pot de peinture je remplis la sélection de blanc
  • Je déplace la sélection (seulement la sélection, et non la forme blanche) de 10 px vers le bas puis de 10 px sur la gauche
  • Enfin j’ajoute un masque de fusion et je cache avec un dégradé noir les parties gauche et droite.

ETAPE 6

Avec l’outil plume je vais créer la forme compléte de mon personnage. Voici à quoi cela peut ressembler :

ETAPE 7

Je vais maintenant appliquer un effet de transparence, pour cela je diminue l’opacité du fond à 50% (voir en haut à droite dans la fenêtre des calques). Puis j’ajoute un masque de fusion et avec un gris moyen je dessine au milieu de ma forme pour la rendre semi visible (donc transparente).

Masque de fusion :

Résultat :

ETAPE 8

Je récupère la sélection de ma forme dernièrement créée, puis je vais la modifier en faisant menu sélection > modifier > contracter (10px).

Je crée un nouveau calque que je remplis de rose.

Styles de calques :

ETAPE 9

J’ajoute deux styles de calque :

Et enfin je diminue l’opacité du fond à 50%.

ETAPE 10

Je vais maintenant commencer à créer les reflets, je détaillerai la création des deux premiers reflets par la suite, la technique est la même, donc j’y passerai moins de temps.

Je crée un nouveau calque, je récupère la sélection de ma forme rose puis que je remplis de blanc. Je vais maintenant la réduire, pour cela je fais Ctrl + T puis en appuyant sur Alt j’en réduis la largeur. Je lâche Alt et je réduis la hauteur en prenant le bas de la transformation libre (de bas en haut) enfin j’appuie sur Entrée pour valider la transformation.

ETAPE 11

J’ajoute un masque de fusion et je fais disparaître fortement le reflet.

ETAPE 12

Même chose pour un reflet leger sur la partie haute.

ETAPE 13

Et enfin, même chose pour de multiples reflets. Je joue avec les masques de fusion et l’opacité des calques pour arriver à un résultat comme ci-dessous.

ETAPE 14

Ensuite avec l’outil rectangle arrondi et un radius de 15 je crée deux yeux. J’ajoute un contour blanc de 1 px que je passe en mode incrustation.

ETAPE 15

Je crée un nouveau calque que je place tout à fait en haut dans la fenêtre des calques. En utilisant le pinceau, je crée deux étincelles de lumière sur le haut à gauche et à droite.

ETAPE 16

Pour terminer (enfin !) je vais créer une ombre son mon personnage. Pour cela rien de plus simple, je crée un nouveau calque que je place sous tous les autres, puis avec l’outil ellipse de sélection, je crée un ovale que je remplis de rose avec le pot de peinture.

Je vais appliquer une atténuation, donc je me rends dans le menu filtre > atténuation > flou gaussien et je rentre 5px comme valeur.

Ensuite je diminue l’opacité à 30px.

Et voila !, mon personnage est terminé, transparent, coloré et design : )

Pour ceux qui ont réussi à créer leur personnage, n’hésitez pas à le poster dans la galerie, vous pouvez également vous amuser à télécharger le psd (ci-dessous) et à modifier simplement le personnage en lui donnant des couleurs improbables ;) dont voici quelques exemples justement :

Bonne continuation et bonne création.

Merci à tous d’avoir lu ce nouvel article sur wks.fr

Partager cet article avec vos amis

Ajouter un nouveau commentaire

Article publié par Julien DEBOVE

Voir le profil Google+ de

Images Réalisées à partir de ce tutoriel Photoshop

publié par wonka

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publié par bDom

publiée par Inconnu

publié par Inwoltiano

Vous avez terminé ce tuto ? Partager votre création graphique.

Télécharger les fichiers Photoshop

Insrivez vous à la newsletter pour débloquer le lien de téléchargement des fichiers Photoshop. Si vous êtes déjà inscris, cliquez ici.

Votre email servira uniquement à la newsletter de wks (un envoi max / semaine). Elle ne sera jamais vendu ni loué. Vous pouvez vous désabonner à tout moment. En savoir plus

Il y a 47 commentaires publiés sur cet article
  • Reydown

    Très bien ! J’aime bien c’est tous mimi ^^. J’essaye ce soir d’en faire un.

    Répondre
  • Va59300

    Sympa ces petites boules gélatineuses, on dirait pas que c’est si compliquer à faire que ça quand on les voit, mais avec un tuto Made in Wonka, ça passe toujours ! :)

    Répondre
  • Juunp

    Très sympa ! Où est-ce qu’on peut trouver les bulles ?

    Répondre
    • Wonka

      On les trouves pas, mais tu peux télécharger le fichier source disponible juste au dessus des commentaires et glisser déposer les formes dans ta nouvelle image ;)

      Répondre
  • Rhum1

    Très sympa ces petits personnages, je vais de suite en faire un^^ Par contre, si je puis me permettre... J’ai remarqué que ces bonhommes gélatineux étaient en fait plutôt des genres de ballons de baudruches remplis à moitié d’eau. Mai ceci n’est qu’un détail.

    Félicitation

    Répondre
    • Wonka

      On peux le voir comme cela aussi ;) bien que l’effet de transparence ne serait pas ainsi !

      Répondre
  • Shaz

    Merci pour le tuto :D J’les trouvais sympa ces petites boules alors j’ai fais la mienne ^^ Photo hérbergée par zimagez.com

    Répondre
    • wonka

      Shaz pourquoi tu n’utilises jamais les galeries de wks pour afficher tes images ? C’est plus pratique pourtant !

      Voila ce que sa donne pour cette image :

      Merci en tout cas c’est très réussis ;)

      Répondre
  • Shaz

    Merci :). Heu on les poste comment dans la galerie ? :s

    Répondre
    • Wonka

      au dessus des commentaires sur cette page il y a un titre galerie avec un énorme lien « Ajouter votre image dans la galerie » il faut cliquer dessus, un formulaire apparait, il faut le remplir et appuyer sur envoyer. Et c’est tout ;)

      Répondre
  • Bonjour,

    • Qu’est-ce que vous appellez le « pinceau diffus » ?
    • "ETAPE 9
      J’ajoute deux styles de calque :"
      Il n’y a pas d’illustration ? ^^’

    Merci ^^’

    Répondre
    • Wonka

      Un pinceau dont la forme n’est pas dur ;) Donc diffus c’est qui est floue dans ses contours.

      Répondre
  • Rom1

    Et voici le miens^^

    Répondre
    • Wonka

      Très beau, et belle couleur ;) bravo pour avoir réussis le tuto complet !

      Répondre
  • Gajilidd

    Bonjour,

    Je ne comprends pas trop la partie 5, j’arrive a supprimer la partie qui est en bas a gauche, mais je n’arrive pas a créer cet effet.

    Il serais possible d’ajouter quelques illustrations supplémentaires ?

    Merci

    Répondre
  • j ai adore faire ce petit bonhomme merci pour le tuto

    Répondre
  • Sonia

    merci beaucoup pour ce super concept !! J’ai tellement aimé la bouille de ces petits que je m’en suis fait une série complète ayant différentes émotions au visage. Voici déjà mon tout premier résultat..

    Répondre
  • Sonia

    Alors pour m’amuser, je vous présente également mes versions, tristes et fâchés, de ma série Novo Dangos..

    Répondre
  • slt c cool tout ça mais jé u des defficulter aidez moi, svp je les aime tant alors aidez mio a on en faire un

    Répondre
  • voici le mien mais je suis pas expert comme vous tous j’ai essayer c’est l’important

    Répondre
  • Abdelmalikou

    voila ma crea C cool hein

    Répondre
  • NynaO

    J’ai fait une petite variante : un poring, bestiole très connue des amateurs de Ragnarok Online

    Bloups !

    Répondre
  • Sensei

    Yô !

    J’ai un petit problème : Je coince à la 5e étape... Lorsque je resélectionne ma sélection, je passe avec le pot de peinture hop tout blanc comme c’est dit et puis je déplace de 10x vers le bas puis vers la gauche et je créer mon masque de fusion.... mais voila.... au lieu d’avoir le même résultat montré ci-dessus bah.... je me retrouve avec un bouboule blanche (à cause du pot de peinture sur la sélection) donc je ne comprends pas trop ce qu’il faut faire...... Quelqu’un pourrait-il m’aider svp ?

    Répondre
    • Wonka

      N’as tu pas oublié d’appuyer sur la touche suppr pour supprimer les pixels qu’il ne faut plus ? Car le but de l’étape 5 est de créer un contour ;)

      Répondre
      • Sensei

        Eh bien je ne sais pas ou je cale mais... pour reprendre du début, je fais la boule applatit avec l’outil approprié et je le convertis en sélection. Je passe aux autres calques pour faire ce qu’il y a ç faire et je reviens sur la sélection ensuite... pof le pot de peinture blanc... et la seule chose qui reste de mon travail c’est les contours xD

        Je dois zapper quelque chose avant ou pendant.....

        Répondre
  • Dim

    Pareil j’arrive pas l’étape 5 Donc pas de bouboule pour moi :’(

    Répondre
  • Ayu-chan

    Dango <3 merci pour le tuto =D .Je vais le testé de suite en espérant que j’y arrive ^_^

    Répondre
  • V.

    Bonjour tout le monde ! Je vois que d’autres personnes bugs sur la 5e étape et je suis rassurée ^^. Par contre je n’ai pas trouvé de réponses dans les posts.

    Je ne sais pas comment faire après avoir remplit la sélection de blanc. Je n’arrive pas à faire bouger seulement la sélection. Et après il est dit de faire un dégradé. Cela revient dans pas mal de tuto et je n’ai toujours pas compris comment le faire ^^. Merci de votre attention, et surtout de votre patience ! V.

    Répondre
  • V.

    Et bien comme quoi, parler de son problème aide à le résoudre ! Voilà ma petit création !

    Répondre
  • licou

    wui moi pareil je bug sur la partie 5 Wonka il manque des explication d’habitude j’arrive bien avec tes tuto mais là j’avoue que je coince !!!!!!! je fait tout ce que tu ecris mais pareil j’ai une boule blanche devant la couleur le dégradé bof bof je comprend pas en faite

    Répondre
  • licou

    c bon je retire j’ai réussi oufffff bon les amis qui n’ont pas réussi faite ce qu’il a ecris pour la selection il faut ce metttre sur les pointillés et la déplacé un peut en bas et a gauche la vous faite le masque de fusion tout faire apparaitre, puis vous prenez votre outils dégradé noir vers transparent vous mettez votre curseurs a gauche puis vous le l’écarté vers la boulles et faite pareil du coté droit puis ctrl+D(pc) ou pomme+D(mac) la votre selectiona disparue et vous voez un ptit effet de doublure devant voilou

    Répondre
  • Naast

    À noter que les dangos sont à la base une friandise japonaise (et d’ailleurs, ils ne sont pas transparent ^^). Aussi, cette petite mascotte est sûrement issue du visual novel Clannad qui a été adapté en animé. Voilà, j’ai fini d’étaler ma culture. Sur ce, merci pour ce tuto qui est d’une qualité irréprochable une fois de plus.

    Répondre
  • chiclayo

    Salut a tous Merci pour ce tuts, voila je l’ai fait, mais je pense pas avoir eu le resultat necessaire « brillant ». Par contre je n’arrive pas a mettre mon mogo dans la galerie, si vous pouvez m’expliquer, j’ai click sur ajouter mais ca n’apparait pas le formulaire d’ajout.

    Merci pour ce petit tuto sympat.

    P.S : je suis debutant sur Photoshop, depuis 1 mois j’etudis et j’utilise beaucoup ce site pour me familiariser, merci pour mes progrés ennorme.

    Répondre
  • Miaouu91

    Bonjour,

    J’ai essayé ce tuto Novo Dangos, mais il a trop de texte et il manque des détails comme images... Genre pinceau etc...

    Moi j’ai raté...

    Voila bonne journée

    Répondre
  • skyden

    svp aidé moi j’y arrive pa es t-il possible d’avoir un video svp

    Répondre
  • Sna

    yeah terripp ce tuto, je me suis bien amusée ! j’ai même ajoutée des ptites ailes dans ma lancée :))

    [url=http://www.imagehotel.net/ ?from=n2jp8exgiy.jpg][img]http://images.imagehotel.net/n2jp8exgiy.jpg[/img][/url]

    Répondre
  • Lucasikio

    Moi je comprend pas le « Je récupère la sélection de ma forme violette (Ctrl + Clic sur le calque de la forme) »

    Répondre
    • Wonka

      En fait récupérer une sélection c’est créer une sélection active autour d’une forme prédéfinie (ici la forme violette) et pour faire cela il faut enfoncer la touche Ctrl puis cliquez avec la souris sur la petite vignette du calque en question (dans la fenètre des calques).

      Répondre
  • Hell G

    Bonjour, je ne comprends pas l’étape 7, l’effet de transparence il faut l’appliquer sur quelle partie de la forme ? Sur le calque qui figure dans le tuto il y a deux 2 masque moi j’en ai un qu’un seul.

    merci

    Répondre
  • Rizy

    Hello =)

    Bon, j’ai essayé plein de chose, pour ton étape 5, mais elle est vraiment mal expliqué.. malgré les commentaires qui concernent cette étape, je sais que j’en suis pas loin, mais j’ai pas compris a cause de ce fond blanc à la con ca fait quelques heure je suis dessus et je comprend pas

    Donc si quelqu’un qui a réussi aurai la possibilité d’expliqué en détail cette étape 5

    Merci =)

    Répondre
  • Emii-chan

    Bonjours, tout d’abord super tutoriel, je viens de découvrir se site et je le trouve superbe =) ! par contre .. j’ai quelque problèmes pour l’étape 5 >.< T_T , je fais exactement ce qui est indiqué dans les moindres details et pourtant rien n’y fais, je n’arrive pas à avoir se satané reflet ! Y aurait-il quelque chose qui ne serait pas marqué ou bien c’est moi qui ne lit peut etre pas bien ce qui est indiquée ? Aidez moi s’il vous plait.

    Répondre
    • ICax

      salit Wonka, tout d’abord je dois te dire que j’adore tes tutos, mais la je bloque a l’étape 5 aide moi stp !

      Répondre
    • ICax

      pour ceux qui sont bloqué a l’étape 5 voila ce qu’il faut faire :
       faites tous ce qui est marqué avant le calque de fusion
       créé le calque de fusion et appuyé sur pomme+i ou controle+i
       prenez un dégradé noir/transparant et faites les dégradés a gauche et a droite. voila c’était pas si compliquer !

      Voir en ligne : L’école photoshop

      Répondre
  • ICax

    salu wonka est que tu pourai m aider je bloque a l étape 7 comment tu fait pour laisser les contours ?

    Répondre
  • ICax

    salut Wonka, d’abord je dois te dire que j’adore tes tutos mais la je suis bloquer à l’étape 7 comment tu fait pour laisser les contours ?

    Répondre
  • Pap

    Un tout grand merci pour tes tutus. Je croyais maîtriser PS mais j’en suis loin, très loin..

    Pas facile je trouve de maîtriser les transparences, je teste, reteste mais n arrive jamais au résultat escompté...

    Répondre
Ajouter un nouveau commentaire

Warning: Wrong parameter count for join() in /home/www/6aa640a53cf66f9374508657e4e1b72e/web/plugins/spipBB/inc/statvisites.php on line 60

Warning: Wrong parameter count for join() in /home/www/6aa640a53cf66f9374508657e4e1b72e/web/plugins/spipBB/inc/statvisites.php on line 72

Fatal error: Call to undefined function: spip_unlink() in /home/www/6aa640a53cf66f9374508657e4e1b72e/web/plugins/spipBB/inc/statvisites.php on line 96