{"id":1724,"date":"2023-03-02T07:09:00","date_gmt":"2023-03-02T07:09:00","guid":{"rendered":"https:\/\/mangoanimate.com\/blog\/?p=1724"},"modified":"2024-10-10T06:53:37","modified_gmt":"2024-10-10T06:53:37","slug":"make-an-animated-explainer-video-in-adobe-after-effects","status":"publish","type":"post","link":"https:\/\/mangoanimate.com\/blog\/zh\/\u88fd\u4f5c\u52d5\u756b\u89e3\u91cb\u5668\u8996\u983b\u5728-adobe-after-effects\/1724\/","title":{"rendered":"\u5728 Adobe After Effects \u4e2d\u88fd\u4f5c\u52d5\u756b\u89e3\u8aaa\u8996\u983b"},"content":{"rendered":"

\u52d5\u756b\u89e3\u8aaa\u8996\u983b <\/a>\u5e6b\u52a9\u589e\u52a0\u6d41\u91cf\u4e26\u63d0\u9ad8\u5c0d\u60a8\u7684\u7522\u54c1\u548c\u670d\u52d9\u7684\u8a8d\u8b58\u3002\u51fa\u65bc\u9019\u500b\u539f\u56e0\uff0c\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u6700\u91cd\u8981\u4e26\u4e14\u9700\u6c42\u91cf\u5f88\u5927\u3002\u60a8\u9700\u8981\u5411\u6f5b\u5728\u5ba2\u6236\u50b3\u9054\u60a8\u7684\u696d\u52d9\u50f9\u503c\u3002\u5728\u6709\u8da3\u7684\u52d5\u756b\u8996\u983b\u7684\u5e6b\u52a9\u4e0b\uff0c\u9019\u662f\u53ef\u80fd\u7684\u3002 <\/p>\n\n\n\n

\u70ba\u4e86\u8207\u89c0\u773e\u6709\u6548\u6e9d\u901a\uff0c\u60a8\u53ef\u4ee5\u9078\u64c7\u4f7f\u7528 Adobe After Effects \u88fd\u4f5c\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u3002\u6211\u5011\u5c07\u5728\u672c\u6587\u4e2d\u6307\u5c0e\u60a8\u4f7f\u7528 Adobe After Effects \u5275\u5efa\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u3002\u7e7c\u7e8c\u5411\u4e0b\u6efe\u52d5\u4e26\u4e86\u89e3\u91cd\u8981\u7684\u52d5\u756b\u8996\u983b\u88fd\u4f5c\u6b65\u9a5f\uff0c\u4ee5\u4fbf\u7acb\u5373\u88fd\u4f5c\u60a8\u7684\u89e3\u8aaa\u8996\u983b\u3002<\/p>\n\n\n\n

How to Make Animated Explainer Video in Adobe After Effects<\/h2>\n\n\n\n

<\/p>

  1. \u5f9e Photoshop \u5c0e\u5165\u6587\u4ef6<\/strong>

    \u9996\u5148\u5c07\u60a8\u7684\u6587\u4ef6\u5c0e\u5165\u5230\u60a8\u7684\u4f5c\u54c1\u4e2d\u4ee5\u88fd\u4f5c\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u3002\u8acb\u8a18\u4f4f\uff0c\u7576\u60a8\u5c0e\u5165\u6b64\u985e\u6587\u4ef6\u6642\uff0c\u5716\u5c64\u5f80\u5f80\u6703\u4fdd\u6301\u5176\u5404\u81ea\u7684\u54c1\u8cea\u3002\u9019\u4e9b\u6587\u4ef6\u5c07\u51fa\u73fe\u5728\u52d5\u756b\u6642\u9593\u8ef8\u4e0a\uff0c\u60a8\u53ea\u9700\u5c07\u4e00\u500b\u6587\u4ef6\u62d6\u5230\u5408\u6210\u4e0a\u5373\u53ef\u3002\u00b7 \u5f9e\u83dc\u55ae\u6b04\u6253\u958b\u65b0\u5efa\u9805\u76ee\uff0c\u4f8b\u5982\u6587\u4ef6 > \u65b0\u5efa > \u65b0\u5efa\u9805\u76ee\u3002\u00b7 \u6253\u958b\u65b0\u9805\u76ee\u5f8c\uff0c\u78ba\u4fdd\u5c0e\u5165\u6587\u4ef6 \u2013 \u6587\u4ef6 < \u5c0e\u5165 < \u6587\u4ef6\u3002\u00b7 \u9078\u64c7\u60a8\u7684 Photoshop \u6587\u4ef6\u4e26\u55ae\u64ca\u201c\u6253\u958b\u201d\u6309\u9215\u3002\u8acb\u8a18\u4f4f\uff0c\u5c0e\u5165\u985e\u578b\u61c9\u8a72\u662f\u5408\u6210\uff0c\u4e26\u4ed4\u7d30\u6aa2\u67e5\u662f\u5426\u9078\u4e2d\u4e86\u53ef\u7de8\u8f2f\u5716\u5c64\u6a23\u5f0f\u6309\u9215\u3002\u00b7 \u5b8c\u6210\u6b64\u64cd\u4f5c\u5f8c\uff0c\u60a8\u5c07\u80fd\u5920\u5728\u9805\u76ee\u700f\u89bd\u5668\u9762\u677f\u4e2d\u770b\u5230\u4e00\u500b\u65b0\u7684\u5408\u6210\u6587\u4ef6\u593e\u3002\u5982\u679c\u770b\u4e0d\u5230\u9762\u677f\uff0c\u8acb\u78ba\u4fdd\u5728 Windows \u4e2d\u6309 Ctrl + O\u3002\"\u5728<\/p> <\/li>

  2. \u6dfb\u52a0\u95dc\u9375\u5e40<\/strong>

    \u5c0d\u65bc\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u88fd\u4f5c\uff0c\u60a8\u9700\u8981\u5728\u4e0b\u4e00\u6b65\u4e2d\u6dfb\u52a0\u95dc\u9375\u5e40\u3002\u5b83\u7531\u4f4d\u7f6e\u3001\u6bd4\u4f8b\u3001\u65cb\u8f49\u7b49\u7d44\u6210\u3002\u901a\u904e\u55ae\u64ca\u8b8a\u63db\u65c1\u908a\u7684\u4e09\u89d2\u5f62\uff0c\u60a8\u5c07\u770b\u5230\u95dc\u9375\u5e40\u7684\u6240\u6709\u65b9\u9762\u3002\u8acb\u8a18\u4f4f\uff0c\u9019\u662f\u904e\u6e21\u7684\u958b\u59cb\u548c\u7d50\u675f\u3002\u78ba\u5b9a\u6240\u9078\u7279\u5fb5\uff0c\u7136\u5f8c\u55ae\u64ca\u524d\u9032\u6309\u9215\u6dfb\u52a0\u95dc\u9375\u5e40\u3002\u4f8b\u5982\uff0c\u901a\u904e\u6cbf\u8457\u69cb\u5716\u62d6\u52d5\u5b83\uff0c\u60a8\u53ef\u4ee5\u5c07\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u7684\u4f4d\u7f6e\u5f9e\u4e00\u500b\u95dc\u9375\u5e40\u66f4\u6539\u70ba\u53e6\u4e00\u500b\u95dc\u9375\u5e40\u3002<\/p> <\/li>

  3. \u4f7f\u7528\u7de9\u52d5\u6280\u8853\u5e73\u6ed1\u904e\u6e21<\/strong>

    \u6dfb\u52a0\u95dc\u9375\u5e40\u6642\uff0c\u904e\u6e21\u8b8a\u5f97\u4e0d\u7a69\u5b9a\u3002\u5728\u7de9\u548c\u6280\u8853\u7684\u5e6b\u52a9\u4e0b\uff0c\u901a\u904e\u6e1b\u6162\u52d5\u756b\u4f86\u6e1b\u5c11\u65b7\u65b7\u7e8c\u7e8c\u3002\u8981\u5408\u4f75\u7de9\u52d5\uff0c\u8acb\u78ba\u4fdd\u5728\u52d5\u756b\u4e0b\u627e\u5230\u95dc\u9375\u5e40\u52a9\u624b\u83dc\u55ae\u3002\u9867\u540d\u601d\u7fa9\uff0c\u7de9\u52d5\u50be\u5411\u65bc\u7de9\u548c\u95dc\u9375\u5e40\u5169\u5074\u7684\u5143\u7d20\u3002<\/p> <\/li>

  4. \u8abf\u6574\u9328\u9ede<\/strong>

    \u5728\u5275\u5efa\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u6642\uff0c\u9328\u9ede\u8d77\u8457\u81f3\u95dc\u91cd\u8981\u7684\u4f5c\u7528\uff0c\u9700\u8981\u9069\u7576\u8abf\u6574\u3002\u5be6\u969b\u4e0a\uff0c\u5b83\u662f\u6240\u6709\u8f49\u63db\u7684\u8d77\u9ede\u3002\u9019\u4e9b\u9ede\u61c9\u8a72\u9996\u5148\u6b63\u78ba\u5c0d\u9f4a\uff0c\u5c31\u50cf\u5716\u5f62\u7684\u9aa8\u67b6\u4e00\u6a23\u3002\u60a8\u9700\u8981\u4e86\u89e3\u95dc\u7bc0\uff0c\u4ee5\u4fbf\u4f7f\u67d0\u4e9b\u6771\u897f\u65cb\u8f49\u3002\u901a\u904e\u62d6\u52d5\u9328\u9ede\u4f86\u66f4\u6539\u4f4d\u7f6e\u3002<\/p> <\/li>

  5. \u9023\u63a5\u5143\u7d20<\/strong>

    \u8abf\u6574\u9328\u9ede\u5f8c\uff0c\u4e0b\u4e00\u6b65\u662f\u901a\u904e\u55ae\u64ca\u7236\u5143\u7d20\u4e0b\u65b9\u7684\u87ba\u65cb\u5716\u6a19\u4f86\u9078\u64c7\u5b50\u5143\u7d20\u3002\u9019\u5169\u500b\u5143\u7d20\u61c9\u8a72\u901a\u904e\u5c07\u5b50\u5143\u7d20\u62d6\u5230\u7236\u5143\u7d20\u4f86\u914d\u5c0d\u3002\u9019\u6a23\u505a\u4e4b\u5f8c\uff0c\u6bcf\u7576\u60a8\u9032\u884c\u4efb\u4f55\u66f4\u6539\u6642\uff0c\u5b83\u5f80\u5f80\u6703\u5f71\u97ff\u9019\u5169\u500b\u5143\u7d20\u3002\"\u5728<\/p> <\/li>

  6. \u6dfb\u52a0\u52d5\u4f5c<\/strong>

    \u60a8\u53ef\u4ee5\u4f7f\u7528\u4eba\u5076\u5de5\u5177\u70ba\u5143\u7d20\u8ce6\u4e88\u904b\u52d5\u3002\u5b83\u901a\u904e\u653e\u7f6e\u92b7\u91d8\u4f86\u589e\u52a0\u81ea\u7136\u904b\u52d5\u3002\u4ee5\u4e0b\u662f\u4f7f\u7528\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u8edf\u4ef6\u70ba\u89e3\u8aaa\u8996\u983b\u6dfb\u52a0\u52d5\u4f5c\u6240\u9700\u7684\u6b65\u9a5f\u3002\u00b7 \u901a\u904e\u55ae\u64ca\u4e09\u89d2\u5f62\uff0c\u60a8\u5c07\u80fd\u5920\u8abf\u51fa\u8b8a\u5f62\u83dc\u55ae\u3002\u00b7 \u5b8c\u6210\u6b64\u64cd\u4f5c\u5f8c\uff0c\u8acb\u78ba\u4fdd\u5728\u60a8\u60f3\u8981\u70ba\u8996\u983b\u7372\u5f97\u904b\u52d5\u6548\u679c\u7684\u5340\u57df\u6dfb\u52a0\u6728\u5076\u5225\u91dd\u3002\u00b7 \u5728\u9019\u4e9b\u5340\u57df\u653e\u7f6e\u5716\u91d8\u5f8c\uff0c\u4f7f\u7528\u8b8a\u63db\u5c6c\u6027\u78ba\u4fdd\u62c9\u4f38\u6216\u626d\u66f2\u6bcf\u500b\u5716\u91d8\u3002\u5728\u60a8\u7684\u52d5\u756b\u4e2d\uff0c\u4e3b\u984c\u5c07\u7acb\u5373\u958b\u59cb\u79fb\u52d5\u3002<\/p> <\/li>

  7. \u5c0e\u51fa\u60a8\u7684\u52d5\u756b\u8996\u983b<\/strong>

    \u5728\u6700\u5f8c\u4e00\u6b65\u4e2d\uff0c\u78ba\u4fdd\u5c07\u52d5\u756b\u5c0e\u51fa\u5230\u96fb\u5f71\u4e2d\u3002\u8f49\u5230\u6587\u4ef6 < \u5c0e\u51fa < \u6dfb\u52a0\u5230\u6e32\u67d3\u968a\u5217\u4ee5\u4f7f\u5176\u6210\u70ba\u53ef\u80fd\u3002<\/p> <\/li><\/ol><\/div>\n\n\n\n

    \u5728 Adobe After Effects \u4e2d\u5275\u5efa\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u53ef\u80fd\u770b\u8d77\u4f86\u5f88\u8907\u96dc\uff0c\u800c\u4e14\u7d93\u5e38\u6703\u8b93\u60a8\u611f\u5230\u6cae\u55aa\u3002\u60a8\u9700\u8981\u901a\u904e\u7c21\u55ae\u6613\u884c\u7684\u6b65\u9a5f\u9078\u64c7\u66ff\u4ee3\u9078\u9805\uff0c\u800c\u4e0d\u6703\u5f71\u97ff\u89e3\u8aaa\u8996\u983b\u7684\u8cea\u91cf\u3002\u9078\u64c7\u5408\u9069\u7684\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u8edf\u4ef6\uff0c\u4f60\u5c07\u80fd\u5920\u8f15\u9b06\u88fd\u4f5c\u51fa\u5404\u7a2e\u52d5\u756b\u98a8\u683c\u3002\u9019\u5c31\u662f Mango Animation Maker \u901a\u904e\u63d0\u4f9b\u7bc4\u570d\u5ee3\u6cdb\u7684\u5728\u7dda\u52d5\u756b\u8996\u983b\u6a21\u677f\u548c\u5176\u4ed6\u5fc5\u8981\u529f\u80fd\u70ba\u60a8\u670d\u52d9\u7684\u5730\u65b9\u3002\u5b83\u4f7f\u60a8\u80fd\u5920\u5728\u5e7e\u5206\u9418\u5167\u5275\u5efa\u52d5\u756b\u8996\u983b\u3002\u8b93\u6211\u5011\u4e86\u89e3\u4e00\u4e0b\u6211\u5011\u7684 Mango Animation Maker \u8edf\u4ef6\uff0c\u5b83\u70ba\u60a8\u6e96\u5099\u4e86\u4ec0\u9ebc\u3002<\/p>\n\n\n\n

    Animated Explainer Video Maker<\/a> – Mango AM<\/h2>\n\n\n\n

    \u7531\u53ef\u9760\u7684\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u516c\u53f8\u63d0\u4f9b\uff0cMango Animation Maker \u8b93\u60a8\u8f15\u9b06\u88fd\u4f5c\u5f15\u4eba\u5165\u52dd\u7684\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u3002\u4f5c\u70ba\u5b8c\u7f8e\u7684\u52d5\u756b\u8b1b\u89e3\u8996\u983b\u8edf\u4ef6\uff0c\u5b83\u901a\u904e\u5f37\u5927\u7684\u529f\u80fd\u6d88\u9664\u4e86\u8907\u96dc\u904e\u7a0b\u7684\u58d3\u529b\u3002\u4e86\u89e3 Mango Animation Maker \u70ba\u60a8\u63d0\u4f9b\u7684\u8212\u9069\u7684\u91cd\u8981\u95dc\u9375\u529f\u80fd\u3002<\/p>\n\n\n\n

    Hundreds of Online Animation Video Templates<\/h3>\n\n\n\n

    Mango Animation Maker \u70ba\u60a8\u63d0\u4f9b\u4e86\u5927\u91cf\u5728\u7dda\u52d5\u756b\u8996\u983b\u6a21\u677f\u4f9b\u60a8\u9078\u64c7\uff0c\u7528\u65bc\u60a8\u7684\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u3002\u5b83\u4f7f\u904e\u7a0b\u5feb\u901f\uff0c\u56e0\u70ba\u60a8\u53ea\u9700\u8981\u66ff\u63db\u5167\u5bb9\u3002\u6b64\u5916\uff0c\u60a8\u9084\u53ef\u4ee5\u901a\u904e\u5275\u5efa\u81ea\u5df1\u7684\u65b0\u9805\u76ee\u4f86\u9078\u64c7\u5b9a\u5236\u8a2d\u8a08\u3002<\/p>\n\n\n\n

    \"Mango<\/figure>\n\n\n\n
    \n
    \n
    \n
    \n\n\n\n

    \u8f15\u9b06\u958b\u59cb\u88fd\u4f5c\u7cbe\u5f69\u7684\u52d5\u756b\u8996\u983b\u548c GIF<\/p>\n\n\n\n
    \n\n\n\n

    \n
    \u4e0b\u8f09 Windows<\/strong><\/a><\/div>\n\n\n\n
    \u4e0b\u8f09\u9069\u7528\u65bc Mac<\/strong><\/a><\/div>\n<\/div>\n\n\n\n
    \n<\/div>\n<\/div>\n<\/div>\n\n\n\n

    3 Types of Animation Effects<\/h2>\n\n\n\n

    \u5b83\u901a\u904e\u63d0\u4f9b 3 \u7a2e\u985e\u578b\u7684\u52d5\u756b\u6548\u679c\uff0c\u4f7f\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u88fd\u4f5c\u904e\u7a0b\u8b8a\u5f97\u8f15\u9b06\u81ea\u5982\u3002\u901a\u904e\u4f7f\u7528 Mango Animation Maker\uff0c\u5229\u7528\u9032\u5165\u3001\u5f37\u8abf\u548c\u9000\u51fa\u52d5\u756b\u6548\u679c\u8b93\u60a8\u7684\u5167\u5bb9\u6829\u6829\u5982\u751f\u3002<\/p>\n\n\n\n

    Subtitle & Recording<\/h2>\n\n\n\n

    Mango Animation Maker \u8b93\u60a8\u53ef\u4ee5\u9304\u88fd\u81ea\u5df1\u7684\u8072\u97f3\u4f86\u89e3\u91cb\u8981\u9ede\u4e26\u4ee5\u6709\u6548\u7684\u65b9\u5f0f\u81ea\u5b9a\u7fa9\u5b57\u5e55\uff0c\u8b93\u89c0\u773e\u5728\u6574\u500b\u8996\u983b\u4e2d\u4fdd\u6301\u5c08\u6ce8\u3002<\/p>\n\n\n\n

    4 Easy Steps to Make an Animated Explainer Video<\/h2>\n\n\n\n

    \u5b83\u70ba\u60a8\u63d0\u4f9b\u4e86\u4e00\u7a2e\u901a\u904e 4 \u500b\u7c21\u55ae\u6b65\u9a5f\u5275\u5efa\u89e3\u91cb\u5668\u52d5\u756b\u8996\u983b\u7684\u7c21\u55ae\u65b9\u6cd5\u3002\u5f9e\u9078\u64c7\u6216\u5275\u5efa\u52d5\u756b\u8996\u983b\u6a21\u677f\u958b\u59cb\uff0c\u6dfb\u52a0\u591a\u5a92\u9ad4\u5167\u5bb9\uff0c\u70ba\u6240\u6709\u5167\u5bb9\u88fd\u4f5c\u52d5\u756b\uff0c\u6700\u5f8c\u767c\u5e03\u6216\u5206\u4eab\u60a8\u7684\u52d5\u756b\u8996\u983b\u4ee5\u5438\u5f15\u89c0\u773e\u7684\u6ce8\u610f\u529b\u3002<\/p>\n\n\n\n

    \"\u4f7f\u7528<\/figure>\n\n\n\n

    Final Thoughts<\/h2>\n\n\n\n

    \u501f\u52a9\u52d5\u756b\u89e3\u8aaa\u8996\u983b\uff0c\u60a8\u53ef\u4ee5\u78ba\u4fdd\u70ba\u60a8\u7684\u7522\u54c1\u6216\u670d\u52d9\u5e36\u4f86\u66f4\u591a\u6d41\u91cf\u3002\u8b93\u60a8\u7684\u89e3\u8aaa\u54e1\u8996\u983b\u88fd\u4f5c\u6709\u6548\uff0c\u4ee5\u63d0\u9ad8\u60a8\u7684\u696d\u52d9\u77e5\u540d\u5ea6\u3002\u9078\u64c7\u5408\u9069\u7684\u8b1b\u89e3\u54e1\u8996\u983b\u516c\u53f8\uff0c\u63d0\u4f9b\u4e0d\u540c\u7684\u529f\u80fd\u4f86\u88fd\u4f5c\u8b1b\u89e3\u54e1\u8996\u983b\u3002 Mango Animation Maker \u662f\u4e00\u6b3e\u7c21\u55ae\u6613\u7528\u7684\u52d5\u756b\u89e3\u8aaa\u8996\u983b\u8edf\u4ef6\uff0c\u64c1\u6709\u4e0a\u5343\u7a2e\u514d\u8cbb\u8cc7\u6e90\uff0c\u8b93\u60a8\u8f15\u9b06\u5feb\u901f\u5730\u88fd\u4f5c\u51fa\u4ee4\u4eba\u9a5a\u5606\u7684\u52d5\u756b\u8996\u983b\u3002<\/p>\n\n\n\n

    Mango Animation Maker \u88fd\u4f5c\u7684\u89e3\u91cb\u5668\u52d5\u756b\u8996\u983b<\/figcaption><\/figure>\n\n\n\n
    \n
    \n
    \n
    \n\n\n\n

    \u8f15\u9b06\u958b\u59cb\u88fd\u4f5c\u7cbe\u5f69\u7684\u52d5\u756b\u8996\u983b\u548c GIF<\/p>\n\n\n\n
    \n\n\n\n

    \n
    \u4e0b\u8f09 Windows<\/strong><\/a><\/div>\n\n\n\n
    \u4e0b\u8f09\u9069\u7528\u65bc Mac<\/strong><\/a><\/div>\n<\/div>\n\n\n\n
    \n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

    \u52d5\u756b\u8b1b\u89e3\u5f71\u7247\u6709\u52a9\u65bc\u589e\u52a0\u6d41\u91cf\u4e26\u63d0\u9ad8\u4eba\u5011\u5c0d\u60a8\u7684\u7522\u54c1\u548c\u670d\u52d9\u7684\u8a8d\u8b58\u3002\u56e0\u6b64\uff0c\u52d5\u756b\u89e3\u8aaa\u5f71\u7247\u6700\u70ba\u91cd\u8981\u4e14\u9700\u6c42\u91cf\u5f88\u5927\u3002\u60a8\u9700\u8981\u5411\u6f5b\u5728\u5ba2\u6236\u50b3\u9054\u60a8\u7684\u696d\u52d9\u50f9\u503c\u3002\u501f\u52a9\u6709\u8da3\u7684\u52d5\u756b\u5f71\u7247\u53ef\u4ee5\u5be6\u73fe\u9019\u4e00\u9ede\u3002\u5230 [\u2026]<\/p>","protected":false},"author":3,"featured_media":1748,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[69,167,687,259],"tags":[],"class_list":["post-1724","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation-explainer-videos","category-explainer-video-software","category-whiteboard-explainer-video","category-whiteboard-explainer-video-software"],"yoast_head":"\nMake an Animated Explainer Video in Adobe After Effects - Mango Animate<\/title>\n<meta name=\"description\" content=\"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/posts\/1724\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Make an Animated Explainer Video in Adobe After Effects - Mango Animate\" \/>\n<meta property=\"og:description\" content=\"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mangoanimate.com\/blog\/zh\/\u88fd\u4f5c\u52d5\u756b\u89e3\u91cb\u5668\u8996\u983b\u5728-adobe-after-effects\/1724\/\" \/>\n<meta property=\"og:site_name\" content=\"Mango Animate\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MangoAnimate\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-02T07:09:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-10T06:53:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shaniya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shaniya\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\"},\"author\":{\"name\":\"Shaniya\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/0f4ec6c9d166c17d8df5f8e85f2def03\"},\"headline\":\"Make an Animated Explainer Video in Adobe After Effects\",\"datePublished\":\"2023-03-02T07:09:00+00:00\",\"dateModified\":\"2024-10-10T06:53:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\"},\"wordCount\":1129,\"publisher\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png\",\"articleSection\":[\"Animation Explainer Videos\",\"Explainer Video Software\",\"Whiteboard Explainer Video\",\"Whiteboard Explainer Video Software\"],\"inLanguage\":\"zh-TW\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\",\"name\":\"Make an Animated Explainer Video in Adobe After Effects - Mango Animate\",\"isPartOf\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png\",\"datePublished\":\"2023-03-02T07:09:00+00:00\",\"dateModified\":\"2024-10-10T06:53:37+00:00\",\"description\":\"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.\",\"breadcrumb\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage\",\"url\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png\",\"contentUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png\",\"width\":1080,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mangoanimate.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Explainer Video\",\"item\":\"https:\/\/mangoanimate.com\/blog\/category\/explainer-video\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Animation Explainer Videos\",\"item\":\"https:\/\/mangoanimate.com\/blog\/category\/explainer-video\/animation-explainer-videos\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Make an Animated Explainer Video in Adobe After Effects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#website\",\"url\":\"https:\/\/mangoanimate.com\/blog\/\",\"name\":\"Mango Animate\",\"description\":\"Animated Businesss Video Tips, Ideas and More\",\"publisher\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mangoanimate.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#organization\",\"name\":\"Mango Animate\",\"url\":\"https:\/\/mangoanimate.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2024\/10\/Mango_Animate_logo_.webp\",\"contentUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2024\/10\/Mango_Animate_logo_.webp\",\"width\":240,\"height\":32,\"caption\":\"Mango Animate\"},\"image\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MangoAnimate\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/0f4ec6c9d166c17d8df5f8e85f2def03\",\"name\":\"Shaniya\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/57e539aa96ea69e4446988a78d0078e0a2e05cbc6496620d43cc4d2b780cd76a?s=96&d=monsterid&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/57e539aa96ea69e4446988a78d0078e0a2e05cbc6496620d43cc4d2b780cd76a?s=96&d=monsterid&r=g\",\"caption\":\"Shaniya\"},\"url\":\"https:\/\/mangoanimate.com\/blog\/zh\/author\/shaniya\/\"},{\"@type\":\"HowTo\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#howto-1\",\"name\":\"Make an Animated Explainer Video in Adobe After Effects\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#article\"},\"description\":\"\",\"step\":[{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598409608661\",\"name\":\"Import Files From Photoshop\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"Start with importing your files into your composition for an animation explainer video. Keep in mind that the layers tend to keep their individual qualities when you import such files. These files will appear on the animation timeline and you need to simply drag one onto the composition.<br\/>\u00b7\u00a0Open New Project from the menu bar such as File > New > New Project.<br\/>\u00b7\u00a0Once you\u2019ve opened a new project, make sure to import the file \u2013 File < Import < File.<br\/>\u00b7\u00a0Decide on your Photoshop file and click the Open button. Keep in mind that the import kind should be composition and carefully check that the Editable Layer Styles button is selected.<br\/>\u00b7\u00a0After doing this, you will be able to visualize a new composition folder in your project browser panel. If you\u2019re unable to see the panel, make sure to press Ctrl + O in Windows.\"}],\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#schema-image-3d268a032da5ff6f4bf8aad53c163860\",\"url\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-1.png\",\"contentUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-1.png\"}},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410428469\",\"name\":\"Add Keyframes\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"For animated explainer video production, you need to add keyframes in the very next step. It is comprised of position, scale, rotation, and much more. By clicking on the triangle next to transform, you will see all the aspects of the keyframe. Keep in mind that it is the beginning and end of a transition. Make up your mind on the selected characteristics and click on the forward button to add the keyframes.<br\/>For instance, by dragging it along the composition, you can change the position from one keyframe to another for your animated explainer video.\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410550009\",\"name\":\"Use Easing Technique to Smooth Out Transitions\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"When you add the keyframes, the transitions become choppy. With the help of easing technique, it becomes less choppy by slowing the animation. To incorporate easing, make sure to find the keyframe assistant menu under animation. As the name suggests, easing tends to ease the key frame\u2019s elements on both sides.\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410638356\",\"name\":\"Adjust Anchor Points\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"While creating your animated explainer video, anchor points play a vital role and need to be adjusted properly. Actually, it is a point from where all the transformations originate. These points should be correctly aligned first just like a skeleton of the figure. You need to know about the joints such that what makes something rotate. Change the position by dragging the anchor points.\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410681108\",\"name\":\"Connect Elements\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"After adjusting the anchor points, the next step is to select the child element by clicking on the spiral icon under the parent. These two elements should be paired by dragging the child element to the parent. After doing this, whenever you will make any changes, it will tend to affect both elements.<br\/><br\/>\"}],\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#schema-image-a262720e91922caa7dcb98f02df528e6\",\"url\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-5.png\",\"contentUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-5.png\"}},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410728180\",\"name\":\"Add Motion\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"You can give motion to the elements using the puppet tool. It adds natural motion with the placement of pins. Here are the steps required to add motion for your explainer video by using animated explainer video software.<br\/>\u00b7\u00a0By clicking on the triangle, you will be able to bring up the Deform menu.<br\/>\u00b7\u00a0After doing this, make sure to add the puppet pins on the areas where you want to get the motion effect for your video.<br\/>\u00b7\u00a0Once you have placed the pins on those areas, use the transform property to ensure stretching or distorting each pin. In your animation, the subject matter will start moving in no time.\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410754604\",\"name\":\"Export Your Animation Video\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"In the last step, make sure to export the animation into a movie. Go to File < Export < Add to render queue to make it possible.\"}]}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Make an Animated Explainer Video in Adobe After Effects - Mango Animate","description":"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/posts\/1724","og_locale":"zh_TW","og_type":"article","og_title":"Make an Animated Explainer Video in Adobe After Effects - Mango Animate","og_description":"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.","og_url":"https:\/\/mangoanimate.com\/blog\/zh\/\u88fd\u4f5c\u52d5\u756b\u89e3\u91cb\u5668\u8996\u983b\u5728-adobe-after-effects\/1724\/","og_site_name":"Mango Animate","article_publisher":"https:\/\/www.facebook.com\/MangoAnimate\/","article_published_time":"2023-03-02T07:09:00+00:00","article_modified_time":"2024-10-10T06:53:37+00:00","og_image":[{"width":1080,"height":720,"url":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png","type":"image\/png"}],"author":"Shaniya","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005:":"Shaniya","\u9810\u4f30\u95b1\u8b80\u6642\u9593":"6 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#article","isPartOf":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/"},"author":{"name":"Shaniya","@id":"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/0f4ec6c9d166c17d8df5f8e85f2def03"},"headline":"Make an Animated Explainer Video in Adobe After Effects","datePublished":"2023-03-02T07:09:00+00:00","dateModified":"2024-10-10T06:53:37+00:00","mainEntityOfPage":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/"},"wordCount":1129,"publisher":{"@id":"https:\/\/mangoanimate.com\/blog\/#organization"},"image":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage"},"thumbnailUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png","articleSection":["Animation Explainer Videos","Explainer Video Software","Whiteboard Explainer Video","Whiteboard Explainer Video Software"],"inLanguage":"zh-TW"},{"@type":"WebPage","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/","name":"Make an Animated Explainer Video in Adobe After Effects - Mango Animate","isPartOf":{"@id":"https:\/\/mangoanimate.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage"},"image":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage"},"thumbnailUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png","datePublished":"2023-03-02T07:09:00+00:00","dateModified":"2024-10-10T06:53:37+00:00","description":"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.","breadcrumb":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage","url":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png","contentUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png","width":1080,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mangoanimate.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Explainer Video","item":"https:\/\/mangoanimate.com\/blog\/category\/explainer-video\/"},{"@type":"ListItem","position":3,"name":"Animation Explainer Videos","item":"https:\/\/mangoanimate.com\/blog\/category\/explainer-video\/animation-explainer-videos\/"},{"@type":"ListItem","position":4,"name":"Make an Animated Explainer Video in Adobe After Effects"}]},{"@type":"WebSite","@id":"https:\/\/mangoanimate.com\/blog\/#website","url":"https:\/\/mangoanimate.com\/blog\/","name":"Mango Animate","description":"Animated Businesss Video Tips, Ideas and More","publisher":{"@id":"https:\/\/mangoanimate.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mangoanimate.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/mangoanimate.com\/blog\/#organization","name":"Mango Animate","url":"https:\/\/mangoanimate.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/mangoanimate.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2024\/10\/Mango_Animate_logo_.webp","contentUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2024\/10\/Mango_Animate_logo_.webp","width":240,"height":32,"caption":"Mango Animate"},"image":{"@id":"https:\/\/mangoanimate.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MangoAnimate\/"]},{"@type":"Person","@id":"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/0f4ec6c9d166c17d8df5f8e85f2def03","name":"Shaniya","image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/57e539aa96ea69e4446988a78d0078e0a2e05cbc6496620d43cc4d2b780cd76a?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/57e539aa96ea69e4446988a78d0078e0a2e05cbc6496620d43cc4d2b780cd76a?s=96&d=monsterid&r=g","caption":"Shaniya"},"url":"https:\/\/mangoanimate.com\/blog\/zh\/author\/shaniya\/"},{"@type":"HowTo","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#howto-1","name":"Make an Animated Explainer Video in Adobe After Effects","mainEntityOfPage":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#article"},"description":"","step":[{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598409608661","name":"Import Files From Photoshop","itemListElement":[{"@type":"HowToDirection","text":"Start with importing your files into your composition for an animation explainer video. Keep in mind that the layers tend to keep their individual qualities when you import such files. These files will appear on the animation timeline and you need to simply drag one onto the composition.<br\/>\u00b7\u00a0Open New Project from the menu bar such as File > New > New Project.<br\/>\u00b7\u00a0Once you\u2019ve opened a new project, make sure to import the file \u2013 File < Import < File.<br\/>\u00b7\u00a0Decide on your Photoshop file and click the Open button. Keep in mind that the import kind should be composition and carefully check that the Editable Layer Styles button is selected.<br\/>\u00b7\u00a0After doing this, you will be able to visualize a new composition folder in your project browser panel. If you\u2019re unable to see the panel, make sure to press Ctrl + O in Windows."}],"image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#schema-image-3d268a032da5ff6f4bf8aad53c163860","url":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-1.png","contentUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-1.png"}},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410428469","name":"Add Keyframes","itemListElement":[{"@type":"HowToDirection","text":"For animated explainer video production, you need to add keyframes in the very next step. It is comprised of position, scale, rotation, and much more. By clicking on the triangle next to transform, you will see all the aspects of the keyframe. Keep in mind that it is the beginning and end of a transition. Make up your mind on the selected characteristics and click on the forward button to add the keyframes.<br\/>For instance, by dragging it along the composition, you can change the position from one keyframe to another for your animated explainer video."}]},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410550009","name":"Use Easing Technique to Smooth Out Transitions","itemListElement":[{"@type":"HowToDirection","text":"When you add the keyframes, the transitions become choppy. With the help of easing technique, it becomes less choppy by slowing the animation. To incorporate easing, make sure to find the keyframe assistant menu under animation. As the name suggests, easing tends to ease the key frame\u2019s elements on both sides."}]},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410638356","name":"Adjust Anchor Points","itemListElement":[{"@type":"HowToDirection","text":"While creating your animated explainer video, anchor points play a vital role and need to be adjusted properly. Actually, it is a point from where all the transformations originate. These points should be correctly aligned first just like a skeleton of the figure. You need to know about the joints such that what makes something rotate. Change the position by dragging the anchor points."}]},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410681108","name":"Connect Elements","itemListElement":[{"@type":"HowToDirection","text":"After adjusting the anchor points, the next step is to select the child element by clicking on the spiral icon under the parent. These two elements should be paired by dragging the child element to the parent. After doing this, whenever you will make any changes, it will tend to affect both elements.<br\/><br\/>"}],"image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#schema-image-a262720e91922caa7dcb98f02df528e6","url":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-5.png","contentUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-5.png"}},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410728180","name":"Add Motion","itemListElement":[{"@type":"HowToDirection","text":"You can give motion to the elements using the puppet tool. It adds natural motion with the placement of pins. Here are the steps required to add motion for your explainer video by using animated explainer video software.<br\/>\u00b7\u00a0By clicking on the triangle, you will be able to bring up the Deform menu.<br\/>\u00b7\u00a0After doing this, make sure to add the puppet pins on the areas where you want to get the motion effect for your video.<br\/>\u00b7\u00a0Once you have placed the pins on those areas, use the transform property to ensure stretching or distorting each pin. In your animation, the subject matter will start moving in no time."}]},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410754604","name":"Export Your Animation Video","itemListElement":[{"@type":"HowToDirection","text":"In the last step, make sure to export the animation into a movie. Go to File < Export < Add to render queue to make it possible."}]}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/posts\/1724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/comments?post=1724"}],"version-history":[{"count":0,"href":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/posts\/1724\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/media\/1748"}],"wp:attachment":[{"href":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/media?parent=1724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/categories?post=1724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/zh\/wp-json\/wp\/v2\/tags?post=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}