> ## Documentation Index
> Fetch the complete documentation index at: https://cloudinary.com/documentation/llms.txt
> Use this file to discover all available pages before exploring further.

# Scripting with the CLI (video tutorial)

## Overview

Watch this tutorial to learn how to create an animated GIF using a Cloudinary CLI script.

## Video tutorial

  This video is brought to you by Cloudinary's video player - embed your own!Use the controls to set the playback speed, navigate to chapters of interest and select subtitles in your preferred language.

## Tutorial contents
This tutorial presents the following topics. Click a timestamp to jump to that part of the video.
### Create an animated GIF with an image and a script
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=0 :sec=20 :player=cld} | You can create an animated GIF that transforms the color saturation of an image. Begin with an image and a script.|

### Create a script
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=0 :sec=32 :player=cld} | In the script, increase the color saturation of an image and upload the image with the applied transformation.|

Here is the script:

```
#!/bin/bash

inc=10

# Increase the color saturation by 10 for each image
for ((sat = -100; sat <= 100; sat += 10))
do
      trans="transformation='{\"effect\": \"saturation:$sat\"}'"

      echo $trans

      # Upload the image with the applied transformation
      eval cld uploader upload umbrellas.jpg public_id="umbrellas_$inc" folder="color" overwrite=true tags="umbrella" $trans

      ((inc++))
done

cld uploader multi tag="umbrella" delay=100
```

### Run the script
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=0 :sec=42 :player=cld} | Run the script to upload the image multiple times and increase the color saturation each time, giving each image a different public ID but the same tag.|

### Apply a command to create the animation
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=1 :sec=30 :player=cld} | Use the `multi` command to create the animation:<code>cld uploader multi tag="umbrella" delay=100|

### View your animated GIF
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=1 :sec=46 :player=cld} | Copy and paste the generated URL to view your animated GIF.|

## Keep learning

> **READING**:
>
> * Learn more in the [Cloudinary CLI Reference](cloudinary_cli).

> * Read about the Cloudinary CLI in this [blog post](https://cloudinary.com/blog/commanding_cloudinary_through_the_cli).

#### If you like this, you might also like...

  
  
  
    Get Started with the CLI
    Set up the CLI and get familiar with some basic commands 
  

  
  
  
    Upload with the CLI
    Apply background removal to images on upload 
  

  
  
  
    Postman Collections
    Get set up with the collections and make your first request 
  

&nbsp;

&nbsp;Check out the Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.
&nbsp;