Babylon Design

par Samuel Le Morvan

Chez vous aussi, utilisez un Web de qualité

Tutoriels Photoshop

Apprenez à maîtriser les rudiments d’Adobe® Photoshop® pour redonner de l’éclat à vos compositions graphiques !

Tutoriels Photoshop

Pixel’Art faire un smiley

Créer vos propres smileys pour vos forums ou pour MSN Messenger ! Voici les bases qui vous permettront de bien démarrer dans le Pixel’Art…


  • Ouvrez une nouvelle image transparente de 15×15px.
  • Puis Zoomez à 1600%.
  • Avec l’Ellipse de Sélection, faites un cercle prenant toute l’image avec ces paramètres :
  • Puis Remplissez d’une couleur (ici: #E9C967)

  • Créez un nouveau calque.
  • En gardant la sélection, et sur ce nouveau calque, dessinez le contour à l’aide du Crayon de taille 1px.

  • Créez un nouveau calque pour dessiner les yeux et la bouche.

  • Pour donner un peu de volume à votre smiley, retournez sur le premier calque et appliquez un Biseautage / Estampage en modifiant simplement ces paramètres :

Voilà le résultat à taille réelle :


Ce que nos lecteurs en disent :

  1. thibaut

    merci pour ce tutoriel très bien fait, je viens de découvrir que très récemment
    le pixel Art et aime particulièrement les oeuvres comme celles de jeux en Flash,
    telles que STACKOPOLIS
    gaming.zone.online.fr/ ….

    J’ai réussi à faire mon premier smiley !

  2. Biz

    Merci beaucoup pour se tutorial !!
    Le Pixel Art est quelque chose de tellement fascinant !!
    Merci, j’ai ma petite collection de smiley, c’est trop amusant.

  3. Angélique

    Sourire, l’intérêt du Pixel Art c’est justement de ne pas utiliser les outils des logiciels de graphisme… Mais de tout faire à la main, pixel par pixel… Angélique, pixelliste.

  4. Didi

    Pour les smileys animés Sukki, tu dois créer chaque image (frame) de ton animation et avec un logiciel tu peux mettre tes frames les unes après les autres, régler la temporisation… et tu as ton animation ^o^

    Je te conseille Animagic Gif Animator. Par contre il est en anglais, mais une fois que tu as compris comment il marche, ça va tout seule ;)

  5. unlucky

    Salutje trouve se tutoriel génial par contre ma version étant anglaise je ne comprend pas tout mais j’y arrive il y à juste au numero 4 que je suis bloqué car je ne sais pas ou se trouve le biseautage et l’estampage voilà ^^

  6. benito

    salut moi je ve cree mon propre smilez mes j arive pas

  7. loof

    Très bon tuto…
    Si vous voulez en savoir un peu plus sur le pixel art: pixelart.xooit.fr/

  8. Valbuena72

    salut,
    j’ai réussi voir => upload.stabland.fr/images…
    t’es tutoriels sont superbe bien expliqué bravo

Les commentaires sont clos.