Scene 20 :: Panning - A. Berlingeri was here.

Using techniques we already know, we’ll create the illusion of depth & space.

</p> </div> <footer class="entry-meta"> This entry was posted in <a href="http://www.aberling.com/category/oldflash/" rel="category tag">Flash & ActionScript Tutorials</a> and tagged <a href="http://www.aberling.com/tag/2d/" rel="tag">2D</a>, <a href="http://www.aberling.com/tag/animation-2/" rel="tag">animation</a>, <a href="http://www.aberling.com/tag/animation-how-to/" rel="tag">animation how to</a>, <a href="http://www.aberling.com/tag/animation-techniques/" rel="tag">animation techniques</a>, <a href="http://www.aberling.com/tag/camera-pan/" rel="tag">camera pan</a>, <a href="http://www.aberling.com/tag/depth/" rel="tag">depth</a>, <a href="http://www.aberling.com/tag/flash/" rel="tag">Flash</a>, <a href="http://www.aberling.com/tag/how-to/" rel="tag">how to</a>, <a href="http://www.aberling.com/tag/illusion-of-depth/" rel="tag">illusion of depth</a>, <a href="http://www.aberling.com/tag/panning/" rel="tag">panning</a>, <a href="http://www.aberling.com/tag/tutorial/" rel="tag">tutorial</a>, <a href="http://www.aberling.com/tag/tutorials/" rel="tag">tutorials</a> on <a href="http://www.aberling.com/panning/" title="2:00 pm" rel="bookmark"><time class="entry-date" datetime="2012-03-05T14:00:03-09:30">March 5, 2012</time></a><span class="by-author"> by <span class="author vcard"><a class="url fn n" href="http://www.aberling.com/author/angela/" title="View all posts by Angela Berlingeri" rel="author">Angela Berlingeri</a></span></span>. </footer> </article> <nav class="nav-single"> <h3 class="assistive-text">Post navigation</h3> <span class="nav-previous"><a href="http://www.aberling.com/buttons/" rel="prev"><span class="meta-nav">←</span> Scene 19 :: Buttons</a></span> <span class="nav-next"><a href="http://www.aberling.com/synch-speech/" rel="next">Scene 21 :: Synching Speech <span class="meta-nav">→</span></a></span> </nav> <div id="comments" class="comments-area"> </div> </div> </div> <div id="secondary" class="widget-area" role="complementary"> <aside id="categories-3" class="widget widget_categories"><h3 class="widget-title">Topics</h3> <ul> <li class="cat-item cat-item-3"><a href="http://www.aberling.com/category/animation/" title="A collection of favorite animations! There are so many styles and techniques, it is a challenge to collect and sort them all, but here is a smattering.">Animation Examples</a> <ul class='children'> <li class="cat-item cat-item-332"><a href="http://www.aberling.com/category/animation/animated-gifs/">Animated Gifs</a> </li> <li class="cat-item cat-item-119"><a href="http://www.aberling.com/category/animation/character-animation/">Character Animation</a> </li> <li class="cat-item cat-item-270"><a href="http://www.aberling.com/category/animation/collections/">Collections of Animations</a> </li> <li class="cat-item cat-item-271"><a href="http://www.aberling.com/category/animation/physical/" title="Examples of animation in the physical world. ">Physical Animation</a> </li> <li class="cat-item cat-item-37"><a href="http://www.aberling.com/category/animation/rotoscopeexamples/" title="Painting into moving images.">Rotoscoping</a> </li> <li class="cat-item cat-item-135"><a href="http://www.aberling.com/category/animation/sihlouette/" title="A powerful animation technique, or "look".">Silhouette</a> </li> <li class="cat-item cat-item-87"><a href="http://www.aberling.com/category/animation/social-impact/" title="Examples of meaningful design work.">Social Impact Animation</a> </li> <li class="cat-item cat-item-310"><a href="http://www.aberling.com/category/animation/stopmotion/">Stop Motion</a> </li> <li class="cat-item cat-item-118"><a href="http://www.aberling.com/category/animation/typeanimation/" title="Type animations here: embedded here for your viewing pleasure! Some videos look better if you choose the HD option in the lower right corner.">Type Animation</a> </li> <li class="cat-item cat-item-311"><a href="http://www.aberling.com/category/animation/wordless/">Wordless Stories</a> </li> </ul> </li> <li class="cat-item cat-item-32"><a href="http://www.aberling.com/category/animation-resources/" title="Links to resources for animation.">Animation Resources</a> </li> <li class="cat-item cat-item-215"><a href="http://www.aberling.com/category/content/">Aquiring (Legal) Content</a> </li> <li class="cat-item cat-item-279"><a href="http://www.aberling.com/category/design-resources/">Design Resources</a> </li> <li class="cat-item cat-item-298"><a href="http://www.aberling.com/category/oldflash/" title="Here are the old-ish tutorials for Flash.">Flash & ActionScript Tutorials</a> </li> <li class="cat-item cat-item-327"><a href="http://www.aberling.com/category/history-of-animation/">History of Animation</a> </li> <li class="cat-item cat-item-229"><a href="http://www.aberling.com/category/interactivemedia/">Interactive Examples</a> </li> <li class="cat-item cat-item-299"><a href="http://www.aberling.com/category/oldassignments/">Old Flash Assignments</a> </li> <li class="cat-item cat-item-24"><a href="http://www.aberling.com/category/previous/" title="Sites that previous classes have designed for non-profit organizations.">Previous Classes :: Live Sites</a> </li> <li class="cat-item cat-item-99"><a href="http://www.aberling.com/category/webresources/" title="Resources for/links to web design, development and construction information, tools and techniques. Also listed under resources for web.">Resources</a> </li> <li class="cat-item cat-item-235"><a href="http://www.aberling.com/category/software/">Software</a> </li> <li class="cat-item cat-item-243"><a href="http://www.aberling.com/category/studentgallery/" title="View the work of previous students.">Student Gallery</a> <ul class='children'> <li class="cat-item cat-item-252"><a href="http://www.aberling.com/category/studentgallery/websites/">Web Sites</a> </li> </ul> </li> <li class="cat-item cat-item-324"><a href="http://www.aberling.com/category/techniques/" title="A collection of tutorials I use in my classes.">Techniques & Tutorials</a> </li> <li class="cat-item cat-item-236"><a href="http://www.aberling.com/category/typographytools/" title="Tips and tools for typography.">Typography</a> </li> <li class="cat-item cat-item-1"><a href="http://www.aberling.com/category/uncategorized/">Uncategorized</a> </li> <li class="cat-item cat-item-138"><a href="http://www.aberling.com/category/web-fun/">Web Fun</a> </li> </ul> </aside><aside id="calendar-3" class="widget widget_calendar"><div id="calendar_wrap" class="calendar_wrap"><table id="wp-calendar" class="wp-calendar-table"> <caption>August 2021</caption> <thead> <tr> <th scope="col" title="Sunday">S</th> <th scope="col" title="Monday">M</th> <th scope="col" title="Tuesday">T</th> <th scope="col" title="Wednesday">W</th> <th scope="col" title="Thursday">T</th> <th scope="col" title="Friday">F</th> <th scope="col" title="Saturday">S</th> </tr> </thead> <tbody> <tr><td id="today">1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td> </tr> <tr> <td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td> </tr> <tr> <td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td> </tr> <tr> <td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td> </tr> <tr> <td>29</td><td>30</td><td>31</td> <td class="pad" colspan="4"> </td> </tr> </tbody> </table><nav aria-label="Previous and next months" class="wp-calendar-nav"> <span class="wp-calendar-nav-prev"><a href="http://www.aberling.com/2021/01/">« Jan</a></span> <span class="pad"> </span> <span class="wp-calendar-nav-next"> </span> </nav></div></aside> </div> </div> <footer id="colophon" role="contentinfo"> <div class="site-info"> <a href="https://wordpress.org/" class="imprint" title="Semantic Personal Publishing Platform"> Proudly powered by WordPress </a> </div> </footer> </div> <script type='text/javascript' src='http://www.aberling.com/wp-content/themes/twentytwelve/js/navigation.js?ver=20141205' id='twentytwelve-navigation-js'></script> <script type='text/javascript' src='http://www.aberling.com/wp-includes/js/wp-embed.min.js?ver=5.8' id='wp-embed-js'></script> </body> </html>