Xbox Button Tutorial
Learn how to make the Xbox circle logo effect.

author:
  Blake
title:
  Xbox Button Tutorial
date:
  Sun 12 December 2004
category:
  Web Layout and Design
credits:
 


New Document

Make a 400x400 document. Now press "D" on your keyboard to reset the foreground and background colors to black and white. Make sure your background is black.



Elipitical Marque Tool

Now use the Elipitical Marque Tool

and make a pretty big circle, hold shift to make the circle perfect.





Paint Bucket Tool

Make a new layer now (do not deselect the circle). Get the paint bucket tool and paint the circle white on the new layer.





Layer Style

Now we want to apply the layer style to the white circle. Do this by right clicking the white circle layer and go to Blending Options, apply these options and colors:







Duplicate Layer

Duplicate the black background layer so we can modify it.





Load Selection

Select the Circle Layer and go to Select>Load Selection and use the default settings for the window, click ok. Now select the duplicated black background and press Delete.





Blending Options

Now right click the background copy layer and go to blending options. Apply these settings:



Your done, your Xbox Button should look similar to mine below:



For questions and help regarding this tutorial,
please post a message at the forums.
Want your link here?