A lot of you were wondering how I made that animated image that you saw on this week’s Wordless Wednesday post, so I thought I would give you a quick explanation! Step right this way….
First off, I did not actually make it myself — my human did! I just posed for the photos. There are probably several different programs that do it, but since she has Photoshop, that is what she used. As you probably already know, there were five photographs. Usually, when you are going to make one of these images — they are called “Animated Gifs” — you put the camera on a tripod and do not move it. Well, my human did not realize she was going to do that when she started taking photos, and she was just lucky that she barely moved. Even so, she had to adjust the photos to make them better conform to each other. First she had to rotate the photos slightly so they were all at the same angle.
The next part was actually the hardest: my human had to crop each photo so that it was exactly the same size — and all the furniture was in the exact same place in each photo. She did not get it 100% right; as you can see in the end result, the photos jump a little bit, but she felt it was “good enough for blogging.”
Then she made a file that contained all the edited images, each one on a different layer.
Now onto the fun part — the animation! So my human opened up the Animation window…
Which opened up under the windows with the photos and layers. Using this window, you are able to determine which layers are active and how long they run. This was a very simple sequence, since it was just one photo at a time. She had each one run for 1 second, and set it to “forever,” which means it keeps running over and over again infinitely. When she was done, she saved it as a special kind of file called a “gif” (the majority of photographs are jpg, or jpeg files). That was it! And once again, here is the finished image.
My human was making animated gifs back in the late 1990s, when she first started building websites, so it’s really a very old technique. There’s a more sophisticated version of animated gifs called cinemagraphs, and you can see some samples here. My human wants to start experimenting with that, but she needs to get the latest Photoshop upgrade first.
See all of Summer’s merch at her Designercat Shop, available on Zazzle.