Lessons: 15Length: 1.7 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

3.5 Making Headphones

In this video we’ll be using various tools, shapes and warp effects to make a colorful headset.

3.5 Making Headphones

Hello, folks, and the welcome back to creating flat workspace elements for advertisements cars with YuLia Sokolova at tuts+. Today we'll be using various tools, shapes, and warp effects to make a colorful headset. Let's do it. We'll start from the headphone. First of all let's make a 30 by 135 pixels rectangle. And another one of 20 by 120 pixels size. Align the rectangles and place them next to each other. Create a third rectangle of 20 by 55 pixel size. Select the upper right anchor point of the middle rectangle, and use the Move Options panel to move it 30 pixels down. Do the same for the lower right anchor point, moving it 30 pixels up. Make the corners rounded with the help of the Live Corners function. Create a squashed ellipse, placing it at the left side of the headphone, so that its center crosses the edge. Let's apply the colors to the headphone. Start from the bigger rectangle, filling it with linear gradient of light gray shades. Make the gradient go vertical. Send the ellipse to back, and fill it with gray gradient as well. Now let's move to the plastic parts of the headphones, and fill them with bright magenta colors. Adjust the position of the gradients and use the eyedropper tool to pick the color from the other part. Send the smaller rectangle to back, and hide it behind the headphone. And now we can make a headband. Make a 300 by 350 pixels ellipse. Create a smaller copy inside, and use the Minus Front function of Pathfinder, to cut a hole in the big ellipse. Move the copy down a bit, Select both elements and click Minus Front. Take the eraser tool, hold down the Alt key and delete the lower part of the shape. Make the corners of the shape slightly rounded. Now make a small rectangle about 13 by 45 pixels size. Go to Effect > Warp > Arc. Here I set the horizontal band value to about 15%. Expand the appearance of the shape. Resize it, rotate, and place at the left part of the headband. Use the Reflect tool to flip the shape horizontally and place a copy on the opposite side. Use the Shape Builder tool and hold down Alt or Option key to get rid of the unneeded pieces. Go to the head band, place it in front twice and move the upper copy up a bit. Use Minus Front to cut off the unwanted pieces of the shape. Use the eyedropper tool to pick the colors from the headphone and apply them to the headband. Make the base of the headband bright magenta. Apply light gray and dark gray gradients to the minor parts. Attach the headphones, editing their size and position. Use the Reflect tool to make a mirrored copy of the headphone. Apply a nice lilac color to the small parts in the bottom part of the headphones, lowering down their opacity a bit. And here we have it. Our bright colorful headphones are ready. Great job. We've made another element from our list of workspace items and can move to the next one. In our next lesson we'll be making a front view of a smartphone and use its screen as a mock up. Meet you in the next lesson.

Back to the top