当前位置: 首页 > news >正文

gif透明背景动画_PS教程:把静态照片做成GIF放大动画效果

b4b46a56cfb3291c10b3f2542487b9b7.png

bf2475e00aefbad73060b7f6fd0872be.gif

助力不平凡的你,越努力越幸福

特推超级会员限时疯狂抢购

点击了解

(即日起至10月3日报名会员就送500T学习大礼包)

支持微信公众号+小程序+APP+PC网站多平台学习

来源:平面设计软件学习平台

先看一下原片,是的,就是一张静态的照片。

2bf28156737e06c7072e390054e50d1b.png

而下面这个是成果( Gif 压缩比较大)。

3598a7422168604096ccee12f990f2d6.gif

可以看到,这张图片变成视频并不是简单的缩放,画面中的人物是在慢慢缩小,而背景是放大的,有点像是电影中经常会用到的「Dolly Zoom」。

但是我们这个是与「Dolly Zoom」相反的。当然,只要学会了原理,也可以做出类似的效果。

第一步,抠图

首先用 Photoshop 打开准备好的图片,并用钢笔工具,将画面中的人物扣出。

▼扣出人物

d5f779948cff34915d9ceec04848436b.png

▼扣图完成

122b93af7de9f1b1b3fb7a445858796c.png

第二步,选区

在人物上右键,点击「建立选区」,羽化半径为 0,并按快捷键「Ctrl+Shift+J」创建一个剪切图层。

于是在右边的图层面板中,就变成了两个图层。

▼图层面板

f9073a43b1ab20cb93d770dddd463030.png

第三步,修复

点击图层面板中刚才所抠出来的人物图层旁边的小眼睛,隐藏上方的图层,就会看到像下方这样,人物已经不见。

这时,我们在按住「Ctrl」并点击人物图层,就会自动在人物位置建立选区。

▼隐藏图层并选区

8c5a0d35228226f5401873250420520b.png

接着按「Shift+F5」,选择「内容识别」,「不透明度100%」,让 PS 为你自动识别并填充好背景。

▼内容识别填充

079bdc74d5b69472cffef06deaec5688.png

▼填充完成

3169ea334a4e5fd76916ce43617829c8.png

填充完成之后,会发现出现了奇怪的边缘,这时,我们再用修复工具或者图章工具进行修复。

▼修复完成

44e630853438d901285050ca8e76d35f.png

第四步,新建

接下来就是与照片不同的地方了,按「Ctrl+N」新建一个文档,宽和高分别设置为 1920 和 1080,也可以自己根据自己的电脑性能进行设置。

▼新建文档

e475f700478f1922d6316d7363ccd85c.png

新建立之后,将原本抠出来的人物图层和背景图层一同拖到新建的图层之中,并按「Ctrl+T」对其大小进行调整。

▼大小调整

a5be1b525364d7d8f4bc4b296dd766c3.png

大小调整合适之后,在图层处右键,并点击「转换为智能对象」,切记是两个图层都要转换为智能对象,为的是在缩放调整的时候不会影响画质。

▼转换为智能对象

769f7aca6ce5f09faaa80ab534c1da79.png

第五步,时间轴

接着点击菜单栏的「窗口」,打开「时间轴」,然后点击下方的「创建时间轴」。

▼打开时间轴

e6806f73705595b34d9f06407d21cece.png

在图层面板选择人物图层,然后在时间轴的播放进度调位于开始时,点击右边的「变换」按钮,并建立一个关键帧。

▼建立关键帧

46b8a259136007d22d0fc08d2c57d2c1.png

接着拖动进度条到末端,建立一个关键帧。

▼建立关键帧

bf987301daa2a28a5d502d4c0fbb4d27.png

再按「Ctrl+T」,将人物缩小。注意缩小的时候不能与背景显得突兀。

▼缩小人物

c1d8ccf5c01f119b685ffd218561c707.png

再从图层面板中,选择照片的背景图层,同样按照刚才的方法,在开端和末端建立一个关键帧,并在末端的时候,按「Ctrl+T」,将背景放大。

▼放大背景

902e42b3adcdacebfea98860acc06c18.png

点击「播放按钮」,观察变换是否自然,如果不够自然需要对画面再次进行调整。

▼播放按钮

8899115214ae882b45e239b7750d221b.png

▼测试完成

d6107d65b2422d61626fd6b8734b4d46.gif

第六步,导出

测试完成之后,我们就可以导出视频或者 Gif 动画了。

点击「文件」-「导出」-「储存为 web 所用格式」/「渲染视频」。(「储存为 web 格式」可导出 Gif 动画,「渲染视频」可导出视频文件)

▼播放按钮

d8c79c97bdd0d3851176afaee06e2bda.png

最后一步,大功告成

被压缩过的渣画质 Gif 动画(无奈.jpg)。

3598a7422168604096ccee12f990f2d6.gif

c52e65a7762dee1250291dc386677a2f.gif

362b6a8dcc3c9de730b1b825e686352f.gif

d296925bd23e0088e5962d8c33e238fd.gif

bb8fed4b592be720d3fffcf5c330542c.png

4b850a840225f42cecfd7389415ff497.gif

PS学习交流Q群460083798 欢迎加入

5c95d73db2bd6365d9e0878ccc15a308.png

长按二维码 识别自动加群

3bca894212a9edb33d70189953657607.gif

346cc5ecc6f1e744367dd04de01a1250.png

d82ef8afd852e90ec855b2a202d1709f.gif


http://www.taodudu.cc/news/show-1944793.html

相关文章:

  • 【physx/wasm】在physx中添加自定义接口并重新编译wasm
  • excel---常用操作
  • Lora训练Windows[笔记]
  • linux基础指令讲解(ls、pwd、cd、touch、mkdir)
  • InnoDB 事务处理机制
  • 启明云端ESP32 C3 模组WT32C3通过 MQTT 连接 AWS
  • vc++中实现进度条
  • 关于form提交后展示遮罩及显示进度条gif问题
  • 小程序影藏溢出的gif_动图制作方法,1分钟教会你如何制作gif表情包!
  • 自动生成动态gif的一个网站(进度条)
  • 进度条制作-GIF动画
  • 275页PDF:《编写高质量代码:改善Python程序的91个建议》
  • 【读书心得】 高质量C++/C编程指南-林锐
  • 高质量图片缩略图生成(编程笔记)
  • 极限编程
  • 全球编程厉害的14位大佬
  • 概率编程实战
  • 《高质量C++/C编程指南(林锐)》学习笔记
  • 高质量电子书分享
  • 构建高质量的前端工程完全指南
  • C#网络编程(Socket编程)
  • 改善代码质量的编程规范
  • 高质量程序好文分享之王垠《编程的智慧》
  • 高质量的C/C++编程(2)----程序员必看系列
  • 高质量计算机学习网站
  • 林锐的《高质量编程》学习笔记——内存分配方式
  • c语言是高级编程语言吗,C语言是高级编程语言吗?
  • 推荐一些高质量的自学网站
  • 《高质量C/C++编程》读书笔记
  • 高质量编程之编译警告级别
  • 高质量C编程00-汇总
  • C/C++ 高质量编程--内存,二重指针,指针的高级使用解析 3
  • 林锐高质量编程中的几道面试题
  • 人类高质量编程语言Delphi盛大发布2021新版本RAD Studio 11 Alexandria
  • 嵌入式C高质量编程培训心得笔记
  • 林锐:《高质量的C/C++编程》