Here are the finished products, and since the OP won't be updating as often, I'll update it:
Any suggestions about how I should make these .gifs would be appreciated.
If possible, and I know it's hard as we are moving things around, would be to keep the shape positioning constant. Like looking at the last one and putting the first shape near where it ends up if you want it to look smoother.
But that's a lot of work and I wouldn't blame you if you kept it how it was.
Logiedan, thanks for editing those sprites into the first post. I couldn't update them since I'm filming a movie for a school project this week. Will probably be on around this time for the next couple of days. Still can't believe we got two sprites finished already.