Quickie Color Wheel in Photoshop

Color Wheel
- Create a new file that is the same height and width. I went with 450px by 450px.
- We need to place some guidelines halfway across and down in order to find the center of our document. Make the rulers visible by pressing Ctrl+R.
- Click+drag a guide from the horizontal ruler down to the half-way mark. It should snap into place (in my case, at the 225px mark.) Do the same from the vertical ruler to place a vertical guide.

Place guides halfway across and down
- Select the Elliptical Marquee tool from the Tools panel. We’re going to make a circle for the color wheel to fill.
- Draw a circle in the image window. Give it a bit of space around it so it is not right up to the edges of the image window. Hold down the Shift key to get a perfect circle.

Circle selection
- Select a Spectrum angle gradient:
- Click on the Gradient tool in the Tools panel. It may be hiding under the Paint Bucket tool.
- Click on the Angle Gradient icon in the Control panel.
- Click on the large gradient swatch to open the Gradient Editor.

Open the Gradient Editor
- In the Gradient Editor, click on the Spectrum gradient, as shown below (it is one of the default gradients installed with Photoshop). Click OK.

Spectrum gradient
- Decide where you want the red part of the color wheel to be. Let’s say we want it on the right.
- Position your Gradient tool at the center of the image window, where the two guides intersect.
- Click+drag from the center to the edge of the circle. Here we want red on the right, so drag to the right.
- Hold the Shift key down while you drag to keep your angle at 90 degrees.

Drag the gradient

Gradient filled circle
- Press Ctrl+H (Mac: Cmd+H) to hide the guides
- Press Ctrl+D (Mac: Cmd+D) to deselect
That’s it!

Finished color wheel
If you have any questions or feedback, I’d love to hear from you in the comments below.

Share this Article
You can share this article almost anywhere but on your car's back bumper.Hover over this bar to access the menu.

Related Posts
Comments
Links to this Post
RSS feed for comments on this post. | TrackBack URI
I’d love to hear from you!










By moya, 09/17/2009 @ 4:48 am
your tutorial was awsome! it was fun and quick and the steps were very clear. hope i can do another one.
By Sabrina Hogan, 01/04/2010 @ 2:52 pm
OMG…I was trying to figure out how to do this so I could add it to my AutoCAD compass (degrees chart).
Wow, I learned how to apply the gradient tools and a few other tools I didn’t quite learn in my Art Institute classes….THANK YOU!
I have a file to create a Celtic Knot design in AutoCAD…I could share that with you.