想必大家都看到过一些大V会在视频当中插入一些透明的动态图,有自己专属的动态logo,给人一种很高大上的感觉,那这是怎么做的呢?
通过上一篇文章的学习,大家再接触动态logo会轻松很多,接下来给大家讲一下透明动态图的制作及如何导入到视频中。
(目前该操作只支持电脑端,今天给大家演示用的是PS cc2019和PR cc2019)
![abff42857463c02b75513fb6b3a2e8a7.png](https://i-blog.csdnimg.cn/blog_migrate/0cc91422bc5aafa7a8a599f578175602.jpeg)
PS cc2019
![f25127ce8619dae92cc4d60b04979fd9.png](https://i-blog.csdnimg.cn/blog_migrate/9621ecd4c35a81c012d7beaf7430b3e9.jpeg)
PR cc2019
首先,我们要准备好一张GIF动图(可以从百度搜索一张喜欢的下载到本地,有能力的朋友也可以自己绘制一张)
![77099bdf52c6789e004ca51ce4b3b217.png](https://i-blog.csdnimg.cn/blog_migrate/77e1687bf21583e3e8f9c44d7b5b65ed.jpeg)
百度搜索GIF动图挑选一张自己喜欢的
和一张西瓜视频截图(可以到西瓜视频手机端任意播放一个视频,然后截取一个16:9的截图即可,也可以选择用我下边截好的这张)
![2c4e14aa054816233190991709391573.png](https://i-blog.csdnimg.cn/blog_migrate/cbc01a68649cdd3153e631844ab9c6e0.jpeg)
这张截图是我们视频中放GIF位置的参考
1、打开PS cc2019,
![d87f1a150eaedcef7c209ca6686a2956.png](https://i-blog.csdnimg.cn/blog_migrate/905562452f94d69a2d4a7aeb3aa10ded.jpeg)
2、依次点击“文件”—“打开”,
![5944e1eed52494d7fd9a5efbbc31856f.png](https://i-blog.csdnimg.cn/blog_migrate/443e4353c09ec1adb911be52d3bd0061.jpeg)
3、找到准备好的GIF和西瓜视频截图,选中它们,并点击“打开”
![322f3c9864016f3a56d1a59112fe4e1b.png](https://i-blog.csdnimg.cn/blog_migrate/72c3bb38eb0d27f45523c2734295abd5.jpeg)
现在我们就已经打开了两个素材,如图:
![cc75bc8c631c74605efbe3b9a4c3fa69.png](https://i-blog.csdnimg.cn/blog_migrate/d9003c9adf537c5805648bec60d4aee8.jpeg)
4、接下来我们对图层1进行操作
(1)选中图层1,并使图层1可见(左侧'小眼睛'处于打开状态,若未打开,点击打开即可)
![b1feaf47974a62bdbe55593759fd13c4.png](https://i-blog.csdnimg.cn/blog_migrate/3eb67981df65879582ae8783276dee3f.jpeg)
(2)选择左侧工具栏中的“魔棒工具”
![ebdfe4691737d2ca2cc5c2c42af44163.png](https://i-blog.csdnimg.cn/blog_migrate/9346b4b0bf4f6626ed74685b08d25862.jpeg)
(4)选中GIF图片背景,按Backspace删除(背景),
![2ca71d0659eb415e98a5704b00843ff4.png](https://i-blog.csdnimg.cn/blog_migrate/44ece18ff4609e714236024d5cef89eb.jpeg)
重复以上操作,直到除对象外的背景都删除完毕,如图所示
![2050920e4e16eb28b5745bf230450d56.png](https://i-blog.csdnimg.cn/blog_migrate/cc1da1a9f5f62897f38a38cc40252c4e.jpeg)
5、分别对图层2、图层3进行上面图层1的操作
![c51da656a4231b4d5c01e6eae27b17e3.png](https://i-blog.csdnimg.cn/blog_migrate/f888e6bf20d772064fd8b675142e19c6.jpeg)
图层2操作
![b3b6ed4fadfd464087dda4dd1c7cdd5a.png](https://i-blog.csdnimg.cn/blog_migrate/fb5d94c220a037a4583903c192d2ac74.jpeg)
图层2操作
![06a0d24a2a539ea2cc8144be4016b8f0.png](https://i-blog.csdnimg.cn/blog_migrate/83027e7467c789d83aca98ca7020f436.jpeg)
图层3操作
![8e2369d3c8325c381ab415414c0431cb.png](https://i-blog.csdnimg.cn/blog_migrate/1db70552131789a65bf5a55371edd754.jpeg)
图层3操作
6、上面项目栏中点击另外一个项目
![72e5b54d33d32d77ac05041d0921842c.png](https://i-blog.csdnimg.cn/blog_migrate/29fb11038bb3dddfb6a040ab4dce00bc.jpeg)
7、在16:9截图上确定一个位置(视频中GIF的位置)
(1)依次点击“视图”—“新建参考线版面...”
![788bbbfec6460784ba78469c08b11aab.png](https://i-blog.csdnimg.cn/blog_migrate/c377be0108291a8e6d8f38ab4b4cd1ef.jpeg)
(2)选择合适的参考线列、行数,点击“确定”
![747049a722f7f33a5ca03d703e620fc3.png](https://i-blog.csdnimg.cn/blog_migrate/09aa6f78feb61f39af8953882b2fb1b3.jpeg)
(3)选择左侧工具栏中的“移动工具”,调整参考线(我这里就调到图中位置吧)
![bafd6eb95ed885a45a7acd3a013b1754.png](https://i-blog.csdnimg.cn/blog_migrate/adb211ddb686fb01a26e008ab78cb771.jpeg)
8、制作透明图片png(有多少图层就做多少张)
(1)返回GIF项目,选中图层3,并使其余图层不可见
![6d7fa3d203ee821ba401a04c5bfcd39d.png](https://i-blog.csdnimg.cn/blog_migrate/94fb8809264ba713131fcd3d54b4b564.jpeg)
(3)选中GIF对象,按住鼠标左键,将对象拖动到另一个项目(16:9截图)中
![61f3528edc18b06a6f3cb1ae23fb5655.gif](https://i-blog.csdnimg.cn/blog_migrate/d37cff03392f6bac0d8240ac24817a7c.gif)
详细:
![ff5198791c39e1c99c1e7e19311a0414.png](https://i-blog.csdnimg.cn/blog_migrate/20c3300f477f164a020962abef1bd245.jpeg)
选中GIF对象,按住鼠标左键,拖动对象
![b7dc96e476fc6268725cf43510d81bd7.png](https://i-blog.csdnimg.cn/blog_migrate/56e1ea222ce4573b802d714966e89fda.jpeg)
拖动到另一项目的图像上后松开鼠标,点击“确定”
![4b4e6c47ffd730e27b75771c07ae945a.png](https://i-blog.csdnimg.cn/blog_migrate/c6397d91f22499568e0409414ee6a01b.jpeg)
拖动对象,使对象框与参考线重合
![c21829de1d456d644230a1a373ca4061.png](https://i-blog.csdnimg.cn/blog_migrate/85295073d13c84a337bbe51ba7036821.jpeg)
调整对象大小后,点击“√”
(4)解锁背景图层(即点击图中的小锁)
![6a130fc6fedfb6141bc3f9da63a10ccd.png](https://i-blog.csdnimg.cn/blog_migrate/f2daada38e8b5ddf77f9ff5aac525a97.jpeg)
(5)选中背景图层,按Backspace删除
![a70126a23c2fad0af818253eb2d41e08.png](https://i-blog.csdnimg.cn/blog_migrate/367ffaf4ca54467506e4800bdbd883a5.jpeg)
9、储存透明图片png
(1)依次点击“文件”—“存储为(A)...”
![6c74a8c89c58b87dec770916e09690c6.png](https://i-blog.csdnimg.cn/blog_migrate/c0825699c63bbf7c4974609f127dd871.jpeg)
(2)命名—格式格式为PNG—“确定”
![d62758018bf4752e3c454010aa522676.png](https://i-blog.csdnimg.cn/blog_migrate/9a159cf2d17ffde6a7c572526a08ccf4.jpeg)
10、对图层2、图层1进行图层3的操作,完成后得到了3个PNG格式的图片
![80395e2c30f9c82671c892cbdf4f3243.png](https://i-blog.csdnimg.cn/blog_migrate/bcd7b5a6146248399b15410c768de5af.jpeg)
11、合成透明动图
(1)用PS打开图层1.png
![bde2c60e2c681827ddc57a4747dd3fac.png](https://i-blog.csdnimg.cn/blog_migrate/20ac76697a2d542a2251d451036c9274.jpeg)
(2)点击下面视频轨道中的“创建视频时间轴”
![1acaede7f5625f499c788c36f1ce924e.png](https://i-blog.csdnimg.cn/blog_migrate/7d23f39ca0efe20ed06f01e5910bdb15.jpeg)
(3)点击轨道右侧的“+”
![78d29bf04e58c24e314f2cacbdfd6a01.png](https://i-blog.csdnimg.cn/blog_migrate/e8287f35309b6369989e3d25ee7f7983.jpeg)
(4)选中其余的PNG图片(图层2、图层3),点击“打开”
![daaaf438c97ade2b8f91eeb84286da54.png](https://i-blog.csdnimg.cn/blog_migrate/e3653baaff0bccef3392d0fedf66e94b.jpeg)
(5)调整视频组中图层的时间(自己感觉合适就行)
![97646dabd5159647981f7020d58a7ce7.gif](https://i-blog.csdnimg.cn/blog_migrate/371c758169404063dcbf766018e1b469.gif)
(6)储存透明动图图
“文件”—“导出”—“存储为web所用格式(旧版)...”
![27fe207f80f1c47d06d9b557e52bfccf.png](https://i-blog.csdnimg.cn/blog_migrate/9ee228a51c17e731329f11b3e294708c.jpeg)
![a9cbe1f6f25a338dfa89ea3fe66bfe8b.png](https://i-blog.csdnimg.cn/blog_migrate/d8e6ec61617eef2252c70bb49434854b.jpeg)
存储...
![e49f713cf2d31a5a52b20f56c9e5ba2b.png](https://i-blog.csdnimg.cn/blog_migrate/4d3ea666e8eb10b8258496635d4d6576.jpeg)
保存(S)
![539dfd0ea542e5452407fb39c690fcb1.png](https://i-blog.csdnimg.cn/blog_migrate/9e185663015a06bb91472c05a97b75fe.jpeg)
点击“确定”
这样透明动态图就做好啦
![fc7e55aff4888447425b3937fe54c7b8.png](https://i-blog.csdnimg.cn/blog_migrate/b9a28103ea0a83118efe5a0ed1ef2498.jpeg)
12、将透明动态图导入到视频中
(1)打开PR cc2019,依次点击“文件”—“新建”—“项目”
![733b7c9faf7beaec5d67470b48caf7fb.png](https://i-blog.csdnimg.cn/blog_migrate/fa21f6a18ea17abf77ff4ded59e58100.jpeg)
![1b7277db3bbd38b5c5184550562af082.png](https://i-blog.csdnimg.cn/blog_migrate/4a428a0cbc7c2125bcd636b91f2728a7.jpeg)
点击“确定”
(2)依次点击“文件”—“新建”—“序列”
![14f3ffffb70be1aac56507d70d14b58a.png](https://i-blog.csdnimg.cn/blog_migrate/d1b15bbc52f955b4625be15a09c1bd03.jpeg)
![0e8744816372b03c149a3aa524a6e284.png](https://i-blog.csdnimg.cn/blog_migrate/98612a5e7a8406b738fe73d74cf4af77.jpeg)
选好画质后,点击“确定”
(3)将素材导入到pr
将鼠标移动到项目工作框,单击鼠标右键,单击“导入”
![a574d77114b0b48baf157837448b785c.png](https://i-blog.csdnimg.cn/blog_migrate/24f01a21141a6d6d6b93f930a0306832.jpeg)
选中两个素材(底版【正常可以是视频,我这里用图片给大家演示】和GIF动图),点击“打开”
![9a493bfb154379af237a3a1aa7a8fe66.png](https://i-blog.csdnimg.cn/blog_migrate/e8b8daabc5c2fa47b8055735517e7720.jpeg)
(4)将导入的素材拖动到导轨上
![ff355a44a7b561ee282a383edbf05e6c.gif](https://i-blog.csdnimg.cn/blog_migrate/3caf0e45b872ab957e2caa3ee3f4756c.gif)
选中素材,按住左键拖动到导轨上
(5)将素材铺满屏
![c0e677ed5c7e939dfafa43b3406e7b56.gif](https://i-blog.csdnimg.cn/blog_migrate/b745743471d546215f39eb4de8d6688d.gif)
锁定V1轨道,选中V2轨道上的素材,双击节目工作框,把素材拉大铺满屏;同样的,锁定V2导轨,对V1导轨进行操
(6)复制V2导轨上的GIF,使其与V2导轨对齐
![303416000376e54c467e7185651a75e6.gif](https://i-blog.csdnimg.cn/blog_migrate/b204265142f1d00eeb90b4e0392bf2a5.gif)
选中素材,按住AIt键往右拖动对齐(可以实现复制)
现在我们就完成了透明动态图的导入了,一起看一下效果吧
![0497ab51337165d892767ff3fec0b3e9.gif](https://i-blog.csdnimg.cn/blog_migrate/35c0ebed9a41108e1af3b9fbbeffa31a.gif)
复杂透明动图与该类简单动图的制作方法一样,建议新手从简单的动图开始学习,下面我就把这次演示的素材发给大家,大家也可以用这个素材进行练习。这期分享就到这里了,教程制作不易,朋友们多点点赞,分享收藏加关注噢!谢谢大家的支持!
![49ed23962bbee04c154ead0792d81ea1.png](https://i-blog.csdnimg.cn/blog_migrate/bd15961ad11fcde8417aacc6ab7e0326.jpeg)
![718f9c7f178fa0109f25984301e26c8f.gif](https://i-blog.csdnimg.cn/blog_migrate/f12d00ce16e22d89aac800e25a635c5f.gif)
![c018d96b57235d6b5bb68278f73d6dd6.png](https://i-blog.csdnimg.cn/blog_migrate/4edb5fa2a4358e373602c82f70fe8760.jpeg)