怎么用AE制作网页动画？用AE制作网页动画的教程
AE精彩课程推荐·AECC2018零基础学习影视后期实战教程
·零基础学AE软件影视后期必修课程
·AE插件Duik动画骨骼绑定零基础教程
·零基础学习AE2020模板修改教程
·C4D+AE-房屋动画属性调节
·AE-灭霸传送门特效制作
小白怎么才能成为一名特效剪辑师呢？想要成为一名特效剪辑师首先要学会使用AE，pr等特效剪辑软件。我们经常在视频里看到各种炫酷的特效，这都是用AE制作出来的。为了帮助有兴趣的小伙伴更快的成为特效剪辑师，有很多AE、pr的精品课程，可以免费试学，想自学成为特效剪辑师的不要错过哦。
用AE制作网页动画的教程：
1.打开AE软件，将第一页素材拖入，导入种类选择合成，素材尺寸为图层大小。
2.打开第一页合成，首先制作左下角小球的立体形状，【新建固态层快捷键：Ctrl+Y】，颜色为紫色，然后【复制层】，调整颜色为淡紫色。
3.添加【效果和预设-波形变形】，调整参数，做出下图的效果，具体参数
4.将这两层纯色图层【预合成】名称为小球1，为小球1层添加【CCSphere】效果，使波形图案变为立体球形，调整参数来调整其上的光泽，做出原来左下角小球的效果，具体参数
5.打上【RotationY】关键帧，调整角度做出球体从左向右旋转的效果。
6.将球体缩小，【缩放】调整星环的大小，使它们大小相合，然后【复制】小球1合成，调整颜色为红色和淡红色，相同方法制作右上角旋转的红色小球。
7.在宇航员层使用【人偶位置控点工具】在宇航员的关节部位打上控点，例如脖子、肩膀、腰、脚部等，具体
8.展开宇航员层的【属性】，将时间指针略微后移，略微移动宇航员的手部、脚部，做出宇航员的手和脚浮动的效果。
9.继续使用相同方法略微移动宇航员的手部和脚部，然后将第0秒的所有关键帧【复制】并【粘贴】至第1秒。
10.继续【复制】并【粘贴】后三列关键帧至后方，使宇航员不断浮动，然后拉长关键帧的间距，使宇航员浮动速度减缓。
11.接下来制作标题部分，为三个标题层打上【位置】关键帧，调整它们的位置，做出它们从画面外移入的效果。
12.缩短关键帧的间距，使文字移入得快些，然后选择【窗口-Easeandwizz.jsx】插件，框选两个【位置】关键帧，选择【Easing-Back】回弹效果，选择【Type-Out】使其在末尾部分弹起。
13.选中其他的四个【位置】关键帧，为它们制作相同的回弹效果，然后为书本层和树打上【缩放】关键帧，调整树层的锚点至底部，然后调整参数，做出其从底部开始长大的效果。
14.为云朵层打上【不透明度】关键帧，调整参数做出逐渐出现的效果。
15.相同方法为其他元素打上【位置】或【不透明度】关键帧，做出它们移入或逐渐出现的效果，使画面元素出现方式不单一。
16.为宇航员层打上【位置】关键帧，使其从画面上方移入，然后为所有【位置】和【缩放】关键帧添加【Easing-Back】【Type-Out】回弹效果。
17.略微后移各层的出现时间，使它们的出场时间不同，【按住Alt键点击】火箭层【位置】左侧的秒表，输入表达式“wiggle(5,10)”，使火箭不停晃动。
18.为火箭层打上【位置】关键帧，做出抖动时缓慢移出画面的效果，然后将火箭火焰层【连接】至火箭层，使它与火箭一起移动，即可完成制作。
以上就是AE软件制作网页动画的操作演示过程了，AE作为一款视频特效制作软件，使用上有一定的难度，学起来也不简单，正因如此我们更要跟着课程和导师一起学习，这样才能更好更快的学会特效的制作。
绛旓細AE鍒朵綔缃戦〉鍔ㄧ敾鐨勬暀绋嬶細1.鎵撳紑AE杞欢锛屽皢绗竴椤电礌鏉愭嫋鍏ワ紝瀵煎叆绉嶇被閫夋嫨鍚堟垚锛岀礌鏉愬昂瀵镐负鍥惧眰澶у皬銆2.鎵撳紑绗竴椤靛悎鎴愶紝棣栧厛鍒朵綔宸︿笅瑙掑皬鐞冪殑绔嬩綋褰㈢姸锛屻愭柊寤哄浐鎬佸眰蹇嵎閿細Ctrl+Y銆戯紝棰滆壊涓虹传鑹诧紝鐒跺悗銆愬鍒跺眰銆戯紝璋冩暣棰滆壊涓烘贰绱壊銆3.娣诲姞銆愭晥鏋滃拰棰勮-娉㈠舰鍙樺舰銆戯紝璋冩暣鍙傛暟锛屽仛鍑轰笅鍥剧殑鏁堟灉锛屽叿浣撳弬鏁...
绛旓細灏咥I鏂囦欢鍒嗗ソ灞傚悗锛屽鍏E锛屽嬀閫夎繛缁爡鏍煎寲锛岃皟鏁村ソ鍚堟垚澶у皬鐢婚潰銆傛帴鐫灏嗘墍鏈夊浘灞傝繘琛屽崟鐙殑棰勫悎鎴愶紝灏嗗叾鍛藉悕濂斤紝浠ヤ究鎴戜滑杩涜鍗曠嫭鐨勭墿浣撳姩鎬佸埗浣溿傛帴鐫鎴戜滑杩涜鐗╀綋闅忔按娴侀鍔ㄧ殑杩愬姩鍒朵綔銆傝繖閲屾寫鍑犱釜姣旇緝鐗规畩鐨勪緥瀛愯繘琛岀ず鑼冿紝鍏朵粬鐨勬寜鐓ц繖涓楠よ繘琛屽埗浣滃嵆鍙紝鍙牴鎹嚜韬渶姹傝嚜鐢卞彂鎸 1.鏌冲彾鐨勬憜鍔 杩涘叆鍏朵腑...
绛旓細18.銆愮煩褰㈠伐鍏枫戠敾鐭╁舰锛岀粰鏂囧瓧澧炲姞涓涓挋鐗堬紝閫夋嫨鍙嶅悜銆19.鐩存帴澶嶅埗鍓嶉潰鏂囧瓧鐨勫叧閿抚锛岀劧鍚庣矘璐村湪鍓╀笅鐨勬枃瀛楀浘灞傚綋涓20.銆怗銆戦挗绗斿伐鍏凤紝鍦ㄦ枃瀛椾笅鏂圭敾涓鏉＄嚎锛岀偣鍑昏矾寰勶紝璋冩暣鏃堕棿杞达紝鎶婄嚎鎷夊洖鍘伙紝鍐嶈皟鏁存椂闂磋酱鎶婄嚎鎷夊嚭鏉ャ21.杩欎釜鍔ㄧ敾鏁堟灉灏卞埗浣滃畬鎴愪簡銆備互涓婂氨鏄鐢ˋE杞欢鍒朵綔缃戦〉鍔ㄧ敾鐨勬暣涓搷浣滆繃绋嬩簡...
绛旓細1. 鎵撳紑AE杞欢锛屽垱寤轰竴涓柊鐨勫悎鎴愶紙Composition锛夈傚彲浠ラ氳繃鍗曞嚮鈥淐omposition鈥濊彍鍗曞苟閫夋嫨鈥淣ew Composition鈥濓紝鎴栬呬娇鐢ㄥ揩鎹烽敭Ctrl + N锛圵indows锛/ Cmd + N锛圡ac锛夋潵瀹屾垚銆2. 鍦ㄢ淐omposition Settings鈥濆璇濇涓紝璁剧疆鍚堟垚鐨勫昂瀵搞佸抚鐜囥佹寔缁椂闂寸瓑鍙傛暟銆傛牴鎹」鐩殑闇姹傝繘琛岃皟鏁淬3. 瀵煎叆绱犳潗鍒癆E椤圭洰...
绛旓細1. 鏄庣‘鍒朵綔鐩殑锛氬湪寮濮嬩娇鐢ˋdobe After Effects锛AE锛夊埗浣滆棰戝墠锛岄鍏堣纭畾瑙嗛鐨勫唴瀹瑰拰鐩爣锛岃繖灏嗗府鍔╀綘鍐冲畾鎵闇鐨勮瑙夊厓绱犲拰鐗规晥銆2. 瀹夎杞欢锛氫粠Adobe瀹樻柟缃戠珯涓嬭浇骞跺畨瑁匒E锛岃繖鏄垱寤轰笓涓氱骇瑙嗛鐗规晥鐨勬爣鍑嗗伐鍏枫3. 鍑嗗绱犳潗锛氬皢鎵闇鐨勮棰戠墖娈点佸浘鍍忓拰闊抽鏂囦欢瀵煎叆AE椤圭洰銆傜‘淇濇墍鏈夌礌鏉愰兘宸叉纭...
绛旓細AE瑙嗛鍒朵綔蹇呮帉鎻″皬鎶宸у垎浜細瑕佸埗浣滈『搴鍔ㄧ敾锛屽彲浠ヤ娇鐢ㄥ簭鍒楀浘灞傚姛鑳斤紝鍙互蹇熷缓绔嬮『搴忓姩鐢汇傚叧閿抚浣嶇疆闇瑕佷慨鏀癸紝鍙堜笉鑳界牬鍧忓叧閿抚涔嬮棿鐨勮窛绂绘瘮渚嬪叧绯伙紝鍙互閫変腑鎵鏈夊叧閿锛屾寜浣廇LT/Opt閿紝鍐嶆嫋鍔ㄦ渶鍚庝竴涓叧閿抚銆傛寜涓嬧淎LT/Opt+r鈥濆彲浠ュ皢鈥滃綋鍓嶆椂闂存寚绀哄櫒鈥濈殑鍓嶉儴鍥惧眰鏂紑锛屾寜涓嬧淎LT/Opt+]鈥濆彲浠ュ皢...
绛旓細AE杞欢鍒朵綔鍔ㄧ敾鐭墖鐨勬暀绋嬶細1.鎵撳紑AE杞欢锛屻愭柊寤哄悎鎴愩戯紝浣跨敤銆愮煩褰㈠伐鍏枫戠粯鍒剁煩褰㈠～婊＄敾闈紝濉厖涓虹传鑹诧紝鐒跺悗銆愰攣瀹氬眰銆戙2.浣跨敤銆愭き鍦嗗伐鍏枫戠粯鍒跺渾褰紝灏嗗叾瀵归綈鐢婚潰涓績锛岄噸鍛藉悕灞備负榛勫渾锛屽睍寮銆愬睘鎬с戯紝闅愯棌銆愬～鍏1銆戯紝璋冩暣銆愭弿杈1銆戜笅鐨勯鑹蹭负榛勮壊锛岀劧鍚庤皟鍑恒愮缉鏀惧睘鎬с戯紝鏀惧ぇ鍦嗐3.璋冩暣銆愭弿杈1...
绛旓細涓嬭浇鍜屽鍏ユā鏉挎枃浠:浠庡畼鏂圭綉绔欐垨鍏朵粬鍙潬鏉ユ簮涓嬭浇鎵闇鐨AE妯℃澘鏂囦欢,骞跺皢鍏跺鍏ュ埌AE杞欢涓傞瑙堝拰閫夋嫨妯℃澘鍏冪礌:娴忚鍜岄瑙堟ā鏉挎枃浠朵腑鐨鍔ㄧ敾鏁堟灉銆佹枃鏈佸浘褰佽浆鍦烘晥鏋滅瓑鍏冪礌,骞堕夋嫨闇瑕佷娇鐢ㄧ殑鍏冪礌銆傜紪杈戝拰鑷畾涔夊厓绱:瀵规墍閫夌殑鍏冪礌杩涜缂栬緫鍜岃嚜瀹氫箟,渚嬪鏇存敼鏂囨湰鍐呭銆佽皟鏁撮鑹层佷慨鏀瑰姩鐢绘晥鏋滅瓑銆傝皟鏁存椂闂磋酱...
绛旓細1銆佹墦寮AE锛屾柊寤烘枃妗ｏ紝澶у皬鑷畾锛屾椂闂翠负5s 2銆佹柊寤轰竴绾壊鍥惧眰锛坈trl+y锛,璁剧疆棰滆壊涓鸿摑鑹 3銆侀変腑绾壊鍥惧眰锛岀偣鍑荤煩褰㈠伐鍏凤紝缁欏浘灞傛柊寤鸿挋鐗 4銆佸湪鏁堟灉鍜岄璁剧獥鍙ｏ紝鎵惧埌鎵洸-娉㈠舰鍙樺舰锛屾妸瀹冩媺鍒扮函鑹插浘灞備笂锛屽苟璁剧疆鍙傛暟濡傛渶鍚庝竴寮犲浘 5銆佷笉閫夋嫨浠讳綍鍥惧眰锛岄夋嫨妞渾宸ュ叿锛岀粯鍒舵き鍦嗭紝棰滆壊鎻忚竟鍧囦笉鐢ㄨ缃傚ぇ灏...
绛旓細AE鍒朵綔鍦ㄧ嚎鍔ㄧ敾鐨勬暀绋嬶細1.鎵撳紑杞欢AE锛屽皢鍋氬ソ鐨凙I鐨勭礌鏉愬鍏E涓紝鍦ㄣ怌trl+D銆戝鍒朵袱涓侀紶绱犳潗璋冩暣濂戒綅缃2.缁欒侀紶2鐨勩愪綅缃戞墦涓婂叧閿抚锛屽啀灏嗐愪綅缃戜笅绉绘墦涓婂叧閿抚锛屽湪鍚庣Щ鍑犲抚灏嗐愪綅缃戜笂绉诲啀鎵撲笂鍏抽敭甯с傝皟鏁淬怣otionv2銆戣皟鏁村叧閿抚鐨勮繍鍔ㄦ洸绾裤3.鍐嶇粰绗竴涓侀紶鐨勩愪綅缃戜笅绉讳竴鐐...
