Tumblr gif tutorial scenery star wars for free#

You will now see the star wars effect working! Press the spacebar / play button in the timeline Press Cmd/Ctrl+S to save the document (contents of smart object).Ĭlose this window and go back to your starting document where you first created the text. If you press the play button in the timeline (Or press the spacebar) you will notice that the text now animates from the bottom to the top of the window. You will notice that another animation keyframe is automatically created. We are moving it to the end position of the animation. Move the playhead to the end of the timeline, by dragging it.ĭrag the text all the way up (while holding down the Shift key). We are setting the beginning of the animation (Tip: Hold down the shift key as you drag to constrain the movement to a vertical alignment). On the document window, drag the text down to the bottom of the screen. This will create a yellow diamond which is an animation keyframe. Go to the timeline and click the arrow on the left of the track name, to reveal the animation options.Ĭlick the stopwatch icon to the left of the word Transform. This is where we are going to do our animation. You will notice that a new document opens with the contents of the smart object displayed. (I wrote a book on this kind of stuff in Flash (How to Wow With Flash) and I can adapt these techniques to work in Photoshop.įind our Smart Object with the text and double click the thumbnail This is where the magic of a nested animation comes in handy. You won’t get a decent result animating it on this timeline. I know you are tempted to try and animate things right now, but resist the urge. You will now see a timeline appear in Photoshop. Right in the middle of the Timeline, you will see a button that says “Create Video Timeline.” Go ahead and click it

Open the timeline from the Window>Timeline menu if it’s not visible. You can use any version of Photoshop to get to where we are right now, but you will need CS6 or CC to animate it. We are going to make it move! Animating the Star Wars Intro Perspective text in Photoshop CS6 or CC. This is where other tutorials end (Hopefully, Youtubers won’t rip off this tutorial, like they have a lot of my other tutorials, so sad). We have now made an image of the Star wars perspective text effect.

Tumblr gif tutorial scenery star wars for free#

With the text Smart Object active in the Layers panel, Press Cmd/Ctrl+T for free transformĭrag the top corner in to make a perspective shape.

making the Star Wars Perspective text Now, we can transform this smart object. Right click on the text’s Thumbnail in the Layers panel and choose “Convert to Smart Object” (I thank my days as a Flash designer for figuring out this kind of stuff). Or can you? I have figured out a sneaky way of doing it, that is the key to this technique working. You will notice that you can’t add perspective to a paragraph of text without rasterizing it. We now want to add some perspective to the text.