怎样用PS制作模仿华容道游戏的动图

2025-04-08 08:04:03

1、 首先先建立一个500*600的图象文档,用参与线在四条边上各留出50像素宽的区域并新建一个图层,用矩形选框工具做一个矩形选框。

怎样用PS制作模仿华容道游戏的动图

2、 点击“选择”-“反向”,在新建的图层上把刚才的区域填充颜色(颜色自己选)。

怎样用PS制作模仿华容道游戏的动图

3、 为了做出边框的效果,我们用图层样式做出斜面和浮雕、纹理的效果。

怎样用PS制作模仿华容道游戏的动图

4、 然后用参考线画出中间200像素的区域并把200像素部分的内容删除,为“曹操”留个出口。

怎样用PS制作模仿华容道游戏的动图

5、 再用参考线把各个方块的地方划出来。

怎样用PS制作模仿华容道游戏的动图

6、 再新建一个图层,用矩形选框工具根据各个方块的大小做矩形选区并填烫腥治奁充颜色(颜色还是自己选),并用图层样式调协斜面浮雕的效果。

怎样用PS制作模仿华容道游戏的动图

7、 图中画了红色圆圈的地方都是要建立各个方块的地方,就用这个方法分别建立图层和填充即可。

怎样用PS制作模仿华容道游戏的动图

8、 再根据各个方块的人物名称上网上下载人物图片,我个人比较喜欢老版的三国演义,所以下载的是老版三国演义里的人物图片。

怎样用PS制作模仿华容道游戏的动图

9、 先是张飞,先把张飞素材图片复制到第一块的图层上面,把它的不透明度改为50%,用自由变换调整到合适的大小和位置。

怎样用PS制作模仿华容道游戏的动图

10、 把按住CTRL键把第一块的选区做出来,再选中张飞所在的图层,点击“选择”-“修改”-“收缩”,收缩4像素。

怎样用PS制作模仿华容道游戏的动图

11、 然后点击图层面板里的蒙版按钮即可建立一个蒙版,把选区之外的地方给盖住了。

怎样用PS制作模仿华容道游戏的动图

12、 再打上文字,之后把这三个图层合并,这样就做成了第一个方块图案。

怎样用PS制作模仿华容道游戏的动图

13、 照着这样的方法把其它的方块图案也做出来,原理都是一样的,在这里我就不再废话了。

怎样用PS制作模仿华容道游戏的动图

14、 点击“窗口”-“时间轴”调出帧编辑器。

怎样用PS制作模仿华容道游戏的动图

15、 在第一帧的基础上建立第二帧,在第二帧用键盘方向键移动相应的方块来做出移动方块的效果。

怎样用PS制作模仿华容道游戏的动图

16、 就这样每新建一个帧就移动一个方块,这就相当于游戏当中的一个步骤,直到曹操出来了为止。 这个过程说起来简单,做起来可是吾晁熨奈挺烦人的,你即要想着怎么把那个曹操给移出来,又得想着做的动态图片不能穿帮了,反正是挺麻烦的。

怎样用PS制作模仿华容道游戏的动图

17、 最后再建立一个帧,使用一个曹操得意的表情的图片,旁边再的打上一行文字(内容可自己定)。

怎样用PS制作模仿华容道游戏的动图

18、 最后两个帧的播放延迟时间设为3秒,其余的都设为1秒,然后把播放的循环模式改为永远。

怎样用PS制作模仿华容道游戏的动图

19、 最后就是保存了,点击“文件”-“存储为WEB所用格式”即可。 这个就是我自己做的效果图,因为总是上传失败,所以我没办法才把图片的尺寸改小了。无奈呀,网速不给力呀!

怎样用PS制作模仿华容道游戏的动图
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢