Photoshop  Home Photoshop Drawing Techniques TV Icon
rss

TV Icon

Author: YourPhotoshopGuide.com More by this author


Select rounded rectangle tool and set the radius to 6 px. Draw this shape :

image 1

Apply gradient overlay as shown :

image 2

image 3

Now, duplicate the layer. Change the size of this layer and also, change the angle of gradient overlay to -90 degree as shown :

image 4

Again, duplicate the layer, reduce its size and apply gradient overlay as shown. It will be the screen of our tv icon.

image 5

image 6

Now, duplicate the first layer or the base layer (not the background layer :) ). Remove all the layer styles. Reduce its size as shown and make it the top layer by pressing control+shift+}.

image 7

Now, select rounded rectangle tool again. Press '-' (minus sign) from the numeric keypad and draw another rounded rectangle inside this layer as shown. It will subtract the area from the first shape.

image 8

Duplicate this layer. Reduce its size and place this layer as shown.

image 9

Change the fill opacity of this layer to around 33%.

image 10

Now, draw a #706D66 colored circle with ellipse tool as shown :

image 11

Draw a tinny white color circle inside this shape.

image 12

Draw more shapes similar to this button as shown :

image 13

Now, draw two 2 pixel wide lines with line tool. Change the foreground color to #737373 prior to drawing the lines :

image 14

Duplicate the two buttons and place them as shown :

image 15

Now, draw a circle with ellipse tool as shown :

image 16

Reduce the fill opacity to 16%.

image 17

Finally, draw the ovular shape with ellipse tool. Choose any shade of gray color. Rasterize this layer and add gaussian blur (filter>blur>gaussian blur) in it. Experiment with amount and you will have something like this. Our tv icon is ready :)

TV Icon Tutorial: Final Result




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "TV Icon"