Design grunge avec un Smiliey en furax

Photoshop est un superbe logiciel, mais associer à TutsPs c’est une superbe bombe d’inspiration, dans ce tuto vous allez apprendre a créé un Smiliey dans un super design grunge.
voilà l’aperçu du résultat final

Design grunge avec un Smiliey en furax

Avant de commencer téléchargez le pack suivant, ouvrez un nouveau document de 1200×800 pixels résolution 72Dpi couleurs RVB 8Bits.

Importez la première texture dans votre document si vous voulez reproduire la texture utilisez le tuto suivant

Design grunge avec un Smiliey en furax

Créez un nouveau calque (Ctrl+Shift+N), et utilisez les brushes éclaboussure pour dessiner les éclaboussures suivantes en utilisant les couleurs #b30000 et #7b0000

Design grunge avec un Smiliey en furax

Ensuite dessinez un rond en utilisant l’outil ellipse (U) et la couleur #b30000

Design grunge avec un Smiliey en furax

Dans les options de fusion ajoutez un contour noir de 5 pixels vers l’extérieur

Design grunge avec un Smiliey en furax

Design grunge avec un Smiliey en furax

La même chose pour dessiner un autre rond comme ceci sauf pour le contour mettez 3 pixels au lieu de 5 pixels.

Design grunge avec un Smiliey en furax

Créez un nouveau calque (Ctrl+Shift+N) et fusionnez-le avec le rond que vous avez créé pour le pixéliser

Design grunge avec un Smiliey en furax

Prenez l’outil gomme (E) et effacez la partie inférieur du rond

Design grunge avec un Smiliey en furax

Toujours avec l’outil ellipse (U), dessinez trois ronds Noirs le premier pour faire l’œil droite et les deux autres pour le nez

Design grunge avec un Smiliey en furax

Maintenant nous allons utiliser l’outil plume (P) avec le mode calque de forme, dessinez la forme suivante

Design grunge avec un Smiliey en furax

Design grunge avec un Smiliey en furax

De la même façon dessinez le demi-cercle suivant

Design grunge avec un Smiliey en furax

Toujours avec l’outil plume (P) dessinez la forme suivante pour donner au Smiliey une expression

Design grunge avec un Smiliey en furax

Ensuite nous allons dessiner la bouche du Smiliey

Utilisez l’outil plume (P) pour dessiner la forme de la bouche vous pouvez dessiner autre chose pour d’autre expression

Design grunge avec un Smiliey en furax

Changez la couleur en blanc et dessiner une autre forme à l’intérieure.

Design grunge avec un Smiliey en furax

Pixélisez votre forme si ce n’est pas déjà fait, prenez l’outil gomme (E) avec une petites forme et effacez les zones suivantes pour obtenir des dents

Design grunge avec un Smiliey en furax

Suivez l’astuce suivante car nous allons l’appliquer sur d’autres endroits, tapez un texte comme ceci en utilisant la couleur rouge, la même que celle du Smiliey #b30000 puis rendez-vous dans les options de fusion pour ajouter un contour noir de 3 pixels vers l’extérieur

Design grunge avec un Smiliey en furax

Design grunge avec un Smiliey en furax

Nous allons maintenant séparer le contour du texte, pour le faire allez dans Menu > Calque > Style de calque > Créer un calque

Design grunge avec un Smiliey en furax

Mettez vous sur le calque du contour et effacez la partie inférieure pour obtenir ceci

Design grunge avec un Smiliey en furax

Refaite la même chose avec des éclaboussures et des textes

Design grunge avec un Smiliey en furax

Dessinez d’autre éclaboussure tout au long du Smiliey avec une faible opacité d’environ 34% et à chaque fois essayer de modifier l’opacité et la couleur pour obtenir un truc grunge

Design grunge avec un Smiliey en furax

Ensuite importez dans votre document la texture suivante

Design grunge avec un Smiliey en furax

Changez son mode de fusion en Densité couleur +

Design grunge avec un Smiliey en furax

Prenez l’outil gomme (E) et effacez tout les partie qui recouvrent l’arrière plan

Design grunge avec un Smiliey en furax

Importez la dernière texture dans votre document

Design grunge avec un Smiliey en furax

Changez son mode de fusion en Couleur plus foncée et réduisez son opacité à 44%

Design grunge avec un Smiliey en furax

Effacez la partie qui recouvre l’arrière plan

Design grunge avec un Smiliey en furax

Pour finir ajoutez un calque de réglage courbe de transfert de dégradé en allant dans Menu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé, changez son mode de fusion en Eclaircir et réduisez son opacité à 66%.

Design grunge avec un Smiliey en furax

Et voilà le résultat final

Design grunge avec un Smiliey en furax

51 COMMENTAIRES

  1. Excellent tutoriel, ca fait bientôt 1 ans que j’utilise votre site est je n’ai jamais était déçu, franchement beau boulot et continuez a nous préparez de sympathique tutoriel comme vous avez toujours fait 🙂

    ps: j’ai reproduit votre tuto a ma sauce et voila le résultat : http://www.hostingpics.net/viewer.p

  2. Très très bon tuto 😎

    J’ai essayé de le refaire , mais avec un smiley déjà prêt (j’ai un peu de mal avec l’outil plume … :siffle: ) et je trouve que le rendu est plutôt bon , même si je gère pas trop les éclaboussures qui sortent du smiley … ;-(

    En tout cas merci pour le tuto , ça peut être très utile 🙂

  3. @crox : Ctrl+ N et ta juste a mettre le format (vérifie que c’est bien en pixel et non en cm, la résolution et la couleurs RVB 8 bits si ce n’est pas déja fait, puis tu peux confirmer !

    C’est ton début sur photoshop ,, j’me trompe ? 😉

  4. @Samir pas de problème, faut seulement que tu télécharge le pack qui ce trouve dans l’un des tuto de se site: Créer un effet de dé-colorisation d’un soulier. c’est 🙂 tout

  5. Meme probleme que Samir, j ai del le pack, jusque la tout va bien, sauf que je n’ai pas la moindre idée de comment utiliser le contenu … ca parait bête, mais j’ai besoin d’un petit coup de main ^^’ …

  6. @Mushu
    – sélectionnez l’outil pinceau
    – cliquez sur la flèche à côté de “forme”
    – ensuite sur la flèche à droite
    – et sur “Gestionnaire des paramètres prédéfinis”
    – cliquez ensuite sur “Charger”
    – sélectionnez votre pack de brosses (.abr)
    – cliquez sur “Terminer”, vos nouvelles brosses sont disponibles.

  7. De tout les tuto de tutsps, c’est le plus nul. Y’a trop de “démmerde-toi”, je cite “Refaite la même chose avec des éclaboussures et des textes”, en gros on nous dit pas qu’il faut aller chercher d’autre splatter pour pouvoir faire ce qu’on doit faire. Chaque splatter fourni sont trop étendus, ce qui dégrade des partis du smiley, les yeux, la bouche…

  8. Salut,

    Quelqu’un aurait-il l’aimabilité de me le faire mais à la place du texte Tutsps et Web autour du smiley mettre AcidTech™ ?

    Merci beaucoup. 😉

  9. Bon tuto 🙂 Mais à l’étape 3
    “Créez un nouveau calque (Ctrl+Shift+N) et fusionnez-le avec le rond que vous avez créé pour le pixéliser
    Prenez l’outil gomme (E) et effacez la partie inférieur du rond”
    Quand je gomme ça fait ça : http://img192.imageshack.us/i/sansr
    Ca gomme mais avec un contour 🙁
    ya un truc qui pose probleme la…

  10. Bonjour,je débute avec CS6 & ceci est mon 4eme tuto.
    Je n’arrive pas a faire les contours noir sur mes ronds .. je fais “option de fusion” & ça me met toute l’image en noire mais pas le contour de mon cercle …
    un peu d’aide serai la bienvenue .
    Merci d’avance

Répondre à FwD Annuler la réponse