Photoshop把静态照片做成GIF放大动画效果

2019-03-07 | [ 添加收藏 ] | 查看: | 来源:PS教程网

您目前的位置:首页 > PS实用技巧 > 正文
  • 设计培训
  • PS入门培训
  • PS中级培训
  • PS高级培训
  • PS精品教程
  • 在线报名
  • 以下是“Photoshop把静态照片做成GIF放大动画效果”的详细介绍,现在由PS教程网小编带你一起了解详细的内容,正文如下:

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    可以看到,这张图片变成视频并不是简单的缩放,画面中的人物是在慢慢缩小,而背景是放大的,有点像是电影中经常会用到的「Dolly Zoom」。但是我们这个是与「Dolly Zoom」相反的。当然,只要学会了原理,也可以做出类似的效果。第一步,抠图首先用 Photoshop 打开准备好的图片,并用钢笔工具,将画面中的人物扣出。▼扣出人物

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    ▼扣图完成

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    第二步,选区在人物上右键,点击「建立选区」,羽化半径为 0,并按快捷键「Ctrl+Shift+J」创建一个剪切图层。于是在右边的图层面板中,就变成了两个图层。▼图层面板

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    第三步,修复点击图层面板中刚才所抠出来的人物图层旁边的小眼睛,隐藏上方的图层,就会看到像下方这样,人物已经不见。这时,我们在按住「Ctrl」并点击人物图层,就会自动在人物位置建立选区。▼隐藏图层并选区

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    ▼填充完成

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

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

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    ▼测试完成

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    第六步,导出测试完成之后,我们就可以导出视频或者 Gif 动画了。点击「文件」-「导出」-「储存为 web 所用格式」/「渲染视频」。(「储存为 web 格式」可导出 Gif 动画,「渲染视频」可导出视频文件)▼播放按钮

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    最后一步,大功告成被压缩过的渣画质 Gif 动画(无奈.jpg)。

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    Photoshop把静态照片做成GIF放大动画效果,PS教程,兽猫教程网

    点击阅读全部
    微信扫码打赏

    如果本教程对你有帮助,请献出您的一份爱心,有您的支持我们会做的更好!
    站长整理教程和视频真的很辛苦!感谢!

    • 附件下载:
  • 标签:教程 静态 
  • 发布时间:2019-03-07 18:20:04
  • 0
  • PS实用技巧相关信息

    • PS合成教程:创意手机广告
    • PS合成教程:创意手机广告

      PS教程:创意手机广告,今天给大家更新一个有趣的创意手机广告的教程。首先我们先新建一个1800像素X1864像素、分辨率为300像素 英寸的文档,设置颜色模式为RGB颜色,背景内容为“透明”。单

      标签: PS合成教程  | 更新时间:2019-03-12
    • Photoshop制作手机图片循环滚动动画效果
    • Photoshop制作手机图片循环滚动动画效果

      PS制作手机图片循环滚动动画效果先看看效果图一:导入三张图片。注意他们的顺序,其中有一个是背景,有一个是手机,第三个是要循环播放的图片。注意

      标签: 教程 效果  | 更新时间:2019-03-07

    热门设计培训课程 更多>>

    设计论坛 | 学习问答 | 培训课程 | 视频教程 | 资料下载 | 站点地图
    ©2005-2020 兽猫教育 旗下平台 PS教程网 互联网ICP备案:渝ICP备17008327号

    地址:重庆市 · 重庆市沙坪坝区大学城南路23号 客服电话:400-879-2201 商务咨询QQ:785669963 渝公网安备 31011502002407号