If a picture paints a thousand words, then a picture animation would paint millions of words. One of the first things that people did in the early days of the Internet was to try to put moving images on the web, and long before the era of Flash, the only way to put animations on the web was to use GIF images.
Today, GIF is not as popular as it used to be, but that doesn’t mean that it’s already useless. The format can still come in handy whenever you need small sized moving images, something like an animated avatar (for Twitter, for example), a revolving logo for your website, or even a photo slideshow.
There are several image editors that could help you build GIF images. But if you need a quick tool while you are away from your home computer, web tools would be easier to access. Recently, I stumbled upon two web tools that could help you create and manipulate simple GIF animations - Picasion and Playgif.
Creating GIF Animations
Basically, a GIF animation is a set of images merged into one and displayed one by one in a continuous loop. So, to create one GIF animation, you’ll need several base images.
Creating a GIF animation using Picasion is very easy. Prepare a set of images that you want to convert to GIF and add them one by one using the “Choose File” button. Even though there are only three buttons available by default, you can add more than three images if you need to by clicking on the “Add one more picture” link.
You can choose the image size you want from the “Size” drop down list.
You can also choose the speed of the animation.
In my experiment, I created five pictures to build the animation. I used an image editor to write a word while taking one screenshot of the window every time I added a letter. Then I added the screenshots to Picasion.
If you want to build the animation using web images, you can choose the “URL” link and write down the addresses in the field provided.
It’s also possible to add images from your computer’s built-in webcam shots. Choose the “Webcam” link, then allow Picasion to access the camera and microphone by clicking on the radio button next to “Allow“.
Then click the “Capture” button to take the shots. Set the timer if you need time to prepare before your picture is taken.
After you’ve put all of your images in place, scroll down to the lower part of the pane and click the “Create animation” button.
Picasion will then process the images and show you the result, along with the option to share it via MySpace, Facebook, and/or Twitter.
Picasion will also provide you with links related to the animation, including HTML code that you can put on your website. There’s also the link to download the animation to your computer.
I copied the HTML code from the GIF animation that I created and pasted it into this post. Here’s the result.
I know my example is very simple, but you can create more complex animations by putting more images in one file. The possibilities of the kind of GIF animation you can create is limited only by your imagination.
Play With GIF
If you want to make your GIF animation more movie-like, you can try Playgif. This web tool will add a play/pause button to your GIF, along with options to adjust the speed, and to play the animation in reverse.
You need to provide Playgif with the weblink to the GIF and click “Start gif player“. You can put the direct link from Picasion here.
After generating the frames, Playgif will display your animation with all the playing options. Unfortunately, this modified GIF is only viewable on the Playgif site. You can’t download it or embed it to other locations.
Do you still use GIF animations? How do you build the GIFs and where do you use them? Please share your methods using the comments below.
Image credit: jrubinic
Need Assistance? Ask questions to MakeUseOf staff and thousands of other readers on MakeUseOf Answers!
Easily Create & Manipulate Simple GIF Animations With The Help Of Picasion & Playgif is a post from: MakeUseOf
More articles about: animation, gif, image editors, image toolsSimilar articles:
- How to Create Animated Gifs from Images & Video (14 comments ...)
- How to Make an Animated GIF Image with GIMP (7 comments ...)
- What Image Editing Program Do you Use? [Poll] (50 comments ...)
- Upload, Edit & Share Your Images Online With Imgur, The Simple Image Editor (1 comments ...)
- Two Sites To Instantly Convert Your Images To Text (6 comments ...)
"
No comments:
Post a Comment
[Please do not advertise, or post irrelevant links. Thank you for your cooperation.]