Headphone design avec Photoshop

Un autre tutoriel dans Tutsps, encore plus fun et classe que les autres, dans ce dernier nous allons apprendre comment d’une simple image avoir un rendu hallucinant rien qu’avec Photoshop.

Bonjour et bienvenu dans ce nouveau tuto, dans ce dernier nous allons illustrer un super design en utilisant quelques textures et astuces, voilà un petit aperçu du résultat final

Headphone Design avec photoshop

Avant de commencer, vous devez télécharger le pack de ressource suivant puis ouvrez un nouveau document de 1900×1200 pixels Résolution 72Dpi couleur RVB puis ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

Headphone Design avec photoshop

Headphone Design avec photoshop

Headphone Design avec photoshop

Maintenant nous allons importer cinq textures grunge celant l’ordre suivant, le mode de fusion et l’opacité.

Numéro du calque Mode de fusion Opacité

1

incrustation

11%

2

Incrustation

43%

3

Incrustation

50%

4

Incrustation

33%

5

Lumière vive

31%

Headphone Design avec photoshop

Maintenant créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) avec un diamètre de 200 pixels , une dureté de 0% , une opacité de 30% et ajoutez un peu de Noir sur les contours du calque pour obtenir l’effet suivant

Headphone Design avec photoshop

Headphone Design avec photoshop

Maintenant importez la texture suivante dans votre document et ajustez-la comme ceci

Headphone Design avec photoshop

Changez son mode de fusion en Densité couleur –

Headphone Design avec photoshop

Maintenant ouvrez l’image de notre model dans un autre document et détourez la soigneusement pour obtenir une sélection parfaite utilisez les fonctions d’amélioration des contours sous Photoshop cs5 et cs6.

Headphone Design avec photoshop

Importez l’image sélectionnée dans votre document principal et ajustez-la comme ceci

Headphone Design avec photoshop

Maintenant nous allons utiliser l’outil de densité + pour donner un effet spécial à cette image, mettez-vous sur son calque puis assombrissez les zone sombre de notre model

Headphone Design avec photoshop

Dupliquez le calque de notre model deux fois ( Ctrl+J ) et laissez-les pour plus tard

Headphone Design avec photoshop

Maintenant rendez-vous dans les options de fusion

Headphone Design avec photoshop

Headphone Design avec photoshop

Headphone Design avec photoshop

Ensuite mettez-vous sur le calque que vous avez dupliqué tout à l’heure ( le deuxième calque ) et allez dans Menu > Filtre > Esquisse > Chrome.

Headphone Design avec photoshop

Puis allez dans Menu > Image > Réglages > Teinte et saturation

Headphone Design avec photoshop

Headphone Design avec photoshop

Changez son mode de fusion en superposition

Headphone Design avec photoshop

Maintenant prenez l’outil gomme (E) et effacez la partie qui recouvre le visage.

Headphone Design avec photoshop

Mettez-vous sur le troisième calque du model puis allez dans Menu > Filtre > Esthétiques > Contours lumineux.

Headphone Design avec photoshop

Désaturez votre image en allant dans Menu > Image > Réglages > Désaturation (Ctrl+Shift+U).

Headphone Design avec photoshop

Changez son mode de fusion en superposition et réduisez son opacité à 61%

Headphone Design avec photoshop

Agrandissez-le pour le décaler de quelques pixels du calque du model

Headphone Design avec photoshop

Dupliquez-le et faites la même chose avec le deuxième calque

Headphone Design avec photoshop

Créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) en mode incrustation , les brushes disponible dans le pack en haut et dessinez les formes suivantes

Headphone Design avec photoshop

Importez la texture suivante dans votre document et ajustez-la comme ceci

Headphone Design avec photoshop

Changez son mode de fusion en superposition

Headphone Design avec photoshop

Importez le Halo suivant dans votre document et ajustez-le au niveau des écouteurs

Headphone Design avec photoshop

Changez son mode de fusion en Superposition

Headphone Design avec photoshop

Ensuite ajoutez un calque de réglage balance des couleurs en allant dans Menu > Calque > Nouveau calque de réglage > Balance des couleurs puis réglez les tons foncés comme ceci

Headphone Design avec photoshop

Et voilà le résultat

Headphone Design avec photoshop

Maintenant appuyez sur le raccourci Ctrl+Alt+Shift+E pour obtenir un nouveau calque avec une copie de tous les calques fusionnés

headphone design avec photoshop

Allez dans Menu > Filtre > Atténuation > Flou directionnel

headphone design avec photoshop

headphone design avec photoshop

Puis déplacez le calque juste derrière le premier calque de notre model

headphone design avec photoshop

Changez son mode de fusion en éclaircir

headphone design avec photoshop

Et voilà le résultat final

headphone design avec photoshop

51 COMMENTAIRES

  1. J’ai pas compris cette étape .. aidez -moi 🙁
    Maintenant nous allons importer cinq textures grunge
    celant l’ordre suivant, le mode de fusion et l’opacité.

  2. tu dois avoir 5 calques de ta texture qui doivent etre placés au dessus de ton dégradé. en suite il te suffit de changer leur mode de fusion et leur opacité selon l’ordre indiqué dans le tuto, je vois pas ce qui peux poser probleme a ce niveau? 😉

  3. Salut Tutsps !
    J’ai une question..Où es-que tu trouve tes modèle ou image, car elle sont superbe, sa fait un an que je suis tes tutos, mais je me suis toujours demandé où tu allé cherché t’es image..:)

  4. Bonjour, tout d’abord MERCI pour ce site excellent qui m’apprend comment utiliser photoshop^^sans vous je serai perdu 🙂 J’ai le même problème que Moumitta, je ne comprend pas de quelles “textures grunge” on parle. Ca a l’air tout simple ou on est très bête lol, mais je suis débutant et…Voilà ^^’ Si quelqu’un pouvait m’aider…:)
    Merci d’avance 🙂

  5. Haaa j’ai compris >_< Moumitta, il faut aller dans l’onglet “couches” au dessus de tes dégradés. Tu auras les calques mentionnés 🙂
    A part ça super tuto. Comment pouvons-nous envoyer des mp à la personne réalisant les tutos svp…?^^

  6. Ah non en fait…OMG help et c’est mon dernier message ici parce que là je flood et j’aime pas ça ^^’
    Excusez moi pour ces trois posts à la suite. ;-(

  7. Bonjour,
    @Multi commencez par importer la 1ère texture grunge dans le pack nommée “1”, regardez dans le tableau pour son mode de fusion et opacité puis faites la même chose pour les autres textures.
    merci et à très bientôt

  8. Bonjour,
    C’est bon merci j’ai trouvé^^ je n’ai eu l’idée qu’après que il fallait importer les textures 🙂 Mais le dire en postant 4 posts ça aurait fait désordre ^^’
    J’ai une question: Où trouvez-vous vos images ? Est ce que c’est un site particulier ? ou juste google images (ce dont j’en doute)
    Merci et encore bravo pour ce superbe site 😉

  9. Bonjour,
    C’est bon merci j’ai trouvé^^ je n’ai eu l’idée qu’après que il fallait importer les textures 🙂 Mais le dire en postant 4 posts à la suite ça aurait fait désordre ^^’
    J’ai une question: Où trouvez-vous vos images ? Est ce que c’est un site particulier ? ou juste google images (ce dont j’en doute)
    Merci et encore bravo pour ce superbe site 😉

  10. Bonjour,

    Question bête d’un amateur, arrivé à l’étape de l’utilisation de l’outil de densité + pour donner un effet spécial. Sur l’image on voit des + partout.

    Dois-je en conclure qu’il faut suivre tous les + pour assombrir les zones modérément ou il faut juste assombrir à l’endroit du +.

    Merci d’avance.

  11. Bonjour,
    Je suis arrivé à l’étape des notes de musiques sans trop de problème. Seulement, j’ai peur d’avoir compris cette étape:
    “Créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) en mode incrustation , les brushes disponible dans le pack en haut et dessinez les formes suivantes”
    Hum, on est censé les dessiner à la souris ? o.O Faire les lignes soi-même ? Ou alors j’ai mal compris et il y a déjà la forme disponible quelque part…?
    Merci d’avance, et très beau site 🙂

  12. Bonjour tout le monde !
    Moi ce que je n’ai pas compris c’est cette étape : “Importez l’image sélectionnée dans votre document principal et ajustez-la comme ceci”, je n’arrive pas à ajuster mon image, qui est trop grande. ;-( Quelqu’un pourrait-il m’éclairer ?