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](/tutorials/christmas-lights-animated-gif/christmas-lights-animated-gif.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.
- Christmas Tree Stock Image
- Pixie Dust Overlay (optional)
- Sparkle Overlay (optional)
- Magic Dust Trail (optional)
- Sparkle Brushes (optional)
Step 1 - Open Your Photo
Open your photo in a new PSD file.
![](/tutorials/christmas-lights-animated-gif/tut1.jpg)
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](/tutorials/christmas-lights-animated-gif/tut2.jpg)
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](/tutorials/christmas-lights-animated-gif/tut3.jpg)
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](/tutorials/christmas-lights-animated-gif/tut4.jpg)
Step 5 - Add Levels Adjustment
Add a Levels adjustment layer to increase the contrast of the image.
![add levels in photoshop](/tutorials/christmas-lights-animated-gif/tut5.jpg)
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](/tutorials/christmas-lights-animated-gif/tut6.jpg)
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](/tutorials/christmas-lights-animated-gif/tut7.jpg)
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](/tutorials/christmas-lights-animated-gif/tut8.jpg)
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](/tutorials/christmas-lights-animated-gif/tut9.jpg)
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](/tutorials/christmas-lights-animated-gif/tut10.jpg)
Set the blend mode to Soft Light.
![Add a Gradient map in Photoshop](/tutorials/christmas-lights-animated-gif/tut11.jpg)
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](/tutorials/christmas-lights-animated-gif/tut12.jpg)
Step 12 - The Speed of The Animation
Set the speed of the frame animation to 0.03 seconds.
![Animation speed photoshop](/tutorials/christmas-lights-animated-gif/tut13.jpg)
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](/tutorials/christmas-lights-animated-gif/tut14.jpg)
Step 14 - Create a New Animation Frame
Click on the duplicate frame button to make a new animation frame.
![duplicate frame photoshop](/tutorials/christmas-lights-animated-gif/tut15.jpg)
For the second frame here are the visible layers and the hidden layers. Set the opacity of the Sparkle layer to 100%.
![Animation photoshop](/tutorials/christmas-lights-animated-gif/tut16.jpg)
Step 15 - Create a New Animation Frame
Click on the duplicate frame button to make a new animation frame.
![duplicate frame photoshop](/tutorials/christmas-lights-animated-gif/tut17.jpg)
For the third frame here are the visible layers and the hidden layers.
![Animation photoshop](/tutorials/christmas-lights-animated-gif/tut18.jpg)
Step 16 - Create a New Animation Frame
Click on the duplicate frame button to make a new animation frame.
![duplicate frame photoshop](/tutorials/christmas-lights-animated-gif/tut19.jpg)
For the fourth frame here are the visible layers and the hidden layers.
![Animation photoshop](/tutorials/christmas-lights-animated-gif/tut20.jpg)
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](/tutorials/christmas-lights-animated-gif/tut21.jpg)
To save a gif in Photoshop go to File > Save for Web and Devices and choose GIF.
![How to save a gif in Photoshop](/tutorials/christmas-lights-animated-gif/tut22.jpg)
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](/tutorials/christmas-lights-animated-gif/christmas-lights-animated-gif.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](/tutorials/christmas-lights-animated-gif/christmas-lights-animated-photoshop-action.gif)
![Christmas Lights animated Photoshop Action](/tutorials/christmas-lights-animated-gif/christmas-gif.gif)
1 comment(s) for "Christmas Lights Animated GIF"
Thank you! 'Tis very pretty! reply