237 lines
12 KiB
HTML
237 lines
12 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<link rel="shortcut icon" type="image/png" href="styles/UMotionFavicon.png" />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>UMotion Manual - How to create better animations</title>
|
|
<link rel="stylesheet" type="text/css" href="styles/theme_styles.css" media="screen">
|
|
<link rel="stylesheet" type="text/css" href="styles/treeview_styles.css" media="screen">
|
|
<link rel="stylesheet" type="text/css" href="styles/element_styles.css" media="screen">
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<div class="headerLogo">
|
|
<img src="styles/UMotionLogoHeader.png"></img>
|
|
</div>
|
|
<div class="headerBlueRight">
|
|
<a href="https://www.soxware.com" class="headerLink">soxware.com</a>
|
|
</div>
|
|
</div>
|
|
<div class="versionHeader">
|
|
<p class="versionText">Version: <b>1.29p03</b> </p>
|
|
</div>
|
|
<div class="leftContent">
|
|
<div class="leftContentInner">
|
|
<div class="leftContentHeadline">
|
|
UMotion Manual
|
|
</div>
|
|
<!-- Tree View -->
|
|
<ol class="tree">
|
|
|
|
<li class="file"><a href="UMotionManual.html">UMotion Manual</a></li>
|
|
|
|
<li class="file"><a href="Introduction.html">Introduction & Tips</a></li>
|
|
|
|
<li class="file"><a href="GettingStarted.html">Getting Started</a></li>
|
|
|
|
<li>
|
|
<label for="VideoTutorials"><a href="VideoTutorials.html" class="treeFolderLink">Video Tutorials</a></label> <input type="checkbox" id="VideoTutorials" />
|
|
<ol>
|
|
<li>
|
|
<label for="GeneralTutorials"><a href="GeneralTutorials.html" class="treeFolderLink">General</a></label> <input type="checkbox" id="GeneralTutorials" />
|
|
<ol>
|
|
<li class="file"><a href="QuickStart.html">Quick Start Tutorial</a></li>
|
|
|
|
<li class="file"><a href="Lesson1.html">1) Installation & First Steps</a></li>
|
|
|
|
<li class="file"><a href="Lesson2.html">2) Pose Editing</a></li>
|
|
|
|
<li class="file"><a href="Lesson3.html">3) Clip Editor</a></li>
|
|
|
|
<li class="file"><a href="Lesson4.html">4) Curves & Rotation Modes</a></li>
|
|
|
|
<li class="file"><a href="Lesson5.html">5) Config Mode</a></li>
|
|
|
|
<li class="file"><a href="Lesson6.html">6) Export Animations</a></li>
|
|
|
|
<li class="file"><a href="Lesson7.html">7) Root Motion</a></li>
|
|
|
|
<li class="file"><a href="Lesson8.html">8) Animation Events</a></li>
|
|
|
|
<li class="file"><a href="Lesson9.html">9) Pose Mirroring</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="ProfessionalExclusive"><a href="ProfessionalExclusive.html" class="treeFolderLink">UMotion Pro</a></label> <input type="checkbox" id="ProfessionalExclusive" />
|
|
<ol>
|
|
<li class="file"><a href="ProLesson1.html">1) Importing Animations</a></li>
|
|
|
|
<li class="file"><a href="ProLesson2.html">2) Inverse Kinematics</a></li>
|
|
|
|
<li class="file"><a href="ProLesson3.html">3) Child-Of Constraint</a></li>
|
|
|
|
<li class="file"><a href="ProLesson4.html">4) Custom Properties</a></li>
|
|
|
|
<li class="file"><a href="ProLesson5.html">5) IK Pinning</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="InPractice"><a href="InPractice.html" class="treeFolderLink">In Practice</a></label> <input type="checkbox" id="InPractice" />
|
|
<ol>
|
|
<li class="file"><a href="InPractice1.html">1) Our First Animation</a></li>
|
|
|
|
<li class="file"><a href="InPractice2.html">2) Editing Animations</a></li>
|
|
|
|
<li class="file"><a href="InPractice3.html">3) Customizing an animation for a RPG</a></li>
|
|
|
|
<li class="file"><a href="InPractice4.html">4) Unity Timeline & Weighted Tangents</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="Jayanam"><a href="Jayanam.html" class="treeFolderLink">Jayanam</a></label> <input type="checkbox" id="Jayanam" />
|
|
<ol>
|
|
<li class="file"><a href="Jayanam1.html">UMotion Tutorial</a></li>
|
|
</ol>
|
|
</li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li class="file"><a href="HowToCreateBetterAnimations.html"><b><u>How to create better animations</u></b></a></li>
|
|
|
|
<li>
|
|
<label for="ClipEditor"><a href="ClipEditor.html" class="treeFolderLink">Clip Editor</a></label> <input type="checkbox" id="ClipEditor" />
|
|
<ol>
|
|
<li>
|
|
<label for="MenuBar"><a href="MenuBar.html" class="treeFolderLink">Menu Bar</a></label> <input type="checkbox" id="MenuBar" />
|
|
<ol>
|
|
<li class="file"><a href="MenuBarFile.html">File</a></li>
|
|
|
|
<li class="file"><a href="MenuBarEdit.html">Edit</a></li>
|
|
|
|
<li class="file"><a href="MenuBarHelp.html">Help</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li class="file"><a href="Preferences.html">Preferences</a></li>
|
|
|
|
<li class="file"><a href="ImportExport.html">Import / Export</a></li>
|
|
|
|
<li class="file"><a href="FKtoIKConversion.html">FK to IK Conversion</a></li>
|
|
|
|
<li>
|
|
<label for="MainNavigation"><a href="MainNavigation.html" class="treeFolderLink">Main Navigation</a></label> <input type="checkbox" id="MainNavigation" />
|
|
<ol>
|
|
<li class="file"><a href="ProjectSettings.html">Project Settings</a></li>
|
|
|
|
<li class="file"><a href="ClipSettings.html">Clip Settings</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li class="file"><a href="AnimatedPropertiesList.html">Animated Properties List</a></li>
|
|
|
|
<li class="file"><a href="RootMotion.html">Root Motion</a></li>
|
|
|
|
<li class="file"><a href="RotationModes.html">Rotation Modes</a></li>
|
|
|
|
<li>
|
|
<label for="DopesheetCurves"><a href="DopesheetCurves.html" class="treeFolderLink">Dopesheet / Curves View</a></label> <input type="checkbox" id="DopesheetCurves" />
|
|
<ol>
|
|
<li class="file"><a href="Dopesheet.html">Dopesheet</a></li>
|
|
|
|
<li class="file"><a href="Curves.html">Curves View</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li class="file"><a href="Playback.html">Playback Navigation</a></li>
|
|
|
|
<li class="file"><a href="Layers.html">Layers</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="PoseEditor"><a href="PoseEditor.html" class="treeFolderLink">Pose Editor</a></label> <input type="checkbox" id="PoseEditor" />
|
|
<ol>
|
|
<li>
|
|
<label for="ConfigMode"><a href="ConfigMode.html" class="treeFolderLink">Config Mode</a></label> <input type="checkbox" id="ConfigMode" />
|
|
<ol>
|
|
<li>
|
|
<label for="RigHierarchy"><a href="RigHierarchy.html" class="treeFolderLink">Rig Hierarchy</a></label> <input type="checkbox" id="RigHierarchy" />
|
|
<ol>
|
|
<li class="file"><a href="IKSetupWizard.html">IK Setup Wizard</a></li>
|
|
|
|
<li class="file"><a href="MirrorMapping.html">Mirror Mapping</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li class="file"><a href="Configuration.html">Configuration</a></li>
|
|
|
|
<li class="file"><a href="ConfigDisplay.html">Display</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="PoseMode"><a href="PoseMode.html" class="treeFolderLink">Pose Mode</a></label> <input type="checkbox" id="PoseMode" />
|
|
<ol>
|
|
<li class="file"><a href="Tools.html">Tools</a></li>
|
|
|
|
<li class="file"><a href="Channels.html">Channels</a></li>
|
|
|
|
<li class="file"><a href="Selection.html">Selection</a></li>
|
|
|
|
<li class="file"><a href="PoseDisplay.html">Display</a></li>
|
|
|
|
<li class="file"><a href="Animation.html">Animation</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li>
|
|
<label for="Constraints"><a href="Constraints.html" class="treeFolderLink">Constraint System</a></label> <input type="checkbox" id="Constraints" />
|
|
<ol>
|
|
<li class="file"><a href="InverseKinematics.html">Inverse Kinematics</a></li>
|
|
|
|
<li class="file"><a href="ChildOf.html">Child-Of</a></li>
|
|
|
|
<li class="file"><a href="CustomProperty.html">Custom Property</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li class="file"><a href="Options.html">Options</a></li>
|
|
|
|
<li class="file"><a href="ToolAssistant.html">Tool Assistant</a></li>
|
|
</ol>
|
|
</li>
|
|
|
|
<li class="file"><a href="EditInPlayMode.html">Edit In Play Mode</a></li>
|
|
|
|
<li class="file"><a href="UnityTimelineIntegration.html">Unity Timeline Integration</a></li>
|
|
|
|
<li class="file"><a href="UMotionAPI.html">UMotion API</a></li>
|
|
|
|
<li class="file"><a href="ExportingAnimationsFAQ.html">Exporting Animations FAQ</a></li>
|
|
|
|
<li class="file"><a href="Support.html">Support / FAQ</a></li>
|
|
|
|
<li class="file"><a href="ReleaseNotes.html">Release Notes</a></li>
|
|
|
|
<li class="file"><a href="KnownIssues.html">Known Issues</a></li>
|
|
|
|
<li class="file"><a href="Credits.html">Credits</a></li>
|
|
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<div class="mainContent">
|
|
<div class="mainContentInner">
|
|
<h1 class="headline1" id="">How to create better animations</h1><p class="textBlock">Animating is a creative process just like 3D modeling or painting. Even though UMotion is offering all the tools you need to create good looking animations you will need to practice in order to make your animations look appealing. It's easy to quickly create an animation but often the result will look unnatural. There are 3 common problems that make an animation look unrealistic:</p><h3 class="headline3" id="">1) There are poses in your animation that don't respect the anatomy of your character.</h3><p class="textBlock">Make sure not to rotate joints in a direction which is not possible in the real world. In a simple example like a knee not being able to do rotations to the left or right it may seem obvious, but what if you are animating e.g. the hands of a character? What kind of joint limits does a thumb have? You should carefully think about that before you even touch the thumb with the rotation tool. Otherwise you may end up in a very unnatural looking pose.</p><h3 class="headline3" id="">2) The duration between two poses is slightly too short or too long.</h3><p class="textBlock">The more frames there are between two poses, the longer/slower the animation will be in this section. A wrong duration between two poses will break the "flow" of the animation. Play around with the number of frames between your key poses and try to find the sweet spot.</p><h3 class="headline3" id="">3) The Secret Sauce</h3><p class="textBlock">You finished keying all poses of your animation clip and perfectly arranged them in the Dopesheet. But when playing the animation, things just don't look natural...</p><p class="textBlock">The secret sauce that is missing are correctly setup animation curves. All the motion you see between two keyed poses is defined by the animation curve. With the curves you can define exactly how fast something is moving or rotating at a specific time in your animation. In the real world, movement is never done at constant speed. Depending on the movement, there is always some accelerating and decelerating happening. And that's exactly what, if done wrong, can make your animation look really odd.</p><p class="textBlock">Try to think of an animation where a character is punching against a punch bag. Without manually adjusting the animation curves, the punch will first smoothly accelerate and then smoothly decelerate before it hits the punch bag. This will look weird and unnatural. A correctly setup animation curve would make the punch accelerate until it finally hits the punch bag where the fist is decelerated very quickly. Depending on how fast you decelerate the fist, you can define the softness of the impact at the punch bag.</p><h2 class="headline2" id="">Test, fine tune, repeate</h2><p class="textBlock">To test your animation, reduce the playback speed and watch your animation in slow motion. This makes it much easier to detect parts of your animation that behave unnaturally. Try to fix those parts step by step than check the animation again in regular playback speed. You can continue this process a few times to gradually fine tune your animation.</p><h2 class="headline2" id="">How to improve your animation skills</h2><p class="textBlock">Don't be afraid to show off your work and get some feedback. The Unity forum has quite a few very professional animators that might give you some useful hints on how you can improve the look of your animation.</p><p class="textBlock">Search Youtube for some good animation tutorials. Once you know the basics of UMotion it doesn't really matter anymore if somebody is showing you how he does a e.g. walk animation in a different application than UMotion. The principle mechanics (posing, creating keys, etc.) is usually quite the same in all animation applications.</p>
|
|
<div class="mainContentFooter">
|
|
<p class="textBlock" style="float:left">Copyright © 2017 - 2021 Soxware Interactive ALL RIGHTS RESERVED</p>
|
|
<p class="textBlock" align="right"><a href="https://forum.unity.com/threads/new-umotion-animation-editor-released.490618/" class="link">Unity Forum Thread</a> | <a href="https://www.facebook.com/Soxware/" class="link">Facebook</a> | <a href="https://twitter.com/SoxwareInteract" class="link">Twitter</a> | <a href="https://www.youtube.com/channel/UCCuE6nI5gHvUQjx0lo6Twtg" class="link">Youtube</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|