Wondershare DemoCreator
  • 1. Record your computer screen and webcam simultaneously.
  • 2. Allow you to customize screen capture and frame rate .
  • 3. Powerful editing tools and effects to enrich your video clips.
Available for:

Making GIFs using DemoCreator

Alma Elliott
2023-08-25 21:27:38 • Filed to: Creative Video Effects

Animated GIFs have become a part of the daily conversations of the online world. People use them to express themselves in a fun yet precise manner. Not only that, but people also tend to use them for official purposes such as announcing a new product, etc.

As the use of animated GIFs becomes a trend, more and more people wish to customize them. And so, many people turn to different video editing software to create fun animated gifs for themselves.

In this article, we will discuss two of these software, i.e., Photoshop and Wondershare DemoCreator.

Part1. What is an Animated GIF?

An animated GIF is a type of display motion that includes multiple images or frames. These frames are played back in a loop when the file is opened, which results in an animated clip.

Part2. Creating a GIF Using Photoshop

Adobe Photoshop is one of the most common photo editing software. It is used worldwide for all kinds of editing needs. Today, we will look into how you can create an animated GIF using Photoshop.

Step-by-Step Guide

Follow the steps below to create an animated GIF in Photoshop.

Step 1: Open your images.

Upload the images that you are going to use in Photoshop. To do so, go to “File” on the top toolbar. Then go to “Scripts” and select “Load Files into Stack.”


Browse for your images and click on “OK” to add them.


Alternative: In case you don’t have the series of images.

In this case, you will have to create each frame of the animated GIF as a separate photoshop layer. To add a new layer, go to "Layer" on the toolbar, then "New," and then select "Layer."


Create as many layers as you require and name them accordingly by double-clicking on their default name in the Layer panel on the bottom right of the screen.


Step 2: Enable the Timeline.

You might not be able to see your images in the Timeline, so to make them visible, go to "Window" in the toolbar and select "Timeline."


You will see the Timeline window at the bottom of your screen.


Here you can adjust different layers by turning them on and off for different periods.

Step 3: Create Frame Animation.

From the dropdown menu in the Timeline window, select “Create Frame Animation.”


Step 4: Create a New Layer for Each New Frame.

From the toolbar, go to “Select” and then “All Layers.” Now, click on the menu icon near the Timeline window.


Choose “Create New Layer for Each New Frame” from the dropdown menu.


Step 5: Make Frames from Layers.

To make each layer a frame of your GIF, open the dropdown menu again and click on “Make Frames from Layers.”


Step 6: Adjust the time.

In the Timeline window, set the time you want each frame to appear for.


Step 7: Add the Fading Effect.

You will see a Tween icon on the bottom of the Timeline window where boxes are fading to the right. Select any two frames and click on the Tween icon to add the fading effect between them.

Clicking on the Tween icon means adding additional frames between the existing ones for a transition effect. You can choose the number of “Frames to Add” as per your requirement and click on “OK.”

Step 8: Set Loop Time.

At the bottom of the Timeline window, choose how many times you want the animated GIF to loop around.


Choose “Other” to add a custom number.

Step 9: Play your GIF.

Once all the settings have been adjusted, click on the play icon at the bottom of the Timeline window to preview the GIF.


Step 10: Save GIF for online use.

Go to "File," then "Export," and select "Save for Web (Legacy)."


Choose the type of GIF file and click on “Save.”


Your work is done!

Now, let's take a look at an alternative that you can use instead of Photoshop to create an animated GIF.

Part3. Creating a GIF Using Wondershare DemoCreator

DemoCreator is a screen recording and video editing tool created by Wondershare. It serves as a perfect alternative for Photoshop for creating animated GIFs. The reason behind this is that DemoCreator is very user-friendly and extremely easy to use.

You will observe user-friendliness by taking a look at our step-by-step guide.

Step-by-Step Guide

The interesting part about creating a GIF in DemoCreator is that you can do it in multiple ways. Here, we will discuss three ways in which you can create an animated GIF using DemoCreator.

a: Using Preset Animation Effects

DemoCreator offers a preset emoji animation effect. You can use these to make an animated GIF for yourself. To do that, follow the steps given below.

Step 1: Choose the Animation.

Click on the Sticker icon. Different animation options will show up in the media library. Choose the animation you want to use.


Step 2: Add to Timeline.

Drag and drop the desired animation of the Timeline.


Adjust the duration of the animation as per your need.

Step 3: Add as many animations as you want.

You can add multiple animations and adjust their scale and position from the Editing panel.


Step 4: Add Captions.

You can also add text to the animation if you wish. To do so, go to the Captions icon and choose from the different options.


Drag and drop the desired caption to the Timeline and adjust it according to your need.


Step 5: Save to Use.

Once you have the GIF of your desire, go to the “Export” icon on the top right of the screen. A dialog box will appear. Set the format of the file to “GIF” and export the file.


DemoCreator will save your GIF, and you can use it as you wish.

b: Using Captured Video

The second method of creating a GIF is by using captured video. Follow the steps given below.

Step 1: Import the file.

Click on the “+” icon on the left of the Preview window to import files from your computer.


The file will appear in the Project Library. Drag and drop it to add to the Timeline.


Step 2: Adjust the Scale and Position.

Adjust the scale and position of your clip.

Step 3: Add text.

If you wish to add text, go to “Annotations” and choose the desired style.


Drag and drop it to the Timeline and adjust its duration, scale, and position as per your requirement.


Step 4: Save to Use.

Save your file in the GIF format as mentioned before.

C: Using Image Files

The third method of creating an animated GIF is by using an images file. To do so, follow the steps given below.

Step 1: Import images.

Browse your computer for the images you want to use and import them to the project library.


Drag and drop the images on the Timeline and adjust their duration accordingly.


Step 2: Add Transition Effects.

Since you are creating an animated GIF, adding a transition effect between the two images is suitable. This will ensure a smooth transition from one image to the next.

To do so, go to the “Transitions” icon and choose the desired effect.


Drag and drop the chosen effect at the center of both images.

Step 3: Play the GIF.

You can add captions, text, and other effects to your GIF. Once you are done, click on the play button to preview your GIF.

Step 4: Save your GIF.

Lastly, save your GIF as mentioned above.


The All-in-One Screen Recorder & Video Editor

  • Record desktop screen,audio and webcam simultaneously
  • Edit videos quickly with a wide range of professional tools
  • Built-in plentiful video effects
  • Export to MP4, MOV, MKV, GIF and multiple formats
Try It Free
For Win 7 or later (64-bit)
Try It Free
For macOS X 10.13 or late
Secure Download


Creating an animated GIF is a relatively easy task if you have the right software. Although Photoshop may provide you with more professional liberty, Wondershare DemoCreator is much easier to use.

As you can observe, you don't need to be a pro to understand the creation of GIFs in DemoCreator. All you need is a basic knowledge of the different editing effects, and you can do your work easily.

So, go on and download DemoCreator right now and create a GIF as you like!

Other Popular Articles From Wondershare