• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    AE制作加載動畫旋轉圓圈加載中loading動畫

    loading加載動畫是手機app和網頁web頁面經常能看見的一種期待動畫。只要一步一步按照筆者的步調操作,你也一樣能做出標致的加載動畫,如下圖所示:

    eac4b74543a9822660d45f5f8582b9014a90ebb5.jpg

    東西/原料

    • 電腦、Adobe After Effects、CorelDRAW(不限版本)、Adobe ImageReady CS2

    方式/步調

    1. 1

      打開CorelDRAW軟件(不限版本),新建一個文件,在空白處按住CTRL鍵畫一個正圓圈。

      377adab44aed2e734bcdf2548801a18b87d6faa6.jpg dbb44aed2e738bd47205c649ae8b87d6277ff9a6.jpg 2fdda3cc7cd98d102bc678492e3fb80e7bec90b3.jpg
    2. 2

      選擇弧形東西,調整至垂直中間點對其,然后按F2鍵調出輪廓筆,設置好喜好的顏色、設置線的厚度、角、線條端頭為圓頭,最后點擊確定按鈕。

      2e2eb9389b504fc2e074c47deadde71190ef6d9a.jpg b8389b504fc2d562b323a495e81190ef76c66c9a.jpg 43a7d933c895d1433660905b7cf082025aaf07b7.jpg
    3. 3

      如圖所示選擇透明度東西,拉出線端一端的漸變透明度,再程度翻轉復制圖形。必然要細心看這個步調的最后一張圖的操作步調。

      9d82d158ccbf6c81da5a5890b33eb13533fa405c.jpg d4628535e5dde711a9f9378ea8efce1b9d16619a.jpg d043ad4bd11373f01c291be7ab0f4bfbfbed04b7.jpg
    4. 4

      然后把適才復制的反標的目的圖形垂直翻轉,然后按CTRL+A全選圖形,此時注重輸入法,若是系統主動切換到了中文,要切換回英文輸入法,然后按“E”鍵讓圖形程度對齊。

      d058ccbf6c81800a4288fd76be3533fa828b475c.jpg 8435e5dde71190ef4cd0e6a7c11b9d16fdfa609a.jpg ac4bd11373f08202c584e54744fbfbedab641bb7.jpg
    5. 5

      圖形對齊之后,這個時辰按CTRL+E導出PNG圖片。選擇好圖片存放路徑,設置好文件名,文件格局為PNG,點擊導出按鈕,過一會兒彈出“導出到PNG”對話框,點擊確認按鈕獲得一個PNG透明布景圖片。CorelDRAW軟件可以封閉了

      83025aafa40f4bfb59c6ea2c0c4f78f0f73618b7.jpg 5bafa40f4bfbfbed084f420777f0f736afc31fb7.jpg 6159252dd42a283436e1417354b5c9ea15cebf06.jpg
    6. 6

      打開AE軟件,把適才導出的PNG圖片直接拖進AE資本庫,再從資本庫里的PNG圖片拖入圖層,然后點開圖層的兩個三角形,一會兒要在這里操作。

      91ef76c6a7efce1ba000bcb2a051f3deb48f659a.jpg bd3eb13533fa828bc64ee99bf21f4134970a5a5c.jpg 9c16fdfaaf51f3def599cd1c9beef01f3a29799a.jpg
    7. 7

      舞臺旁邊空白處單擊右鍵,點擊“合當作設置“,幀數率設置30,播放時長設置1秒,點擊確定。再在圖層的第一幀的扭轉項點擊小圓圈設置關頭幀,然后鼠標點擊最后一幀,此時在扭轉項填寫數值1(1代表順時針扭轉一圈,-1代表逆時針扭轉一圈) 。這時按空格鍵可以預先看見動畫結果。

      b58f8c5494eef01f7f3f6cbdeffe9925bc317d9a.jpg 32fa828ba61ea8d39f4f007c980a304e251f585c.jpg a71ea8d3fd1f4134f35a71062a1f95cad1c85e5c.jpg ae51f3deb48f8c54d7f8b15735292df5e0fe7f9a.jpg aa64034f78f0f73608e838790555b319ebc413b7.jpg 4034970a304e251ff29a9080a886c9177f3e535c.jpg
    8. 8

      按CTRL+M導出,在彈出的對話框中選好存放路徑,新建一個文件夾,打開文件夾,點擊保留。再點擊”無損“彈出輸出模塊設置,選PNG格局,選擇RGB+Alpha,設置好圖片分辯率建議設置小一點,再點擊確定,再點擊襯著,最后獲得動繪圖片序列。

      960a304e251f95cab998e6cec6177f3e6709525c.jpg 78310a55b319ebc41b6e02e18d26cffc1e1716b7.jpg 95eef01f3a292df5a7e8d86db3315c6034a8739a.jpg b219ebc4b74543a92c0d8eb411178a82b90114b7.jpg d50735fae6cd7b890cbc4cfb002442a7d8330ef1.jpg
    9. 9

      打開Adobe ImageReady CS2軟件,導入適才輸出的圖片序列,點擊4-up選項呈現四個畫面,建議選第四聯,因為最終GIF文件體積不會太大便于傳輸。這個時辰按住CTRL+SHIFT+AIL+S導出動畫,設置好文件名和存放路徑,點擊保留,再點擊OK并封閉Adobe ImageReady CS2軟件。最后獲得GIF動畫。

      1f178a82b9014a90422832c5a6773912b31beeb0.jpg f11f3a292df5e0fed133fd79536034a85edf729a.jpg a686c9177f3e6709a46d318734c79f3df8dc555c.jpg e1fe9925bc315c607fbe1f9782b1cb134954779a.jpg 6609c93d70cf3bc7ef6db994de00baa1cd112a5c.jpg 42a98226cffc1e173ba9f8494590f603738de9b0.jpg b7fd5266d016092420f8d363db0735fae7cd34ec.jpg
    • 發表于 2019-11-12 20:00
    • 閱讀 ( 2072 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆