如何用气泡模式制作微信对话&发红包
发表时间: 2018-09-28 15:45:25 阶段:高级 分类:实例应用
目录

一、前期准备,气泡舞台、角色创建
二、使用中气泡显示消息时间
三、制作撤回消息效果
四、使用文字选项来选择要回复的内容
五、发送一个图片消息/表情
六、发送一个可以点开查看的图片
七、发送红包
八、发送动态表情

 
一、前期准备,气泡舞台、角色创建
1. 首先导入所有需要的素材。

 

2.在剧情区域点击右键,插入一个高级剧情。然后双击进入这个高级剧情,并插入准备好的微信背景图。
 
 
 
3.点击显示气泡。
 
4.点击气泡的显示区域,修改气泡模式设置,将对话内容设置为“保留”,坐标设置为需要显示气泡的范围。
 
5.打开设置气泡角色界面。
 
6.设置需要对话的角色的名字、字号、颜色、头像。
 
 
二、使用中气泡显示消息时间
7.1 点击发射气泡,在发射气泡设置中,气泡类型设置为文字,发射位置选择中气泡,动画时间改为0.1S。
 
 
7.2 气泡的文字内容改为消息发送的时间。
 
8.再发射两个对话气泡。
 
 
 
三、制作撤回消息效果
9. 由小慧发出一条消息,然后迅速撤回。
 
9.1 显示一个气泡模式2号,对话内容设置为清除本次,坐标位置设置在紧贴上一条消息的下方,宽度与气泡模式1号一致。
 
9.2 开启自动播放
9.3 发射一个左气泡。
 
9.4 等待一个短暂时间,隐藏气泡模式2号,并关闭自动播放。
 
9.5 重新显示气泡模式1号,并使用中气泡显示撤回的系统提示。
 
 
9.6 测试效果:
 
10.继续显示2条左气泡。
 
 
四、使用文字选项来选择要回复的内容
11.1 设置一个文字选项,选项内容为“点击输入”,然后转换为图片选项,并替换图片为透明底图。
 
11.2 然后调整输入框底图,设置两个选项,将选项位置调整到合适位置。
 
 
11.3 换回输入框底图,发射右气泡作为回复消息。
“好的”的剧情:
 
“不用”的剧情:
 
11.4 测试效果:
 
 
五、发送一个图片消息/表情
 
 
 
六、发送一个可以点开查看的图片
13.1 首先发射一个图片气泡
 
13.2 然后在图片上方放一个透明的图片按钮(将图片透明度设置为1即可)。
 
13.3 隐藏气泡模式1号,在图片气泡的位置上放上同一张相同尺寸的图片。
 
 
13.4 制作图片放大的动画效果。
 
13.5 放置一张淡入的黑色底图。
 
 
13.6 显示一个隐藏文本,使点击屏幕时才能继续操作。
 
13.7 淡出黑色底图,并将显示的图片缩小、移动到原位置。
 
13.8 再次显示气泡模式1号
 
13.9 测试效果:
 
 
七、发送红包
发送红包的原理与发送可点开查看图片原理是一样的。
 
14.1 首先发射一个红包的图片气泡
 
14.2 在红包气泡的上方设置一个透明的图片按钮用于点击。
 
14.3 隐藏气泡模式1号,显示打开红包的图片。
 
 
14.4 在打开红包的“开”字上面放一个透明图片按钮
 
14.5 显示领取红包后的图片。
 
 
14.6 用透明图片按钮制作关闭按钮。
 
14.7 移除图片,重新显示气泡模式1号。
 
14.8 测试效果:
 
 
八、发送动态表情
15. 发射图片气泡时,选择已导入的道具分类下的动图即可。
测试效果:
 
16.最后在所有左气泡前面添加微信音效。
 
17.完整测试效果:
 
18. 实例部分完整高级剧情截图:
 
后续会有更多的场景拓展,例如发送语音消息等更多功能敬请期待!
TOP