1. Create New Document with width and height to 200 pixel,72 resolution.
2. Double click on label 'Background' in layer palette,New layer dialog box appear,click OK.(this step change background layer to normal layer)
3. Select Elliptical marquee tool and make circle selection in the centre of document by pressing Shift key while dragging mouse to make selection.
4. Press Ctrl+Shift+i to inverse selection and press Delete key.
5. Press Ctrl+Shift+i to inverse selection again and choose foreground to red color in toolbox then fill within circle.
6. Press Ctrl+D to deselect the circle.
7. If you want some text type text in center of red circle.See figure below.
8. Select Layer>Layer Style>Bevel and Emboss.In Layer style dialog choose Depth to 1000 and size to 5 ,angle to 120, check use global light, press OK.
9. Select File>Jump To>Adobe ImageReady...
10. From Animation palette menu choose New Frame to two times.now your document have 3 frames total.
11. Select second frame
12. Expend Effects in layer palette select Bevel and Emboss,Bevel and Emboss Setting are shown in Layer Option/Stlye palette (if not visible select Window>Layer Option/Stlye).
13. Change Angle value to -60.Frame 2 is still selected.
14. From Animation palette menu choose Tween,Tween dialog appear choose Tween With to Previous Frame,for Frames to Add type 7,for Layers to All layers,for Parameters to Effect click OK.
15. Select frame 10 and repeat step 14.
16. Now select File>Save Optimized ,when dialog box appear type file name ,Save as type to '*.gif' and choose location, click Save. After that You get image like below








More Photoshop: