ADD GIF TO IMAGE PHOTOSHOP HOW TO
ADD GIF TO IMAGE PHOTOSHOP PRO

Over time, I found out that more and more of the group were coming to me for technology advice. I belonged to a Marketing Book club in Indianapolis that quickly grew out of control. I was all over the place and mostly wrote for myself – without much of an audience. I began blogging on Blogger and waxed poetic about everything from politics to Internet tools. Years later I sold the domain to a company that helped folks quit smoking, one of my first big contracts. My first site was a site called Helping Hand that curated the best sites from around the web to help people with their computers and with navigating resources on the Internet. I started my work on the web more than two decades ago.

Select Window > Timeline to enable the timeline view at the base of Photoshop.

Create a new file with the dimensions that match the exact dimensions you are placing in your email template.

fading transition) between frames, that adds a lot of size to your file so I’d avoid doing that.

Transitions – While you might be tempted to add animation tweens (eg.

Compression – Our original images were high resolution and very high file size, so I resized them and compressed them with Kraken to JPGs with a much smaller file size.

Dimensions – Animated GIFs can be quite large, so I made sure to set my photoshop file dimensions up to exactly match our 600px wide email template width.

The user interface for this isn’t the easiest, but within 20 minutes and after reading some tutorials, I was able to knock it out.

ADD GIF TO IMAGE PHOTOSHOP HOW TO

However, I did some digging online and figured out how to make an animation. In fact, the only times I typically use Adobe Creative Cloud’s Photoshop are to remove backgrounds and to layer images, like placing a screenshot on top of a laptop or mobile device.

ADD GIF TO IMAGE PHOTOSHOP PRO

I’m not any kind of a pro with Photoshop. How To Make An Animated GIF Using Photoshop

The campaign sampling is still running right now, but it’s pretty clear that the email with the animated graphic is far outperforming the static image… by about a 7% open rate… but an astounding 3 times the click-through rate ( CTR)! I think the fact that the animated GIF put several different styles in front of the subscriber led to far more visitors. The photo credit goes to the talented folks at Zeelum.

The campaign is for a blowout sale of their fall dresses as they’re bringing on new product lines. They asked if we could do that and I agreed and built a campaign with an A/B test where we sent one version with an animation of 4 products, and another with a single, beautiful, static image. Our client subscribes to fashion emails in the industry and continued to remark how much they liked some emails with a slideshow of product photos. You can develop different versions of an email, and Klaviyo will send a sampling out, wait on a response, and then send the remaining subscribers the winning version – all automatically. Klaviyo is a well-known marketing automation platform with very tight integration to Shopify as well as many Shopify Apps.Ī favorite feature of mine is their A/B testing in Klaviyo.

As part of their implementation, we deployed Klaviyo for Shopify Plus. Their leadership is always working with us on collaborative ideas for the next campaign or strategy that we’re executing. We built an online dress store for a dress manufacturer that we branded and built from the ground up to bring a direct-to-consumer ( D2C) offering to the marketplace.

Add gif to image photoshop