![]() Just make keyframes in position in 10th and 20th frame. For the subtitle and divider layer we will just make an animation to slide them from outside the canvas, and then back into place. ![]() Do the same for also 4th and 6th keyframe. WATCH THE VIDEO if you have trouble here. You will see the glow of the letters from the copy layer as you drag horizontally. Now with the Move tool on, go to the screen and drag the mask from left to the right. Move the timeline slider to the 2nd keyframe you just made on the layer mask position. Now click the Move Tool button so we can move the mask at different points in the timeline animation. Ok, make sure the copy layer has the lock turned off next to the mask. Now go to copied layer (the one with the mask), click on layer mask position and make 6 keyframes spaced out.ġ1. NOTE: watch the video if you have any problems here.ġ0. Now move the frame slider from frame 1 to 5 to test the animation. Stay on Frame 1 and set the layer opacity to 0%. While holding SHIFT + ALT, Transform the text layer to a small size ( Edit > Free Transform).Īpply the transformation. Stay on Frame 1 and the TUTORIAL BONE YARD layer. Go to 5th frame, set two more like you see below.ĩ. Click on the Transform and Opacity keyframe buttons circled on the left. You can also move the frame slider to different points on the timeframe and insert keyframes.Ĩ. Now you have contol over the animation of Opacity, Transform and others. On the timeline, click on the arrow of the left side of the main title’s layer to open keyframe control. Now open the timeline panel from Window > Timeline. Go back to the original title text layer. Before moving on, change the Opacity of the text layers above the divider bar to zero for now, so we can concentrate on the Title and subtitle animations.ħ. ![]() You will see what the mask is used for in step 11.Ħ. You can see the duplicate layer and its mask below. Create a layer mask from Layer > Layer mask > Reveal Selection. Make sure that the copied layer is selected. Now chose marquee selection tool and select an area like the image below. Add Color Overlay with overlay blend mode and 60% opacity.Ĥ. Then go to Layer Style, remove outer glow and stroke. On the menu, go to Layer > New > Layer Via Copy. Also add a Stroke with #be5a00 of 2px in center.ģ. Add Outer Glow with same color and normal blend mode. Now change the color of main title to #ff7e0c and go to Layer Styles. It’s better to follow the same layout of texts in this tutorial.Ģ. I have a main title of TUTORIAL BONE YARD, a sub title, dividing bar, some other texts, and a white background layer. Now set up your texts in different layers. Making a Video Timeline Animation in Adobe Photoshopġ. * Learn to use Actions to repeat the same animations in multiple text layers. ![]() * Use the Layer Mask Position to animate colors in the text title. * Use Opacity and Transform to create a fade in / out text effect. * Set up text layers for a Timeline animation. Here is a bullet list of things to learn in this tutorial: You have the option to open a Frame Animation or a Video Timeline. To open the timeline go to Window > Timeline on the menu. This gives you much more flexibility when creating an animation. Timeline animation uses layers which have properties you can change like transform, opacity, layer mask position, etc. You can switch a frame animation into a timeline animation or vice versa in Photoshop. Photoshop Timeline animation is relatively new (CS5 Extended, CS6, CC), but gives you a lot more options than the old frame animation. The Animated output will be saved to a GIF file like the one embeded here. So we will focus on animating text using the Photoshop animation Timeline feature.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |