<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                # 運動曲線編輯 [想要了解更多Mugeda功能?>>>猛戳我,學習更多教程](Mugeda百科全書——文本教程目錄.md) * * * * * 編輯地址:http://prerelease.mugeda.com/animation/edit/24315485 預覽地址:http://prerelease.mugeda.com/client/preview_css3.html?id=24315485 為了支持更加靈活的編輯運動曲線,關鍵幀動畫增加了“自定義運動曲線”的功能。 ![](https://box.kancloud.cn/1bb170d6b3cb0d3fdf38261e258d1b2b_698x242.gif) 選擇“自定義運動曲線”后,可以點擊編輯對運動曲線進行編輯。以一個包含有2個關鍵幀的基本動畫為例,打開“編輯運動曲線”對話框后可以在左側點擊選擇想要編輯的運動曲線,即可在右側顯示出運動曲線并可進行編輯。 ![](https://box.kancloud.cn/ed40fc4101f21fc6c6211208f08ba7a8_340x353.gif) 第一次打開時,默認曲線是線性,并且顯示為半透明,表示還沒有指定任何曲線。可以從“預置曲線”中選擇一個曲線類型,這時候,曲線會顯示為實線。運動曲線的橫坐標代表時間,縱坐標代表運動進度(即0%指100%)。每一段運動曲線由首尾的兩個綠色節點表示,左下角的綠色節點代表對應關鍵幀動畫段的開始時刻和運動進度0%,右上角的綠色節點代表對應關鍵幀動畫段的結束時刻和運動進度100%。運動曲線可以通過拖動紅色控制節點進行編輯,實現不同運動特征的運動。 ![](https://box.kancloud.cn/c28817751666cab9a55a38c24c446512_335x349.gif) 添加了運動曲線后,左側對應的的屬性列表會顯示一個關閉按鈕,表明該屬性已經指定了一個自定義的運動曲線。每一個列出的屬性(例如寬度、透明度、濾鏡等),都可以定義自己獨立的運動曲線。如果沒有指定,對應的屬性就會采用默認屬性的運動曲線。如果沒有指定默認運動曲線,則會采用線性運動曲線。 如果關鍵幀動畫包含有多個關鍵幀動畫,運動曲線會顯示為多段。每一段都由首尾兩個節點來分割。其中,顯示為綠色的為當前正在編輯的關鍵幀動畫段。點擊任意曲線段可以切換當前編輯的動畫段。如果想要只顯示當前動畫段,可以切換曲線上方“顯示所有關鍵幀”選項。 ![](https://box.kancloud.cn/3de692794b850c6cabb8a5df586232ee_274x284.gif) 運動曲線編輯目前支持關鍵幀動畫和變形動畫,并支持如下參數的動畫曲線定制: 1. x偏移量 2. y偏移量 3. 寬度 4. 高度 5. 透明度 6. 旋轉角度 7. 濾鏡(陰影、模糊、灰度、亮度、對比度、色調等) 8. 變形動畫參數(字體大小、字間距、行間距、填充顏色、線條顏色等) 下面是2個常見的運動曲線的例子: 1) 自由落體:自由落體可以由在水平方向上的勻速運動和在垂直方向上的加速運動來模擬。其運動曲線類似下圖: ![](https://box.kancloud.cn/05c1ea1b6f2dc89b6a616598b3b33849_274x159.gif) 2) 緩動進度:這是一種常見的進度顯示方式,即一個減速移動,連接一個勻速緩動,再連接一個加速移動。其運動曲線類似下圖: ![](https://box.kancloud.cn/4678cdfcb0725d5cdea36e46e677667e_195x163.gif) 上述提供的演示地址包含了這兩種運動的實現方法和效果。 在連接多段運動曲線時需要注意,由于控制自由度的限制,有時候為了實現平滑的多段運動,需要調整關鍵幀的位置或者每一段運動的位移數值,以便對運動速度進行微調,實現想要達到的運動效果。 觀看本節視頻教程 http://cdn1.mugeda.com/course/3/3.3/3.3.16.mp4
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看