Find out the real might of Photoshop filters and the techniques used to create abstract images. This section contains the most unexpected graphic results.  Home Photoshop Special Effects How to Create a Music Concept Design in Photoshop

How to Create a Music Concept Design in Photoshop


Resources

- Wings vector pack 6 from designious.com
- Lips vector pack 2 from designious.com
- Music vector pack 1 from designious.com
- Floral vector pack 86 from designious.com
- guitar girl from Marcus J. Ranum
- Cloud brushes by JavierZhX
- Botanical pack from Resurgere
- Speakers from ppreacher
- Tower of Pisa picture from beriliu
- moon from sxc.hu

Final image preview

image 1

STEP 1

Go to File > New... and set it to 1680 x 1050 px in RGB color mode at 72 dpi.

image 2

STEP 2

Open the "guitar girl" picture. Now go to the Channels window (Window > Channels), right-click the Blue channel and select "Duplicate channel. Click it. Now it should look like a gray scale image.

image 3

STEP 3

Go to Image > Adjustments > Levels (CTRL+L). Use the settings below. Grab the Path Tool (P), set it on Paths and trace the girl, leaving out the edges of the hair. This may take a while, but be patient. When you're done, right-click > Make Selection. Set Feather to 0 px and hit OK.

image 4

image 5

STEP 4

Grab the Brush Tool, Set its Opacity to 100% and Hardness to 100% and paint with black the interior of your selection. Use the Burn Tool (O) on the hair to make it darker.

image 6

image 7

STEP 5

Go to Select > Inverse (CTRL+SHIFT+I), hit X to switch to white and paint over the background. Then go to Select > Deselect (CTRL+D).

image 8

STEP 6

In the Channels palette, CTRL+click the "Blue copy" channel. Go to the Layers palette (F7), double-click the lock, hit OK, then hit Delete.

image 9

image 10

STEP 7

Select the entire picture (CTRL+A), copy it (CTRL+C), go back to our document (Window > Untitled-1.psd - this is the file created in STEP 1) and paste it (CTRL+V).

image 11

STEP 8

Go to Edit > Free Transform (CTRL+T) and click-drag one of the corners towards its center to make it smaller. Hold the SHIFT key while dragging to preserve its proportions.

image 12

STEP 9

Grab the Eraser Tool (E), set Hardness to 100% and clean up the edges of the cutout. Use "[" and "]" to decrease/increase the eraser size.

image 13

STEP 10

Go to Layer > New Adjustment Layer > Brightness/Contrast, Hue/Saturation and Black + White. Use the settings shown below. For the Black + White layer, set Opacity to 54%.

image 14

image 15

image 16

STEP 11

Open the "speakers" image. Grab the Path Tool (P), set it on Paths and trace the speaker. Then right-click > Make Selection, copy it (CTRL+C), go back to our document and paste it (CTRL+V). Hit CTRL+T, resize it and place it like below.

image 17

image 18

STEP 12

Go to Image > Adjustments > Desaturate (CTRL+SHIFT+U). Then go to Image > Adjustments > Curves. Use the settings below. Then go to Layer > Duplicate Layer, hit CTRL+T, right-click > Flip Horizontal, hit Enter. Place it like below. Hit CTRL+T, hold CTRL and click-drag the corners till you create a perspective similar to mine.

image 19

image 20

image 21

STEP 13

Open the "Tower of Pisa" picture. Extract it like you did with the girl and the speaker, resize it and place it like below.

image 22

STEP 14

Go to Image > Adjustments > Desaturate. Open the "Lips vector pack". Grab the Rectangular Marquee Tool (M), select the lips shown below, copy them (CTRL+C), go back to our document and paste them (CTRL+V). Resize them and place them like below.

image 23

STEP 15

Open the "clouds brush pack". Double-click the .abr file, it will load it automatically into the Brushes palette. Go to the Brushes palette (F5), grab a cloud brush, hit X, then D, create a new layer (CTRL+SHIFT+N) and paint some white clouds, like below. Select the speaker layer and go to Layer > Layer Mask > Reveal All. Grab the Brush Tool (B) and paint the bottom side with black.

image 24

image 25

STEP 16

Create a new layer (CTRL+SHIFT+N), hit CTRL+SHIFT+[ to send it to back, set Foreground color to a light sky blue and paint more clouds. Change foreground color to white and paint more clouds. Grab the Elliptical Marquee Tool (M), make a selection of the round part of the speaker, go to Select > Inverse and hit Delete. Go to Select > Deselect.

image 26

image 27

STEP 17

Grab the Path Tool (P), set it on Shapes and draw a triangular shape like below. Then go to the Layers palette (F7) and set Blending mode to "Color Dodge". Also reduce Opacity a bit.

image 28

STEP 18

Go to Layer > Duplicate layer (CTRL+J). Hit CTRL+T, drag the rotation center in the center of your image (use a visual reference point)and rotate the shape. Hit Enter.

image 29

image 30

STEP 19

Repeat STEP 18 until you create enough sun rays.

image 31

STEP 20

Select all the shapes (hold SHIFT to select multiple layers) and hit CTRL+G to place them in a layer group. Double-click the group's thumbnail and name it "rays". Then click the "Add Vector Mask" button.

image 32

STEP 21

With the group mask still selected, grab the Brush Tool (B), set Hardness to 0%, Opacity to 40% and paint over the edges of the rays, like shown below.

image 33

STEP 22

Grab the Path Tool (P), set it on Shapes and draw something similar to the one below. Then go to the Layers palette (F7) and click the "fx" button. Select "Blending Options" and use the settings below.

image 34

image 35

STEP 23

Go to Layer > Duplicate Layer. Hit CTRL+T to enter Free Transform mode, place the rotation center to its thin end and rotate it a bit. Hit Enter. Then go to the Layers palette (F7) and double-click the "fx" near the layer thumb. Use the settings below.

image 36

STEP 24

Select all the shapes created and hit CTRL+G to place them in a layer group. Rename it to "wave-left". Then click-drag the group onto the "Create New Layer" button. Hit CTRL+T, then right-click > Flip Horizontal. Hit Enter and place it like below. Hold the SHIFT key to move the group orthogonally.

image 37

STEP 25

Open the "Music vector pack 1". Grab the Polygonal Lasso Tool (L), select a music note, copy it (CTRL+C), go back to our document and paste it (CTRL+V). Go to Edit > Free Transform, hold CTRL and click-drag one of the corners. Add some perspective like this, then hit Enter.

image 38

STEP 26

Copy and paste more notes and place them on the waves. It doesn't have to be exactly like mine. Just make sure their size vary.

image 39

STEP 27

Open the "Floral vector pack 86". Repeat STEP 26 to place them like below.

image 40

STEP 28

> Open a rock picture from the "Botanical pack". Then go to the Channels window (Window Channels) and right-click > Duplicate Channel. Extract the rock like you did with the girl. For the tiny leaves, use the Burn Tool (O) to darken them instead of painting over them with black.

image 41

STEP 29

Resize it and place it like below. Also create the mirrored version of it: CTRL+J to duplicate it, then place it in the opposite spot.

image 42

STEP 30

Open the "Wings vector pack 6". Now copy and paste the wing into our drawing and place it behind the girl. In the Blending Options, use the settings below.

image 43

STEP 31

Duplicate CTRL+J) and reflect the wing.

image 44

STEP 32

Hit CTRL+T, make it smaller and rotate it a bit. Hit Enter.

image 45

image 46

STEP 33

Create a new layer (Layer > New > Layer or CTRL+SHIFT+N) and hit CTRL+SHIFT+] to place it above all the other layers. Then set its Blending mode to Soft Light.

image 47

STEP 34

Now grab the Brush Tool (B), set Hardness to 0%, set Foreground color to a light green and paint random spots. Do the same for a purple color.

image 48

image 49

STEP 35

Go to Layer > New > Layer (CTRL+SHIFT+N). Set Blending mode to "Difference". Now grab the Brush Tool (B), set Hardness to 100%, remove any extra settings and paint a white circle, like below.

image 50

STEP 36

Create a new document of 1000 x 1000 px in RGB color mode at 72 dpi. Grab the Polygon Tool (U). Set the number of Sides to "4", for the Polygon Options check "Star" and set it to 90-95%, your choice.

image 51

STEP 37

Hit D, then draw a large star. Then grab the Ellipse Tool (U) and draw a circle half the size of the star. In the Layers palette, right-click the circle's layer thumb and select "Rasterize Layer".

image 52

image 53

STEP 38

Go to Filter > Blur > Gaussian blur. Use the settings below. Hit OK, then hit CTRL+SHIFT+E to merge all layers. CTRL+click the layer thumb to load a selection. Go to Edit > Define Brush Preset.

image 54

image 55

STEP 39

Go back to our document, create a new layer (Layer > New > Layer), hit CTRL+SHIFT+] to place it above all layers and grab the Brush Tool (B). Select the brush we created, hit D, then X and paint random stars of different sizes.

image 56

STEP 40

Create a new layer (CTRL+SHIFT+N) and press CTRL+SHIFT+[ to send it below the other layers. Grab the Gradient Tool (G), set the gradient as shown below and apply it to the layer.

image 57

STEP 41

Select the entire artwork (CTRL+A), then copy merged (CTRL+SHIFT+C) and paste it above.
Go to Sharpen > Unsharp Mask. Use the default settings.

image 58

Done!

You can add simple shapes and elements using the same techniques to add your personal touch. I added sun glasses and the circle below the girl using simple paths. Get creative and add your own!

How to Create a Music Concept Design in Photoshop



Author's URL: Designious
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Find out the real might of Photoshop filters and the techniques used to create abstract images. This section contains the most unexpected graphic results. More Special Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: