Créer un Smiley diablotin

Nous allons ici essayer de créer un simley de nouvelle génération représentant un diable, la bonne nouvelle pour vous c’est qu’en bas de page le source PSD de ce cours est disponible avec tous les styles ;)

Etape 1

Créer un document de 500 sur 500 pixels et faire à l’aide de l’outil ellipse un cercle parfait au centre de votre image. Appliquer grâce au style de calque une lueur interne légèrement plus foncée que la couleur de votre cercle.

JPG - 84.2 ko

Etape 2

Créer un nouveau calque, récupérer la sélection de votre cercle ; pour cela rester appuyer sur la touche ALT puis cliquer sur le calque correspondant au cercle. Rendez-vous dans le menu sélection > modifier > contracter et entrer 5 pixels puis OK. A l’aide de l’outil dégradé, appliquer un dégradé au ¾ de votre cercle avec comme couleur le blanc 100% <> blanc 0%.

JPG - 83.3 ko

Etape 3

Créer un oeil grâce à l’outil ellipse vectorielle.

JPG - 88.6 ko

Etape 4

Modifier la forme comme ci contre grâce à l’outil Plume ajout de point.

JPG - 96.6 ko

Etape 5

Placer un nouveau style sur cette forme : un contour de 2 plus foncé que votre cercle de départ, et un dégradé de gris à blanc.

JPG - 95.7 ko

Etape 6

Récupérer la sélection de l’œil et modifier la en la contractant de 2 pixels, créer un nouveau calque et appliquer un dégradé couleur blanc 100% <> blanc 0%, en partant de la gauche pour aller jusqu’à la droite.

Toujours avec la sélection de l’œil, modifier la en la dilatant de 5 pixels, créer ensuite un calque que vous placerez en dessous de l’œil et le remplir d’une couleur plus sombre que votre cercle initial. Déplacer ensuite juste la sélection de 2 pixels de côté et de haut puis supprimer.

JPG - 96.4 ko

Etape 7

Créer un cercle bleu pour le fond de l’œil.

JPG - 94.8 ko

Etape 8

Créer un cercle plus petit et noir dans le cercle de l’étape 7.

JPG - 95.7 ko

Etape 9

Créer deux petits cercles sur un nouveau calque puis changer son opacité à 80%.

JPG - 96 ko

Etape 10

Placer tous les calques correspondant à l’œil dans un dossier, puis dupliquer le, puis transformer le Edition > transformation > Symétrie axe horizontale et enfin le déplacer sur la droite.

JPG - 97.2 ko

Etape 11

Créer la forme du sourcil puis lui appliquer ce style : Ombre portée : Opacité à 50% Distance 6 Taille 5 Angle 75 Le reste des paramètres reste par défaut. Ensuite il faut appliquer un biseautage et estampage et laisser les paramètres tels quels.

Pour créer le second sourcil, rien de plus simple, dupliquer le calque du premier sourciel, déplacer le sur sa droite et enfin appliquer un symétrie d’axe horizontale.

JPG - 112.2 ko

Etape 12

Créer la forme de la bouche : pour se faire créer un cercle puis le remplir de blanc, puis créer une sélection de cercle par-dessus, appuyez sur supprimer et voila. Remplir la forme de la bouche par un dégradé : noir <> rouge <> noir.

JPG - 122.2 ko

Etape 13

Créer un calque en dessous de la bouche, récupérer sa sélection puis la modifier en la dilatant de 3 pixels et remplissez le d’un dégrade de bas en haut, tantôt couleur plus clair tantôt couleur plus foncé.

JPG - 123.2 ko

Etape 14

Créer la forme des dents puis appliquer un dégradé d’angle 0° et de couleur gris 100% <> blanc 100% <> gris 100%. Pour créer la forme des dents, créer une sélection de rond aplati puis le remplir. Pour la dimensionner à la forme de la bouche récupérer la forme de celle-ci et cliquer sur Sélection > Intervertir et enfin appuyer sur supprimer.

JPG - 125.4 ko

Etape 15

Fin du smiley vous avez la possibilité de placer des flammes ou non ;)

Photoshop - 667.6 ko
Source PSD
Voici la source de ce cours qui vous permettra de récuperer tous les styles et de bien comprendre la création de ce smile.

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 11 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

  • 29 octobre 2006 19:49, par maud rapin

    mOn dIaBlE !. !. !. !. !. !. !. !

    Répondre
    • 9 novembre 2006 13:11, par Wonka

      Merci pour cette participation très intéressante :p

      Répondre
      • 9 janvier 2007 00:26, par Gilles

        Bonjour Je ne comprend pas comment faire les yeux ca fais longtemps que j’essai mais sans succes, peut tu me donné un coup de main Merci Gilles

        Répondre
        • 9 janvier 2007 12:28, par Wonka

          Toutes les étapes sont detaillées ci dessous, cependant le plus important et le plus dur reste la forme initial des yeux, il faut un peut de dexterité pour réussir à manier la plume correctement. Si tu veux faire simple pour les yeux, contente toi de créer une ellipse que tu fait pivoter dans un sens, ce sera beaucoup plus simple ;)

          Répondre
  • 15 juin 2007 15:07, par TSX17

    j’aimerais savoir avec quel logiciel vous faîtes sa ? Si vous voulez bien me répondre sur mon adresse mail,merci.

    Répondre
    • 15 juin 2007 16:18, par Wonka

      PHOTOSHOP évidemment !

      Répondre
  • 4 juillet 2007 19:26, par oxyde

    Voici un petit exemple d’un smiley terminé sur une page web , sympas :-)

    Bientôt d’autres sur la même page : http://www.oxyde.ouba.com/smiley.php

    Répondre
    • 13 novembre 2008 19:53, par Exiz

      Il faut quand même s’appliquer, les courbes sont pas très nette, Apprenez un tuto pour bien maniez la plume car c’est l’outil le plus utiliser dans photoshop et illustrator.

      Petite rectification à faire Pour récupérer la sélection d’un claque ce n’est pas alt mais la touche Crtl.

      Le tuto est sympa mais pour un même rendu on peu faire plus simple.

      Répondre
  • 23 avril 2009 16:46, par Pico

    Tuto très clair, réalisation rapide, un rendu vraiment sympa. Très bon tuto ;).

    Répondre
  • 8 août 2009 19:41, par coco

    Trop le fun ce tuto, je suis une fidèle adepte, mais c’est la première fois que je poste un travail. Encore merci pour tous ces supers tutoriels. Salute à tous

    Répondre
  • 28 janvier 2010 10:45, par logoslas

    pas mal tres bon tuto jadore ce site avec tous ces supers tutos trop bien fait !!

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.