所有分类
  • 所有分类
  • JPG图片
  • PNG图片
  • 我的娱乐
  • 发现灵感
  • PS教程
PS把静态照片做成GIF放大动画效果教学photoshop教程

PS把静态照片做成GIF放大动画效果教学photoshop教程

PS把静态照片做成GIF放大动画效果教学-photoshop教程

GIF动画,Photoshop,教程,PS教程,PS

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

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第1张

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

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第2张

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

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

第一步,抠图

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

扣出人物

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第3张

扣图完成

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第4张

第二步,选区

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

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

图层面板

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第5张

第三步,修复

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

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

隐藏图层并选区

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第6张

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

内容识别填充

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第7张

填充完成

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第8张

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

修复完成

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第9张

第四步,创建

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

创建文档

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第10张

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

大小调整

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第11张

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

转换为智能对象

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第12张

第五步,时间轴

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

打开时间轴

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第13张

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

建立关键帧

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第14张

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

建立关键帧

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第15张

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

缩小人物

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第16张

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

放大背景

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第17张

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

播放按钮

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第18张

测试完成

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第19张

第六步,导出

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

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

播放按钮

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第20张

最后一步,大功告成

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

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第21张

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第22张

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第23张

PS把静态照片做成GIF放大动画效果教学photoshop教程 PS教程 第24张

常见问题
图片不可商用!
仅学习爱好分享,不可商用,直接下载即可,失败请留言,谢谢!
下载失败怎么办?
你好朋友,素材下载失败请留言!
原文链接:https://www.wodeai.net/687155.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码