Un tout nouveau tutoriel dans Tutsps, nous allons réaliser dans ce dernier un magnifique montage avec plein d’effet de lumière, de particule, de couleur et de nouvelles astuces pour Photoshop.

Affiche House Musique design avec Photoshop

Bienvenu dans ce nouveau tutoriel, donnez un effet lumineux à vos affiches avec Photoshop, dans ce dernier nous allons réaliser une affiche House Musique avec des effets hallucinants en utilisant des technique simple mais efficace pour renforcer notre rendu.

Et voilà un aperçu du résultat final

Tuto Affiche House Musique design avec Photoshop

Avant de commencer, téléchargez le pack de ressource suivant puis ouvrez un nouveau document de 1900×1200 pixels , résolution 72 dpi , couleurs RVB8bits .

Ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Maintenant sois vous créez vous-même les haut-parleurs sois vous importez directement les images depuis le pack pour ceux qui veulent créer les haut-parleurs voilà le tutoriel

Importez l’image des haut-parleurs dans votre document comme ceci.

Tuto Affiche House Musique design avec Photoshop

Puis dupliquez- la ( Ctrl+J ), et ajustez les images comme ceci

Tuto Affiche House Musique design avec Photoshop

Ensuite dupliquez toute la colonne, déplacez la vers la droite et réduisez ça taille de quelques pixels

Tuto Affiche House Musique design avec Photoshop

Pour obtenir une meilleurs perspective refaite la même chose et au centre faites le contraire

Tuto Affiche House Musique design avec Photoshop

Fusionnez toutes les images des haut-parleurs et rendez-vous dans les options de fusion

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

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

Tuto Affiche House Musique design avec Photoshop

Puis changez son mode de fusion en Superposition

Tuto Affiche House Musique design avec Photoshop

Maintenant créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) avec une forme de 39px , une dureté de 100% et 16% pour l’opacité de l’outil puis dessinez un rectangle formé avec des ronds comme ceci.

Tuto Affiche House Musique design avec Photoshop

Dans un autre calque dessinez des ronds au-dessus des autres en changeant les couleurs et l’opacité

Tuto Affiche House Musique design avec Photoshop

Fusionnez les deux calque ( Ctrl+E ) et effacez les extrémités en utilisant l’outil gomme (E) et une forme douce.

Tuto Affiche House Musique design avec Photoshop

Dupliquez le calque puis appliquez dessus un filtre flou gaussien en allant dans Menu > Filtre > Atténuation > Flou gaussien.

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Créez un autre calque, toujours avec l’outil pinceau (B) , sélectionnez des brushes éclat de caractère, la couleur bleu clair # 9cc0e3 et dessinez-avec au centre comme ceci.

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Rendez-vous dans les options de fusion

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Maintenant importez l’image du Subwoofer suivante dans votre document et ajustez-la au centre

Tuto Affiche House Musique design avec Photoshop

Puis rendez-vous dans les options de fusion

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Faites une sélection radial en utilisant l’outil ellipse de sélection (M)

Tuto Affiche House Musique design avec Photoshop

Dupliquez la sélection ( Ctrl+J ) et agrandissez sa taille ( Ctrl+T ) en maintenant les touches Shift et Alt enfoncé pour avoir un agrandissement en partant du centre.

Tuto Affiche House Musique design avec Photoshop

Réduisez l’opacité du calque à 46% pour obtenir un effet de flou

Tuto Affiche House Musique design avec Photoshop

Faites la même chose pour le pavillon central ce qui vous donne le résultat suivant

Tuto Affiche House Musique design avec Photoshop

Créez un autre calque et appliquez dessus un filtre nuages en allant dans Menu > Filtre > Rendu > Nuages.

Tuto Affiche House Musique design avec Photoshop

Changez son mode de fusion en incrustation

Tuto Affiche House Musique design avec Photoshop

Importez la texture suivante dans votre document

Tuto Affiche House Musique design avec Photoshop

Changez son mode de fusion en Superposition et réduisez son opacité à 22% .

Tuto Affiche House Musique design avec Photoshop

Maintenant importez la texture suivante dans votre document et ajustez-la au niveau du Subwoofer.

Tuto Affiche House Musique design avec Photoshop

Changez son mode de fusion en Superposition

Tuto Affiche House Musique design avec Photoshop

Créez un nouveau calque, prenez l’outil pinceau (B) , dessinez un rond bleu #a6ccee au centre.

Tuto Affiche House Musique design avec Photoshop

Changez son mode de fusion en lumière vive et réduisez son opacité à 45% .

Tuto Affiche House Musique design avec Photoshop

Pour finir Ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Tuto Affiche House Musique design avec Photoshop

Puis changer son mode de fusion en Lumière tamisée et réduisez son opacité à 33% .

Tuto Affiche House Musique design avec Photoshop

Et voilà le résultat final

Tuto Affiche House Musique design avec Photoshop

57 COMMENTAIRES

  1. avez vous une petite astuce pour utiliser la selection eliptique , car il faut se placer au coin d’un carre imaginaire qui engloberait la selection voulu mais je tombe pas pil poil de suite a chaque fois :siffle:
    merci
    bravo a l’editeur pour tous ce travaile tres bien detailler

  2. ced1dric pour répondre à ta question quand tu fais ta selection eliptique (tu la fais rapidement ce n’est pas grave si elle n’est pas parfaite), une fois que tu as ta selection tu vas dans Menu>Selection>Transformer la selection et la tu peux l’arranger comme bon te semble.
    Voili voilou en espérant t’avoir aidé 🙂

  3. bonjour a tous
    jai le phto cs5
    jai un petit probleme sans doute parske je debute mai je n’ai pas loutils elipse comment faire pour me le procurer??
    merci davance pour votre aide

  4. Salut a tous, super j’adore mais quand on importe la photo du premier haut-parleur il y a un fond blanc. faut-il faire la découpe? merci d’avance 😉

  5. Salut ,

    L’objet nommé “texture_tutsps_2” (le truc bleu qui tourne) ou je peut en trouver d’autre ou comment cela s’appel t’il svp 🙂

  6. Bonjour j’ai un petit souci, a ce moment “Maintenant créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) avec une forme de 39px , une dureté de 100% et 16% pour l’opacité de l’outil puis dessinez un rectangle formé avec des ronds comme ceci.”
    Je ne sais pas faire cette démarche peux-tu développer d’avantage? Merci d’avance 🙂

  7. Bonjour j’ai un petit souci, a ce moment

    “Maintenant créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) avec une forme de 39px , une dureté de 100% et 16% pour l’opacité de l’outil puis dessinez un rectangle formé avec des ronds comme ceci.”

    Je ne sais pas faire cette démarche peux-tu développer d’avantage? Merci d’avance 🙂

  8. Lulu69, Eloden et Enlsid …

    J’ai eu le même problème que vous.
    J’ai trouvé une solution, qui n’est pas la bonne c’est sûr, mais bon, ça marche et ça rend exactement pareil.
    J’ai donc fais avec l’outil pinceau, 5 cercles blancs en colonne.J’ai ensuite dupliqué le calque, et avec l’outil ddéplacement, j’ai déplacé cette colonne vers la droite.
    J’ai recommencé cette opération jusqu’au bout. il faut juste que la 1ère colonne soit bien droite et un peu de patience…en attendant la bonne méthode.

  9. Slt tout le monde est ce que cette creation est realisable sur Photoshop CS6 ? Svp parce que j’ai vu qu’il ya ecrit «Photoshop CS5 Extended» merci de repondre 🙂

  10. Svp je suis bloquer a ce moment la : Faites la même chose pour le pavillon central ce qui vous donne le résultat suivant.
    Pouvez-vous argumenter mieux ??? je ne comprends pas … merci de repondre 😀