Adobe-Masters.com Recommends...Logo Design by LogoYes – Try it for Free!




How to Create Menu Icons In Photoshop

Aug 2nd, 2008 | By Adobe-Masters.com | Category: Photoshop, Tutorials | 1,461 views | Subscribe | PDF

I’m designing a website from scratch and ran across the issue of making menu icons.  Therefore I’ve chosen the “Create Web Site Menus with Icons” post at webdesign.org for a way out.

As always, I the tutored, create the image or design and then blog tips on how to get through the tutorial.  So here goes my help guide…

Tutorial Help Guide for Create Web Site Menus with Icons

There was a mention of setting the dpi to 72 when creating the new document.  Huh?  Now I know that dpi refers to resolution.  When you get to File > New, just type in 72 for the resolution.

We won’t be needing the buttons described in the tutorial, so we can skip over that part, while jumping directly into the icon designing in order to  implement on my new design from scratch psd.

The tut instructed, “…try to represent a circle. Firstly we need to pick up the Ellipse Tool (U) … then press the Alt button to cut out an opening …”  Maybe I didn’t do this right because it didn’t work for me.  As an alternative…

I made a black circle, in which was automatically titled Shape 3.  I used the mouse to drag it beneath Shape 2 in the layers window and got the same outcome.

There’s a second page, so be sure to view it to complete the design.

This icon was made for the How to Design A Website from Scratch, Interfacing In Photoshop for PSD tut so I integrated colors from there.  The integrated color codes include:  3c4549, and 515d62.

The next thing to do is to figure out how to put this newly made icon on the new web design from scratch as a home icon ???

Its not that hard, so don’t panic. Just click here for How to Integrate Menu Icons Into Photoshop Web Design!

Share

Related Tutorials:



Graphics.com/Learning - Training Videos for Web Designers - Video Tutorials, On-Demand Training for Graphics Pro's


, , , ,


PowWeb Hosting - Only $3.88 per month!
New iMac! The all-in-one for everyone.

4 comments
Leave a comment »


Comment Updates: Suscribe to Comments now!
  1. How to Design A Website from Scratch, Interfacing In Photoshop for PSD - Part One | Free Adobe Training, Learn, Tricks, Tips, Beginners, How To, Adobe-Masters.com - August 2nd, 2008 2:26 am :

    [...] to stop and search for “Photoshop Menu Icons” help  that can greatly inspire my “How to Create Menu Icons In Photoshop” [...]

  2. How to Integrate Menu Icons Into Photoshop Web Design | Free Adobe Training, Learn, Tricks, Tips, Beginners, How To, Adobe-Masters.com - August 6th, 2008 9:02 am :

    [...] still designing a web page from scratch.   Now, after successfully making custom icons to use on the site’s menu, we need to integrate those menu icons into the web [...]

  3. Heysenberg - October 26th, 2009 7:35 am :

    Congratulations for the great blog dude… Btw, have you tried this for logo creation?

  4. Ryan - January 16th, 2010 2:36 pm :

    Nice… gonna be helpful to some! If you’re from the USA and want to get good at photoshop then take a look at this… http://bit.ly/psoffer

Leave Comment

TollFreeForwarding.com


Click Here, FREE Domain with Web Hosting Purchase!