制作视频背景网站 第1篇
IE8不仅不能识别
在CSS代码里做如下的声明，让IE知道
video { display: block; }
有了这句代码，IE8至少能识别
到此为止我们的整个制作流程已完毕，希望大家能设计出理想的动态视频背景作品。
制作视频背景网站 第2篇
此方法就是在AE中安装GifGun插件，可以将制作好的动效直接导出GIF
优势：方便快捷，较为高清
劣势：导出的文件体积稍大一点，偶尔有bug，比如下方我的GifGun导出来的图最右侧有一条闪烁的线，不知道是啥原因。
GifGun插件安装和使用（安装包已分享给大家下载使用，在文章尾部）
系统需求：Win/Mac均可使用，插件兼容After Effects CC 2019，After Effects CC 2018，After Effects CC 2017, CC , CC 2015, CC 2014, CC，（建议使用英文版，以免出现表达式错误或其它问题）
插件版本GifGun ，我的AE是cc 2017中文版，我试着安装过高版本的GifGun但是都不成功，不知道是什么原因，有可能是我的AE版本是中文版的原因。
1、选择对应系统的安装文件，双击安装
2、复制 CRACK 文件夹中的脚本，粘贴到下面目录Windows:C:\Program Files\Adobe\Adobe After Effects “对应你的AE版本”\Support Files\Scripts\ScriptUI Panels
MAC:Applications/Adobe After Effects “对应你的AE版本”/Scripts/ScriptUI Panels
3.打开AE
Windows：
制作视频背景网站 第3篇
优势：体积最小、高清
劣势：操作步骤多一些
由于principle做的动效可以直接导出GIF，而AE自从cs5以后就不知道啥原因取消了直接导出GIF的选项，所以下面以AE介绍为主。
步骤如下：
制作视频背景网站 第4篇
到目前为止我们背景视频已经设计剪辑好，第一帧图片也准备好了，我们还需要制作一个最终的展示效果给甲方爸爸、老板、开发人员进行提案或效果展示工作。
我们在sketch/ps中，将健身官网首屏的信息设计排版好以后（尺寸同样是1280乘720，注意如果文字信息较多，需要加一层半透明黑色/彩色/渐变色蒙版，以保证上方信息的可读性和易读性），合成一个层导出一张png图片，放到Premiere素材区域中，然后拖拽到V2轨道，将该图片的v2轨道时长和下方V1轨道的背景视频总时长一致，在执行上面的导出动作即可。
最终Demo效果如下
制作视频背景网站 第5篇
ps：本小节阅读大约需要10分钟。
大家不要一看有剪辑就有发怵的心理，其实真的很简单，只要你耐心的看完我下面的讲解，按照我的步骤做，包你会剪视频！(每个步骤我都争取配图文解读和动态视频，包教包会！！学不会你来打我！！)而且随着5G的到来，现在和以后肯定是短视频、动效的时代，UI设计师想要有更高的职业发展或者建立自己的品牌影响力就必须要掌握视频剪辑以及AE/Principle动效及后期。
首先我们先YY一个项目，这个项目是一个健身机构的官网，官网首屏是视频背景，用户群体年龄段大概在20到35岁左右，首屏需要放置健身logo、slogan、健身课程等超链接。
基本信息我们已准备好，然后开始搜集背景视频所需素材，我自己常用的、高清、好用的视频素材网站有以下几个，如果自己公司有现成的、高质量的、已拍好的产品或宣传视频那再好不过了。
视频素材的选择需要考虑自身产品特点，目标受众，视频的美观性、创意性、趣味性、故事性、感染性、风格性。所以要想找到合适的视频素材需要反复思考观看哪些才是最终符合自己要求的。
根据以上这些特质，我需要找的素材要有
健身的各个项目
健身中的俊男靓女
镜头处理上尽量多移动来贴合运动主题
镜头衔接上由于是多个项目展示所以采用硬切为主
所选画面要有张力，牢牢抓住用户眼球
开干！！！