前言
本篇教程是共享界面中,芊芊分享的签到系统的辅助教程。将教你如何导入和使用高级签到界面。
如果你想了解界面的制作过程,可以点击了解:如何制作高级签到界面
目录
一、功能介绍
二、界面导入
三、数值修改
四、素材修改
五、事件修改
一、功能介绍
这是一款功能齐全的签到系统,可以满足以下三类常用签到需求:
①每日签到:用户每天可以签到一次,签到状态每日0点重置。
②连续签到:可以记录用户连续签到状态,连签第七次后会重置连签状态。连签天数越多,奖励越丰厚,第七天还能获得小礼包。
③累计签到:可以记录用户累计签到天数,达到设定天数会出现一个大礼包。
-素材版权说明:
界面模板素材已授权,可以直接使用该界面的素材。
二、界面导入
1.点开高级界面↓↓
2.点击共享界面,使用“高级签到”系统。
3.使用后我们可以看到该界面中涉及到的数值,包含普通数值和购买数值。
顺便介绍下这些界面模块的概念:
①作品数值:当前作品拥有的数值
②界面数值:被导入界面的原有数值
③操作:将作品数值和界面数值整合在一起。
4.可以直接点确定,将界面数值作为新增数值导入作品中。
(或在作品数值一栏中选择原有作品数值,确定后界面数值会将作品数值替换掉。)
5.导入后可在作品数值界面查看导入的数值。
三、数值修改
此系统内包含十三项数值,以下数值可以直接在数值界面修改名称以及初始数值,未提及的数值请勿随意改动(若想删除部分数值或新增签到奖励类型,请按教程第五部分进行操作)。
1. 普通数值:
①本次获得金币:用来存放每次签到获得的金币数量。
②中级奶昔:连续签到第七天获得的道具。
③高级奶昔:累计签到30天后获得的道具。
④高级咖啡:累计签到30天后获得的道具。
2. 购买数值:
①总金币:账号上总共获得的金币数量。
②经验:累计签到30天后获得的数值奖励。
四、素材修改
在高级签到界面的右下角能看到所有包含的关联素材,双击进入编辑页可以自由修改、替换。但是添加有事件的素材请勿随意删除,不然容易出现bug!
修改案例:
1.修改签到系统底图。
①双击底图,进入编辑状态:
②在编辑状态下,点击鼠标右键,选择“收藏本素材”:
③收藏的素材可以在背景分类下查看:
④在素材上点击右键,可下载到本地:
⑤在ps内打开打开图片,可按照原图内关键元素的位置来设计新的签到系统底图:
⑥将新设计的图片导入工具内:
⑦将刚刚导入的图片拽入替换原有底图,点击保存就完成了。
保存后可返回上一级查看效果。
2.修改背景图。
①选择喜欢的背景拽入高级签到界面容器即可:
②背景拽入后比较暗,是因为背景上层是黑色半透明遮盖图。可以根据需求删除或替换。
3.修改签到按钮。
①导入自己设计的签到按钮图:
②双击原有签到按钮进入编辑状态:
③拽入即可替换:
4.修改累计签到计数文本
①双击累计签到计数:
②选中文本内容,可以修改文字颜色:
③移动文本位置:你可以根据自身需求随意调整文本位置。
5.若要修改没有显示在界面中的组件,可以从关联组件处双击要修改的组件进入编辑状态。修改方式与上述案例相同。
五、事件修改
以下是事件分布图,根据图片可以清晰的了解到事件位置。可按图中说明修改相关事件。
如果图片看不懂也不用担心哦,下面是具体的修改方法:
1.修改高级签到界面内的事件。
(1)容器事件:在高级签到界面右侧可以看到相关事件。
①点击“累计签到大礼包”下方的“大礼包2”会弹出事件设置框,在此可以修改大礼包2图片的显示位置:
可改通过修改xy轴数值来改变显示位置,也可点“定位”,手动移动图片确定定位。
②点击“显示印章1~6”下方的“签到印章”会弹出事件设置框,在此可以修改签到印章图片的显示位置:
(2)签到按钮内部事件:在高级签到界面双击签到按钮进入编辑状态,在编辑状态右侧可以看到事件。
①点击“签到”下方的“数值操作”会弹出事件设置框,在此可以修改在非连续签到情况下获得的金币数值:
②点击“连续签到”下方的“数值操作”会弹出事件设置框,在此可以修改在连续签到未满7天情况下的金币数值:
③点击“判断是否已签到”下方的“已签到图片”会弹出事件设置框,在此可以修改已签到图片的显示位置:
(3)大礼包2的内部事件:在高级签到界面的关联组件下,双击“大礼包2”进入内部事件。
①点击“领取奖励”下方的“数值操作”会弹出事件设置框,在此可以修改累计签到大礼包的奖励数值、累计签到礼包奖励详情文本的显示位置:
2.修改签到奖励界面内的事件。
(1)容器事件:从高级签到界面的相关组件处双击签签到奖励可以进入签到奖励界面。
①点击“未满7天”下方的“数值操作”会弹出事件设置框,在此可以修改金币图片位置、签到奖励说明文本的显示位置:
②点击“第7天”下方的“数值操作”会弹出事件设置框,在此可以修改连续签到7天礼包的奖励数值、礼包1图片位置、连续签到7天奖励说明文本的显示位置:
教程至此完毕!
相关教程:
如何制作高级签到界面