Avatar of Matthew Skiles  

Creating an Icon in Photoshop

In this tutorial, you will learn how to create a quick and easy vector camera icon in Photoshop. This post comes with 99 16px Photoshop vector icons.

To start, open a new Photoshop Document and select the “Rounded Rectangle Tool(RR)” with a 2px radius, and draw a 14px by 9px shape. This will be the body of our camera.

 

 

 

 

 

 

 

 

 

 

Next, you need to add a view finder. Again, using the 2px Radius RR, draw an 8 x 4 shape in the top center of the camera body.

 

 

 

 

 

 

 

 

 

 

Next, select the camera shape and select the circle shape tool from the tools menu. While holding down the ALT key, select a 6 x 6 shape over the center for the lens. It’s ok if you don’t center the circle perfectly. Just select the Path Selection Tool from the Toolbar on the left (just under the Type tool) and click on your new circle shape and press the Up, Down, Left, or Right keys to move the shape around. Zoom in to have more granular control over the amount of movement the shape has.

 

 

 

 

 

 

 

 

 

 

Then fill in the center of the hole with a 4 x 4 circle.

 

 

 

 

 

 

 

 

 

 

Finally we want to add a button and a bit of shine on the lense. Get a RR 6px radius, and remove a 1px spot in the top left of the lens. For the button, do the same slightly further to the right.

 

 

 

 

 

 

 

 

 

 

And there you have it, a simple camera icon:

Download File  

This entry was posted in Icons and tagged , . Bookmark the permalink.

9 Responses

  1. Avatar of Saurabh Khirwal
    Saurabh Khirwal

    Awesome tutorial…though i wish it would have been more detailed…i really want to learn icon making!!..:(

    990 days ago
  2. Avatar of Badhon Ebrahim
    Badhon Ebrahim

    nice..
    i want to share tuts too, how do i do it.

    958 days ago
  3. Avatar of alltop
    alltop

    nice and very informative thanks for sharing

    933 days ago
  4. Avatar of mobisofttechnology
    mobisofttechnology

    Great post, very good contents in this post. Thank you very much for sharing this post with us. Keep it up

    838 days ago
  5. Avatar of sumonsoft
    sumonsoft

    Telepresence is a sophisticated method of communication from a remote location that is popular with IT consulting firms, IT training companies, and educational institutions for the purpose of distance education and online computer courses.For more info……Cisco Certified Telepresence Training

    751 days ago
  6. Avatar of rakhi4india1
    rakhi4india1

    A gift created with elegance and finished with the same unconditional love and care that one keeps for siblings, can catch up this mesmerizing presence of a siblings in life. Gifts in the form of exclusive flower crafts, confectionaries, and several others are all there at http://www.rakhi4india.com
    to set up the perfect celebration ambience of Rakshabandhan.

    742 days ago
  7. Avatar of bellakristen
    bellakristen

    Well explained tutorial.Very informative.Check out this site for highly qualified Icons at affordable prices .
    http://www.icongalore.com/promotion-icons/calculator-icons.htm

    718 days ago
  8. Avatar of explainafide
    explainafide

    Nice one Matthew, thanks for this. It shows that it really isn’t difficult to create icons from scratch – sometimes even quicker than trolling through samples to find something close to what you what.

    674 days ago
  9. Avatar of Robinbells
    Robinbells

    Srwebtechnologies has a very resourceful team of experts in Web Services our Company has formed a team of very highly skilled SEO, Web Designers Specialists. Our job is to perform marketing research, create and maintain Internet resources, plans and implement Internet advertising campaigns, developing web solutions, provide best web design services, and consulting.

    516 days ago

You must sign in to post a comment.