滑动方块完成拼图_英雄联盟痛车拼图怎么完成_动完成上方拼图

英雄联盟痛车拼图怎么完成_滑动方块完成拼图_动完成上方拼图

简单几步

做出Agamograph

和汉字拼图

动完成上方拼图_英雄联盟痛车拼图怎么完成_滑动方块完成拼图

之前跟着Patrick徐老师的技术帖学习用PPT制作汉字变变变和汉字拼图,(PPT教程请点击Patrick徐老师的文章以及)还没开始几步,就因为Mac版本PPT没有分割图片的功能而止步向前。我家又没有PC版本的PPT,最后只好在图书馆里用PC电脑完成汉字拼图的设计。在设计过程中,我前前后后花了好几个小时在分割和排版上,有点费时。PPT在分割图片上虽然快(但绝对没有Photoshop快),但还是有劣势的。比如,分割出来的图片还有线条,处理线条花时间。还有,做汉字拼图要把汉字黏贴成一张图片之后才能开始制作,而且图片还需要自己调整大小,不能做到很精致。在设计过程中还有很多小细节这里就不一一赘述了。我今天想要分享的是用Photoshop快速实现完美分割图片!其实,Photoshop的基础功能挺简单的,即便你从来没用过,只要按照我提供的几个步骤做,很快你就可以做出属于自己的Agamograph和汉字拼图啦!

请先欣赏我的作品吧!

动完成上方拼图_滑动方块完成拼图_英雄联盟痛车拼图怎么完成

动完成上方拼图_滑动方块完成拼图_英雄联盟痛车拼图怎么完成

动完成上方拼图_英雄联盟痛车拼图怎么完成_滑动方块完成拼图

动完成上方拼图_滑动方块完成拼图_英雄联盟痛车拼图怎么完成

设计出来的作品还是挺好看的嘛!

废话不多说,教程奉上!

第一步:新建文档

滑动方块完成拼图_动完成上方拼图_英雄联盟痛车拼图怎么完成

打开Photoshop软件,Mac版和PC版都差不多,首先你需要新建文档,如果你要制作Agamograph,请设置宽度16厘米,高度16厘米,分辨率300像素。背景内容随便,要白色也可以。然后画面出现一个白色的正方形。如果你要制作汉字拼图,请设置宽度12厘米,高度12里面,分辨率300像素。

第二步:找到切片工具

滑动方块完成拼图_英雄联盟痛车拼图怎么完成_动完成上方拼图

在工具栏找切片工具,我的是Mac版本从上往下第五个,右击出现四个其他工具,然后点选切片工具。

第三步:划分切片

动完成上方拼图_滑动方块完成拼图_英雄联盟痛车拼图怎么完成

英雄联盟痛车拼图怎么完成_滑动方块完成拼图_动完成上方拼图

点选切片工具之后,会出现一个小刀一样尖尖的箭号,移动鼠标到白色正方形画面,右击出现划分切片的对话框。如果你是要制作Agamograph,那么你要☑️勾选“垂直划分为”然后输入8个横向切片。如果你想要制作汉字拼图,那么要☑️勾选水平划分为3个纵向切片,☑️勾选垂直划分为3个横向切片。如上图所示(做Agamograph)当你点击确定的时候,白色正方形图片就变成这样啦!切片模板完成!

第四步:插入图片(输入汉字)

滑动方块完成拼图_动完成上方拼图_英雄联盟痛车拼图怎么完成

模板完成之后,你就可以任意发挥啦!比如说,我随意摇曳一个图片放进白色正方形图片层里,就出现上图所示的样子(大小自己修正喔!)当然,这时候你也可以输入汉字(如果你按照我设置的文档格式做动完成上方拼图,这时候汉字的大小是500像素)。什么都不用管,就是输入汉字或者插入图片就对了,图片得修正一下大小,最好能够填充白色正方形图片就行。

第五步:保存切割图片

英雄联盟痛车拼图怎么完成_动完成上方拼图_滑动方块完成拼图

滑动方块完成拼图_英雄联盟痛车拼图怎么完成_动完成上方拼图

动完成上方拼图_英雄联盟痛车拼图怎么完成_滑动方块完成拼图

动完成上方拼图_滑动方块完成拼图_英雄联盟痛车拼图怎么完成

这一步最关键,如何把切割的图片保存下来。请按照步骤做,就不会出错哟!首先,找到文件(一般是左上角),然后找到导出,然后点击存储为Web所用格式(旧版),点击之后会出现第二张图片所示内容,什么都不用管,直接点击右下方存储。这时,你需要注意你要把这些切割的图片放在哪里,这样你才能找到喔。最后,出现的图片就如上方第三张图片所示,嘻嘻,切割好的图片就在那里啦!如果你是做汉字拼图,那么切割的9张图片应该如同上方第四张图片所示。

最后一步:排版

滑动方块完成拼图_动完成上方拼图_英雄联盟痛车拼图怎么完成

排版的话,不管是Photoshop或者PPT都可以做排版,但在Photoshop上做排版有图层的麻烦动完成上方拼图,在PPT上做排版比较快,但是图片大小调整也是需要时间的。各有利弊!就看大家平时的习惯。

还是没搞懂怎么办?

如果你跟着本篇教程制作不出来怎么办?我已经录制了一期视频探讨关于怎么自己DIY汉字拼图卡片,不仅是Agamograph或者汉字拼图,还有一些其他汉字组词拼图等游戏。有兴趣的朋友在文末点击阅读全文就可以收看视频啦!或者扫描上方图片二维码进行收看咯!

另外我11月中旬即将在海绵实验室线上培训讲座平台开讲,主题就是《好看又好玩的中英文教具设计与制作》,你来听吗?期待你的参与(^U^)ノ~YO!

福利:模板共享

每次技术贴,我都喜欢分享一些模板方便老师、家长们快速上手学习。于是,我制作了汉字拼图9宫格切割模板和Agamograph8格切割模板。两个文件格式均为PSD格式,只要有Photoshop软件,打开来之后,输入汉字或者插入图片,即可导出切割图片。方便,快捷!

领取模板的方式(不需要转发)

关注“海绵实验室”;

进入海绵实验室公众号,对话框输入“PSD”即可获得下载链接。

如果您觉得本篇文章对老师或者家长们有用,欢迎转发!点个好看那更好喔!

滑动方块完成拼图_英雄联盟痛车拼图怎么完成_动完成上方拼图

素材&配图:Jenny 原创

文字:Jenny 原创

海绵实验室华裔儿童学中文资源VIP群入群通道

点击以下图片可以了解VIP群具体信息

您也可以咨询VIP群管理员芳妈

海绵实验室往期讲座回放

很多小伙伴们因为种种原因错过了我们的在线讲座,为了让大家能随时随地收听讲座内容,反复收听温故而知新以及请到更多大咖老师们来分享,我们特意付费升级了讲座软件,增加回放功能,同时建立了荔枝讲座平台。

扫码下方海报

进入海绵实验室荔枝线上讲座培训平台,

回看所有往期讲座,

限时特惠:本站每日持续更新海量设计资源,一年会员只需29.9元,全站资源免费下载
站长微信:ziyuanshu688