企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 可定制贺卡 如下图,新建元件“海”,在元件页面中点击“媒体库”,添加一张海的素材图片 ![](https://box.kancloud.cn/e6653c369c1ff3315bcc164756d65cd1_800x461.png) 复制一张,将两张图片左右衔接排列成如下图位置,与“舞台”右对齐 ![](https://box.kancloud.cn/958a7ef927336faae074f28b94b8a2fb_800x366.png) 为两张图添加帧动画(第420帧),在动画最后一帧将图片素材平移位置使其与“舞台”左对齐 ![](https://box.kancloud.cn/ffb5a98c68fdb10465483de2f1737311_800x452.png) 新建图层“水2”,修改“图层0”名称为“水1” ![](https://box.kancloud.cn/2ec1c12eb1bd04e4a065d89159979a37_800x453.png) 在“水2”图层第1帧上添加进一张相同的海的素材,将透明度调为“50”度 ![](https://box.kancloud.cn/124e95387cb7cff8267c4d1627cd8428_800x456.png) 这时我们点击“播放”按钮,可观察“舞台”上水的运动动画出现波动效果。 ![](https://box.kancloud.cn/ab90f9548816a78886a874bdd7c08089_800x455.png) 新建图层“过渡色”,点击“素材库”按钮添加一张过渡色图片素材,将其移动至海水图片上方位置 ![](https://box.kancloud.cn/6606a57e53a29aa7737dc43dcd9e92c7_800x455.png) 回到“舞台”编辑页面,将“舞台”上的“图层0”改名为“背景”,点击“素材库”添加背景图片素材,并将背景图片素材移动至与“舞台”上对齐 ![](https://box.kancloud.cn/41ad6c39b29923b5a6d7c1617324d7e1_800x460.png) 新建图层“海”,在“元件”面板下将原先做好的“海”元件用鼠标直接拖动至“舞台”,调整“元件”位置 ![](https://box.kancloud.cn/cf2f4e1c77b5075b1db7b20e74d54c8e_800x453.png) 新建图层“月亮”,添加月亮图片素材至“舞台”,调整月亮图片素材位置、大小等 ![](https://box.kancloud.cn/e9f13656ad6c5987e95ab3bcaa8e9de4_800x456.png) 在所有图层的60帧上右键→“插入帧”,同时为“月亮”设置一个从下往上升的关键帧动画 ![](https://box.kancloud.cn/b1d91951a09bf4640f22954ea2fa3060_800x456.png) 鼠标选中“月亮”图层,将其拖动至“海”图层下面 ![](https://box.kancloud.cn/5d69947bf4355195963cc360bda0a7ba_800x458.png) 新建图层“文字”,在“文字”图层第40帧上右键→“插入关键帧” ![](https://box.kancloud.cn/525a782538d43335b1381f476d1e1674_800x456.png) 在“文字”图层第40帧空白关键帧上添加文字素材 ![](https://box.kancloud.cn/5d779611c75919ffe472038fa60b9ce5_800x456.png) 选中文字素材,点击其“预置动画”按钮,添加“移入”的预置动画效果,调整时长、延迟时间,调节方向等 ![](https://box.kancloud.cn/200d81e8f55a38055ea23f63af34186c_800x457.png) 点击“保存”按钮,命名作品为“中秋” ![](https://box.kancloud.cn/60863ca7f6de7c7de3c6e2b710db63e8_800x442.png) 在所有图层80帧位置右键→“插入帧” ![](https://box.kancloud.cn/ac32149f236e39e540a76167513280f4_800x455.png) 在“文字”图层第70帧位置插入关键帧 ![](https://box.kancloud.cn/f928f0bc5383a8597e0ef8e58e02ff51_800x457.png) 在70帧位置,点击文字素材“编辑预置动画”按钮,删除预置动画 ![](https://box.kancloud.cn/4333bc0973a42a3b5f2676a17a99d6b3_800x346.png) 重新添加预置动画,选择“移出”的动画效果,设置时长、方向等 ![](https://box.kancloud.cn/3dbd9cc6733f424d3aad6d71621a22e4_800x454.png) 点击新建图层“人物”,在该图层70帧位置上插入关键帧,添加人物剪影素材 ![](https://box.kancloud.cn/cebb62c076432cd4c5faeffbe8043032_800x460.png) 添加人物剪影从右往左移进的“关键帧动画” ![](https://box.kancloud.cn/e376203988a4ab1ded88223bc7e78a24_800x457.png) 为所有图层添加帧数 ![](https://box.kancloud.cn/09395325390dd5302714558ab81b7557_800x458.png) 调整人物素材的“运动”效果为“淡出” ![](https://box.kancloud.cn/e7c2b895e4e728df14cdb122d1a02d01_800x456.png) 新建“定制文字”图层,在最后一帧插入关键帧 ![](https://box.kancloud.cn/048222e5c17f95fd2b7a8549e1a69fb3_800x455.png) 为方便排版,将“文字”图层最后一帧删除 ![](https://box.kancloud.cn/6b79bc3a47d940822a0456ec5ff74510_800x454.png) 如图,点击“定制文字”图层最后一帧,在“舞台”上添加一个“中秋快乐”文字图片素材,以及三个文本框素材,输入文字内容,调节各个素材的大小、位置、文字颜色、字体等属性。 ![](https://box.kancloud.cn/316488f29a22b04a2483cdce3b4b8a8a_800x454.png) 为各个素材添加预置动画 ![](https://box.kancloud.cn/d295a7833ba5230a9e21bd88a41c3c36_800x457.png) 继续在“定制文字”图层最后一帧添加一个矩形、文本框,调节其大小、颜色、透明度以及文字内容等属性如下图,将两个元素进行组合。 ![](https://box.kancloud.cn/a333e129dc1401e1b9c15fe863b3b23e_800x456.png) 为该组合添加一个“淡入”的预置动画效果,设置该预置动画的延迟时间,可点击“预览”观察效果 ![](https://box.kancloud.cn/ad3161e8324b18e18f675bc00f2e5ba9_800x459.png) 分别为第一个文本框命名为“收卡人”、为第二个文本框命名为“祝福词”、为第三个文本框命名为“发卡人” ![](https://box.kancloud.cn/a70c08e99e568e7bba539378cf95ba28_800x448.png) 选择“定制”按钮,在其“属性”面板下选择“动作”为“表单”,点击右边的“编辑”按钮 ![](https://box.kancloud.cn/5bd170686e9ac5e3482f371fc4fb13b3_800x458.png) 在“编辑表单”对话框内设置 表单名称:“定制文字” 提交方式:“GET” 提交目标:“微信定制入口” 确认消息:“定制成功!” 修改背景颜色、字体颜色、字体大小等 点击“添加表单项” ![](https://box.kancloud.cn/404d5516e9ab5620fda8164e5a1873b5_800x456.png) 在“添加表单项”中添加“收卡人”表单项 ![](https://box.kancloud.cn/2d4d51471723862a8eaa4dd71431c214_800x386.png) 同理再添加一个“祝福词”表单项 ![](https://box.kancloud.cn/f940c8472993da398a20b1ec0d48cd65_800x364.png) 同理再添加一个“发卡人”表单项 ![](https://box.kancloud.cn/329e039ca582afeb0d422a4f76c27739_800x346.png) 点击“保存”,点击“预览”观察定制效果 ![](https://box.kancloud.cn/5923f524aa312b9416aadb34b7531642_800x457.png) 观看本节视频教程: http://cdn1.mugeda.com/course/4/4.1/4.1.4.mp4