Every day you'll be able to find more resources and interactive elements in the Genially library. They'll be available for you to use when you need them. It's recommended that you take advantage of them to achieve a coherent image in and across your creations. Plus, you'll get web effects included with some of them.
In this article, you'll learn to use:
- Resources
- Interactive elements
Resources
When you open Resources, you'll find various categories, each which complete a given function. You'll be able to choose among:
- Icons
- Shapes
- Lines and arrows
- Illustrations
- Scenes
- Maps
Icons
They're graphic representations of objects, actions, signs, etc. that can help you decorate or indicate the presence of interactive elements. You can change the color of icons, but you can't deform them, in other words, they always maintain their proportions.
Shapes
Shapes are basic elements that allow you to mark an area or create, for example, buttons by adding text on top and grouping the two elements. They can be square, rectangular, circular, etc. You can change their color and deform some of them.
Lines and arrows
These resources allow you to separate sections (lines) or highlight key points in your creations (arrows).
Illustrations
The huge variety of available illustrations will allow you to represent an action in your creation or decorate your genially. They're not editable color-wise but that's not something you'll need since illustrations come with their own palette of colors. As an image, you can deform, rotate, or replace them.
Scenes
These are compositions of illustrations that tell a story. Thanks to these scenes, you'll be able to set the stage for a moment. They'll make your geniallys expressive because, as you know, an image is worth a thousand words. As they function like illustrations, you can deform, rotate, and replace them.
Maps
You'll find maps of countries, continents or the world to use in games, to show locations, etc. You'll be able to modify their size and color.
Interactive elements
When you open Interactive Elements, you'll find various categories which each complete a different function. With all of these elements, with the exception of the invisible area, you can modify their color and also, they include an effect when you hover or pass the mouse over them. This makes them elements much more dynamic and made for the web.
You'll be able to choose among:
- Buttons
- Markers
- Social networks
- Invisible area
- Text buttons
- Numbers and letters
Buttons
They're compositions of icons and animated shapes. They indicate an action. You can modify their color and dimensions.
Markers
They complete a function similar to that of buttons. While buttons indicate more generic actions, markers are usually placed in a specific area to indicate the exact point where interactivity is found, for example, in a map. They also come with a small effect, and you can edit their color and dimensions.
Social networks
As its name indicates, you'll have a series of icons with different shapes of the most used social networks. Some include a small effect, and you can always edit their color and dimensions.
Invisible area
An invisible area is an element in Genially that you can place freely in the area you wish where interactivity will be assigned. In the visualization you won't see any outline of the area, but it will be interactive. You can learn more about this element in this article.
Normally, it's used when we want to give interactivity to a set of elements in a way that this area, which includes certain items, is interactive.
It's also used when we don't have a way to separate elements, but we only want one area of them to be interactive, for example, in a photograph.
Text buttons and Numbers and letters
Within the category Interactive Elements you’ll find two subcategories:
- Buttons with text: set made up of a shape, an icon and text.
- Numbers and letters: set made up of a shape and text.
To insert a Set:
1. Open the Interactive Elements tab.
2. Select the subcategory Buttons with text or Numbers and letters
3. To edit the set, just click on the one you want to change, ungroup the elements, and then you’ll be able to change the color or text. Then, regroup the elements to make a single element again.
