Icon Creation - "On" and "Off" Icons

By : Baron
Rating : Average Rating : 3.20 From 5 Voter(s)

Step 1
Create a 40x40 pixel image, then create a new layer by going to Layer -> New -> Layer.

Step 2
Take your Elliptical Marquee tool (you can press M to select it) and make a circle selection somewhat smaller then the entire image.

Step 3
Make your foreground color some bright green, I used #86EE21.

Step 4
Choose your Gradient Tool and change its setting to "Radial Gradient" and click in the middle of the circle then pull out a little and let go to get something like this:

Step 5
Now right click your layer with your image on it and go to "Blending Options", then add these settings:

Step 6
Once done, now we will get to the logo in the middle, start by creating a new layer and go to your Elliptical Marquee tool.

Step 7
Make a selection that is a bit smaller then the image you made and center it up. Then change your Elliptical tool settings to "Subtract from Selection" and make a selection in the middle of the circle you already created but a bit smaller, it should look like this now Zoomed in:

Step 8
Now change to your Rectangular Marquee tool and choose "Subtract from Selection" Again and select the top half of the circle you created to cut it off and look something like this:

Step 9

Now take your Rectangular Marquee tool again and change the setting to "Add to Selection" and make a rectangle in the middle to look something like this:

Step 10
Select your fill tool and fill the selection you have now made with #505050.

Step 11

Right click your layer and go to Blending Options then use these settings:

Step 12
Now merge the two layers with images on them by clicking the top layer and go to Layer -> Merge Down.

Step 13

Your image should now look like this:

Step 14
Now to create the off button, select the entire image and copy it then create a new image and paste it to the new image.

Step 15
Now we will color it, hold down CTRL and click U this will bring up the color menu and use these settings:

Step 16
Now you have the On and Off icons, here is what we got:

Perfect for use on an XBox forums or whatever else you can think of!

Comments / Feedback

Tutorials Room Email
June 3, 2008, 12:29 am

Hi , your tutorial was chosen for the main page of http://www.tutorialsroom.com and under Photoshop tutorials. Please feel free to submit more of your good tutorials using this link: http://www.tutorialsroom.com/tutorials/submit_tutorials.html
Anna Ashmore Email
December 11, 2010, 12:18 pm

Nice Reading. Thanks.
LRQA helps bring integrity, independence and world-renowned recognition to your ***urance claims.

Quality-ISO 9001 Training
Environmental-ISO 14001 Training
Information Security Management Training
Food & Beverage Industry Management Training
Business ***urance Management Training
Betty Email
July 21, 2011, 7:29 am

Arctlies like this make life so much simpler.
roqlbi Email
July 21, 2011, 2:39 pm

5wyAjN zauuecwulovu
usduiv Email
July 22, 2011, 3:34 pm

xQKUxv , vjbqttpdqxgp, [link=http://syoxhmjiapog.com/]syoxhmjiapog[/link], http://sodkxfnhgvem.com/
lederwurst Email
July 28, 2011, 7:52 am

health insurance for individuals hfduj medicare health insurance tdkqf
SkiTtiLs Email
July 29, 2011, 9:20 am

cheap auto insurance 483 insurance auto auctions 294592 variable life insurance dtvaak
Rudgepacker Email
July 30, 2011, 6:39 am

health insurance =( medicare health insurance gfpxs
sikcutter Email
August 2, 2011, 5:38 am

car insurance in florida 42549 life insurance quotes pozjo
Bgator Email
August 6, 2011, 11:03 am

levitra 05344 levitra 2003 latest mexxqv
jozaver Email
August 11, 2011, 12:49 pm

cheap car insurance 198 utah home insurance quote 7047
ramadonker Email
August 12, 2011, 1:41 pm

car insurance tlmdca car insurance rates 8-OOO
BradkenRes Email
August 13, 2011, 10:54 am

car insurance raa business insurance txpied
SkateLoveDie Email
August 14, 2011, 5:40 am

acomplia prescription xil propecia hfqy
memeba Email
August 14, 2011, 7:41 am

vente viagra quebec qxgwi compare levitra and viagra :-[[
toxicxturtle Email
August 14, 2011, 12:39 pm

car insurance quotes jjt cheap auto insurance soilid
DancerSydKyd Email
August 16, 2011, 7:37 am

lowest prices for tramadol online 328 will byetta block levitra 8-OOO
clearframes Email
August 16, 2011, 9:08 am

health insurance 7733 cheap auto insurance %-PP
biteb4ubark Email
August 17, 2011, 5:55 am

car insurance in florida 45895 business insurance 66200
iheartmee Email
August 18, 2011, 10:13 am

life insurance quotes 818 life insurance imxm
Cheap Prada Shoes Email
June 7, 2012, 6:19 pm

Chopsticks and dishes particularly tea servings are Discount Prada Handbags
Coach Handbags Email
June 8, 2012, 9:46 am

It is additionally great with pesto nonetheless Gucci Bags
Tiffany Jewelry Email
June 12, 2012, 3:23 am

Given that word wide web marketing is definitely an ***ociation amongst you plus a particular Coach Bags
Polo Shirts Ralph Lauren Email
June 12, 2012, 9:32 pm

Proso Tons of featureso Progress Logso Air Jordans
Ralph Lauren Polo Shirts For Men Email
June 14, 2012, 1:51 pm

For this Audrey Hepburn take a look

Ralph Lauren For Cheap
Juicy Couture Bags Sale Email
June 15, 2012, 4:26 pm

dollars aren't that abnormal any more Where To Buy Coach Bags
Coach Bags For Cheap Email
June 19, 2012, 1:31 am

watches are all crafted to perfection Coach Handbags
Ralph Lauren T Shirt Email
June 21, 2012, 5:45 am

Ralph Lauren Polo Women
Ralph Lauren Sweaters Email
June 22, 2012, 7:56 am

when you're functioning allowing somebody this, given that component is always Ralph Lauren Polo Outlet
buy percocet online Email
June 19, 2014, 9:48 pm

I really enjoy simply reading all of your weblogs. Simply wanted to inform you that you have people like me who appreciate your work. Definitely a great post.
buy codeine online Email
June 20, 2014, 12:46 am

Great tips, many thanks for sharing. I have printed and will stick on the wall! I like this blog.
buy adderall online Email
June 20, 2014, 1:23 am

Thanks, I was looking for information and your blog really helped me.
buy hydrocodone online Email
June 20, 2014, 2:18 am

I just wanna thank you for sharing your information and your site or blog this is simple but nice article I’ve ever seen i like it i learn something today.
buy lortab online Email
June 20, 2014, 3:22 am

certainly a fantastic piece of work ... It has relevant information. Thanks for posting this. Your blog is so interesting and very informative.Thanks sharing. Definitely a great piece of work Thanks for your work.
buy valium online Email
June 20, 2014, 4:03 am

Wow!! What a great writing, really I appreciate such kind of topics. It will be very helpful for us. Waiting for more articles, blogs like this. I’m going bookmark your blog for future reference. Thanks a lot for sharing this.
RSS 2.0: Syndicate this article

Add Comment
* Name

* Email Address


*Image Validation (?)

*Comments / Feedback

Print Article Print Article
Send to a friend Send to a friend
Save as PDF Save as PDF
Rate this Article :










Poor Excellent