9
Replies
@Steven276937470a03, what kind of animated gifs are you trying to create?
@kglad has provided a link to a tutorial for animated gifs from a very old version of Elements - I'm guessing version 10. Nothing much has changed for creating your own gifs like this in newer versions.
However, Elements 2023 has a number of new features that create animated gifs automatically. So, for example, the avatar I use for this website was made with the Enhance>Moving Overlays feature.
Here is the resulting gif that was created with a few clicks:
Animated text is also fairly easy to create but it takes some patience, discipline and perhaps more artistic ability than I have.
If you let us know in more detail the difficulty you are having, perhaps we can offer some practical solutions.
Thank you for your help; yes I posted it in another forum; I misread what kglad wrote. I thought I posted in the wrong thread. And I didn't want to annoy the community
I want to be able to write text on the banners,
The banners you posted were along the lines of what I wanted to create. I have an online store; I want to be able to make animated gifs. The animated Gif below is along the lines of what I want to be able to create.
I want to learn the basics first.
Writing text on animated gifs are very important to me.
I didn't make the banners below; I copied them from google for visual examples.
As mentioned already, the basics are set forth in the tutorial linked by kglad. Is there something in particular that you are having problems with? Animations like your examples can certainly be created in Elements. But they take some foresight and planning.
With respect to moving text, you need to plan how each frame of the animation is going to look. For example, a single word moving left to right on the screen with a white background can be created fairly easily.
The basic steps are as follows:
- Create a new file with a transparent background
- Use the text tool to type the word (this will create a single text layer)
- Copy the layer several times
- Turn off the visibility of all layers (by clicking on the layer eyeball) and turn them back on, one at a time, starting with the bottom layer
- Use the Move tool to move the text layer beginning at the left side of the screen (with part of the word off the canvas) and ending at the right side of the screen
- Turn on the visibility of each layer so that each eyeball is showing
- Choose File>Save for Web
In the dialog that appears:
- check the box to Animate
- Choose Forever, in the Looping Options and
- Select a time for each frame to show (Frame Delay)
You can then use the player controls to get a preview of how the gif will appear:
- Click the Save button and name your gif.
Now, my simple example of the moving word only works for text on a white background because a gif with a transparent background will normally appear as white on a webpage like this forum. However, if you want to have a colored background, some more steps and planning are required because each frame of the animation requires a background which will have non-transparent pixels and only one layer can appear at a time. So, therefore, in my prior example, it is necessary to create a separate colored background layer for each text layer and then merge the background with each text layer to create something like this:
In the following screenshot, on the left you will see the layers panel with each background and text layer. On the right, I have merged some of the layers. To merge the layers, make sure they are visible, select the layers to merge and then use the Ctrl+E keyboard shortcut to merge them.
Hope this helps.
AdChoices