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

Pages: 1 2 3

31 responses to “Create a Cute Television Icon From Scratch”

  1. 11/A Avatar
    11/A

    LAOOO SINAV OLUUOZ LAAAAAAAAAAAN

  2. theatregirl Avatar
    theatregirl

    great

  3.  Avatar
    Anonymous

    i hate this stuff

  4. Anonymous Avatar
    Anonymous

  5.  Avatar
    Anonymous

    Thanks so much, Really love it

  6.  Avatar
    Anonymous

    Daddys House

    1.  Avatar
      Anonymous

      SHEESH

  7.  Avatar
    Anonymous

    nice and amazing step by step tutorial

  8. taranjeet Singh Avatar
    taranjeet Singh

    please can use explain step 2 how to apply layer styles
    “Fill background with white color #FFFFFF, then then apply following layer styles.”

    1. Photoshop Tutorials Staff Avatar
      Photoshop Tutorials Staff

      Fill your layer with white. Shift+Backspace to bring up the Fill window then select White and then click OK.

      Right-click on the layer then click “Blending Options”. Checkmark Gradient Overlay then click on the word Gradient Overlay. Copy the settings in the screenshot.

  9. krajco Avatar
    krajco

    swag

  10. Mario Lopez Avatar
    Mario Lopez

    it is not challenging. all you use is the gradient tool

  11. Duy Cua Avatar
    Duy Cua

    Thank you very much

  12.  Avatar
    Anonymous

    How do you do the shadow?

  13. AO Avatar
    AO

    Fantastic tutorial thank you – I am an AI user normally and learning to draw in PSD to get better effects, so this was just what I needed!

  14. Mohammed Uchiha Avatar
    Mohammed Uchiha

    Thanks

    1. Mustafa Uzumaki Avatar
      Mustafa Uzumaki

      Your welcome you trollol

  15. Mohammed Uchiha Avatar
    Mohammed Uchiha

    Thank you very much

  16.  Avatar
    Anonymous

    It’s good but the tutorial could use some work. Such as size of objects and the placement of the gradient sliders.

  17. ravi Avatar
    ravi

    i want try it..can please more simplify it..?

    1. The Untraceable Trollol Avatar
      The Untraceable Trollol

      no he can’t. this is way too easy. too simple to understand. don’t know how fools like you cant do it… gawsh

  18. Michael Michaelerman Avatar
    Michael Michaelerman

    I’ve been working on this forever. And I still have nothing resembling a donut… Oh wait… Wrong tutorial… My bad… Or is it?

  19. Joe Joerman Avatar
    Joe Joerman

    My brother took this tutorial. Incredibly difficult. Maybe some more clarification… Or fix your grammar…

  20. Elena Faletova Avatar
  21. Elena Avatar
    Elena

    This was fantastic! Thank you so much for taking time to write all this. I can’t even begin to think how much time it took you. I followed the tutorial until the end and got a great result. I had some challenges with screen where there was this annoying light circle in the middle. I couldn’t figure out why it happened but eventually fixed it with the white dot that came over it. Because of this my screen came out slightly different but still looking great. I uploaded the result to my blog and gave link back to this page. I don’t know if it’s okay to leave my link here but I will try: http://webmasterdiary.org/photoshop/photoshop-drawing-tutorial/

  22. Fred Fredderman Avatar
    Fred Fredderman

    my friend says to challenge myself. but what does he know, right? this is pretty challenging… mehbe… didn’t do it… ill do it now…

  23. Freeman, Lagos Avatar
    Freeman, Lagos

    Lovely tutorial. I followed and finished it. Nicee

  24. anonymous Avatar
    anonymous

    Photoshop is for photos. Illustrator is for illustrations\vectors.

    1. anonymous Avatar
      anonymous

      Who are you the creator of Photoshop and leader of what Photoshop is for? no.

    2.  Avatar
      Anonymous

      I personal prefer photoshop’s control for gradients and other digital effects. Especially for modern graphics. Or maybe I’m just more used to photoshop’s functions.

    3.  Avatar
      Anonymous

      lol you, mister photoshop is for photos… some people like this kind of thing

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading