<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>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                # 手機廣告 **1.添加序列圖片制作元件** 如圖,在“元件”面板下點擊新建一個元件,命名為“打開盒子” ![](https://box.kancloud.cn/1543517272eadce43db0f50835ec4db2_800x450.png) 點擊“素材庫”按鈕,在“媒體庫”對話框中按住Ctrl鍵選擇多張所需要的序列圖片,勾選右下角的“以序列幀形式添加”,點擊“添加” ![](https://box.kancloud.cn/353b83f32b509133f03f0bb89e01ce79_800x453.png) 我們發現,圖片會以每張添加進每一幀的形式添加進“舞臺”,可點擊“播放”按鈕播放動畫 ![](https://box.kancloud.cn/fbb4144aa18c05f55753d98858710a2c_800x444.png) 同理,新建“手機旋轉”“手機展開”元件 ![](https://box.kancloud.cn/5e6ef0111e3e835285053a05603a2688_800x451.png) **2.在“舞臺”上添加元件** 在“舞臺”上新建兩個圖層,分別為已有三個圖層命名“背景”“盒子”“手機”,分別添加背景圖片和 “打開盒子”“手機展開”元件,調整素材位置、大小等屬性 ![](https://box.kancloud.cn/54daaede62e4b0e2ccae9031835f7bd8_800x453.png) 選中所有圖層的第10幀,右鍵→“插入幀” ![](https://box.kancloud.cn/58c2a31cefef89151b045f042d974c2e_800x451.png) 將“手機”圖層第1幀按照不放拖動至第9幀 ![](https://box.kancloud.cn/4975973773060e6d1529495188846e50_800x449.png) 在“打開盒子”元件編輯頁面中的最后一幀,點擊圖片的“添加/編輯行為”按鈕 ![](https://box.kancloud.cn/6e8618342b24d225d6d3faf2262c6ad7_800x449.png) 設置“暫停”行為:“動畫播放控制”→“暫停”→觸發條件:“出現” ![](https://box.kancloud.cn/f3b1509571c09f5acd08d9930247c246_800x450.png) 同理,在“手機展開”元件最后一幀設置“暫停”行為:“動畫播放控制”→“暫停”→觸發條件:“出現” ![](https://box.kancloud.cn/2f3a69f337df8f5577a973018d608c41_800x452.png) 點擊添加第2頁面,在第2頁面添加相關素材 ![](https://box.kancloud.cn/0447f05f53a745602f9d5121c64f1c8b_800x454.png) **3.制作關聯動畫** 新建“手機旋轉”圖層,鼠標在“元件”面板下將“手機旋轉”元件拖拉至“舞臺”上,調整元件位置、大小。 ![](https://box.kancloud.cn/f437a62067d068ce53011fcca6057731_800x449.png) 選中滑桿素材,在其“屬性”面板下設置“拖動/旋轉”為“水平拖動”,在“屬性”面板下為滑桿元素取名為“滑桿” ![](https://box.kancloud.cn/7ce8bf7d38c763ccfa56dbcb467e1e76_800x452.png) 選中“手機旋轉”元件,在其“屬性”面板下選擇“動畫關聯”為“啟動”,點擊右邊的“關聯”按鈕,設置關聯屬性 關聯對象:“滑桿” 關聯屬性:“左” 開始值:“25”(“滑桿”在開始時在左邊的左值) 結束值:“194”(“滑桿”在結束時在右邊的左值) 播放模式:“同步” ![](https://box.kancloud.cn/01dca8e439def01a3b16bd0a50cc73a2_800x449.png) 將“滑桿”放置線條中央,在其“屬性”面板下打開“結束時復位”功能,即設置了松開鼠標或手指時 “滑桿”自動回到中間位置的動畫。 ![](https://box.kancloud.cn/4536bde9d193d73f2577a79ac2ddde49_800x454.png) **4.制作點擊效果按鈕** 如下圖,在“元件”面板下點擊新建一個“按鈕”元件,點擊添加一個圓形,并修改其填充色為“透明”,線條邊框為白色(為便于觀察,我們可將“舞臺”填充色調為黑色) ![](https://box.kancloud.cn/4933bcfb5e42522143ec3ff411068ec7_800x452.png) 插入關鍵幀動畫,在第5幀“插入關鍵幀” ![](https://box.kancloud.cn/a6d19de6cfa693e20925733b4e84a9aa_800x454.png) 按照Shift+Ctrl鍵使用“變形”工具將圓形以中心點縮小,在“屬性”面板內將該位置的圓形透明度設為“50” ![](https://box.kancloud.cn/0903bdfa9f8682938165e9181108cb3e_800x452.png) 將“按鈕”元件拖至“舞臺”,調整位置、大小等。 ![](https://box.kancloud.cn/0cbc772dc46f1d0a846e4556b825e0a1_800x456.png) **5.制作手機縮小動畫** 在“手機旋轉”圖層“插入關鍵幀動畫” ![](https://box.kancloud.cn/ba4e7fdc9e8701e69eee7ec67daa379d_800x451.png) 鼠標選中“手機旋轉”圖層最后一幀,將其拖動至第10幀位置 ![](https://box.kancloud.cn/58c391b044c12af5d947448a6031a14e_800x451.png) 在第10幀位置改變“手機旋轉”元件的大小、位置以及旋轉角度,如下圖 ![](https://box.kancloud.cn/4bbfeb438bff1c11e76bde412200023e_800x453.png) 選中“手機旋轉”圖層第1幀,在“屬性”面板下改變其“運動”效果為“淡出” ![](https://box.kancloud.cn/b3a8eac6657a0f69b9fde0fa9ecabe9c_800x453.png) **6.新建元件** 在“元件”面板下新建“手機硬件展開”元件,在其元件編輯頁面中添加所需要的圖片素材,如下圖,每一張素材分別添加進一個圖層內 ![](https://box.kancloud.cn/afd14619f350dad91b4b00f248db2f51_800x453.png) 為元件中所有圖層“插入關鍵幀動畫”,在每個圖層的第1幀上依次將圖片素材拼合至右下角的圖片中 ![](https://box.kancloud.cn/132e0d052c1ee5239283e9433c0d8b46_800x452.png) 同時分別在每個圖層“屬性”面板下找到“運動”,選擇“淡出”效果 ![](https://box.kancloud.cn/f5485748daed8aaa015a0cbde349de8d_800x453.png) 新建圖層“暫停”,在“暫停”圖層最后一幀“插入關鍵幀”,添加一個矩形,并設置矩形“暫停”行為:選擇“動畫播放控制”→“暫停”→觸發條件:“出現” ![](https://box.kancloud.cn/ac90a14c505450c095ef9000fdacfb38_800x459.png) ![](https://box.kancloud.cn/02975743e4d50915adb98fa4594c691e_800x453.png) 最后將矩形透明度設為“0” ![](https://box.kancloud.cn/993a0a6aec3dcadff56088087154caa7_800x451.png) **7.繼續設置第2頁動畫** 點擊選中第2頁面,新建圖層“手機硬件展開”,在“元件”面板下找到“手機硬件展開”元件,鼠標將其拖動至“舞臺”,調整其位置、大小使其與“手機旋轉”元件大小、位置、角度,使其重疊在一起。可將“手機硬件展開”圖層下拉一層,使“舞臺”上的“手機硬件展開”元件置于“手機旋轉”元件底下,方便調整。 ![](https://box.kancloud.cn/a79d1dbe95456f1492501bb3be1a43e6_800x453.png) 刪除“手機旋轉”圖層10幀之后的所有幀 ![](https://box.kancloud.cn/3585fcb05f3307c518794f8697cde500_800x451.png) 鼠標選中“手機硬件展開”圖層的第1幀,將其拖動移至第11幀 ![](https://box.kancloud.cn/d2556079212b39e9210acff7ff4f879d_800x454.png) 選中“手機旋轉”第1幀,在“屬性”面板下將“運動”效果改為“淡入” ![](https://box.kancloud.cn/37de433b1b7c363e7a918949642cafa1_800x452.png) 選中“手機旋轉”圖層最后一幀,在“屬性”面板下改變其“Y軸旋轉”角度為“180”,“Z軸旋轉”角度為“8” ![](https://box.kancloud.cn/5abc6e0f84d3655ea7377c21dcc47886_800x448.png) 在“按鈕”圖層第2幀“插入關鍵幀”,刪除關鍵幀上的物體 ![](https://box.kancloud.cn/1b560ad70a3f5188aa51b65487614d09_800x453.png) ![](https://box.kancloud.cn/524400c7e728e5dd42b090451014030a_800x451.png) 在“按鈕”圖層第21幀位置“插入關鍵幀”,將“按鈕”圖層第1幀上的物體復制粘貼進入第21幀 ![](https://box.kancloud.cn/db8c08113c1486fc2bee7f7a39872147_800x453.png) ![](https://box.kancloud.cn/9f87bc504028927d9afff1c38af61d3d_800x455.png) 在“舞臺”上復制粘貼一個“按鈕”,調整其位置大小 ![](https://box.kancloud.cn/9a831a76af8bd6da6d81be500d0e237c_800x454.png) 新建圖層“說明”,在該圖層22幀(“按鈕”出現后)位置上“插入關鍵幀”,在該幀上插入線條、文本框,輸入文字內容,調節顏色、大小等屬性 ![](https://box.kancloud.cn/c5678380b43e6dbe60c32a5ccfa3cd8b_800x452.png) ![](https://box.kancloud.cn/0ef8e49ff19135be5bc11c2d617f3e81_800x454.png) 在“說明”圖層第30幀位置“插入關鍵幀”,復制粘貼進第21幀上的物體 ![](https://box.kancloud.cn/1826746f86b2e946596f8acd577c8140_800x450.png) 將復制的兩個物體移至小“按鈕”位置上 ![](https://box.kancloud.cn/dbd9dee1d934801f946bdb738e710870_800x450.png) 在“說明”圖層第22幀之后“插入進度動畫” ![](https://box.kancloud.cn/27a5de0d0b5b8917b8e9faef28d6ed67_800x450.png) 在“手機旋轉”圖層的第11幀“插入關鍵幀” ![](https://box.kancloud.cn/fb44d8821f87e1154e29bda5533df839_800x460.png) 選中所有圖層40幀位置,右鍵→“插入幀” ![](https://box.kancloud.cn/dc26fbf337ac0734f9ed61b5fdd3ca95_800x449.png) 在“說明”圖層上“插入進度動畫” ![](https://box.kancloud.cn/5e6bce56c52a834f5f2ae69b1a8c67b3_800x452.png) **8.添加編輯行為**、 如下圖,新建一個“暫停”圖層,在該圖層上添加一個“矩形” ![](https://box.kancloud.cn/88478cc69b92231347951c60114aad9c_800x452.png) 為矩形設置一個“暫停”行為 ![](https://box.kancloud.cn/295e76de409db280400291d241298634_800x448.png) 分別為“暫停”圖層的第2幀、第21幀、第22幀、第29幀“插入關鍵幀”,同時刪除第2幀、第22幀的暫停物體 ![](https://box.kancloud.cn/026a51b8de8241c90e765be09395b52f_800x448.png) ![](https://box.kancloud.cn/096d7a5b77c70a958897d835ce284287_800x451.png) 為“按鈕”圖層第一幀上的按鈕設置“播放”編輯行為:“動畫播放控制”→“播放”→觸發條件:“點擊” ![](https://box.kancloud.cn/8ce9ab8576168e2d3c74d5c6236d8bbc_800x451.png) 選中“按鈕”圖層第21幀上的大按鈕,設置“動畫播放控制”→“跳轉到幀并播放”→觸發條件:“點擊”,點擊“編輯”按鈕,跳轉幀號為“22” ![](https://box.kancloud.cn/d9e8bbb74484049d9ca8bd7425a79fe1_800x458.png) ![](https://box.kancloud.cn/5695b6fde8c8ffff9a7f7006445b989f_800x453.png) 同理為“按鈕”圖層第21幀上的小按鈕設置編輯行為:“動畫播放控制”→“跳轉到幀并播放”→觸發條件:“點擊”,跳轉幀號為“30” ![](https://box.kancloud.cn/be870d9588a3b0d5cb315a9fd10f2bda_801x449.png) ![](https://box.kancloud.cn/fb271a070d943517edbf0ddbb89eaae9_800x437.png) 刪除“暫停”圖層第30幀之后的所有幀數,最后點擊“預覽”觀察效果 ![](https://box.kancloud.cn/a1d007dac8e6d3efeb4e5c3d7d5f7478_800x447.png) **9.制作第3頁** 如下圖,點擊添加第3頁面,在第3頁面添加一張背景圖片素材 ![](https://box.kancloud.cn/8d58650dbfcb28b904906ab2eb80982c_800x453.png) 新建一個“手機”圖層,在“元件”面板下將“手機展開”元件拖動至“舞臺”上,調節大小與位置 ![](https://box.kancloud.cn/18e20161fd0d490bc3520e054e1c4e1d_800x449.png) 新建“文字”圖層,在所有圖層的第20幀上右鍵→“插入幀” ![](https://box.kancloud.cn/ec130b368daba05a1e962c889d13dd2b_800x447.png) 在“文字”圖層的第15幀“插入關鍵幀”,分別添加“馬上預約”“即將隆重上市”兩個文本框、一個背景矩形等元素,在“屬性”面板下輸入文字內容,分別調整文本域矩形元素的大小、字體、顏色、位置等屬性 ![](https://box.kancloud.cn/1faaebddcc2a2192b55f293e93cf3e4a_800x448.png) 將矩形與“馬上預約”文本框組合成一個“按鈕” ![](https://box.kancloud.cn/a506ae97242d4f261755f9790d3c7c10_800x451.png) 設置“按鈕”編輯行為:“屬性控制”→“跳轉鏈接”→觸發條件:“點擊”,在“參數”對話框中填寫需跳轉的網址 ![](https://box.kancloud.cn/7642e1f82ac1807d77d92ea99f3b2af4_800x450.png) ![](https://box.kancloud.cn/1c01aa093d51a8cf069bf3fa6e7c2d2b_800x376.png) 為“即將隆重上市”文本框、“馬上預約”按鈕等添加“淡入”效果的預置動畫,設置時長、延遲時間等 ![](https://box.kancloud.cn/534d7fafa2995af0c04d32037ce9d14e_800x449.png) 如下圖,在第2頁面新建圖層“禁止翻頁”,添加一個矩形,設置矩形“禁止翻頁”行為 ![](https://box.kancloud.cn/01ae36533a22c00f0d4b66f6f60e1900_800x460.png) ![](https://box.kancloud.cn/a85520ff4c94c4b4f1bf1725aebd8ade_800x450.png) 設置“我已了解”按鈕編輯行為:“動畫播放控制”→“下一頁”→觸發條件:“點擊” ![](https://box.kancloud.cn/8ebc8e146533fb2c0d44451d7498ff4d_800x449.png) 選擇“滑桿”所在的“背景”圖層,在第2幀“插入關鍵幀”,刪除關鍵幀上的滑桿元素 ![](https://box.kancloud.cn/b77af421ddb9c89fd0828130db25944f_800x451.png) 觀看本節視頻教程: http://cdn1.mugeda.com/course/4/4.1/4.1.5.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>

                              哎呀哎呀视频在线观看