Design Idea: Make A Unique Animated Book Cover
If you’ve been around the interwebs (not my word but I love it) or this blog for a while, you may have seen some animated book covers. I don’t know yet if they’ve taken off. But, they are good at getting attention online. And, they can be videos. You know how social media loves videos. I’ve also been seeing more animated still images, mostly on Instagram. I made this for fun.
For me, this is basically adding a video to an image then turning it into a GIF.
Instead of animating a certain part of the book cover, I like to play around with how the cover is revealed. Give me some cool transition videos.
Since I’m broke, I like to stick with free royally free videos whenever possible. I usually go to Pixabay. The fire video came from that site. So did the black brush video. The content is free to download and use for commercial projects. I generally like Pixabay because they have useful vectors and abstract videos.
Because you need to be able to blend layers, I don’t know if you can create these in something other than Photoshop. Something’s that not expensive and difficult to learn. There are other design software out there but I’ve never used them. If you know of another software, please comment below.
These animated still images are surprisingly simple to create once you get used to the workflow. It does require you to be comfortable with Photoshop.
- Convert base image, your book cover, into a video layer
- Add video(s)
- Blend video(s) with base layer
- Render video
- Import rendered video using the Video Frames to Layers tool in Photoshop. File-Import-Video Frames to Layers
- Save as GIF and share
You may know this. GIFs are a series of images stitched together and looped, like a digital flip book. Some videos can create a series of 100+ images. The above image is a screenshot of the GIF. You usually don’t need more than 100 images. Your file could be too big to share. You saw at the end of the video, I spent a few minutes deleting images. I try not to go above 100. Usually, I like to cap it at around 80.
I wouldn’t call making animated covers simple. But, in terms of my other Photoshop designs, this is pretty straightforward and it can take between 10-20 minutes to create when you get the hang of it. You can even skip the GIF part and share your animated cover a video. Add some floating text at the side and you have a short video ad for your book.
Instead of using still book covers at the end of this video, I animated them.
I made this video from mostly free royal free stock videos. To learn about the process, read this post. If you’re leaving it at a video, I would suggest downloading Adobe’s Media Encoder. These short videos could come out as large as 2 GB. Too big to share on certain social medias. Media Encoder makes your large video sharable.