In this tutorial, I will show you how to create a cute detailed vintage television icon from scratch using Photoshop. The detailed step by step guide will help you to understand the process of its creation. So let’s begin!

Tutorial Details

  • Program: Adobe Photoshop CS6
  • Estimated Completion Time: 45 minutes
  • Difficulty: Beginner-Intermediate

Step 1

Open a new file (File > New) in Adobe Photoshop with the following settings.

1

Step 2

Fill background with white color #FFFFFF, then then apply following layer styles.

2

Step 3

Use the Rounded rectangle tool (U) with Radius = 35px to create a rectangle with any color you want. Name this layer as BODY and open Layer Style properties , then apply following layer styles.

3

Apply Stroke to BODY layer.

4

And you get result like this image below.

5

Step 4

Use the Rounded rectangle tool (U) with Radius = 35px to create a rectangle with any color you want. Name this layer as BODY_2 and then apply following layer styles.

6

Apply Stroke to BODY_2 layer.

7

Apply Inner Shadow to BODY_2 layer.

8

You should get result like this:

9

Step 5

Create a new layer and place it under BODY layer. Name this layer as BASE. Use the Rounded rectangle tool (U) with Radius = 35px to create a rounded rectangle then apply following layer styles like this image below.

10

Go back to BODY layer and press right click to Copy Layer Styles then Paste Layer Style to BASE layer. Now we need to fix the Stroke size = 3px in BASE layer.

11

Here is the result.

12

Step 6

Create a new layer and place it under BASE layer. Name this layer as FOOT. Use the Rounded rectangle tool (U) with Radius = 35px to create a rounded rectangle then apply following layer styles. 13

Apply Inner Shadow to FOOT layer.

14

You should get result like this:

15

Now we duplicate the FOOT layer and place the copy like this image below.

16

Step 7

We create a new layer and we name it as GLOSSY, place it on the top of layers. Then grab Brush Tool (B), and with large soft brush dub one white spot.

17

We apply the Blending Mode to Overlay with lower Opacity = 50%.

18

Step 8

We create a new layer and name it as SCREEN , place it on the top of layers. Use the Rounded rectangle tool (U) with Radius = 35px to create a rounded rectangle. Then we go back to BODY_2 layer and right click to Copy Layer Style and Paste Layer Style to SCREEN layer. Now we need to fix the Stroke size = 10px in SCREEN layer.

19

And here is the result.

20

Step 9

In this step we will make the main TV screen. Create a new layer name as SCREEN_2, place it on the top of layers. Use the Rounded rectangle tool (U) with Radius = 35px to create a rounded rectangle. Now we apply Gradient Layer Style for our main screen.

21

Apply Inner Shadow to SCREEN_2 layer.

22

Apply Inner Glow to SCREEN_2 layer.

23

Apply Drop Shadow to SCREEN_2 layer.

24

And we get result like this image below.

25

Step 10

Create a new layer name as SCREEN GLOSSY, place it on the top. Pick the Pen tool (P) to draw shape and fill it white color #FFFFFFlike this image.

26

We set Opacity = 20%.

27

Step 11

We create a new layer, name it as LIGHT DOT and place it on top. Grab Brush Tool (B), and with large soft brush dub one white spot. Don’t forget to use Layer Mask to mask the unwanted part of light dot.

28

Step 12

In this step we will create our command buttons for our television icon. Pick the Ellipse Tool to create a circle and place like it like this image. Name this layer as BUTTON.

29

Now we go back to BODY_2 and right click to Copy Layer Style then Paste Layer Style to BUTTON layer. You should get result like this image below.

30

Next, we create one more circle and place it like this image.

31

We apply Layer Style for our button.

32

Apply Stroke to button.

33

Apply Drop Shadow to button.

34

Now we get the result like this image below.

35

Next we use the Rounded rectangle tool (U) to create a rounded rectangle and place it like this image below.

36

Repeat the previous steps to apply the Layer style for this rounded rectangle, but we need to modify the Drop Shadow layer style a little bit.

37

And here is our button for this television icon.

38

Step 13

We duplicate this button and place it under the first one and rotate it to the right side. In this step, we need to modify the Gradient Layer Style of the second button a little bit. 39

40

Now our buttons are done. You should get a result like this image below.

41

Step 14

To create speakers, we need to create a rounded rectangle and place it under the button like this.

42

Now we open Layer Style properties , then apply following layer styles.

43

Apply Inner Shadow to speaker layer.

44

Apply Stroke to speaker layer.

45

And this is how our speaker look like.

46

Now we duplicate the speaker and place them like this image below.

47

Step 15

Add the television’s brand and apply the following layer styles to give it a metallic look.

48

Apply Drop Shadow the television’s brand.

49

Here is the result.

50

Step 16

Use the Rounded rectangle tool (U) to create a rounded rectangle as antennae and place the back of television. Then apply the following layer styles to give it a metallic look. 51

Now you get the result like this.

52

Step 17

Next we will create the television shadow. Create a new group named SHADOW on the background. Use the Ellipse tool (U) to create an ellipse and fill it with black color then go to Gaussian Blur and set the value. 53

Now we use Eraser Tool (E) to erase some parts of shadow, then change Blending Mode to Multiply and lower Opacity = 47%.

54

Now you get the result like this.

55

Duplicate the shadow and resize it smaller, then place it under the FOOT of television.

56

And We’re Done!

Here is how it should look. I hope you’ve enjoyed this tutorial and can apply these techniques in your future projects.

Final[1]

Download the PSD

Download

The post Create a Cute Television Icon From Scratch appeared first on Photoshop Tutorials.



from Photoshop Tutorials http://ift.tt/2l1O0Rm
via IFTTT