Photoshop-Pack Features Photoshop-Pack Tutorials Photoshop-Pack Tutorial Directory

Monitor Icon Design – Photoshop Tutorial

Post Pic

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…



Related Posts

Popular Posts


11 Responses

08.22.09

very nice tut!!! i’ll be trying this one for sure ..

08.22.09

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 [...]

Leave Your Response

* Name, Email, Comment are Required

Sponsors

About Photoshop-Pack

Photoshop-Pack is your number one resource for Adobe Photoshop Tutorials, Interviews, Inspiration, Videos, Tips, and Support for the beginning, intermediate, and advanced user. Contact us at if you have comments, suggestions, or would like some more information about us.