Memory Making with Animated Motion

posted on March 22, 2012 by  |  posted under Crafting, Family Time, Parenting  |  13 Comments

Memory Making with Animated Motion

Hi again. I’m back. In case you’ve forgotten, I’m Lindsey from Pillow Thought, here to share some of my photography knowledge!
Memory Making with Animated Motion
Have you ever seen those moving pictures floating around the web??  They look like little mini movies?  Well they have a name, and they are called Animated GIF’s.  They are adorable and perfect for memory making. Great for a gift for a loved one, or perfect for your personal blog.

So I’m here with you today, to share how you make those fancy shmancy moving images! I always make mine in Photoshop, so I will walk you through the process! If you do not have Photoshop, don’t worry! I will give you some extra how-to tips at the very end!

Make a folder with the files you want. It makes it less confusing if you go ahead and name your files in numeric sequence. If you want things to run faster, go ahead and size the images down to at least 800 pixels wide.
Memory Making with Animated Motion

File – Open your 1st image in Photoshop
Memory Making with Animated Motion

Then you can start placing the rest of the images by going to:
File – Place 2nd, 3rd, etc.. repeat for as many images as you have.
Memory Making with Animated Motion

Now that you have all the images placed, make sure they all align the same. Sometimes the images shift a little during this process.
Memory Making with Animated Motion

Go to Window – Animation.
Memory Making with Animated Motion

Now that your Animation box is up…
Click on the top right hand corner, on the symbol that looks like an equal sign.
Then click on -Make Frames from Layers
Memory Making with Animated Motion

Once you have all of your frames in your animation box, you can change the seconds to however long you want each frame to stay on. I recommend anywhere from .3 – .5 seconds. You need to click “Other” to customize it for that time.
Just play around with it to see what looks comfortable for the images you selected.
Sometimes at the end of my “animation” I like the last frame to stay on a little longer than the rest so you know where the end is.
Also, in the bottom left hand corner of the animation box there is a section that lets you choose how long you want the images to rotate. I always choose Forever so my animations repeats itself.
Memory Making with Animated Motion

Now you are ready for saving!
This step is tricky, only for the fact that you DO NOT go File – Save!
YOU DO, HOWEVER, go File – Save for Web & Devices! [important step]
Memory Making with Animated Motion

You want to make sure this file is saving as a GIF file. [important step]
It will be in the little drop down as shown in the image below.
Memory Making with Animated Motion

The best way to save & upload to the internet, is to do this in your Photobucket account.
Memory Making with Animated Motion

Now just copy & paste the html code from your Photobucket into the EDIT HTML section of your blog post (this is for blogger).
Memory Making with Animated Motion

This is the end result!
Memory Making with Animated Motion

More Tips:
Ok, so do you notice how this one turned out kinda grainy??
Well that is what happens sometimes with animated GIFs. After MUCH research, I found that GIFs have a very limited color palette, hence the grainy look. This was my first animated GIF that I made, that actually looked really grainy, go figure right?! The time I actually make a tutorial for it?! That’s how life goes, right?  :)

I have made these for a wedding couple, a sister session, and they are also perfect for advertising your blogs or etsy shops! I made one for my etsy shop that stays put on my sidebar.
You can get as creative as you would like!

I have found some extra sites that can make these GIF files, for those of you who do not have photoshop.
It does not give you all the flexibilty that Photoshop does, but it will still give you an animated GIF!

Hope you found this post helpful!! For more photography and real life tips, come visit me over at my blog, Pillow Thought!! I’d love to hear from you!! Just click on my “animated GIF” picture below!

{Linking up to these parties! Come and see!}
Memory Making with Animated Motion

    1. March 22nd, 2012 at 6:42 am
      Kate says:
      This post rocks. Thank you for the step by step. I can't wait to do one on my blog. I think I will make one of my kids and my husband for father's day. Thank you!
    2. March 22nd, 2012 at 7:26 am
      Alison says:
      Oh my goodness...that is super cool. Super duper cool.
      Thanks for showing us how to do this.
    3. March 22nd, 2012 at 8:29 am
      Missy says:
      This is SO FUN!! I can't wait to try one - thank you for sharing such a great tutorial!
    4. March 22nd, 2012 at 8:37 am
      natalie says:
      Ohhhhh.... I lOVE the tut! I am always looking for step-by-step on how to use photoshop!!! Thank you!
    5. March 22nd, 2012 at 2:27 pm
      kristen duke photography says:
      thank you! it looks like i can do this with my cs2, i thought i had to have cs5!
    6. March 26th, 2012 at 8:03 am
      Cristi says:
      I love this and can't wait to give it a try!!
    7. March 27th, 2012 at 10:53 am
      Jessica says:
      This is wonderful!! Thank you so much for taking the time to share this tutorial!
      It's been SO enlightening. I can't wait to try it!!
    8. March 27th, 2012 at 1:35 pm
      Baghy says:
      This seems like fun, great tutorial, will try it soon!
    9. September 1st, 2012 at 11:59 am
      Leigh says:
      Oh I am so excited about this! So so so excited! Unfortunately it looks like I can't do this on my photoshop elements... Oh well, I guess it's one reason to convince my husband that I NEED the real thing ;)
    10. November 17th, 2012 at 11:47 pm
      Abby says:
      Do you know if this works for CS6? I seem to be having some issues!
    11. November 18th, 2012 at 12:30 am
      Abby says:
      Nevermind I figured it out! Thanks!
    12. November 18th, 2012 at 12:36 am
      Abby Smith says:
      My GIF is super pixelated. I know you mentioned it's because of the limited color palette. Is there away to fix it? Or do I just need to make the whole thing black and white? Bummer!! Thanks for this tutorial!! How fun!
    Pin It Quick Giveaway! Win a Spring party pack!
    Onion Skin Dyed Easter Eggs
    • Popular Round Ups