Luminar AI lets you turn your ideas into reality with powerful, intelligent AI. Download the photo editor and see how you can completely transform your photos in a few clicks.
And here is the result.
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.
Apply Inner Shadow to SCREEN_2 layer.
Apply Inner Glow to SCREEN_2 layer.
Apply Drop Shadow to SCREEN_2 layer.
And we get result like this image below.
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.
We set Opacity = 20%.
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.
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.
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.
Next, we create one more circle and place it like this image.
We apply Layer Style for our button.
Apply Stroke to button.
Apply Drop Shadow to button.
Now we get the result like this image below.
Next we use the Rounded rectangle tool (U) to create a rounded rectangle and place it like this image below.
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.
And here is our button for this television icon.
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. 
Now our buttons are done. You should get a result like this image below.
Step 14
To create speakers, we need to create a rounded rectangle and place it under the button like this.
Now we open Layer Style properties , then apply following layer styles.
31 comments on “Create a Cute Television Icon From Scratch”
LAOOO SINAV OLUUOZ LAAAAAAAAAAAN
great
i hate this stuff
...
Thanks so much, Really love it
Daddys House
SHEESH
nice and amazing step by step tutorial
please can use explain step 2 how to apply layer styles
"Fill background with white color #FFFFFF, then then apply following layer styles."
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.
swag
it is not challenging. all you use is the gradient tool
Thank you very much
How do you do the shadow?
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!
Thanks
Your welcome you trollol
Thank you very much
It's good but the tutorial could use some work. Such as size of objects and the placement of the gradient sliders.
i want try it..can please more simplify it..?
no he can't. this is way too easy. too simple to understand. don't know how fools like you cant do it... gawsh
I've been working on this forever. And I still have nothing resembling a donut... Oh wait... Wrong tutorial... My bad... Or is it?
My brother took this tutorial. Incredibly difficult. Maybe some more clarification... Or fix your grammar...
I followed this and here is my result http://webmasterdiary.org/photoshop/photoshop-drawing-tutorial/
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/
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...
Lovely tutorial. I followed and finished it. Nicee
Photoshop is for photos. Illustrator is for illustrations\vectors.
Who are you the creator of Photoshop and leader of what Photoshop is for? no.
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.
lol you, mister photoshop is for photos... some people like this kind of thing