Chasing Lights Tag

I claim the copyright to this tutorial.  You are free to do whatever you please with what you make, but please do not take my tutorial.  Do not send the tutorial through email.  Only share my link.

This tutorial is intended for a beginner to learn about using the adjustment layer to make animations.  If you have any questions, please feel free to email me.

To do this tutorial you will also need Photoshop CS.  You may download a free trial at Adobe.

Download the Christmas Light Tube.

Remember to save as a .psd file often!

1.  Open the Christmas Light Tube in Photoshop. 

2.  In the top menu, click Image > Duplicate.  Close the original.

2.  In top menu, click Image > Canvas Size.

3.  Set Canvas size to width = 500, height = 150.

4.  With the magic wand, click on the base of the bulb.

5.  In top menu, click Select > Inverse

6.  In top menu, click Select > Save Selection  Give the selection a name.  I named mine Bulb

 

7.  In Layer Palette, right-click on Layer and choose Duplicate Layer.

8.  Duplicate the layer so that you have the same number of bulb layers as the number of letters in your name.  Pam has 3 letters, so I have 3 bulb layers.

9  Click on the top layer in the Layer Palette.  In the top menu, click Layer > New Adjustment Layer > Hue/Saturation

10.  In the Hue/Saturation box, place a check in the Colorize box and Preview box.  Play around with the sliders for the Hue and Saturation to get the color you want.  This color will be displayed in the bottom bar.  So these settings will give you a blue bar.

11.  In the Layer Palette, HIDE all layers except the adjustment layer and the bulb layer underneath it.  HIDE the layers by clicking on the eyes.

 

12.  In the layer Palette, click on the next bulb layer.

13  In the top menu, click Select > Load Selection.

14.  In the Channel menu, choose the selection you had saved.

15.  In the top menu, click Layer >New Adjustment Layer > Hue/Saturation.

16.  Again CHECK the Colorize Box and change the settings for the Hue and Saturation.  My settings below give you a red.

17.  Click on the next bulb layer and repeat STEPS 12 - 15, on each bulb layer, and merging the bulb and adjustment layer (as in STEP 11)

18.  In top menu, click Layer > Merge Visible

19.  In the Layer Palette, HIDE the top layer.  UNHIDE the two middle layers.

20.  Click on  one of the unhidden layers.  In the top menu, click Layer > Merge Visible.

21.  Your layer palette should look something like this.

22.  With the mover tool, move your lights into a line.  (Remember, to move a layer, you must first click on that layer in the Layer Palette).

23.  In the top menu, click Layer > Merge Visible.

24.  Choose the font tool.  Choose your font, color and size.  I chose White.  Type the first letter of your name.  With the mover tool, move that letter into position over the base of the first bulb.

25.  Type the rest of your name, one layer at a time and place the letter in position.

26.  Click on the eye of the bottom layer to HIDE it.

27.  In top menu, click Layer > Merge Visible

28.  Open up the spruce tube.  Resize the tube  by clicking Image > Resize.  Resize so that pixels for height = 40.

29.  Drag the layer of the spruce tube onto the light image.  This will create a new layer for the spruce tube on the lights.  In the layer palette, drag that layer below the lights layer.

30.  With the mover tool, move the tube into position.  Then right-click on the spruce layer and choose duplicate.  Move this layer into position.  Continue to duplicate and move until you have a nice layer of spruce.

31.  HIDE the name and lights layer by clicking on the eyes.  Click on one of the spruce layers.  In top menu, click Layer > Merge Visible.

32.  Choose the lasso tool.  You may need to click on the arrow by the polygon lasso tool.

33.  Draw a lasso around the last bulb.

34.  In the Layer Palette, click on the lights layer.  In the top menu, click Layer > New Adjustment Layer > Brightness/Contrast

35.  In the box, set the Brightness = 50, Contrast = 0.

36.  Repeat STEPS 33 - 35 for each bulb in your name.

37.  When finished, click on the Edit in Image Ready icon at the bottom of the tool menu.

38.  In the box on the right side marked with tabs for Web Content and Color Table, click on the drop-down arrow, and choose Palette Options.

39.  Place a check next to Include Animation Frames, and choose your Thumbnail Size.

40.  In the frame box, Click on the arrow next to the time.

41.  Click on .2 or click on other and set the delay to .20

42.  In the frame box, click on the options arrow menu.

43.  Click on Copy Frame.

44.  Then click on that menu arrow again, and choose Paste Frame > After current frame.

45.  Paste as many frames as you have lightbulbs.

46.  Click on the first frame.  Then in the Layer Palette box, HIDE all the adjustment layers for all bulbs but the first one.

47.  Click on the second frame.  Then in the Layer Palette box, HIDE all the adjustment layers for all bulbs but the second one.

48.  Click on the third.  Then in the Layer Palette box, HIDE all the adjustment layers for all bulbs but the third one.

49.  Continue this process for all the bulbs that you have.

50.  Click on the Play button to see your animation.  Adjust times as necessary.  Press Stop.

51.  In top menu, click File > Save Optimized As...  and save!

 

 


Email

Tutorial Index

Home

 Please do not remove this tutorial from my site.  Share my url.