1. Open a new document : File – New – 450 x 300 px – OK

  2. Add a new layer – Layer – New – Layer – OK.
    Select Brush Tool (color: blue, size: 21 px, hardness: 0%, opacity/flow: 100%) and we draw the “road” on which our bug will walk on.

  3. We add another layer.
    We select Elipse Tool, color: black, opacity: 100% and draw 2 ovals (as small as you can) that will be the bug’s body.

  4. Zoom in and then select Erase Tool (size: 2 px, hardness: 100%, opacity/flow: 100%) and erase to create the lines on the bug’s body.

  5. Select Brush Tool (size: 2 px, Hardness: 50%, opacity/flow: 100%) and draw its legs and antennas.

  6. Select Eraser Tool and draw its eyes and then press CTRL + T and with holding SHIFT you can make it a bit smaller.
    Press V to select Move Tool and move the bug in the start position of the animation, on the track that you’ve just drawn.

  7. Press CTRL + J to make a copy of the layer, then press V – move the bug forward, on the track, and use CTRL + T if you need to spin it a bit.

  8. Repeat step 7 until you cover all the track.

  9. After finishing, select the layer with the track, the first created layer, and delete it.

  10. Open the Animation panel: Window – Animation.
    Click on the arrow in the left corner and select 0.1 sec, the duration of a frame.

  11. Click in the upper right side – select Make Frames From Layers to create from each layer a different frame.

  12. The first frame, the one with the background, needs to be deleted. Select it from the upper right – click- Delete Frame.

  13. Click again in the upper corner, select – Select All Frames. Then from the right, from the layers panel – set the Background layer to begin visible, so that you will have a white background on every frame.

  14. Save the animation.
    File – Save for Web & Devices – from Preset select Gif 128 Ditheres – Save – select the location – OK. 

    This should be it. You now have an animated bug.