How to Easily Make a Soundwave in Photoshop
Photoshop Tips & Tricks
Making a complex soundwave in Photoshop is not as complex as you may think. In fact, it is very easy if you know which tools to use. In this tutorial, and in less than 5 minutes you will be able to make your own colorful soundwave starting from a single 1 px line. There are not extra plugins involved, we will be using just the default Photoshop tools and filters.
Step 1
Open Photoshop and make a new file at any size you want, but set the Background color to Black. In this case I will set my canvas size to 1000 x 1500 (in a Vertical orientation, which later we will rotate).
Step 2
Select the Line tool (U). In the top toolbar be sure to have the Mode set to “Shape”, the Fill to “White” and the Weight to “1 px”.
Step 3
Draw a line from the top to the bottom and center it in the middle of the canvas.
Step 4
Go to Layer > Rasterize > Layer. Rename this layer as “Bottom”.
Step 5
Go to Filter > Stylize > Wind. Set the Method to “Wind”, the Direction to be “From the left” and click OK.
Step 6
Go to Filter > Wind (or press Alt+Ctrl+F on your keyboard) four times to apply the same Wind effect 4 more times.
Step 7
Go to Image > Image Rotation > 90Âş Clockwise.
Step 8
Go to Layer > Duplicate Layer. Name this layer “Top” and click OK.
Step 9
With the “Top” layer selected, go to Edit > Transform > Flip Vertical.
Step 10
Reposition the “Top” layer to make both lines match in the middle as shown.
Step 11
Select the “Bottom” layer and go to Layer > New Fill Layer > Gradient. Be sure to check the “Use Previous Layer to Create Clipping Mask” option and click OK.
Step 12
In the Gradient Fill window, pick any gradient you want from the thumbnail dropdown. In this case I will be using “Spectrum”. Then set the Style to “Linear”, the Angle to “0º” and click OK.
Step 13
Press Ctrl+J on your keyboard to duplicate the Gradient Fill layer.
Step 14
Reposition the layer above the “Top” layer and go to Layer > Create Clipping Mask.
Step 15
As a finishing touch, select the “Bottom” layer and decrease the opacity to around 40% to make it look like a reflection.
More from Tutorials
Three Ways to Create a Handmade Look in Illustrator
Tutorialsby Diego Sanchez
Creating a handmade aesthetic from an existing design can add a sense of charm and individuality to your works, making them ideal for use in logos, emblems, product packaging, and illustrations. This style helps convey a more personal and crafted feel, which is perfect for projects that need to stand out. In Illustrator, you can easily replicate this effect in many different ways, but today I will show you three simple yet effective methods to achieve a hand-drawn look using the Brush Tool, Wrinkle Tool, and Blur Effects and these simple techniques will help you add organic textures, uneven edges, and a natural flow to your creations.
Read more
Easily Create Text Blocks in Illustrator
Tutorialsby Diego Sanchez
When you need to make text blocks in Illustrator, there are many ways to do it, from selecting each line of text individually and setting the proper font size, to using paragraph text and adjusting sizes and spacing. However, if you want to create a text block in less than a minute—which is especially useful for quote posters—you can use an automated method to do it quickly and effortlessly. Today, I’ll show you how to make a text block in Illustrator in a matter of seconds by using a single script, saving you time and enhancing your creative workflow. This method is perfect for experimenting with different typefaces and achieving unique results.
Read more
How to Easily Turn any Font into a Sketch Font in Illustrator
Tutorialsby Diego Sanchez
If you want to add a hand-drawn, artistic touch to your typography, turning your chosen font into a sketch-style font is a fantastic way to create eye-catching designs for posters, logos, or custom illustrations. Whether you're aiming for a rough pencil sketch look or a more refined line drawing, this effect adds creative flair to your text. Today, I’ll show you how to create this effect quickly and easily with any font using Illustrator's Appearance Panel. In just a few simple steps, you can completely transform your font style while keeping the text fully editable—making future tweaks a breeze!
Read more
How to Make a Heavy Grain Copy Effect in Photoshop
Tutorialsby Diego Sanchez
Photocopied effects are very popular these days, mostly used to give a design a grungy and weathered look. You may have seen this effect on flyers, posters, and even social media posts to promote different events. There are many different ways to create this effect, but today I will show you one of the simplest methods to make a heavy grain copy effect in Photoshop using the Filter Gallery, a Blur effect, and just one simple texture to make this effect look complete.
Read more