这篇文档讲的是用PS制作动态表情包。
提供的是比较有意思的小案例。
PS制作动画的方式有两种。
第一种是帧动画，能清楚看到人物动态与形变等变化轨迹，因此这种方式需要一定的绘画基础。
比较简单的动态表情包可以用两帧动画（即两张图片）制作而成。
现在演示第一种：
这是要做表情包的素材
![](https://wkrtcs.bdimg.com/rtcs/image?w=419.49&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"419.49","h":"506.00","dataType":"png","c":"word/media/image1.png","imgOriW":805,"imgOriH":971})
打开PS，把第一张图拖进来
![](https://wkrtcs.bdimg.com/rtcs/image?w=467.00&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"467.00","h":"213.15","dataType":"png","c":"word/media/image2.png","imgOriW":1446,"imgOriH":660})
![](https://wkrtcs.bdimg.com/rtcs/image?w=529.63&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"529.63","h":"324.50","dataType":"png","c":"word/media/image3.png","imgOriW":2001,"imgOriH":1226})
选中剩下的全部图，拖进来
![](https://wkrtcs.bdimg.com/rtcs/image?w=493.72&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"493.72","h":"302.50","dataType":"png","c":"word/media/image4.png","imgOriW":1673,"imgOriH":1025})
每一张图都调整到合适的大小，再双击确定
![](https://wkrtcs.bdimg.com/rtcs/image?w=518.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"518.73","h":"249.00","dataType":"png","c":"word/media/image5.png","imgOriW":1450,"imgOriH":696})
在这里按从下到上的顺序依次给图片们排顺序
![](https://wkrtcs.bdimg.com/rtcs/image?w=375.00&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"375.00","h":"435.50","dataType":"png","c":"word/media/image6.png","imgOriW":713,"imgOriH":828})
点击“窗口——时间轴“
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"162.73","dataType":"png","c":"word/media/image7.png","imgOriW":1453,"imgOriH":427})
点击这里，选择“创建帧动画“
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"137.60","dataType":"png","c":"word/media/image8.png","imgOriW":1553,"imgOriH":386})
点击这里小按钮，选择“从图层建立帧“
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"365.00","dataType":"png","c":"word/media/image9.png","imgOriW":1989,"imgOriH":1311})
设置每张图片想要显示的时长
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"192.13","dataType":"png","c":"word/media/image10.png","imgOriW":732,"imgOriH":254})
完成后导出gif格式。
点击“文件——导出——存储为Web所用格式（旧版）”
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"186.60","dataType":"png","c":"word/media/image11.png","imgOriW":1175,"imgOriH":396})
确认选择的格式为gif，颜色一栏数值越高表示颜色显示越精细
![](https://wkrtcs.bdimg.com/rtcs/image?w=488.50&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"488.50","h":"358.35","dataType":"png","c":"word/media/image12.png","imgOriW":991,"imgOriH":727})
左下角这里可以实时看到这张gif图片的大小
![](https://wkrtcs.bdimg.com/rtcs/image?w=425.66&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"425.66","h":"261.00","dataType":"png","c":"word/media/image13.png","imgOriW":698,"imgOriH":428})
百分比可以调整图片大小，并确认循环选项为“永远”
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"268.07","dataType":"png","c":"word/media/image14.png","imgOriW":816,"imgOriH":395})
点击存储，选择想要存储的位置以及给gif图片命好名称。
如果命名含有中文字符，会弹出以下窗口，点击确定依然可以保存。
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"255.53","dataType":"png","c":"word/media/image15.png","imgOriW":869,"imgOriH":401})
第二种叫视频动画
导入截取好的一段视频
![](https://wkrtcs.bdimg.com/rtcs/image?w=507.00&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"507.00","h":"295.80","dataType":"png","c":"word/media/image16.png","imgOriW":1330,"imgOriH":776})
拖动这里的小三角，把时间轴拉大一些
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"126.93","dataType":"png","c":"word/media/image17.png","imgOriW":1466,"imgOriH":336})
拖动这根红线选择想要的开头
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"187.33","dataType":"png","c":"word/media/image18.png","imgOriW":937,"imgOriH":317})
再把鼠标移动到这里，把它拉过来
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"177.53","dataType":"png","c":"word/media/image19.png","imgOriW":967,"imgOriH":310})
继续拖动这根红线到结尾想要的位置，点击剪刀剪切
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"106.20","dataType":"png","c":"word/media/image20.png","imgOriW":1684,"imgOriH":323})
鼠标点击后边不要的这一段，按Delete键删除
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"101.93","dataType":"png","c":"word/media/image21.png","imgOriW":1320,"imgOriH":243})
导出为gif图片
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"325.00","dataType":"png","c":"word/media/image22.png","imgOriW":2560,"imgOriH":1600})
通过“颜色”与“百分比”调节动图的大小，并实时确认图片大小是否符合预期。
（ps：微信发动图表情包要求动图大小应不超过5m）
![](https://wkrtcs.bdimg.com/rtcs/image?w=553.73&md5sum=0504d64d5020284c623a23159f616320&sign=60db5c609e&rtcs_flag=3&rtcs_ver=4&l=webapp&bucketNum=557&ipr={"t":"img","r":"r_3","w":"553.73","h":"374.27","dataType":"png","c":"word/media/image23.png","imgOriW":1978,"imgOriH":1337})
最后点击存储即可。
（全文结束）
本文来源：https://www.2haoxitong.net/k/doc/13aadf67e43a580216fc700abb68a98270feaccf.html
文档为doc格式