Sound Waves in Photoshop

For this Tutorial, you will need the profile image of a person screaming or talking.

1 - In Photoshop, open the image you chose as “Background”. The one we are using was outlined and placed in a separate “Layer” with a Transparent “Background”.

2 - Select the “Background” Layer and create a “New Fill or Adjustment Layer” by clicking on the small black and white circle at the bottom of the “Layers Panel”. Choose “Solid Color” and use Black (#000000) as “Fill” color.

3 - Now, select the “Background” Layer again and create another “Fill or Adjustment Layer” but choose “Gradient” this time and use White (#ffffff) to Transparent “Linear Gradient” with a -90° angle as “Fill”.

4 -With the “Gradient Layer” still selected, head to Filter > Distort > Wave. You will get a Pop-Up window asking you to convert your image, choose the format you prefer. Then, use the following values:

5 - If you need to adjust the “Filter” settings, just click on the Small Arrow on the right side of the layer’s thumbnail to show its contents and double-click on top of the “Wave” Smart Filter to open the settings window again.

6 - Enter “Free Transform” (Command/Control + T). You will get a warning Pop-Up about the “Smart Filters”, click “OK”. Resize the “Waves” to about half their size bay pulling the bottom handle up to reach the center of the document. Click on the small checkmark or hit “Enter” to “Commit Changes”.

7 - Head to the “Gradients Panel” and click on the small menu icon on the top-right and choose “Legacy Gradients”.

8 - Double-Click on top of the “Gradient Fill” layer thumbnail to apply the following “Layers Styles”:

Inner Shadow: (#000000)

Gradient Overlay: (Choose “Spectrum” from the “Legacy Gradients” folder)

9 - Once you are done applying the effects, right-click on top of the “Gradient Fill” layer Thumbnail and choose “Rasterize Layer”.

10 - Enter “Free Transform” (Command/Control + T). Resize the “Waves” again a bit and move the top down to reach the center of the document. Click on the small checkmark or hit “Enter” to “Commit Changes”.

11 - “Duplicate” the layer (Command/Control + J). Select the duplicate and go to Edit > Transform > Flip Vertical. Then, use the “Move Tool (V) to move it up so the centers touch each other to create a specular image.

12 - Create a “New Layer” by clicking on the small button at the bottom of the “Layers Panel”. Make sure it is placed on top of the second “Gradient Fill” layer.

13 - Select the “Gradient Tool” and make sure the White is the “Foreground” color. Click on the top of the canvas and drag down a couple of cm (while holding the “Shift” key) to create a White (#ffffff) to Transparent “Linear Gradient”.

14 - With it still selected, head to Filter > Distort > Wave and use the following values:

15 - Use the “Move Tool (V) to move the white waves down to the center of the document. “Duplicate” the layer (Command/Control + J). Select the duplicate and go to Edit > Transform > Flip Vertical. Then, use the “Move Tool (V) to move it up so the centers touch each other to create a specular image.

16 - Select both layers (“Shift” key), right-click on top of their thumbnails and choose “Merge Layers”.

17 - Double-Click on top of the resulting layer thumbnail to apply the following “Layers Styles”:

Inner Glow: (#c4e2fc, Contour: Ring)

Color Overlay: (#72d3fb)

Outer Glow: (#0032c0)

18 - Create a “New Layer” by clicking on the small button at the bottom of the “Layers Panel”. Make sure it is placed on top of the recently created merged layer (should be second from top). Use the “Rectangle Tool” (U) with the “Shape” option and White “Fill” selected in the Top Menu. Create a thin line (about 6 px thick) from the left to the right edges of the canvas. It should be vertically centered.

19 - Go to Filter > Distort > Wave. You will get a Pop-Up window asking you to convert your image, choose the format you prefer. Then, use the following values:

20 - Double-Click on top of its thumbnail to apply the following “Layers Styles”:

Outer Glow: (#030035)

21 - We noticed that the second “Waves” are a bit too long so we decided to fix them. Enter “Free Transform” (Command/Control + T). Resize them to your liking and re-position them if needed at the center of the document. Click on the small checkmark or hit “Enter” to “Commit Changes”.

22 - Create a “New Layer”. Make sure it is placed on top of the “Rectangle” layer (should be second from top). If needed, “Swap” (X) the “Foreground” and “Background” colors so Black is on top, then use the “Gradient Tool” to create a Black (#000000) to Transparent “Linear Gradient” from left to right. Cover a bit of the left side so the “Waves” seem to start from the persons mouth.

23 - Check it out!

by @lornacane

1 Like

This is an awesome tutorial! :slight_smile:

1 Like

Thanks! :blush:

1 Like

Not a problem!

1 Like

What an awesome totorial!!! :heart_eyes: Love it!:heart: Great job!! :clap:

2 Likes

Thank you very much! :smiley:

2 Likes