1. 首页
  2. 高级教程

Photoshop制作十格自动拼图游戏动画

先看效果图:


chengpin


步骤一:打开Photoshop,新建一个500*200画布:


1


步骤二:打开素材并拖动到新建的画布中,选择裁剪工具,双击画布中的图片,操作如图


2

3


步骤三:选择【视图】>【新建参考线】,如下图


4


依次按一下新建,共5次


Photoshop制作十格自动拼图游戏动画
Photoshop制作十格自动拼图游戏动画
Photoshop制作十格自动拼图游戏动画
Photoshop制作十格自动拼图游戏动画
Photoshop制作十格自动拼图游戏动画


新建完参考线效果如图:


5


步骤四:按下ctrl+J复制图层9次:


6

Photoshop制作十格自动拼图游戏动画


步骤五:利用选择工具将第一格圈出来


7


步骤六:右键-反选,反选好后按delete删除


8


步骤七:依照这个方法,分别对副本2-9操作,分别割下每一格的图片,最后每个图层副本上只对应留下一小格,如图:


Photoshop制作十格自动拼图游戏动画

步骤八:新建一个图层


Photoshop制作十格自动拼图游戏动画


步骤九:利用选择工具将第一格圈出来,这里前背景色选择自己喜欢的颜色


10


步骤十:右键>描边


Photoshop制作十格自动拼图游戏动画


步骤十一:依次把是个小方格描边完,然后点击视图-清除参考线


11


步骤十二:窗口-动画。有一个倒三角,点击倒三角把时间调为0.2


Photoshop制作十格自动拼图游戏动画


第一帧的图片


12


步骤十三:把任意一个图层隐藏,就是把前面的眼睛给关闭,然后按照自己的需要把图片打乱。接着复制第一帧,第二帧复原其中一格:


13


步骤十四:复制第二帧第三帧


14


依次把图片复原


Photoshop制作十格自动拼图游戏动画


步骤十五:复制第十帧得到第十一帧把隐藏的图片前面的眼睛点亮得到一个完整的图片


Photoshop制作十格自动拼图游戏动画


步骤十六:按住ctrl 选择第一、第二帧然后过渡Photoshop制作十格自动拼图游戏动画

Photoshop制作十格自动拼图游戏动画

Photoshop制作十格自动拼图游戏动画


步骤十七:过滤完后选择选择第四第五帧接下来就是7和8 10和11依次过渡下去,过滤到最后两帧的时候,设置帧数为3


Photoshop制作十格自动拼图游戏动画

Photoshop制作十格自动拼图游戏动画


大功告成,最后文件-存储为wed和设备所用格式。本文由缓缓的离别分享,欢迎广大PS爱好泽参与投稿三人行PS学堂!

原创文章,作者:铁木珍,如若转载,请注明出处:https://www.ren3.cn/4403.htm

发表评论

电子邮件地址不会被公开。

评论列表(8条)

  • 正义的人类
    正义的人类 2013年7月15日 下午3:36

    怎么做出来的效果没上面那个图那么好,我都是按照步骤做的,但没有那种流畅的感觉,请具体说明下

    • 铁木珍
      铁木珍 回复 正义的人类 2013年7月15日 下午7:07

      熟能生巧,一开始可以做四宫格或六宫格的降低一些难度,熟练后再尝试十宫格,关于不流畅的问题应该过度没有设置好,可以仔细研究一下过度的功能。

    • 坷垃
      坷垃 回复 铁木珍 2013年8月14日 下午4:41

      这不是cs6吧 点击画笔然后右键 没有描边 怎么办 ❗

    • 铁木珍
      铁木珍 回复 坷垃 2013年8月14日 下午5:06

      与版本无关,无需点击画笔工具这一步,已修正。

  • anztlan
    anztlan 2014年8月20日 下午3:55

    过滤完后选择选择第四第五帧,接下来就是7和8 10和11依次过渡下去,过滤到最后两帧的时候,设置帧数为3,那这样帧数也只20帧。但是你图像时间轴显示有29帧,这是怎么一回事?

    • 墨洵
      墨洵 回复 anztlan 2015年4月22日 下午5:18

      他是依次类推的,不是到10.11就停止了,每两个帧过度出来都会自动生成两个帧,依次类推就可以了

  • 布丁怡
    布丁怡 2015年1月9日 上午2:02

    怎么保存了之后打开的是图片而不是动图啊,已经按了保存格式,可是一直说什么非阿拉伯数字,什么无法兼容?求解? 😥

联系我们

181-7282-8533

在线咨询:点击这里给我发消息

邮件:154526627@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code