Preview:
Monitor Icon Design.
![]()
Step 1:
Let’s start out by creating a new file. I used a 400×400 pixels canvas set at 72dpi, and I filled my background with #242424 color shade. In a new layer draw a small rectangle with #101010 color shade and 39 x 17 px dimensions. Then uder Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options.
![]()
![]()
Result:
![]()
Step 2:
In a new layer draw a thin gray rectangle with #BEBEBE color shade below the first rectangle design. Then under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option.
![]()
Result:
![]()
Step 3:
In a new layer draw a dark rounded rectangle with #0B0F12 color shade and 117×113 px dimensions.
![]()
Continued on Page 2…
Pages: 1 2














Sponsors
Visit Our Friends, Too
About Photoshop-Pack
11 Responses
very nice tut!!! i’ll be trying this one for sure ..
Great tutorial. Thanks for sharing ways to combine layer styles to achieve some excellent effects!
I’ve played around with the image I created from your tutorial to try to get the look of your final image (that has effects not covered in the tut). Sure would love to know the techniques and colors you used for the glow effects in your final image.
[...] Post Pic Monitor Icon Design – Photoshop Tutorial Post Pic Monitor Icon Design – Photoshop Tutorial [...]
[...] 26. Monitor Icon Design – Photoshop Tutorial [...]
[...] 26. Monitor Icon Design – Photoshop Tutorial [...]
[...] 26. Monitor Icon Design – Photoshop Tutorial [...]
[...] 26. Monitor Icon Design – Photoshop Tutorial [...]
[...] 26. Monitor Icon Design – Photoshop Tutorial [...]
[...] 26. Monitor Icon Design – Photoshop Tutorial [...]
[...] 26. Monitor Icon Design – Photoshop Tutorial [...]
[...] 26. Monitor Icon Design – Photoshop Tutorial [...]