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
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 .
Puis, prenez l’outil rectangle (U) et dessinez un rectangle blanc comme ceci.
Ensuite, rendez-vous dans les options de fusion
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).
Ensuite, fusionnez les quatre rectangle ( Ctrl+E ) et allez dans Menu > Filtre > Déformation > Coordonnées polaires
Maintenant, masquez le calque que vous avez créé en cliquant sur le petit œil à côté de la vignette du calque.
Ensuite, prenez l’outil trait (U) et dessinez un trait de 2-3 pixels blanc comme le montre l’image ci-dessous.
Puis, dupliquez le trait une vingtaine de fois tout en changeant de longueur pour chaque trait
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.
Ensuite, allez dans Menu > Filtre > Déformation > Coordonnées polaires, faites-le pour les deux calques séparément.
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%.
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.
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. )
Ensuite fusionnez les trois calque ( Ctrl+E ), allez dans Menu > Filtre > Déformation > Coordonnées polaires
Nous avons plusieurs forme, affichez-les toutes et ajustez-les comme ceci, juste pour voir.
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.
Puis dessinez votre nouvelle forme comme ceci.
Ensuite dupliquez la deux ou trois fois,
Ensuite fusionnez les trois calque ( Ctrl+E ), allez dans Menu > Filtre > Déformation > Coordonnées polaires
Maintenant, répétez les mêmes étapes plusieurs fois en changeant de forme et d’outil.
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.
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 –
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 )
Vous pouvez aussi utiliser d’autre couleur comme le rouge et l’orange sur la partie central.
Ensuite, créez un nouveau calque et allez dans Menu > Filtre > Rendu > Nuages .
Changez son mode de fusion en lumière tamisée .
Ajoutez votre texte comme ceci si vous le voulez mais c’est optionnel.
Puis, importez le halo suivant dans votre document et ajustez-le comme ceci.
Après, changez son mode de fusion en superposition
Ensuite, créez un nouveau calque et allez dans Menu > Filtre > Rendu > Nuages .
Puis, appliquez dessus un filtre flou radial en allant dans Menu > Filtre > Flou > Flou radial .
Changez son mode de fusion en Lumière tamisée.
Maintenant, importez la texture de particule suivante dans votre document.
Après, changez son mode de fusion en superposition
Pour finir, ajoutez un calque de réglage Correspondance de couleur en allant dans Menu > Calque > Nouveau calque de réglage > Correspondance de couleur
Et voilà le rendu final.
Vous pouvez même l’animer avec After effect
Extraordinaire ! Et l’animation… :-O Épatante !
J’adore 🙂
Voilà pour ma part. Un peu différent dans les formes, choses qui est normal.
J’apprécie bien mon rendu 🙂
http://image.noelshack.com/fichiers…
LOURD!!! ^_^ Je vais m’y mettre !!!! 🙂 Merci.
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 🙂
Magnifiquement extraordinaire merci beaucoup LOL
Bonjour,
je n’arrive pas à garder les points bien ronds lorsque je mets le filtre de deformation coordonnees polaires
pouvez vous m aider
Extraordinaire !
trop cool merci bcp 🙂
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 !
Terrible ce tuto!!! ^_^ Merci Grafolog de nous gaver de tutos aussi terribles les uns comme les autres! Ça serai vraiment bien aussi un petit tuto pour apprendre à réaliser cette animation sous After Effect. Voici ma réalisation: http://ceydoo-blueshine.deviantart…. lol 😛
Merci voilà pour ma part
https://plus.google.com/11462052385…
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.
Bonjour, @Quun pour que ton cercle soit parfait il faut que l’addition des deux distances des bordures gauche et droite et égale aux espaces laissés entre les rectangles.
merci
Merci beaucoup @Grafolog! Je vais pouvoir continuer ce super tuto! 😀
Bonjour,
Une fois fais les traits http://image.noelshack.com/fichiers…
j’ai 2 problèmes: 1) mes traits sont noir et pas blanc et impossible de les colorer. Et 2) une fois que je veux les déformer en ” coordonées polaire” il me met un message http://image.noelshack.com/fichiers…
Est-ce normal ? 🙁
Merci d’avance 🙂
Commenter :c telment magnifique g croi que g trouver la reponce à mes questions.