Invite movement to your cocktail photo with an animated garnish

Did you know you can easily add dynamic movement to your still photo right from Photoshop? Converting your favourite photos into videos is a great way to enhance your portfolio - and a compelling value add for your visual content clients!

In this tutorial we will be exploring how to add a simple rotating effect using timeline animation. For this tutorial you will need a basic understanding of Photoshop, layers and masking.

Isolate your garnish onto a new layer

Duplicate the background layer (CTRL+J) to create a copy of your image on a new layer. Next create a mask around the object that you want to animate. You can do this by drawing a path using the pen tool or with the quick select tool. You can also use 'Select and Mask' to refine the edge.

Convert your garnish layer to a smart object

This will make it easier to rotate in the next step. Simply navigate to Layer > Smart Object > Convert to Smart Object.

[#cta]

Time to Animate!

Enlarge the garnish layer slightly to completely cover the original item. Ensure your background layer is unlocked by double clicking the lock icon.

Turn your image into video by opening the Timeline panel and selecting 'Create Video Timeline'. You can drag the purple bars in or out to indicate how many frames you'd like and set the duration of your video.

Once you have your timeline you can start to create keyframes for each rotation.

Create your keyframes

On the garnish layer of your timeline click on the diamond icon to the left of Transform to set a keyframe at the start. Next move the slider to the middle and end of your Timeline putting a keyframe in each spot.

Add a rotation effect to your garnish

Select the middle keyframe and Transform your item (Crtl+T) to bring up the bounding box. Right click to bring up a menu, select 'Rotate 180' then hit enter.

Hit the play button or drag the slider to ensure the animation is smooth. Once you are happy with the effect you are ready to render.

The finished result!

You can slow it down or speed it up by altering the length of your video. A longer time will have a slower rotation effect as it will take more frames to reach the 180 degree mark.

Ready to produce customised photos & video for your brand?

Want to get paid to create visual content?

Get access to paid work opportunities with global brands. Register your interest by sharing some examples of your work.

Sign up to receive the latest digital brand strategies and case studies

Download our free guide: 20 brand campaigns using visual context to engage consumers

Sign up to receive the latest content creation tips and tutorials

Free Email Bootcamp
The Content Accelerator
Master the art of visual content creation through bite-sized challenges that build your skills step-by-step.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Share this: 
facebooktwitterinstagrampinterest
Share this: 
facebooktwitterinstagrampinterest

Browse by topic

Free Email Bootcamp
The Content Accelerator
Master the art of visual content creation through bite-sized challenges that build your skills step-by-step.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

More Articles

Visual Content Creation

Creating light sweep animations in Photoshop and After Effects

We'll show you how to do a light sweep animation on your product photo to give it an extra elegant look

Visual Content Marketing

Why traditional advertising methods can’t keep up with TikTok’s unique culture

TikTok's insatiable appetite for fresh content never stops growing. Find out how to stay ahead of the curve!