Genially brings Picasso’s Guernica to life! Don’t miss it!

Imagine that all the works of art were alive and could tell us their story…Wouldn’t it be great? With Genially, that’s now possible!

We’re sure that more than once you’ve been in a museum and have walked around the vast halls for hours. In the middle of that static world, you’re the only element in movement. With this article, we’re going to show you how to give full interactivity to your favourite works of art and make them go from steady to fiery. We’ll be able, somehow, to come into the paintings that we love so much, and dive in the amazing stories they’re telling.

Ok.That sounds great but… how can you do it? Keep reading and you’ll see how to go from a work of art to an awesome creation.

Please note that there are several ways to bring ideas to life in Genially. Using the well-known painting The Guernica, by Picasso, we will explain and show some of them, highlighting the advantages and disadvantages along the process. After that, you will be ready to choose the one you like the most and start creating!

1. Interactive areas

This is the easiest option. We just have to upload our painting as the background image. Then we will use interactive areas and arrange them according to our needs. The last step is choosing the information we want to display in a tag or pop-up window. And this is the result:

This method has some advantages and disadvantages:


– Quick to create
– We don’t overlap different elements
– We can add as many areas as we need and arrange them over our background, taking almost the whole surface.


– Lacks dynamism
– Can be less intuitive
– If the background element is very intricate, it may take too long to cover it.

2. Pins

This option, along with the previous one, is the quickest and easiest choice. As we did before, we have to upload our painting as the background image, and then we start adding as many pins (or images used as pins) as we need. After that we can decide if we want the information to be displayed in a tag or a pop-up window. The final result would look like this:


– Even quicker than the previous method
– Information can be reached more intuitively
– We get some dynamism giving motion to the pins


– It isn’t a living work of art yet
– We may need to design or look for more suitable pins in terms of size and shape
– Some areas of the painting end up completely covered

3. Separated elements

This is, with no doubts, the most difficult method. We’re going to need some graphical editing tools, such as Photoshop. The very first step is to extract every element from the painting (or work of art) with a little help from Photoshop.

guernica 3

When all the elements are separated, we go back to Genially. As usual, the first step is to upload our painting as the background image. After that, we upload all the individual elements and arrange them over the original pic.

Once everything is in place and we can’t tell if there’s something static below, we can start providing some dynamism with fade in, permanent or mouse-over effects.Then we can pick the kind of interactivity we want (pop-up window or tag) and paste the info on it.

Tip: all the images must be saved and uploaded in .png format. Doing so, they will keep their silhouette without background.

From here on we can keep being more and more creative! For example:

  • We can fill in white all the static elements and add the fade in effect Appear. This way, the painting would become visible gradually by itself. We can also use the mouse-over effect Hide to discover new info.
  • We also suggest using Vocaroo. With this tool we voice-over all the information so it doesn’t need to be read. If you want to learn how to use it, don’t miss this other article.

When you tell stories with Genially, the possibilities are endless. And they all have one thing in common: they’re all amazing.


  • It may occur that you don’t know how to use a graphical editing tool and you don’t have someone to help you.or the time to learn. In this case, we suggest you to look for images with transparent background, or images in .png format.
  • We also recommend using tags. Doing so, the information will be displayed without loosing sight of the painting as a whole. However, this is of course optional and you can always play with it.
  • If you don’t know how to separate the elements, we suggest using pins to highligh the exacts points where the information can be found.

Was this article useful? Share it!

Carlos López
Carlos López
User Experience Manager & Diseñador Gráfico. Amante de la música y de los buenos momentos. Enjoy everyday!

Related Posts