We are going to create animated graphics in order to make our course more appealing. Create different types of animations according to the activity that we want to design. Considering the fact that we are dealing with art and photographs, we can create an animated gif about the way a painting was made, or how a place changes in the different seasons and how it looks in different pictures.
Design the animated graphics using the available tools online or using free and open source software. It is very simple, even simpler than its name itself. First of all, bear in mind which pictures you want to insert because neither the software nor the website will add special effects to the pictures to be uploaded.
In this recipe, we will work with a website that creates the animated gif. We work with photographs showing different sceneries after selecting the images or photographs to upload. Follow these steps to create the animated graphics:
- Enter the http://picasion.com/ website.
- Click on Browse and choose the image that you want to upload.
- Repeat step 2 multiple times. To add more images, click on Add one more picture as many times as required, as shown in the following screenshot:
- Choose the size of the animated graphic. Click on the downwards arrow in the Size block.
- Choose the speed of the animated graphic. Click on the downwards arrow in the Speed block.
- Click on Create animation.
- The animated graphic that you have just created will be displayed. Copy the HTML code for blog/website in order to embed it or click on Save this animation to your computer, as shown in the following screenshot:
We have just created some animated graphics. The following screenshot shows the four frames with images that compose the animated gif:
Open the animated gif with GIMP that we have already used in the previous recipe. You can see the different animations as layers, as shown in the following screenshot:
