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/xclasses/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+00:00">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-229"><a href="http://www.aberling.com/category/interactivemedia/" >Interactive Examples</a> </li> <li class="cat-item cat-item-26"><a href="http://www.aberling.com/category/resources/" title="Some of the best online design tools and resources.">Resources</a> <ul class='children'> <li class="cat-item cat-item-215"><a href="http://www.aberling.com/category/resources/content/" >Aquiring (Legal) Content</a> </li> <li class="cat-item cat-item-34"><a href="http://www.aberling.com/category/resources/actionscripttools/" title="Some commonly used scripts">For Actionscript</a> </li> <li class="cat-item cat-item-32"><a href="http://www.aberling.com/category/resources/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/resources/ios/" >For IOS</a> </li> <li class="cat-item cat-item-23"><a href="http://www.aberling.com/category/resources/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/resources/design-rti/" >General Design</a> </li> <li class="cat-item cat-item-235"><a href="http://www.aberling.com/category/resources/software/" >Software</a> </li> <li class="cat-item cat-item-236"><a href="http://www.aberling.com/category/resources/typographytools/" title="Tips and tools for typography.">Typography</a> </li> </ul> </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-245"><a href="http://www.aberling.com/category/studentgallery/quotes/" title="Animated quotes.">Animated Quotes</a> </li> <li class="cat-item cat-item-249"><a href="http://www.aberling.com/category/studentgallery/cards/" title="Examples of the beautiful animations - done by former students - as greeting cards.">Greeting Cards</a> </li> <li class="cat-item cat-item-260"><a href="http://www.aberling.com/category/studentgallery/interactivepieces/" title="Student examples of interactivity.">Interactive Pieces</a> </li> <li class="cat-item cat-item-244"><a href="http://www.aberling.com/category/studentgallery/mix/" >Mix/Don't Mix Type</a> </li> <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-22"><a href="http://www.aberling.com/category/webclass/" title="Inaugural Web II; Class information.">Web II Class</a> <ul class='children'> <li class="cat-item cat-item-146"><a href="http://www.aberling.com/category/webclass/web_assignments/" title="Weekly assignments with due dates.">Assignments & Grades</a> </li> <li class="cat-item cat-item-24"><a href="http://www.aberling.com/category/webclass/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/webclass/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-138"><a href="http://www.aberling.com/category/webclass/web-fun/" >Web Fun</a> </li> </ul> </li> <li class="cat-item cat-item-31"><a href="http://www.aberling.com/category/xclasses/" title="Information for former classes. (You are not really "X" classes, but it helps to drive this item to the bottom.)">X/Older Classes</a> <ul class='children'> <li class="cat-item cat-item-298"><a href="http://www.aberling.com/category/xclasses/oldflash/" title="Here are the old-ish tutorials for Flash.">Flash Tutorials</a> </li> <li class="cat-item cat-item-299"><a href="http://www.aberling.com/category/xclasses/oldassignments/" >Old Flash Assignments</a> </li> </ul> </li> </ul> </aside><aside id="calendar-3" class="widget widget_calendar"><div id="calendar_wrap" class="calendar_wrap"><table id="wp-calendar"> <caption>May 2019</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> <tfoot> <tr> <td colspan="3" id="prev"><a href="http://www.aberling.com/2017/04/">« Apr</a></td> <td class="pad"> </td> <td colspan="3" id="next" class="pad"> </td> </tr> </tfoot> <tbody> <tr> <td colspan="3" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td> </tr> <tr> <td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td> </tr> <tr> <td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td> </tr> <tr> <td>19</td><td id="today">20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td> </tr> <tr> <td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td> <td class="pad" colspan="1"> </td> </tr> </tbody> </table></div></aside> </div> </div> <footer id="colophon" role="contentinfo"> <div class="site-info"> <a href="https://wordpress.org/" 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'></script> <script type='text/javascript' src='http://www.aberling.com/wp-includes/js/wp-embed.min.js'></script> </body> </html>