Behind the Scenes: Floral Open Book Image & Animation

Behind the Scenes: Floral Open Book Image & Animation

a new year is like an open book.jpg

A new year, a new chapter. And who knows what is going to blossom in 2019? A new year is like an open book and I’ve yet to discover the adventures within its pages.

Inspired by this thought, I created this floral open book image and animation. It’s a personal project and I thought I would share with you some behind the scenes imagery and my process.

Crafting Paper Flowers

For this image and animation I wanted to use a mixture of elements. Real flowers, paper flowers/leaves and vintage flower illustrations. I’ve used twisted floristry wire for their stems which allows the parts to move freely but remain sturdy.

If I was using these elements in a stop motion animation, this would be particularly important.

Vintage flower illustrations

Vintage flower illustrations

Paper flowers

Paper flowers

Wired and using plasticine to secure the floral elements to the book (very technical I know!) I mounted the book on a stand. This stand will be Photoshopped and edited out after it’s been photographed, to create the levitating effect.

As well as the real and paper flowers, I felt the image needed ‘something’ else. So I decided to add some digital flowers too, to further add a sense of imagined movement to the levitating book.

Digital flowers

Digital flowers

The composition is placed on a stand to be Photoshopped out in post production.

The composition is placed on a stand to be Photoshopped out in post production.

My workspace is quite small so I photographed the background separately, so I can add this in post-production, again via Photoshop.

paper-background-for-styling.jpg

Post Production

With the final photograph of the book with its collage of flowers and background photographed, the final floral open book was composited in Photoshop.

I hadn’t originally intended to animate this image. However, as its a magical levitating book, I decided to actually animate it - dusting off my Photoshop timeline skills.

I adore the Photoshop timeline for adding basic animation effects and creating GIFS.

making-an-animated-video-in-photoshop-screenshot.jpg

Photoshop Timeline Top Tip

Convert the layers you want to animate to ‘Smart Objects’ - right click the layer and choose ‘Convert to Smart Object’.

You’ll find you have more animation options such as changing positions, scale and other effects.


Creating the Animation

Below is a GIF of the different parts that make up the floral open book image.

creating-the-Open-Book-animated-gif.gif

The Final Animation

Primarily, I created this animation to post to social media, specifically Instagram. However, if I ever wanted to use it in a newsletter or here on the blog, I’ve created a GIF version. I used a free tool called EZGIF.com to make the floral open book new year animation into a GIF.

MP4 video converted to GIF using EzGIF.com

MP4 video converted to GIF using EzGIF.com

Any Questions?

Want to know more about content creation? Photoshop animation skills or creating images for Instagram, just get in touch. Or connect with me via Instagram.


Pin for Later

Behind-the-Scenes-Floral-Open-Book-Pinterest.jpg