{"id":15660,"date":"2008-12-28T13:50:25","date_gmt":"2008-12-28T13:50:25","guid":{"rendered":"http:\/\/blogs.adobe.com\/jnackdev\/2008\/12\/star-wars-nothing-but-staaar-waaars.html"},"modified":"2008-12-28T13:50:25","modified_gmt":"2008-12-28T13:50:25","slug":"star_wars_nothing_but_staaar_waaars","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2008\/12\/28\/star_wars_nothing_but_staaar_waaars\/","title":{"rendered":"&quot;Star Wars, nothing but Staaar Waaars&#8230;&quot;"},"content":{"rendered":"<p style=\"margin-top: 0;margin-bottom: 0\">Now that Flash CS4 offers &#8220;postcards in space&#8221;-style 3D transformations, you can do all sorts of simple, interesting things.  On CreativePro.com Jeremy Schultz has posted a tutorial on <a href=\"http:\/\/www.creativepro.com\/article\/create-star-wars-scrolling-text-flash\">creating a Star Wars-style text crawl<\/a> using the new app.<\/p>\n<p style=\"margin-top: 0;margin-bottom: 0\">&#160;<\/p>\n<p style=\"margin-top: 0;margin-bottom: 0\">Photoshop CS4 offers a couple of interesting new ways to do something similar.  First, because Smart Objects in CS4 now support perspective transformations, you can create some text, then transform it non-destructively while keeping everything editable.  Here&#8217;s a quick recipe: <\/p>\n<p style=\"margin-top: 0;margin-bottom: 0\">&#160;  <\/p>\n<p style=\"margin-top: 0;margin-bottom: 0\">&#160;<\/p>\n<ol style=\"margin-top: 0;margin-bottom: 0\">\n<li>Create your text.  I suggest clicking &amp; dragging out a rectangle using the text tool, then pasting in your text.\n<li>Choose Layers-&gt;Smart Object-&gt;Convert to Smart Object.\n<li>Hit Cmd-T\/Ctrl-T to enter Free Transform mode.\n<li>While hovering over one corner of the transform rectangle, hold Cmd-Opt-Shift\/Ctrl-Alt-Shift, then start dragging.  Hit Enter\/Return when done.\n<li>To change the perspective effect applied to the Smart Object, just hit Cmd-T\/Ctrl-T again and you&#8217;ll be right back where you were.  To edit the text, double click the SO layer to edit the original content in its own window.\n<\/ol>\n<p style=\"margin-top: 0;margin-bottom: 0\">&#160;<\/p>\n<p style=\"margin-top: 0;margin-bottom: 0\">&#160;<\/p>\n<p style=\"margin-top: 0;margin-bottom: 0\">Photoshop CS4 Extended offers another cool option as well: turning the layer into a 3D postcard.  Try this:<\/p>\n<p style=\"margin-top: 0;margin-bottom: 0\">&#160;<\/p>\n<ol style=\"margin-top: 0;margin-bottom: 0\">\n<li>Create the initial text layer as described above.\n<li>Choose 3D-&gt;New 3D Postcard From Layer.\n<li>Hit K on the keyboard to select the 3D Rotate Tool.\n<li>Click and drag on the layer to rotate it in 3D space.  Try holding Shift, then clicking and dragging vertically.\n<li>Alternatively, use the on-canvas 3D manipulation widget and\/or the other object\/camera manipulation tools to rotate the 3D postcard layer.\n<li>To edit the text, double click the name of the text layer listed in the Layers panel beneath Textures-Diffuse.\n<\/ol>\n<p style=\"margin-top: 0;margin-bottom: 0\">&#160;<\/p>\n<p style=\"margin-top: 0;margin-bottom: 0\">&#160;<\/p>\n<p style=\"margin-top: 0;margin-bottom: 0\">Is one method better than the other?  Not necessarily.  Going the Smart Object route, you can use regular Photoshop transformation options &amp; directly apply filters non-destructively.  (Plus, of course, you&#8217;re not required to own Photoshop Extended.)  The 3D postcard method offers much richer ways to manipulate the object using real 3D effects&#8211;for example, changing the focal length of the camera that&#8217;s viewing the text.  It also lets you apply 3D lights, etc.<br \/>\nOne other thing: After Effects has supported postcards in space for many years, and the Adobe Exchange features a <a href=\"http:\/\/www.adobe.com\/cfusion\/exchange\/index.cfm?event=extensionDetail&amp;loc=en_us&amp;extid=1232517\">downloadable template for AE<\/a> that makes the Star Wars effect easy.<\/p>\n<p>\n<i>Thanks to <a href=\"http:\/\/en.wikipedia.org\/wiki\/Nick_The_Lounge_Singer\">Bill Murray<\/a> for the <a href=\"http:\/\/starwars.yahoo.com\/videos\/e054eee49ff38cab22be2c3368512629\">title inspiration<\/a>.<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Now that Flash CS4 offers &#8220;postcards in space&#8221;-style 3D transformations, you can do all sorts of simple, interesting things. On CreativePro.com Jeremy Schultz has posted a tutorial on creating a Star Wars-style text crawl using the new app. &#160; Photoshop CS4 offers a couple of interesting new ways to do something similar. First, because Smart [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[21,26,9],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/15660"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=15660"}],"version-history":[{"count":0,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/15660\/revisions"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=15660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=15660"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=15660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}