Drawing the "Power-On" Icon in Photoshop

Posted on 2006-06-28
Last Modified: 2010-04-07
Hi experts...

I would like to draw a universal "Power-On" icon similar to those found at

Any guidance or reference to a tutorial much appreciated...

thanks in advance...

Question by:BoggyBayouBoy
  • 2

Accepted Solution

Slynky earned 250 total points
ID: 17004926
Hi, BoggyBayouBoy,

Well, that's pretty easy.  It seems to be a matter of drawing a circle with the Marquee, drawing another one inside it (subtracting from the original one) and then filling the remainder wiht your color.  Then draw a rectangle over the "open" spot at the top of the circle and cut that away.  Finally, draw another rectangle at the top and fill with the same color.

I would find me an image (as big as I could) and load it into PS to use on the background layer as "template" to get your proportions from.

You could even add bevel and emboss to get the same "light from the side" sort of 3-d look as in the top picture of the page you supplied.

LVL 13

Assisted Solution

rhickmott earned 250 total points
ID: 17007763
I always find Google Image search is your freind in these sort of things

For example.

Use the Magic wand to remove the white and then you have a nice basis for selectign an outline onto your layers and doing your effects.

Author Comment

ID: 17019039

Expert Comment

ID: 17021545
Glad to help!

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now