Free online photoshop training

Photoshop tutorials for webdesigners

Make a Audio boombox interface design

January 19th, 2008 · No Comments

Here we will tell you how to make a Audio-boombox-interface-design in photoshop.

[1] Take a new file of 600 pixels,300 pixels, of resolution 72 dpi in the RGB mode.

Audio-boombox-interface-design1

[2] Take the Pen Tool and create a new shape.

Audio-boombox-interface-design2

[3] Then create a new layer make the selection and fill with gray color.

Audio-boombox-interface-design3

[4] Then go to Blending Option select the Gradient Overlay and use these settings.

Audio-boombox-interface-design4

Audio-boombox-interface-design5

[5] Your image will be look like this.

Audio-boombox-interface-design6

[6] Now create another shape with the help of Pen Tool.

Audio-boombox-interface-design7

[7] Then create a new layer make the selection and fill with this color coding #316595.

Audio-boombox-interface-design8

[8] Go to Blending Option select the Gradient Overlay and use these settings.

Audio-boombox-interface-design9

Audio-boombox-interface-design10

[9] Your image will be look like this.

Audio-boombox-interface-design11

[10] Now create another shape with the help of Pen Tool.

Audio-boombox-interface-design12

[11] Then create a new layer make the selection and fill with this color coding #B3B0AB.

Audio-boombox-interface-design13

[12] Go to Blending Option select the Gradient Overlay and use these settings.

Audio-boombox-interface-design14

Audio-boombox-interface-design15

[13] Your image will be look like this.

Audio-boombox-interface-design16

[14] Then take the Elliptical Marquee Tool create a shape and fill with Black color.

Audio-boombox-interface-design17

[15] Go to Blending Option use these settings.

i Audio-boombox-interface-design18

Audio-boombox-interface-design19

Audio-boombox-interface-design20

[16] Your image will be look like this.

Audio-boombox-interface-design21

[17] Create another shape with the help of Elliptical Marquee Tool, and fill with Black color.

Audio-boombox-interface-design22

[18] Go to Blending Option use these settings.

Audio-boombox-interface-design23

Audio-boombox-interface-design24

Audio-boombox-interface-design25

[19] Your image will be look like this.

Audio-boombox-interface-design26

[20] Create a new shape with the help of Elliptical Marquee Tool and fill with Black color.

Audio-boombox-interface-design27

[21] Go to Blending Option select the Gradient Overlay and use these settings.

Audio-boombox-interface-design28

Audio-boombox-interface-design29

[22] Your image will be look like this.

Audio-boombox-interface-design30

[23] Create a new shape with the help of Elliptical Marquee Tool and fill with Black color.

Audio-boombox-interface-design31

[24] Now go to Blending Option use the following settings.

Audio-boombox-interface-design32

Audio-boombox-interface-design33

[25] Your imgae will be look like this.

Audio-boombox-interface-design34

[26] Create a new shape with the help of Elliptical Marquee Tool and fill with Black color.

Audio-boombox-interface-design35

[27] Now go to Blending Option use the following settings.

Audio-boombox-interface-design36

Audio-boombox-interface-design37

[28] Your image will be look like this.

Audio-boombox-interface-design38

[29] Take the Rounded Rectangle Tool create a new shape and fill with this color coding #45515D.

Audio-boombox-interface-design39

[30] Create a new shape with the help of Elliptical Marquee Tool and fill with Black color.

Audio-boombox-interface-design40

[31] Now go to Blending Option use the following settings.

Audio-boombox-interface-design41

Audio-boombox-interface-design42

Audio-boombox-interface-design43

[32] Your image will be look like this.

Audio-boombox-interface-design44

[33] Take the Rounded Rectangle Tool create a new shape and fill with black color.

Audio-boombox-interface-design45

[34] Go to Blending Option and select Gradient Overlay use these settings.

Audio-boombox-interface-design46

[35] Your image will be look like this.

Audio-boombox-interface-design47

[36] Make the more copies of previous shape layer.

Audio-boombox-interface-design48

[37] Your final image should be look like this.

Audio-boombox-interface-design49

56      photoshop layout tutorial
56      photoshop tutorial web layout

Tags: Web graphics

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment