In this tutorial, we'll learn how to create some abstract shapes and combine them to create a funky music inspired design. This illustration, could serve as a good starting point for a flyer or other design. Let's get started!
Final Image Preview
Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.
Create a circle with the Ellipse Tool (L). Fill it with black and leave the Stroke empty. Go to the Toolbar and select the Knife Tool, then use it to cut the circle into random pieces.
Group the pieces (Command + G) and go to Effect > Distort & Transform > Roughen and apply the settings below, then click OK.
Use the Direct Selection Tool (A) to select shapes, then move them randomly around.
Select the shape with the Selection Tool (V) and apply a linear gradient fill. Because of the roughen effect, it looks like we applied several different gradients.
Duplicate the shape and add another gradient. I chose a red to white gradient. Overlap them. Then select both and go to Object > Envelop Distort > Make with Warp, choose the Twist option, and use the settings shown below.
Create another circle and repeat Step 1 and Step 2. Leave the Fill empty and apply a Stroke of 1pt black. Apply the Roughen Effect again. It will give it a neat scribble look. If you want to have it look thinner, just apply a smaller Stroke.
Set the scribble shape for the back and then place the others shapes on top. Duplicate them as necessary. Apply a Drop Shadow if you want.
Let create some weird looking headphones. Create a circle with a 7pt Stroke, gray and set to inside. Also, fill it with a light gray to white radial gradient.
Then duplicate the circle, remove the Stroke and add an Outer Glow (Effect > Stylize > Outer Glow).
Create another slightly smaller circle and fill it with a dark gray radial gradient, then set the Stroke to 1pt black.
Create another circle and fill it with the Sticks Pattern. Either open the Pattern Library under the Swatch palette or go to Windows > Swatch Libraries > Patterns.
Create yet another smaller circle and fill it with a gray to black radial gradient.
Create a funky wing like object with the Pen Tool (P) and fill it with white.
Create one last tiny circle filled with a radial gradient and an Outer Glow.
Now take all the circles together and place then on top of each other. Add some patterns for more texture.
Create a long, thin rectangle (M) and fill it with a dark linear gradient and apply a dramatic Drop Shadow. Put it aside.
Create a line using the Pen Tool (P) with a 9pt Stoke. Then go to Effect > Distort & Transform > Zig Zag and apply the settings below.
Create a shape for the head part of the headphones and fill it with a linear gradient and a Drop Shadow.
Duplicate the shape and fill it with a funky patterns.
Create another shape like the one below with a gradient and a Drop Shadow.
Stack the shapes together.
Now take the headphone shapes and group them (Command + G). Place them on top of the background shapes. Then take the rectangle from Step 16 and use it as a cord. Then take the Zig Zag shape and place it on the bottom. You might want to create some other shapes to simulate the headphone cord parts.
Make a copy of the Zig Zag shape and apply the Arc Warp option. (Object > Envelope Distort > Make with Warp) and apply a Drop Shadow.
Make a duplicate of the just created shape and mirror it (Command + O). Place them behind the headphones.
This is the final outcome. I added some simple lines with
the Pen Tool (P) and created some bands, which where just simple rectangles with warped applied.
You can now take this a bit further and create a flyer or other design piece. I hope you had fun and learned something new!
Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post