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 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-119"><a href="http://www.aberling.com/category/animation/character-animation/">Character 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-87"><a href="http://www.aberling.com/category/animation/say-something/" title="Examples of meaningful design work.">SAY SOMETHING!!</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-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-270"><a href="http://www.aberling.com/category/animation/various/">Various</a> </li> <li class="cat-item cat-item-271"><a href="http://www.aberling.com/category/animation/walls-buildings/">Walls & Buildings</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-215"><a href="http://www.aberling.com/category/content/">Aquiring (Legal) Content</a> </li> <li class="cat-item cat-item-146"><a href="http://www.aberling.com/category/web_assignments/" title="Weekly assignments with due dates.">Assignments & Grades</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 Tutorials</a> </li> <li class="cat-item cat-item-34"><a href="http://www.aberling.com/category/actionscripttools/" title="Some commonly used scripts">For Actionscript</a> </li> <li class="cat-item cat-item-32"><a href="http://www.aberling.com/category/animationtools/" title="Links to resources for animation.">For Animation</a> </li> <li class="cat-item cat-item-272"><a href="http://www.aberling.com/category/ios/">For IOS</a> </li> <li class="cat-item cat-item-23"><a href="http://www.aberling.com/category/resources-links/" title="Resources for/links to web design, construction and development information, tools and techniques. Also listed under Web II class resources.">For Web Work</a> </li> <li class="cat-item cat-item-279"><a href="http://www.aberling.com/category/design-rti/">General Design</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>January 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 colspan="5" class="pad"> </td><td>1</td><td>2</td> </tr> <tr> <td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td> </tr> <tr> <td>10</td><td>11</td><td><a href="http://www.aberling.com/2021/01/12/" aria-label="Posts published on January 12, 2021">12</a></td><td><a href="http://www.aberling.com/2021/01/13/" aria-label="Posts published on January 13, 2021">13</a></td><td>14</td><td>15</td><td>16</td> </tr> <tr> <td>17</td><td>18</td><td>19</td><td id="today">20</td><td>21</td><td>22</td><td>23</td> </tr> <tr> <td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td> </tr> <tr> <td>31</td> <td class="pad" colspan="6"> </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/2020/11/">« Nov</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.6' id='wp-embed-js'></script> </body> </html>