{"id":426,"date":"2011-11-22T17:29:13","date_gmt":"2011-11-22T17:29:13","guid":{"rendered":"http:\/\/www.manibogstudios.com\/blogger\/?p=426"},"modified":"2011-12-02T05:24:06","modified_gmt":"2011-12-02T05:24:06","slug":"lesson-04-animation","status":"publish","type":"post","link":"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/","title":{"rendered":"Lesson 04 Animation"},"content":{"rendered":"<h2>Preferences<\/h2>\n<p><em>(Reset your interface to its default setings)<\/em><\/p>\n<ol>\n<li>Turn on all your menus. Display all your menus.\n<ul>\n<li>&#8211;<strong> HotBox <\/strong>[SPACEBAR] <strong>|| Hotbox Controls &gt; Window Options &gt; Show Main MenuBar <\/strong>[ON]<\/li>\n<li>\u00a0<a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation000\/\" rel=\"attachment wp-att-429\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-429\" title=\"04_animation000\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation000.gif\" alt=\"\" width=\"516\" height=\"305\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<li>Turn on all of the workspace options (Default Maya interface)\n<ul>\n<li>&#8211; <strong>MAIN || Display &gt; UI Elements &gt; Show All UI Elements<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>Change the Attribute Editor setting. Have the Attribute Editor in it&#8217;s own window (Does not Apply)<\/li>\n<li>Infinite Undo Option\n<ul>\n<li>&#8211; <strong>MAIN || Window &gt; Setting\/Preferences &gt; Preferences<\/strong><\/li>\n<li>&#8211; [HIGHLIGHT] <strong>Categories &gt; <\/strong>[HIGHLIGHT] <strong>Undo<\/strong><\/li>\n<li>&#8211; Set options to <em>Infinite<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h2>Organize Your Scene<\/h2>\n<p><em>(Place objects logically into hierarchy to organize your scene. Ex. Environment Group \/ House Group \/ WoodLogs Group \/ etc.)<\/em><\/p>\n<ol>\n<li>Hierarchy\n<ul>\n<li>&#8211; Consists of grouping <em>child nodes<\/em> under <em>parent nodes. <\/em>When transforming a parent node, all its children will inherit it&#8217;s transformation.<\/li>\n<li>&#8211; Open the <em>Outliner <\/em>: <strong>MAIN || Window &gt; Outliner<\/strong><\/li>\n<li>&#8211; The first 4 items are always your default cameras<\/li>\n<\/ul>\n<\/li>\n<li>Groups. Create a groups in your Outliner Window\n<ul>\n<li>&#8211; [HOLD SHIFT] + Select all your items you want into a group. Here select all your items excluding lights and cameras in your Outliner. <strong>MAIN || Edit &gt; Group<\/strong><\/li>\n<li>&#8211; Shortcut to Group Items: CTRL + G<\/li>\n<li>&#8211; DBL CLICK on the group and name it <em>environmentGroup<\/em><\/li>\n<li><em>(Note: New Groups have it&#8217;s pivot placed at the origin. Origin meaning center of stage XYZ:0,0,0)<\/em><\/li>\n<\/ul>\n<\/li>\n<li>Organizing Hierarchy\n<ul>\n<li>Create groups within the <em>environmentGroup<\/em><\/li>\n<li>&#8211; Select and group all the objects called plank and press CTRL + G<\/li>\n<li>&#8211; Rename group to <em>houseGroup<\/em><\/li>\n<li>&#8211; Select remaining house objects and Press and hold MMB over selection and drag over <em>houseGroup<\/em><\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation001\/\" rel=\"attachment wp-att-438\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-438\" title=\"04_animation001\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation001.gif\" alt=\"\" width=\"347\" height=\"333\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<li>Parenting objects\n<ul>\n<li>&#8211; Parent the wood logs in the fireplace to the chimney.<\/li>\n<li>&#8211; Select the wood logs\/<em>woodStack<\/em> then CTRL + CLICK on the <em>chimney<\/em><\/li>\n<li>&#8211; Parent: Press P. When parenting objects make sure the object being parented to is the last item selected.<\/li>\n<\/ul>\n<\/li>\n<li>Completing the hierarchy\n<ul>\n<li>&#8211; Organize the <em>Outliner <\/em>hierarchy so it looks like the following:<\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation001-2\/\" rel=\"attachment wp-att-443\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-443\" title=\"04_animation001\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation0011.gif\" alt=\"\" width=\"347\" height=\"333\" \/><\/a><\/li>\n<li>&#8211; Expand Hierarchy along with children: SHIFT + CLICK<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h2>Understanding Inheritance<\/h2>\n<ol>\n<li>Freezing transformations\n<ul>\n<li>&#8211; Select environmentGroup<\/li>\n<li>&#8211; <strong>MAIN || Edit &gt; Select Hierarchy<\/strong> <em>(selects all objects within group)<\/em><\/li>\n<li><strong><\/strong>&#8211; <strong>MAIN || Modify &gt; Freeze Transformations<\/strong><\/li>\n<li><em>(This resets all the transformations so it&#8217;s attributes are at it&#8217;s default. This allows for easy animation)<\/em><\/li>\n<\/ul>\n<\/li>\n<li>Center Pivots\n<ul>\n<li><em>It&#8217;s a good idea to center your pivots on all our objects.<\/em><\/li>\n<li>&#8211; Select the <em>environmentGroup<\/em><\/li>\n<li><em><\/em>&#8211; <strong>MAIN || Edit &gt; Select Hierarchy<\/strong> <em>(selects all objects within group)<\/em><\/li>\n<li>&#8211; <strong>MAIN || Modify &gt; Center Pivot<br \/>\n<\/strong><\/li>\n<\/ul>\n<\/li>\n<li>Child values\n<ul>\n<li><em>When you transform a parent object, none of it&#8217;s children&#8217;s value&#8217;s change.<\/em><\/li>\n<li>&#8211; Select the <em>houseGroup<\/em>.<\/li>\n<li>&#8211; translate it&#8217;s position. Notice how none of it&#8217;s children&#8217;s values change.<\/li>\n<\/ul>\n<\/li>\n<li>Pivot Placement. <em>Moving the pivot<\/em>.\n<ul>\n<li>&#8211; Select the move tool.<\/li>\n<li>&#8211; Press the [INSERT] key to move the pivot point. Press it again to lock it in place.<\/li>\n<li>&#8211; Move Pivot: Hold D + CLICK and drag pivot to location.<\/li>\n<li><em>Note: How the axis crossbars change appearance when you modify the pivot<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h2>Animating the Door<\/h2>\n<ol>\n<li>Door Group\n<ul>\n<li>&#8211; Select the wood planks hat are apart of the door.<\/li>\n<li>&#8211; Group the planks and name it <em>doorGroup<\/em>.<\/li>\n<li>&#8211; <strong>MAIN || Modify &gt; Center Pivot<\/strong><\/li>\n<li>&#8211; Move Pivot: Hold D \/ Press [INSERT]. Move the pivot point where you think the hinges of the door will be.<\/li>\n<li>&#8211; Test the door by selecting <em>doorGroup<\/em> and rotating it on it&#8217;s y-axis.<\/li>\n<li>&#8211; Return it to it&#8217;s default position once you are done.<\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation002\/\" rel=\"attachment wp-att-446\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-446\" title=\"04_animation002\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation002.gif\" alt=\"\" width=\"408\" height=\"184\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n<li>The timeline. Animating the door.\n<ul>\n<li><em>Determine how low you want your animation to be.<\/em><\/li>\n<li><em>Maya plays animation at 24fps. So if you want your animation to be 1 sec, then you need 24 frames.<\/em><\/li>\n<\/ul>\n<\/li>\n<li>Setting keyframes\n<ul>\n<li>&#8211; Move the scrubber to frame 1. Press the <em>first frame<\/em> button from the playback controls to do so.<\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation003\/\" rel=\"attachment wp-att-449\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-449\" title=\"04_animation003\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation003.gif\" alt=\"\" width=\"240\" height=\"49\" \/><\/a><\/li>\n<li>&#8211; Select the <em>doorGroup<\/em><\/li>\n<li>&#8211; make sure all rotation and translation values are a 0.<\/li>\n<li>&#8211; Change MAIN menu to <em>Animation<\/em>: Press F2<\/li>\n<li>&#8211; Set a keyframe on frame 1: <strong>ANIMATION || Animate &gt; Set Key<\/strong> or <strong>S<\/strong>.<\/li>\n<li>&#8211; Go to frame 25. Type 25 in the current frame field right of the timeline.<\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation004\/\" rel=\"attachment wp-att-464\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-464\" title=\"04_animation004\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation004.gif\" alt=\"\" width=\"334\" height=\"40\" \/><\/a><\/li>\n<li>&#8211; Rotate Y: 125<\/li>\n<li>&#8211; Deselect the rotateY and set a keyframe at frame 25<\/li>\n<\/ul>\n<\/li>\n<li>Playback Preferences\n<ul>\n<li><em>Set Maya to playback animation properly<\/em><\/li>\n<li>&#8211; Click on <em>Animation Preferences<\/em><\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation005\/\" rel=\"attachment wp-att-467\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-467\" title=\"04_animation005\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation005.gif\" alt=\"\" width=\"367\" height=\"114\" \/><\/a><\/li>\n<li>&#8211; In Settings &gt; Time Slider &gt; PlayBack Speed &gt; Real-time (24fps)<\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation006\/\" rel=\"attachment wp-att-468\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-468\" title=\"04_animation006\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation006-590x199.gif\" alt=\"\" width=\"590\" height=\"199\" srcset=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation006-590x199.gif 590w, http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation006.gif 656w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><\/li>\n<li>Save.<\/li>\n<li>&#8211; Rewind your animation and press play to see your animation<\/li>\n<li>&#8211; The red ticks on the timeline specify keyframes for your <em>doorGroup<\/em> once selected.<\/li>\n<\/ul>\n<\/li>\n<li>Tweak the animation\n<ul>\n<li>&#8211; Make sure <em>doorGroup <\/em>is selected.<\/li>\n<li>&#8211; Drag keyframes on the timeline: SHFT + CLICK<em> (on frame with keyframe. it will highlight red)<\/em> Then CLICK + DRAG <em>(red portion) <\/em>to frame 15.<\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation007\/\" rel=\"attachment wp-att-470\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-470\" title=\"04_animation007\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation007.gif\" alt=\"\" width=\"268\" height=\"59\" \/><\/a><\/li>\n<li>&#8211; Go to frame 35<\/li>\n<li>&#8211; Rotate Y: 140<\/li>\n<li>&#8211; RMB +\u00a0 CLICK over rotateY in the Attribute Editor window.<\/li>\n<li>&#8211; Select <em>Key Selected<\/em>.<\/li>\n<li>&#8211; <em>Key Selected<\/em>: sets a keyframe on every selected object.<\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation008\/\" rel=\"attachment wp-att-471\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-471\" title=\"04_animation008\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation008.gif\" alt=\"\" width=\"229\" height=\"278\" \/><\/a><\/li>\n<li>&#8211; <strong>TIP<\/strong>\n<ul>\n<li>Set Keyframe only to translation: SHFT + w<\/li>\n<li>Set Keyframe only to rotation: SHFT + e<\/li>\n<li>Set Keyframe only to scale: SHFT + r<\/li>\n<\/ul>\n<\/li>\n<li>To Delete keyframes:\n<ul>\n<li>&#8211; select keyframe<\/li>\n<li>&#8211; RMB + <em>select <\/em>Delete<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>The Graph Editor Window\n<ul>\n<li>Allows you to see every keyframe and edit the curves<\/li>\n<li>&#8211; Select the <em>doorGroup<\/em><\/li>\n<li>&#8211; <strong>ANIMATION || Window &gt; ANimation Editors &gt; Graph Editor<\/strong><\/li>\n<li>&#8211; Frame the <em>doorGroup <\/em>on the stage. Frame Selected Object: Press a.<\/li>\n<li>&#8211; Graph Editor navigating\n<ul>\n<li>&#8211; Dolly: ALT + RMB CLICK DRAG<\/li>\n<li>&#8211; Track: ALT + MMB CLICK DRAG<\/li>\n<\/ul>\n<ul>\n<li>&#8211; Constrain Dolly: SHFT + ALT + RMB CLICK DRAG<\/li>\n<li>&#8211; Constrain Track: SHFT + ALT + MMB CLICK DRAG<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Selecting keyframes. How to modify and move he curves for animation.\n<ul>\n<li>&#8211; In the <em>graph editor window, <\/em>select the curve for the rotateY.<\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation009\/\" rel=\"attachment wp-att-481\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-481\" title=\"04_animation009\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation009.gif\" alt=\"\" width=\"529\" height=\"351\" \/><\/a><\/li>\n<li>&#8211; Select the move tool and MMB + CLICK DRAG on the curve to a new point in time. Or select just one of the keyframes and MMB + CLICK DRAG on the keyframe to just move that.<\/li>\n<li>&#8211; Constrain movement: SHFT + MMB DRAG to move keys around the graph editor window.<\/li>\n<\/ul>\n<\/li>\n<li>Modifying keyframes\n<ul>\n<li>&#8211; Select the first and last keyframe<\/li>\n<\/ul>\n<\/li>\n<ul>\n<li>&#8211; <strong>GRAPH EDITOR || Tangents &gt; Flat<\/strong><\/li>\n<li>&#8211; <a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation010\/\" rel=\"attachment wp-att-482\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-482\" title=\"04_animation010\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation010.gif\" alt=\"\" width=\"496\" height=\"342\" \/><\/a><\/li>\n<li>&#8211; How to modify the Tangents of a curve. Select one side of the keyframe&#8217;s handles<\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation011\/\" rel=\"attachment wp-att-485\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-485\" title=\"04_animation011\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation011.gif\" alt=\"\" width=\"298\" height=\"231\" \/><\/a><\/li>\n<li>&#8211; MMB + DRAG on the ball end of the handle<\/li>\n<li><a href=\"http:\/\/www.manibogstudios.com\/blogger\/2011\/11\/22\/lesson-04-animation\/04_animation012\/\" rel=\"attachment wp-att-486\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-486\" title=\"04_animation012\" src=\"http:\/\/www.manibogstudios.com\/blogger\/wp-content\/uploads\/2011\/11\/04_animation012.gif\" alt=\"\" width=\"484\" height=\"190\" \/><\/a><\/li>\n<\/ul>\n<li>Traversing a hierarchy. Navigating through the Outliner menu with arow keys\n<ul>\n<li>&#8211; Select the plank of the door.<\/li>\n<li>&#8211; Open the Outliner to see the selection process.<\/li>\n<li>&#8211; Press UP ARROW. This moves your selection to the parent of our selected object which is <em>doorGroup<\/em>.<\/li>\n<li>&#8211; Keep pressing UP ARROW and it will select the parent of <em>doorGroup <\/em>which is <em>wallGroup.<\/em><\/li>\n<li>Traversing hotkeys\n<ul>\n<li>&#8211; Parent: UP ARROW<\/li>\n<li>&#8211; First Child: DOWN ARROW<\/li>\n<li>&#8211; Next Child: RIGHT ARROW<\/li>\n<li>&#8211; Previous Child: LEFT ARROW<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Preferences (Reset your interface to its default setings) Turn on all your menus. Display all your menus. &#8211; HotBox [SPACEBAR] || Hotbox Controls &gt; Window Options &gt; Show Main MenuBar [ON] \u00a0 Turn on all of the workspace options (Default Maya interface) &#8211; MAIN || Display &gt; UI Elements &gt; Show All UI Elements Change [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-426","post","type-post","status-publish","format-standard","hentry","category-mayafoundation2008"],"_links":{"self":[{"href":"http:\/\/www.manibogstudios.com\/blogger\/wp-json\/wp\/v2\/posts\/426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.manibogstudios.com\/blogger\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.manibogstudios.com\/blogger\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.manibogstudios.com\/blogger\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.manibogstudios.com\/blogger\/wp-json\/wp\/v2\/comments?post=426"}],"version-history":[{"count":31,"href":"http:\/\/www.manibogstudios.com\/blogger\/wp-json\/wp\/v2\/posts\/426\/revisions"}],"predecessor-version":[{"id":432,"href":"http:\/\/www.manibogstudios.com\/blogger\/wp-json\/wp\/v2\/posts\/426\/revisions\/432"}],"wp:attachment":[{"href":"http:\/\/www.manibogstudios.com\/blogger\/wp-json\/wp\/v2\/media?parent=426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.manibogstudios.com\/blogger\/wp-json\/wp\/v2\/categories?post=426"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.manibogstudios.com\/blogger\/wp-json\/wp\/v2\/tags?post=426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}