首页 > 软件专区 > ps教程 >

photoshop怎么制作简单动画效果

来源:互联网 2023-02-21 18:50:39 499

使用photoshop可以制作出简单的动画效果:09S办公区 - 实用经验教程分享!

09S办公区 - 实用经验教程分享!

09S办公区 - 实用经验教程分享!

09S办公区 - 实用经验教程分享!

09S办公区 - 实用经验教程分享!

09S办公区 - 实用经验教程分享!

photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

工具/原料

  • ​photoshop软件

方法/步骤

  • 1

    打开这两张图片,将女图片使用移动工具移动到男图片中,并对齐,如图所示:09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

  • 2

    选择菜单“窗口/动画”,在软件下方会出现一个“动画”面板,如图所示:09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

  • 3

    点击复制所选帧按钮,复制一个新的帧,如图所示:09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

  • 3本页面未经许可获取自百度经验
  • 4

    鼠标单击选中第一帧,然后在图层面板中,将图层1前面的小眼睛去掉,如图:09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

  • 5

    然后用鼠标选中第二帧,然后在图层面板中,将背景层前面的小眼睛去掉,并将图层1前的小眼睛加上如图:09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

  • 6

    这时候,我们会看到动作面板中的帧发生了如下的变化:09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

  • 7

    我们再点击每帧下面的0秒,在弹出的时间选择列表中,选择0.1秒,如图:09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

  • 8

    两帧都设置完毕后,我们同时按下键盘上的Alt Ctrl Shift S键,将图片存储为WEB所用格式,如图:09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

  • 9

    ​点击右下角的存储按钮,将图片保存到桌面,我们打开后,就可以看到效果了:09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    09S办公区 - 实用经验教程分享!

    photoshop怎么制作简单动画效果?09S办公区 - 实用经验教程分享!

  • 注意事项

    • 本文由作者花费大量时间编写,图片、文字均为原创,转载请注明出处。09S办公区 - 实用经验教程分享!

      09S办公区 - 实用经验教程分享!

    • 请点击关注我并投我一票,谢谢各位朋友的支持,我会奉献更多精彩内容给大家。09S办公区 - 实用经验教程分享!

      09S办公区 - 实用经验教程分享!

      09S办公区 - 实用经验教程分享!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!09S办公区 - 实用经验教程分享!


    标签: PHOTOSHOP

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码