Dans ce tuto, nous allons apprendre plusieurs techniques pour créer un super effet de lumière en forme de halo avec Photoshop.

Créer un Halo avec Photoshop

 

Voilà l’aperçu final de notre tuto

Tuto photoshop pour Créer un Halo avec Photoshop

Ouvrez un nouveau document de 1280×1024 pixels résolution 72Dpi couleurs RVB8Bits

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

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Ensuite ajoutez un autre calque de remplissage dégradé Noir et blanc comme ceci

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Changez son mode de fusion en Densité couleur –

Tuto photoshop pour Créer un Halo avec Photoshop

Prenez l’outil ellipse (U) et dessinez la forme suivante

Tuto photoshop pour Créer un Halo avec Photoshop

Appliquez dessus un contour dans les options de fusion

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Maintenant nous allons créer un calque à partir du contour, allez dans Menu > Calque > Style de calque > Créer un calque ceci va transformer le contour en un calque

Tuto photoshop pour Créer un Halo avec Photoshop

Mettez vous sur le calque du contour noir et allez dans Menu > Filtre > Atténuation > Flou Gaussien

Tuto photoshop pour Créer un Halo avec Photoshop

Sélectionnez ces deux derniers calques et fusionnez-les (Ctrl+E)

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

Tuto photoshop pour Créer un Halo avec Photoshop

Changez son mode de fusion en Densité couleur –

Tuto photoshop pour Créer un Halo avec Photoshop

Dupliquez votre calque (Ctrl+J) et déplacez-le au dessus du premier

Tuto photoshop pour Créer un Halo avec Photoshop

Ensuite allez dans Menu > Edition > Transformation manuel et dilatez le comme ceci

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Faite la même chose pour le troisième mais en le rétractant

Tuto photoshop pour Créer un Halo avec Photoshop

Dupliquez ce dernier (Ctrl+J) et allez dans Menu > Edition > Transformation > Rotation 90° horaire

Tuto photoshop pour Créer un Halo avec Photoshop

Déplacez votre rayon vers le centre puis aplatissez-le (Menu > Edition > Transformation manuel)

Tuto photoshop pour Créer un Halo avec Photoshop

Ensuite dupliquez votre calque deux fois et déplacez-les pour obtenir ceci

Tuto photoshop pour Créer un Halo avec Photoshop

Dupliquez le calque horizontal une dernière fois et déplacez-le comme ceci

Tuto photoshop pour Créer un Halo avec Photoshop

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

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Ensuite allez dans Menu > Filtre > Atténuation > Flou Gaussien

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Changez son mode de fusion en Densité couleur –

Tuto photoshop pour Créer un Halo avec Photoshop

Prenez l’outil gomme (E) et effacez quelques bouts des cercles comme ceci

Tuto photoshop pour Créer un Halo avec Photoshop

Créez un nouveau calque (Ctrl+Shift+N) et remplissez le avec du Noir en utilisant l’outil pot de peinture (G)

Tuto photoshop pour Créer un Halo avec Photoshop

Puis prenez l’outil pinceau (B) avec un diamètre de 9 pixels, dureté 100%, couleur Blanche et dessinez des points comme ceci

Tuto photoshop pour Créer un Halo avec Photoshop

Ensuite allez dans Menu > Filtre > Atténuation > Flou radial

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Changez son mode de fusion en Densité couleur –

Tuto photoshop pour Créer un Halo avec Photoshop

Créez un autre calque, toujours avec l’outil pinceau (B) et les couleurs #fe2a2b, #1246ef, #4da139 colorez sur ce dernier comme ceci

Tuto photoshop pour Créer un Halo avec Photoshop

Changez son mode de fusion en Lumière tamisée

Tuto photoshop pour Créer un Halo avec Photoshop

Importez dans votre document la texture suivante

Tuto photoshop pour Créer un Halo avec Photoshop

Changez son mode de fusion en superposition

Tuto photoshop pour Créer un Halo avec Photoshop

Ensuite allez dans Menu > Filtre > Atténuation > Flou Radial

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

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

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Changez son mode de fusion en Lumière tamisée et réduisez son opacité à 45%

Tuto photoshop pour Créer un Halo avec Photoshop

Créez un nouveau calque et remplissez-le avec la couleur suivante #ffae00

Tuto photoshop pour Créer un Halo avec Photoshop

Changez son mode de fusion en Produit et réduisez son opacité à 45%

Tuto photoshop pour Créer un Halo avec Photoshop

Maintenant appuyez sur le raccourci suivant (Ctrl+Alt+Shift+E) pour obtenir un nouveau calque avec touts les calques fusionnés et coller dessus puis changez son mode de fusion en Incrustation et réduisez son opacité à 30%

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Dupliquez votre calque et changez son mode de fusion en superposition et laissez l’opacité 30%

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Dupliquez le calque une autre fois puis changez son mode de fusion en Incrustation et réduisez son opacité à 76%.

Tuto photoshop pour Créer un Halo avec Photoshop

Tuto photoshop pour Créer un Halo avec Photoshop

Ensuite allez dans Menu > Edition > Transformation manuel et agrandissez-le comme ceci

Tuto photoshop pour Créer un Halo avec Photoshop

Et voilà le résultat final (le mode de fusion du texte est Densité couleur – et la police utilisée Bickham Script Pro)

Tuto photoshop pour Créer un Halo avec Photoshop

41 COMMENTAIRES

  1. Vraiment bien, ce qui serait pas mal pour un nul comme moi en la matière, c’est de connaître ton timing, à peu prêt pour se rendre compte par rapport au travail nécessaire!

    Génial en tout cas ce site!

  2. Merci beaucoup^pour ce tuto génial =).
    Par contre je suis bloquer a ce niveau la, j’ai du mal a comprendre ce que tu veux dire :-O .
    “Maintenant appuyez sur le raccourci suivant (Ctrl+Alt+Shift+E) pour obtenir un nouveau calque avec touts les calques fusionnés et coller dessus puis changez son mode de fusion en Incrustation et réduisez son opacité à 30% “

    Quand je fait (Ctrl+Alt+Shift+E) sa me duplique le calque inferieur.
  3. @ Yoan2607

    Bonjour,
    Créer un nouveau calque, puis fais Menu > Image > Appliquer Image (j’espère que c’est ça en FR mon Photoshop est Shakespearien 🙂

    Tu auras le même résultat qu’avec ce qu’on l’obtient normalement avec le raccourci 😉

    En éspèrant avoir pu t’aider.

  4. @ Yoan2607
    Fait un CTRL+A pour tt selectionner ensuite fait un CTRL+Maj+C pour copier avec fusion Ensuite fait un CTRL+Maj+N pour creer un nouveau calque et pour finir fait un CTRL+V pour coller le tout.
    Un CTRL+Maj+Alt+E te sert a faire tte la manipulation ci dessus en un seul raccourci

  5. @Letsar
    Normalement tu l’as deja dans tes fonts d’origine. J’étais comme toi je l’ai cherchée partout jusqu’au un moment ou je me suis rendu compte que je l’avais déjà dans mon fichier source des fonts! :p

  6. @tozzz les gout et les couleurs ne se discute pas sache le, et de plus sa apprend au débutant un peu de tout donc c’est génial =D ! super tutos ^^

  7. @tozzz tout d’abord je te conseille d’apprendre à écrire, 5 fautes et 4 mots oubliés en 1 phrase, ça fait beaucoup. Ensuite, tu es insultant envers des personnes qui partagent leurs idées, expériences et savoir-faire de manière libre et gratuite, donc même si tu n’apprécies par leur travail tu pourrais le dire d’une autre façon, ça s’appelle le respect.

    Merci pour tous ces tutos Grafolog, ils m’ont bien plus appris que mon prof de création graphique 😀

  8. @tozzz sérieux avant de critiquer de bonnes initiatives comme ce site, tu pourrait nous montrer ton site pour aider les débutants ? ou sont tes réalisations ?
    La critique est facile mais l’art lui est difficile ! :-C
    Alors à moins que tu ai un site dans le même genre qui apprend au débutant à faire de magnifiques montages comme sur ce site, évite de critiquer le travail des autres comme ça.

    Au passage mercii Graphologue ! 🙂

  9. Et voilà le résultat final (le mode de fusion du texte est Desnisté couleur – et la police utilisée Bickham Script Pro)

    Petite faute, c’est Densité 🙂

  10. pour le texte sa serais simpa d’expliquer comment vous avez fait 😯 si se n’est pas trop demandé biensur pcq quand ont fait un tuto ont l’expliquer jusqu’a la fin…

  11. par tozzz

    franchement depuis quelque moi vous que la ****, fait des choses interessante au lieux de perdre son temps…

    En français sa donne quoi ?

    Sinon magnifique tutoriel ton site m’aide beaucoup j’en apprend plein de chose à chaque tuto 🙂

  12. salut moi c’est yannick et je suis aussi un jeune infographe , au faite c’est juste pour vous remercié pour vos tuto . Juste pour échangé quelque mot avec vous sur whatsapp voici mon whatsapp 00229 66 63 97 16

  13. Salut.
    franchement, ce site m’a redonné un goût spécial et m’a fait voir que la créativité peut peut partir de zéro. j’aime bien les cours et c’est plus intéressant quand les même résultats te tombe sur l’écran. merci et du courage..