{"id":12681,"date":"2015-12-21T21:45:18","date_gmt":"2015-12-22T05:45:18","guid":{"rendered":"http:\/\/photoshopcafe.com\/?p=12681"},"modified":"2022-10-24T20:19:23","modified_gmt":"2022-10-25T03:19:23","slug":"create-animated-star-wars-perspective-text-effect-photoshop-tutorial","status":"publish","type":"post","link":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial","title":{"rendered":"How to Create Animated Star Wars Perspective text effect in Photoshop tutorial"},"content":{"rendered":"<p>In this Photoshop tutorial, I&#8217;m going to show you how to create the title to Star Wars. We are going to make the perspective text and actually animate it, so that it moves just like at the beginning of all the Star Wars movies. We are going to do all of this in Photoshop CS6 or Photoshop CC. If you have an earlier version of Photoshop, you can still make the text effect, but you will need CS6 or CC to make the animation.<\/p>\n<p>I have also included the PSD that you can download for free at the end of this tutorial. <em>PhotoshopCAFE: doing what other tutorial sites don&#8217;t \ud83d\ude42<\/em> Enjoy!<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/-AEHqLVFRo4?rel=0&amp;showinfo=0\" width=\"853\" height=\"480\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><br \/>\n<script src=\"https:\/\/apis.google.com\/js\/platform.js\"><\/script><\/p>\n<div class=\"g-ytsubscribe\" data-channel=\"photoshopCAFE\" data-layout=\"full\" data-count=\"default\"><\/div>\n<h3>Step 1 &#8211; Creating the Text with the Star Wars font<\/h3>\n<p>Start with a new blank document. Set the background color to black.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-01.jpg\" rel=\"attachment wp-att-12702\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12702\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-01.jpg\" alt=\"star wars intro text photoshop tutorial-01\" width=\"700\" height=\"471\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-01.jpg 700w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-01-600x404.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-01-300x202.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-01-100x67.jpg 100w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h3>Step 2<\/h3>\n<p>We are going to create some paragraph text.<\/p>\n<p>Click the type tool<\/p>\n<p>Choose bright yellow as the color. The font used on Star Wars is Franklin Gothic.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-02.jpg\" rel=\"attachment wp-att-12701\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12701\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-02.jpg\" alt=\"star wars intro text photoshop tutorial-02\" width=\"226\" height=\"252\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-02.jpg 226w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-02-100x112.jpg 100w\" sizes=\"auto, (max-width: 226px) 100vw, 226px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Step 3<\/h3>\n<p>Now, we will create a body of text. To create paragraph text, click and drag a box around the area where you want the text to go.<\/p>\n<p>Either type, or paste in some text.<\/p>\n<p>Here is the nonsense text used in this block, if you want to, just cut and paste it&#8230;<\/p>\n<div>____________________<\/div>\n<div>Episode whatever of PhotoshopCAFE tuts<\/div>\n<div>How to make Star Wars Style animated crawling text in perspective. Oh yeah! And I\u2019m going to show you how to make it move just like the beginning of Star Wars. This is a Photoshop tutorial you really don\u2019t want to miss, because no one else has done this before. Sure, a few have created a still version, but this is the first one to be animated and look like the real thing. Check it out on our youtube channel, PhotoshopCAFE and on our website: PhotoshopCAFE.com. We also have a ton of free Photoshop tutorials and new ones all the time. This one is by Colin Smith, founder of PhotoshopCAFE .com. Thanks for watching.<\/div>\n<div>_______________________<\/div>\n<div><\/div>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-03.jpg\" rel=\"attachment wp-att-12700\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12700\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-03.jpg\" alt=\"star wars intro text photoshop tutorial-03\" width=\"604\" height=\"420\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-03.jpg 700w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-03-600x417.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-03-300x209.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-03-100x70.jpg 100w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<h3>Step 4<\/h3>\n<p>We now want to add some perspective to the text. You will notice that you can&#8217;t add perspective to a paragraph of text without rasterizing it. Or can you? I have figured out a sneaky way of doing it, that is the key to this technique working. (I thank my days as a Flash designer for figuring out this kind of stuff).<\/p>\n<p>Right click on the text&#8217;s Thumbnail in the Layers panel and choose &#8220;Convert to Smart Object&#8221;<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-05.jpg\" rel=\"attachment wp-att-12698\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12698\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-05.jpg\" alt=\"star wars intro text photoshop tutorial-05\" width=\"264\" height=\"210\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-05.jpg 264w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-05-100x80.jpg 100w\" sizes=\"auto, (max-width: 264px) 100vw, 264px\" \/><\/a><\/p>\n<h3>Step 5. making the Star Wars Perspective text<\/h3>\n<h3>Now, we can transform this smart object.<\/h3>\n<p>With the text Smart Object active in the Layers panel, Press Cmd\/Ctrl+T for free transform<\/p>\n<p>Right Click and choose Perspective.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-06.jpg\" rel=\"attachment wp-att-12697\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12697\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-06.jpg\" alt=\"star wars intro text photoshop tutorial-06\" width=\"604\" height=\"433\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-06.jpg 700w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-06-600x430.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-06-300x215.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-06-100x72.jpg 100w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<h3>Step 6<\/h3>\n<p>Drag the top corner in to make a perspective shape.<\/p>\n<p>Press enter to apply.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-07.jpg\" rel=\"attachment wp-att-12696\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12696\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-07.jpg\" alt=\"star wars intro text photoshop tutorial-07\" width=\"604\" height=\"404\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-07.jpg 700w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-07-600x401.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-07-300x201.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-07-100x67.jpg 100w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<h3>Step 7<\/h3>\n<p>We have now made an\u00a0image of the Star wars perspective text effect. This is where other tutorials end (Hopefully,\u00a0Youtubers won&#8217;t rip off this tutorial, like they have a <strong>lot<\/strong> of my other tutorials, so sad). But this is where we kick it up a gear. We are going to make it move!<\/p>\n<h2>Animating the Star Wars Intro Perspective text in Photoshop CS6 or CC.<\/h2>\n<p>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.<\/p>\n<h3>Step 8<\/h3>\n<p>Open the timeline from the Window&gt;Timeline menu if it&#8217;s not visible.<\/p>\n<p>Right in the middle of the Timeline, you will see a button that says &#8220;Create Video Timeline.&#8221;\u00a0Go ahead and click it<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-08.jpg\" rel=\"attachment wp-att-12695\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12695\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-08.jpg\" alt=\"star wars intro text photoshop tutorial-08\" width=\"210\" height=\"41\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-08.jpg 210w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-08-100x20.jpg 100w\" sizes=\"auto, (max-width: 210px) 100vw, 210px\" \/><\/a><\/p>\n<h3>Step 9<\/h3>\n<p>You will now see a timeline appear in Photoshop.<\/p>\n<p>I know you are tempted to try and animate things right now, but resist the urge. You won&#8217;t get a decent result animating it on this timeline.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-09.jpg\" rel=\"attachment wp-att-12694\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12694\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-09.jpg\" alt=\"star wars intro text photoshop tutorial-09\" width=\"604\" height=\"375\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-09.jpg 700w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-09-600x373.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-09-300x186.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-09-100x62.jpg 100w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<h3>Step 10<\/h3>\n<p>This is where the magic of a nested animation comes in handy. (I wrote a book on this kind of stuff in Flash \u00a0(How to Wow With Flash) and I can adapt these techniques to work in Photoshop.<\/p>\n<p>Find our Smart Object with the text and double click the thumbnail<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-10.jpg\" rel=\"attachment wp-att-12693\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12693\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-10.jpg\" alt=\"star wars intro text photoshop tutorial-10\" width=\"245\" height=\"176\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-10.jpg 245w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-10-100x72.jpg 100w\" sizes=\"auto, (max-width: 245px) 100vw, 245px\" \/><\/a><\/p>\n<h3>Step 11<\/h3>\n<p>You will notice that a new document opens with the contents of the smart object displayed. This is where we are going to do our animation.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-11.jpg\" rel=\"attachment wp-att-12692\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12692\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-11.jpg\" alt=\"star wars intro text photoshop tutorial-11\" width=\"604\" height=\"468\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-11.jpg 700w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-11-600x465.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-11-300x232.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-11-100x77.jpg 100w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<h3>Step 12<\/h3>\n<p>Go to the timeline and click the arrow on the left of the track name, to reveal the animation options.<\/p>\n<p>Click the stopwatch icon to the left of the word Transform. This will create a yellow diamond which is an animation keyframe.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-12.jpg\" rel=\"attachment wp-att-12691\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12691\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-12.jpg\" alt=\"star wars intro text photoshop tutorial-12\" width=\"422\" height=\"213\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-12.jpg 422w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-12-300x151.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-12-100x50.jpg 100w\" sizes=\"auto, (max-width: 422px) 100vw, 422px\" \/><\/a><\/p>\n<h3>Step 13<\/h3>\n<p>On the document window, drag\u00a0the text down to the bottom of the screen.<\/p>\n<p>(Tip: Hold down the shift key as you drag to constrain the movement to a vertical alignment). We are setting the beginning of the animation<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-13.jpg\" rel=\"attachment wp-att-12690\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12690\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-13.jpg\" alt=\"star wars intro text photoshop tutorial-13\" width=\"604\" height=\"469\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-13.jpg 700w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-13-600x465.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-13-300x233.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-13-100x78.jpg 100w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<h3>Step 14<\/h3>\n<p>Now for the end<\/p>\n<p>Move the playhead to the end of the timeline, by dragging it.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-14.jpg\" rel=\"attachment wp-att-12689\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12689\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-14.jpg\" alt=\"star wars intro text photoshop tutorial-14\" width=\"237\" height=\"175\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-14.jpg 237w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-14-100x74.jpg 100w\" sizes=\"auto, (max-width: 237px) 100vw, 237px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Step 15<\/h3>\n<p>Drag the text all the way up (while holding down the Shift key). We are moving it to the end position of the animation.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-15.jpg\" rel=\"attachment wp-att-12688\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12688\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-15.jpg\" alt=\"star wars intro text photoshop tutorial-15\" width=\"604\" height=\"473\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-15.jpg 700w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-15-600x470.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-15-300x235.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-15-100x78.jpg 100w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Step 16<\/h3>\n<p>You will notice that another animation keyframe is automatically created.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-16.jpg\" rel=\"attachment wp-att-12687\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12687\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-16.jpg\" alt=\"star wars intro text photoshop tutorial-16\" width=\"54\" height=\"135\" \/><\/a><\/p>\n<h3>Step 17<\/h3>\n<p>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.<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-17.jpg\" rel=\"attachment wp-att-12686\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12686\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-17.jpg\" alt=\"star wars intro text photoshop tutorial-17\" width=\"604\" height=\"389\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-17.jpg 700w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-17-600x387.jpg 600w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-17-300x193.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-17-100x64.jpg 100w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<h3>Step 18<\/h3>\n<p>Now for the magic!<\/p>\n<p>Press Cmd\/Ctrl+S to save the document (contents of smart object).<\/p>\n<p>Close this window and go back to your starting document where you first created the text.<\/p>\n<p>Press the spacebar \/ play button in the timeline<\/p>\n<p>You will now see the star wars effect working!<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-19.jpg\" rel=\"attachment wp-att-12684\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12684 size-thumbnail\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-19-150x150.jpg\" alt=\"star wars perspective intro text photoshop tutorial-19\" width=\"150\" height=\"150\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-19-150x150.jpg 150w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-19-300x300.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-19-100x100.jpg 100w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-19-50x50.jpg 50w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-19-90x90.jpg 90w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-19-70x70.jpg 70w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/star-wars-intro-text-photoshop-tutorial-19-250x250.jpg 250w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n<p>I don&#8217;t know about you, but I think this is pretty cool.<\/p>\n<h1>How to export photoshop animation as a video<\/h1>\n<p>If you want to export this as a video do this:<\/p>\n<p>Choose File&gt;Render Video<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/11\/Screen-Shot-2015-12-08-at-12.39.04-PM.jpg\" alt=\"\" width=\"748\" height=\"478\" \/><\/p>\n<p>Select Folder (name the video and select where you want it to be saved to)<\/p>\n<p>Choose H.264 as the format<\/p>\n<p>Preset: High Quality<\/p>\n<p>Then press render<\/p>\n<p>The video will now be created in the folder you chose. Be patient, it may take a while<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/photocube-tutorial.htm\">If you are making a video from 3D in Photoshop, see instructions here<\/a><\/p>\n<h2>I have more Photoshop animation tutorials here<\/h2>\n<ul>\n<li><a href=\"http:\/\/photoshopcafe.com\/make-animated-rain-photoshop-effects\/\">Make Animated Rain<\/a><\/li>\n<li><a href=\"http:\/\/photoshopcafe.com\/edit-video-photoshop-free-mini-course\/\">Edit video in Photoshop<\/a><\/li>\n<li><a href=\"http:\/\/photoshopcafe.com\/make-animated-snow-photoshop-scratch\/\">Make Animated snow in Photoshop<\/a><\/li>\n<li><a href=\"http:\/\/photoshopcafe.com\/make-an-animated-cartoon-book-from-video-in-photoshop-tutorial\/\">Make an animated cartoon Cinemagraph<\/a><\/li>\n<li><a href=\"http:\/\/photoshopcafe.com\/tutorials\/make-a-cinemagraph-from-a-video-in-photoshop-animated-gif-tutorial\/\">Make a Cinemagraph gif<\/a><\/li>\n<li><a href=\"http:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\">Make Animated Star Wars Intro<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/11\/Screen-Shot-2015-12-08-at-12.39.04-PM.jpg<\/p>\n<p>I have done a lot of experimenting with video and animation in Photoshop and had the huge honor of\u00a0presenting some of my techniques for Adobe at their world headquarters (several times), as well as at Adobe Max (the Adobe World Conference).<\/p>\n<p>If you want to get deeper into what you can do in Photoshop with Video and animation check out the 2 premium videos that I have created. <a href=\"http:\/\/photoshopcafe.com\/video\/products\/Photoshop_video_editing.htm\">Video in Photoshop<\/a> will get your feet wet and teach you the range of things you can do in Photoshop (perfect for a beginner). Then check out <a href=\"http:\/\/photoshopcafe.com\/video-editing-photoshop\">Making Movies in Photoshop<\/a>, which picks up where Photoshop and Video leaves of. I have also written a book, Video in Photoshop with Peachpit Press that you can find at bookstores.<\/p>\n<p>Thanks so much for checking out this tutorial!<br \/>\n<a href=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwarsintro-photoshopCAFE.zip\">Download\u00a0the PSD here<\/a><\/p>\n<p>Add a comment! See you at the CAFE<\/p>\n<p>Colin Smith<\/p>\n<p><a href=\"http:\/\/photoshopcafe.com\/video-editing-photoshop\" rel=\"attachment wp-att-11021\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11021\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/10\/psvideo.jpg\" alt=\"psvideo\" width=\"143\" height=\"252\" \/>\u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2939\" src=\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2014\/07\/video_PS_tn.jpg\" alt=\"video_PS_tn\" width=\"143\" height=\"252\" \/><\/a><\/p>\n<p>&nbsp;<br \/>\n<hr \/>\r\n\r\n<strong>PS Don\u2019t forget to follow us on Social Media for more tips..<\/strong>\r\n<ul>\r\n\t<li><a href=\"https:\/\/www.instagram.com\/photoshopcafe\/\">Instagram<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.youtube.com\/photoshopcafe\">Youtube.<\/a><\/li>\r\n\t<li><a href=\"https:\/\/www.facebook.com\/photoshopCAFE\">facebook<\/a><\/li>\r\n\t<li><a href=\"https:\/\/twitter.com\/photoshopCAFE\">twitter<\/a><\/li>\r\n<\/ul>\r\n(I've been posting some fun Instagram and Facebook Stories lately)<br \/>\r\n\r\n<a href=\"https:\/\/photoshopcafe.com\/vault\/\">You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here<\/a>\r\n\r\n<a href=\"https:\/\/photoshopcafe.com\/vault\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-48395 size-full\" src=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter.jpg\" alt=\"photoshop goodies for free\" width=\"550\" height=\"363\" srcset=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter.jpg 550w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-300x198.jpg 300w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-100x66.jpg 100w, https:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/03\/PS-vault-newsltter-120x80.jpg 120w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this Photoshop tutorial, I&#8217;m going to show you how to create the title to Star Wars. We are going to make the perspective text and actually animate it, so that it moves just like at the beginning of all the Star Wars movies. We are going to do all of this in Photoshop CS6 or Photoshop CC. If you have an earlier version of Photoshop, you can still make the text effect, but you will need CS6 or CC to make the animation.<\/p>\n","protected":false},"author":6,"featured_media":12682,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"_acf_changed":false,"footnotes":""},"categories":[43,52,53],"tags":[76,158,160,468],"class_list":["post-12681","post","type-post","status-publish","format-video","has-post-thumbnail","hentry","category-photoshop-tutorials","category-special-effects","category-text-effects","tag-timeline","tag-text","tag-smart-object","tag-animation","post_format-post-format-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create Animated Star Wars Perspective text effect in Photoshop tutorial - PhotoshopCAFE<\/title>\n<meta name=\"description\" content=\"In this Photoshop tutorial, I&#039;m going to show you how to create the title to Star Wars. We are going to make the perspective text and actually animate it, so that it moves just like at the beginning of all the Star Wars movies. We are going to do all of this in Photoshop CS6 or Photoshop CC. If you have an earlier version of Photoshop, you can still make the text effect, but you will need CS6 or CC to make the animation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Animated Star Wars Perspective text effect in Photoshop tutorial\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop tutorial, I&#039;m going to show you how to create the title to Star Wars. We are going to make the perspective text and actually animate it, so that it moves just like at the beginning of all the Star Wars movies. We are going to do all of this in Photoshop CS6 or Photoshop CC. If you have an earlier version of Photoshop, you can still make the text effect, but you will need CS6 or CC to make the animation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"PhotoshopCAFE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoshopCAFE\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-22T05:45:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-25T03:19:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwars-intor-animated-in-photoshop-tutorial.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"254\" \/>\n\t<meta property=\"og:image:height\" content=\"255\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Colin Smith\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@photoshopCAFE\" \/>\n<meta name=\"twitter:site\" content=\"@photoshopCAFE\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Colin Smith\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/\"},\"author\":{\"name\":\"Colin Smith\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1\"},\"headline\":\"How to Create Animated Star Wars Perspective text effect in Photoshop tutorial\",\"datePublished\":\"2015-12-22T05:45:18+00:00\",\"dateModified\":\"2022-10-25T03:19:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/\"},\"wordCount\":1238,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\/\/photoshopcafe.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwars-intor-animated-in-photoshop-tutorial.jpg\",\"keywords\":[\"Timeline\",\"Text\",\"Smart Object\",\"animation\"],\"articleSection\":[\"Tutorials\",\"Special Effects\",\"Text Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/\",\"url\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/\",\"name\":\"How to Create Animated Star Wars Perspective text effect in Photoshop tutorial - PhotoshopCAFE\",\"isPartOf\":{\"@id\":\"https:\/\/photoshopcafe.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwars-intor-animated-in-photoshop-tutorial.jpg\",\"datePublished\":\"2015-12-22T05:45:18+00:00\",\"dateModified\":\"2022-10-25T03:19:23+00:00\",\"description\":\"In this Photoshop tutorial, I'm going to show you how to create the title to Star Wars. We are going to make the perspective text and actually animate it, so that it moves just like at the beginning of all the Star Wars movies. We are going to do all of this in Photoshop CS6 or Photoshop CC. If you have an earlier version of Photoshop, you can still make the text effect, but you will need CS6 or CC to make the animation.\",\"breadcrumb\":{\"@id\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#primaryimage\",\"url\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwars-intor-animated-in-photoshop-tutorial.jpg\",\"contentUrl\":\"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwars-intor-animated-in-photoshop-tutorial.jpg\",\"width\":254,\"height\":255},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/photoshopcafe.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Animated Star Wars Perspective text effect in Photoshop tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/photoshopcafe.com\/#website\",\"url\":\"https:\/\/photoshopcafe.com\/\",\"name\":\"PhotoshopCAFE\",\"description\":\"Adobe Photoshop tutorials and Lightroom tutorials\",\"publisher\":{\"@id\":\"https:\/\/photoshopcafe.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/photoshopcafe.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/photoshopcafe.com\/#organization\",\"name\":\"PhotoshopCAFE\",\"url\":\"https:\/\/photoshopcafe.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png\",\"contentUrl\":\"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png\",\"width\":512,\"height\":512,\"caption\":\"PhotoshopCAFE\"},\"image\":{\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/photoshopCAFE\",\"https:\/\/x.com\/photoshopCAFE\",\"https:\/\/www.instagram.com\/photoshopcafe\/\",\"https:\/\/www.linkedin.com\/in\/photoshopcafe\/\",\"https:\/\/www.youtube.com\/photoshopcafe\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1\",\"name\":\"Colin Smith\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/photoshopcafe.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g\",\"caption\":\"Colin Smith\"},\"description\":\"Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored\/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He\u2019s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He\u2019s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe\",\"url\":\"https:\/\/photoshopcafe.com\/author\/colin-smith\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create Animated Star Wars Perspective text effect in Photoshop tutorial - PhotoshopCAFE","description":"In this Photoshop tutorial, I'm going to show you how to create the title to Star Wars. We are going to make the perspective text and actually animate it, so that it moves just like at the beginning of all the Star Wars movies. We are going to do all of this in Photoshop CS6 or Photoshop CC. If you have an earlier version of Photoshop, you can still make the text effect, but you will need CS6 or CC to make the animation.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Animated Star Wars Perspective text effect in Photoshop tutorial","og_description":"In this Photoshop tutorial, I'm going to show you how to create the title to Star Wars. We are going to make the perspective text and actually animate it, so that it moves just like at the beginning of all the Star Wars movies. We are going to do all of this in Photoshop CS6 or Photoshop CC. If you have an earlier version of Photoshop, you can still make the text effect, but you will need CS6 or CC to make the animation.","og_url":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/","og_site_name":"PhotoshopCAFE","article_publisher":"https:\/\/www.facebook.com\/photoshopCAFE","article_published_time":"2015-12-22T05:45:18+00:00","article_modified_time":"2022-10-25T03:19:23+00:00","og_image":[{"width":254,"height":255,"url":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwars-intor-animated-in-photoshop-tutorial.jpg","type":"image\/jpeg"}],"author":"Colin Smith","twitter_card":"summary_large_image","twitter_creator":"@photoshopCAFE","twitter_site":"@photoshopCAFE","twitter_misc":{"Written by":"Colin Smith","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#article","isPartOf":{"@id":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/"},"author":{"name":"Colin Smith","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1"},"headline":"How to Create Animated Star Wars Perspective text effect in Photoshop tutorial","datePublished":"2015-12-22T05:45:18+00:00","dateModified":"2022-10-25T03:19:23+00:00","mainEntityOfPage":{"@id":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/"},"wordCount":1238,"commentCount":7,"publisher":{"@id":"https:\/\/photoshopcafe.com\/#organization"},"image":{"@id":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwars-intor-animated-in-photoshop-tutorial.jpg","keywords":["Timeline","Text","Smart Object","animation"],"articleSection":["Tutorials","Special Effects","Text Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/","url":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/","name":"How to Create Animated Star Wars Perspective text effect in Photoshop tutorial - PhotoshopCAFE","isPartOf":{"@id":"https:\/\/photoshopcafe.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwars-intor-animated-in-photoshop-tutorial.jpg","datePublished":"2015-12-22T05:45:18+00:00","dateModified":"2022-10-25T03:19:23+00:00","description":"In this Photoshop tutorial, I'm going to show you how to create the title to Star Wars. We are going to make the perspective text and actually animate it, so that it moves just like at the beginning of all the Star Wars movies. We are going to do all of this in Photoshop CS6 or Photoshop CC. If you have an earlier version of Photoshop, you can still make the text effect, but you will need CS6 or CC to make the animation.","breadcrumb":{"@id":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#primaryimage","url":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwars-intor-animated-in-photoshop-tutorial.jpg","contentUrl":"https:\/\/photoshopcafe.com\/wp-content\/uploads\/2015\/12\/starwars-intor-animated-in-photoshop-tutorial.jpg","width":254,"height":255},{"@type":"BreadcrumbList","@id":"https:\/\/photoshopcafe.com\/star-wars-perspective-text-animated-photoshop-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/photoshopcafe.com\/"},{"@type":"ListItem","position":2,"name":"How to Create Animated Star Wars Perspective text effect in Photoshop tutorial"}]},{"@type":"WebSite","@id":"https:\/\/photoshopcafe.com\/#website","url":"https:\/\/photoshopcafe.com\/","name":"PhotoshopCAFE","description":"Adobe Photoshop tutorials and Lightroom tutorials","publisher":{"@id":"https:\/\/photoshopcafe.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/photoshopcafe.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/photoshopcafe.com\/#organization","name":"PhotoshopCAFE","url":"https:\/\/photoshopcafe.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/","url":"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png","contentUrl":"http:\/\/photoshopcafe.com\/wp-content\/uploads\/2021\/12\/cropped-psc512.png","width":512,"height":512,"caption":"PhotoshopCAFE"},"image":{"@id":"https:\/\/photoshopcafe.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/photoshopCAFE","https:\/\/x.com\/photoshopCAFE","https:\/\/www.instagram.com\/photoshopcafe\/","https:\/\/www.linkedin.com\/in\/photoshopcafe\/","https:\/\/www.youtube.com\/photoshopcafe"]},{"@type":"Person","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/a2452c052fad7b30a7d49eeefb8ec2b1","name":"Colin Smith","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/photoshopcafe.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/91ba6bedfc9917695b2173d6cfaefe08?s=96&d=mm&r=g","caption":"Colin Smith"},"description":"Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored\/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He\u2019s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He\u2019s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe","url":"https:\/\/photoshopcafe.com\/author\/colin-smith\/"}]}},"_links":{"self":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/12681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/comments?post=12681"}],"version-history":[{"count":15,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/12681\/revisions"}],"predecessor-version":[{"id":12709,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/posts\/12681\/revisions\/12709"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/media\/12682"}],"wp:attachment":[{"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/media?parent=12681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/categories?post=12681"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/photoshopcafe.com\/wp-json\/wp\/v2\/tags?post=12681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}