Bienvenue dans ce nouveau tutoriel, comme d’habitude nous allons apprendre plus sur photoshop, nous allons utiliser le filtre déformation pour créer un magnifique spectre audio avec des effets de lumières dynamiques.

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

tuto gratuit Créer un effet de spectre audio avec photoshop

Pour commencer le travail, vous devez télécharger le pack de ressource suivant puis ouvrez un nouveau document de 1500×1500 pixels , résolution 72Dpi , couleurs RVB8bits avec un fond noir .

tuto gratuit Créer un effet de spectre audio avec photoshop

Puis, prenez l’outil rectangle (U) et dessinez un rectangle blanc comme ceci.

tuto gratuit Créer un effet de spectre audio avec photoshop

Ensuite, rendez-vous dans les options de fusion

tuto gratuit Créer un effet de spectre audio avec photoshop

tuto gratuit Créer un effet de spectre audio avec photoshop

Après, dupliquez le rectangle trois fois et ajustez-les comme ceci (la distance entre les rectangle doit être la même, vous le faites soit avec des repères soit avec un autre rectangle témoin).

tuto gratuit Créer un effet de spectre audio avec photoshop

Ensuite, fusionnez les quatre rectangle ( Ctrl+E ) et allez dans Menu > Filtre > Déformation > Coordonnées polaires

tuto gratuit Créer un effet de spectre audio avec photoshop

tuto gratuit Créer un effet de spectre audio avec photoshop

Maintenant, masquez le calque que vous avez créé en cliquant sur le petit œil à côté de la vignette du calque.

tuto gratuit Créer un effet de spectre audio avec photoshop

Ensuite, prenez l’outil trait (U) et dessinez un trait de 2-3 pixels blanc comme le montre l’image ci-dessous.

tuto gratuit Créer un effet de spectre audio avec photoshop

Puis, dupliquez le trait une vingtaine de fois tout en changeant de longueur pour chaque trait

tuto gratuit Créer un effet de spectre audio avec photoshop

Fusionnez tous les traits ( Ctrl+E ) puis dupliquez le calque fusionné deux fois, masquez un des deux car nous allons l’utiliser plus tard, puis allez dans Menu > Edition > Transformation >Symétrie axe horizontal.

tuto gratuit Créer un effet de spectre audio avec photoshop

Ensuite, allez dans Menu > Filtre > Déformation > Coordonnées polaires, faites-le pour les deux calques séparément.

tuto gratuit Créer un effet de spectre audio avec photoshop

tuto gratuit Créer un effet de spectre audio avec photoshop

Masquez le calque en cliquant sur le petit œil à côté de la vignette du calque puis affichez le calque des traits que vous avez masqué précédemment et réduisez son opacité à 13%.

tuto gratuit Créer un effet de spectre audio avec photoshop

Créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) avec une forme ronde de 4px et une dureté de 100% puis dessinez un point sur chaque terminaison des segments pour obtenir l’effet suivant.

tuto gratuit Créer un effet de spectre audio avec photoshop

Créez un autre calque, et reliez les points avec un trait de 1px en utilisant toujours l’outil pinceau (B) et une opacité de 25%.

(Pour avoir des traits droits sous Photoshop ; Faites un point avec votre outil là où vous voulez commencer le segment.
Maintenez la touche majuscule enfoncée tout en faisant un point là où vous voulez terminer le segment. Un trait apparaîtra alors entre ces deux points.
)

tuto gratuit Créer un effet de spectre audio avec photoshop

Ensuite fusionnez les trois calque ( Ctrl+E ), allez dans Menu > Filtre > Déformation > Coordonnées polaires

tuto gratuit Créer un effet de spectre audio avec photoshop

tuto gratuit Créer un effet de spectre audio avec photoshop

Nous avons plusieurs forme, affichez-les toutes et ajustez-les comme ceci, juste pour voir.

tuto gratuit Créer un effet de spectre audio avec photoshop

Nous allons maintenant créer d’autre forme, créez un autre calque, prenez l’outil pinceau (B) et affichez les options des formes en appuyant sur le bouton F5 de votre clavier.

tuto gratuit Créer un effet de spectre audio avec photoshop

tuto gratuit Créer un effet de spectre audio avec photoshop

Puis dessinez votre nouvelle forme comme ceci.

tuto gratuit Créer un effet de spectre audio avec photoshop

Ensuite dupliquez la deux ou trois fois,

tuto gratuit Créer un effet de spectre audio avec photoshop

Ensuite fusionnez les trois calque ( Ctrl+E ), allez dans Menu > Filtre > Déformation > Coordonnées polaires

tuto gratuit Créer un effet de spectre audio avec photoshop

Maintenant, répétez les mêmes étapes plusieurs fois en changeant de forme et d’outil.

tuto gratuit Créer un effet de spectre audio avec photoshop

Nous allons maintenant appliquer des styles de calque sur les formes. Mettez-vous sur la première forme que vous avez créée et rendez-vous dans les options de fusion.

tuto gratuit Créer un effet de spectre audio avec photoshop

tuto gratuit Créer un effet de spectre audio avec photoshop

tuto gratuit Créer un effet de spectre audio avec photoshop

tuto gratuit Créer un effet de spectre audio avec photoshop

Dupliquez votre calque et convertissez-le en objet dynamique en allant dans Menu > Calque > Objets dynamiques > Convertir en objet dynamique, puis changez son mode de fusion en Densité couleur –

tuto gratuit Créer un effet de spectre audio avec photoshop

Ensuite, appliquez les même styles de calque sur toutes les forme ( pour faire vite, allez dans Menu > Calque > Style de calque > Copie/coller les styles de calque )

tuto gratuit Créer un effet de spectre audio avec photoshop

Vous pouvez aussi utiliser d’autre couleur comme le rouge et l’orange sur la partie central.

tuto gratuit Créer un effet de spectre audio avec photoshop

Ensuite, créez un nouveau calque et allez dans Menu > Filtre > Rendu > Nuages .

tuto gratuit Créer un effet de spectre audio avec photoshop

Changez son mode de fusion en lumière tamisée .

tuto gratuit Créer un effet de spectre audio avec photoshop

Ajoutez votre texte comme ceci si vous le voulez mais c’est optionnel.

tuto gratuit Créer un effet de spectre audio avec photoshop

Puis, importez le halo suivant dans votre document et ajustez-le comme ceci.

tuto gratuit Créer un effet de spectre audio avec photoshop

Après, changez son mode de fusion en superposition

tuto gratuit Créer un effet de spectre audio avec photoshop

Ensuite, créez un nouveau calque et allez dans Menu > Filtre > Rendu > Nuages .

tuto gratuit Créer un effet de spectre audio avec photoshop

Puis, appliquez dessus un filtre flou radial en allant dans Menu > Filtre > Flou > Flou radial .

tuto gratuit Créer un effet de spectre audio avec photoshop

tuto gratuit Créer un effet de spectre audio avec photoshop

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

  tuto gratuit Créer un effet de spectre audio avec photoshop

Maintenant, importez la texture de particule suivante dans votre document.

tuto gratuit Créer un effet de spectre audio avec photoshop

Après, changez son mode de fusion en superposition

tuto gratuit Créer un effet de spectre audio avec photoshop

Pour finir, ajoutez un calque de réglage Correspondance de couleur en allant dans Menu > Calque > Nouveau calque de réglage > Correspondance de couleur

tuto gratuit Créer un effet de spectre audio avec photoshop

Et voilà le rendu final.

tuto gratuit Créer un effet de spectre audio avec photoshop

Vous pouvez même l’animer avec After effect

16 COMMENTAIRES

  1. J’étais justement entrain de me dire que ça serai stylé sur after effect, et je vois la video en bas du tuto 😛
    Quelqu’un a un lien du tuto After Effect ? si il existe biensure

    Merci 🙂

  2. Bonjour,
    chaque semaine, j’attends avec impatience les nouveaux tuto, comme beaucoup de monde. Jusqu’à present, j’ai jamais osé laisser un commentaire et pourtant j’ai beaucoup appris en venant ici.
    Mais là, c’est bluffant de voir cette image prendre vie dans cette animation After effect. et honnetement, un petit tuto pour apprendre a faire ça sous after effet, ça serai vraiment cool… et merci pour toutes ces oeuvres depuis temps d’années !

  3. Bien le bonjour (ou bonsoir), j’ai malheureusement un problème que je n’arrive pas à régler, pourtant j’ai bien essayé plusieurs fois mais rien n’y fait… ;-(
    Donc alors, mon problème est que quand je dois faire la déformation polaire, je n’obtient pas vraiment un cercle… s’en est même presque comique… http://prntscr.com/51f2xm
    Des idées, ou même une aide quelconque? Vous remerciant par avance de l’aide que vous pourrez m’apporter.