

One, it’s not a perfect circle, and two, it’s not being create from the center.

Now starting in the center, where the guides intersect, start dragging out your first ellipse. In your Tools Bar on the left, grab the Ellipse Tool, and make sure that it’s going to create a Shape, and not a Path on your Options Bar. And as long as “ Snap” is turn on under the View menu, your guides should snap nicely at the horizontal and vertical center. If you don’t see your rulers at the left and top of your workspace, Command/ Ctrl+ R will reveal them, allowing you to pull out your guides. This will help position the circles perfectly in the center of my document. The last thing I’m going to set up, are my guides. Once the color is set, Option+Delete or Alt+Backspace will fill your background with the foreground color. This isn’t required, but I found that it creates a nice, smooth design. Now in terms of the background color, it’s going to be what I base the other elements off of. I’m starting with an 800 x 600 pixel document, which should be large enough for a simple button like this. I posted a preview of this effect a few days back, and you guys started to demand a tutorial, so let’s get to it! We’re going to create an animated button in Photoshop! Animated Button in Photoshop CS6īefore I begin adding shapes, let’s set up our document first. Here’s a tutorial that a lot of you guys have been looking forward to.
