Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Christmas Lights Animated GIF

www.psd-dude.com
Tutorials Photo Effects 3203 December 8th, 2018

Christmas lights animated gif Photoshop tutorial for beginners. Learn how to create animated Christmas lights in Photoshop using your Christmas photos. You can also use other images with lights to create animated light effect.

Christmas Lights animated GIF

Create Christmas lights animated gif in Photoshop using your own photos. How do I animate a Christmas tree image to make it look like the lights are blinking? Read the tutorial to find out.

Christmas Lights animated GIF

Tutorial Assets

To create the Christmas light animated GIF, I used these resources. The animated lights effect in Photoshop doesn't need the use of brushes or textures so these resources are optional.

Step 1 - Open Your Photo

Open your photo in a new PSD file.

Step 2 - Add Sparkle Brushes

If you want you can add some sparkle effects using the Sparkle Brushes. You can also use the Sparkle Overlay and set the blend mode to Screen.

add sparkle brushes in photoshop

Step 3 - Add an Exposure Adjustment Layer

Add an Exposure adjustment layer to darken the image like shown in the image. This is a night photo but I want to darken the image even more.

exposure adjustment in photoshop

Step 4 - Add Highlights

Pick the Brush Tool, set the color black and the opacity level around 50%. Use a soft round brush and paint inside the layer mask of the Exposure adjustment layer to create some highlights. Paint over the Christmas tree and a little over the girl image.

add highlights in photoshop

Step 5 - Add Levels Adjustment

Add a Levels adjustment layer to increase the contrast of the image.

add levels in photoshop

Step 6 - Add Selective Color Adjustment Layer

Add a Selective Color adjustment layer and modify the Whites settings to darken the highlights.

selective color in photoshop

Step 7 - Add Selective Color Adjustment Layer

Add another Selective Color adjustment layer and modify the Whites settings to lighten the highlights to maximum.

selective color in photoshop

Step 8 - Add Selective Color Adjustment Layer

Add yet another Selective Color adjustment layer and modify the Whites settings to lighten the highlights to maximum. Also modify the Reds.

You can make small color adjustments on the other color channels to your liking.

selective color in photoshop

Step 9 - Add a Christmas Text Message

If you want to make a Christmas card you can add a Christmas text message: "I wish you a Merry Christmas and a Happy New Year!". I used Gabriola font type.

Christmas text message

Step 10 - Add a Gradient Map Adjustment Layer

Add a Gradient map adjustment layer using these color tones: #290a59 (location 0%), #ff7c00 (location 79%) and #ffc71e (location 100%)

Add a Gradient map in Photoshop

Set the blend mode to Soft Light.

Add a Gradient map in Photoshop

Step 11 - Animation Photoshop Tutorial

Here is an animation Photoshop tutorial for beginners. You will learn how to create Photoshop animation effects in just a few easy steps.

Go to Window > Animation to open the animation tab. In newer versions you will get the Photoshop timeline. Click on the button shown in the image to Convert to Frame Animation.

Animation Photoshop Tutorial

Step 12 - The Speed of The Animation

Set the speed of the frame animation to 0.03 seconds.

Animation speed photoshop

Step 13 - The Visible Layers for Frame 1

For the first frame here are the visible layers and the hidden layers. Set the opacity of the Sparkle layer to 59%.

Animation photoshop

Step 14 - Create a New Animation Frame

Click on the duplicate frame button to make a new animation frame.

duplicate frame photoshop

For the second frame here are the visible layers and the hidden layers. Set the opacity of the Sparkle layer to 100%.

Animation photoshop

Step 15 - Create a New Animation Frame

Click on the duplicate frame button to make a new animation frame.

duplicate frame photoshop

For the third frame here are the visible layers and the hidden layers.

Animation photoshop

Step 16 - Create a New Animation Frame

Click on the duplicate frame button to make a new animation frame.

duplicate frame photoshop

For the fourth frame here are the visible layers and the hidden layers.

Animation photoshop

How to save a gif in Photoshop

Before saving the gif animation you can test it to see how it looks. Click on the Plays Animation button.

plays Animation photoshop

To save a gif in Photoshop go to File > Save for Web and Devices and choose GIF.

How to save a gif in Photoshop

Christmas Lights animated GIF

So here is the final result for the Christmas lights animated gif made in Photoshop using photos.

Christmas Lights animated GIF

Christmas Lights animated GIF Photoshop Action

If you want to create animated Christmas gif images you can try this Photoshop premium action. Add animated Christmas lights to your photos. The image can be saved as animated GIF or static JPEG.

The Christmas Lights Photoshop Action can be used for text, shapes and photos.

Christmas Lights animated Photoshop Action Christmas Lights animated Photoshop Action
4.8 ( 115 votes)

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

1 comment(s) for "Christmas Lights Animated GIF"

Su Hall
Su Hall
3:45 AM Saturday, March 30, 2019
How fun! I think I'll give this a go!
Thank you! 'Tis very pretty! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Get new posts by email:
LIKE US ON FACEBOOK

      Online Photo Editor
top