Create a Cute Television Icon From Scratch

Create a Cute Television Icon From Scratch

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.


Step 2

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


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.


Apply Stroke to BODY layer.

Pages: 1 2 3 4 5 6 7 8

90% Off Cyberpunk Preset Bundle

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

31 comments on “Create a Cute Television Icon From Scratch”

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

    1. 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.

  2. 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!

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

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

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

  5. 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:

  6. 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...

    1. 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.

Leave a Reply

Your email address will not be published.