杨小白不白

秀米每日一练 Day28
闷头搞学习第28天最后一周考核，最后一次打卡啦~

杨小白不白

秀米每日一练 Day27
闷头搞学习第二十七天 SVG图集之图片自动轮播 ①插入一个svg图集，删除提示文字及占位图片 ②点击图集设置，类型选择宫格式切换，向编辑区添加图片，预览即可

杨小白不白

秀米每日一练 Day26
闷头搞学习第二十六天 SVG图集之图片自动轮播效果一 ①插入一个svg图集，删除提示文字及占位图片 ②点击图集设置，向编辑区添加图片，动画类型为切换。动画效果为淡入或淡出，停留时间更改为0.5s 效果二复制效果一，点击图集设置，更改动画为移入或移出，停留时间更改为2s，动画方向设置为不同方向效果三复制效果一，点击图集设置，更改动画为回弹后移出，停留时间为2s，动画方向设置为不同方向

杨小白不白

秀米每日一练 Day25
闷头搞学习第二十五天 svg图集之点击抽签换图事项： ①图集内图片大小需要一致 ②svg图集内不可放置svg图片 ①向编辑区添加一个自由布局，点击编辑按钮进入编辑模式，在图库中寻找合适图片（竖向）添加到编辑区，调整图片大小及比例直至与蓝框匹配 ②删除图片并调整背景色，打开编辑辅助按钮里的网格，在页面组件中找到正方形添加至编辑区，选中正方形，颜色更改为透明色，边框选择上边框，实线，尺寸为2像素，颜色为白色，选择左边框重复同样操作，调整正方形调整大小后拖拽至1:1锚点 ③复制正方形后将其拖拽至左下角，调整位置设置翻转后复制左侧两个图形后左右翻转挪动至右侧 ④向编辑区添加正方形，拖拽大小至形成合适大小后设置居中，设置背图形背景色为半透明白色后添加白色边框 ⑤添加文字组件，从输入法中添加圆形及字母，字号更改为16，字色为白色，字间距为3，调整选框及位置 ⑥打开编辑辅助按钮关闭网格，更改背景色为背景图，重复模式为不重复，预览无误后添加竖排效果文字“水逆退散”，调整字号、字色及字间距并设置居中 ⑦保存现有内容后另存为图片，修改文字并另存，重复操作 ⑧删除现有内容，上传刚刚做好的图片至图库 ⑨向编辑区添加一个svg图集，选中svg图集点击图集设置上传图片，触发类型为抽签、自动，单张时长为0.1秒，预览保存即可

杨小白不白

秀米每日一练 Day24
闷头搞学习第二十四天 svg图集之滚动动画效果一电影放映 ①向编辑区添加一个svg图集，点击图集设置后添加图片，设置类型为滚动、触发为自动、勾选循环选项并设置时长，方向为向上对齐，滚动方向为向上，停留时长为0秒 ②继续添加其它图片 ③搜索栏搜索“电影关键词”，删除原内容，将svg图集添加进去并调整组前后距即可效果二横向滚动 ①向编辑区添加一个svg图集，点击图集设置添加图片，向编辑区添加一个静态循环图片，设置类型为滚动、滚动方向为向左，停留时长为0秒，预览即可效果三横向停留滚动 ①向编辑区添加一个svg图集，点击图集设置添加图片，向编辑区添加多张图片，设置类型为滚动，方向为向左，停留时长为0.5s，预览即可

杨小白不白

秀米每日一练 Day23
闷头搞学习第二十三天 svg之点击找不同 ①向编辑区添加一个svg布局，选中svg布局点击编辑按钮进入编辑模式 ②向动画区添加图片并设置以本图为布局基准 ③向动画区添加png格式的形状图片，选择动画按钮，添加淡入效果并设置时长 ④复制形状图片后继续添加框选其它内容 ⑤删除转场设置效果后预览即可 tips：固定图层可以点击编辑辅助按钮锁定

杨小白不白

秀米每日一练 Day22
闷头搞学习第二十二天 svg之长按切换效果 ①向编辑区添加一个svg布局，选中布局点击编辑按钮进入编辑模式 ②向编辑区添加图片，设置以本图为布局基准后再次添加相同的图片至编辑区，设置以本图为布局基准 ③选中上层图片，点击增强按钮调整数值达成模糊效果 ④点击动画按钮，操作方式设置为长按（松开后继续），效果为淡出，时长为2秒，返回扫码预览即可 tips：需要松开后恢复模糊效果，可设置为长按（松开后回退）

杨小白不白

秀米每日一练 Day 21
闷头搞学习第二十一天 svg动画之点击展开 ①向编辑区添加一个svg布局，将静态图放置到编辑区，设置以图为布局基准，添加背景色 ②将动图添加至编辑区，设置以图为布局基准并添加动画效果为淡入，调整时长 ③点击转场设置，设置组建触发，效果一设置为淡出，时长为0.1秒，效果二为全宽展开 ④回到svg页，设置效果二为转场 ⑤点击内容页，添加静图并删除组前后距添加背景色，并在下添加展开图片，预览即可 tips：控制动图只可设置淡入动画

杨小白不白

秀米每日一练 Day20
闷头搞学习第二十天 svg动画之点击收缩 ①向编辑区添加一个svg布局，选中svg布局点击编辑按钮 ②向编辑区分别添加彩色及黑白图片，设置以图为布局基准 ③选中上层黑白图片点击动画按钮，动画效果设置收缩并按需调整时长及延迟时间，点击专场设置删除专场设置 ④点击返回预览即可

杨小白不白

秀米每日一练 Day19
闷头搞学习第十九天 svg动画之点击收缩 ①向编辑区添加一个固定比例布局，为布局添加一个背景色 ②在布局内输入文字，调整字体样式并设置居中对齐 ③向编辑区添加一个svg布局，将固定比例布局拖拽至svg布局内容页 ④点击svg布局动画按钮，更改背景色为透明色后进入编辑模式选择转场设置，效果选择收缩、宽度选择全宽后调整时长及延迟效果一直接设置 ⑤将上述内容添加进四列布局中的第一列，调整文字位置为居中，再向下复制粘贴三行 ⑥选中svg层复制，在原svg层下方粘贴三次，取消当列行间距后复制，添加进其他三列效果二添加方格留白 ⑤选中svg布局内层点击间距按钮设置上下左右间距为10像素后更改合适字间距 ⑥复制左列第一行全部内容，添加进其他三列，取消单列行间距后向后全部应用

杨小白不白

秀米每日一练 Day18
闷头搞学习第十八天 svg动画之点击弹出效果一基础弹出效果 ①向编辑区添加一个基础布局中的svg布局，将需要弹出效果的图片放置在内容页，取消图片组前后距 ②点击编辑按钮进入svg编辑模式，将弹出效果前展示的图片添加至svg页，选择以本图为布局基准 ③点击转场设置，设置为不转场，将穿透层移至上层（通过调整穿透层可调整点击动作触达效果区域） ④调整内容页图片大小，使之≤动画页图片，预览即可 ⑤设置多个点击弹出效果可向编辑区添加一个单列布局，将上述效果添加至单列布局中，选中复制三列后调整宽度及列定位即可效果二点击图片播放音频 ①向编辑区添加一个音频组件 ②在公众号后台新建一个图文消息，将音频或视频号视频上传至素材库添加至编辑区，编辑标题及封面图后保存 ③点击预览获取文章预览链接，将链接添加至组件并设置封面设置点击部分区域点击触发效果 ④向编辑区添加一个svg布局，将上述内容移动至svg布局，选中svg布局点击编辑按钮进入编辑模式，添加相同图片至svg页，设置以本图为布局基准 ⑤点击内容页进入图文模板找到指引动图贴纸拖动至svg页 ⑥点击转场设置为不转场，挪动穿透区至上层，调整穿透区区域位置及大小至合适位置 ⑦保存草稿后同步至公众号即可效果三点击图片播放视频号 ①利用上一布局，将编辑区替换为视频号组件并更换链接 ②调整视频号大小百分比及组前距，同步至公众号即可效果四点击图片跳转至公众号名片 ①在公众号新建图文后，添加一个公众号名片，复制预览链接粘贴至秀米视频号组件，复制一份 ②向编辑区添加一个自由布局进入编辑模式，添加合适的图片至编辑区调整编辑区大小，然后将复制的公众号组件添加至编辑区 ③根据图片调整公众号组件大小（也可根据需要添加不同跳转需求素材） ④点击编辑辅助按钮，将最下方图片移动至顶层 ⑤选中图片，点击动画按钮开启穿透效果，返回编辑区删除多余内容，同步至公众号即可注：草稿箱公众号图文可删除，素材库素材不可删除

杨小白不白

秀米每日一练 Day17
闷头搞学习第十七天穿透动画的滑动背景 ①向编辑区添加一个基础布局中的svg布局，选中svg布局后点击动画按钮，将布局的背景色调整为透明色 ②点击svg布局进入编辑模式，添加前景图片后选择以本图为布局基准，选中图片裁剪图片比例为4:3 ③滑动至内容页板块，向内容页添加一个左右滑动布局 ④选中滑动布局，点击设置滑动序列按钮添加图片，调整图片组前后距为0像素，裁剪比例为4:3（目的为与前景图片保持一致），将图片复制 ⑤点击滑动序列按钮继续添加复制的图片，并替换图片 ⑥点击转场设置，设置为不转场，点击返回预览即可

杨小白不白

秀米每日一练 Day16
闷头搞学习第十六天上下滑动之点击答题效果一 ①向编辑区添加一个基础布局中的svg布局，点击svg布局进入编辑模式 ②向编辑区添加文字，并调整文字大小及位置 ③选择动画选项，添加效果，选择转场设置，删除效果即可效果二 ①向编辑区一个基础布局中的svg布局，点击svg布局进入编辑模式 ②调整编辑宽高比，并向编辑区添加描边文字，并调整文字大小及位置，设置背景色 ③选择动画选项，添加效果一为淡入，效果二为淡出，并删除转场设置的效果，退出svg编辑模式 ④像编辑区添加一个单列布局，将svg布局添加进去，并复制出另两个相同的列，调整宽度及列定位 ⑤调整另外两列的背景色及文字，设置组后距后复制整个单列布局并粘贴两列，调整相应文字和颜色即可

杨小白不白

秀米每日一练 Day15
闷头搞学习第十五天上下滑动之点击换图 ①基础布局中添加一个SVG布局 ②选中最外侧布局框进入编辑模式，认识SVG编辑板块方法一使用组件动画将两张图片全部添加到动画页，选中图片选择以本图为布局基准。点击动画效果，效果保持淡出不变，时长更改为2秒点击动画页的转场设置删掉原来的转场效果，点击确定按钮预览即可方法二添加动画将第一张图片添加到动画页，第二张图片添加到内容页组前后距改为0 点击转场设置，动画时长更改为2秒，确定后预览

杨小白不白

秀米每日一练 Day14
闷头搞学习第14天第二周考核完成，这周也是棒棒的！

杨小白不白

秀米每日一练 Day13
闷头搞学习第十三天上下滑动之三层滑动信封 ①分析原模板结构后获取图片及文字，并复制第二层的信纸及第一层的信封 ②向编辑区添加一个基础单列布局，添加信纸背景图，垂直重复 ③将文字添加至单列布局，修改不同段落的文字格式及字色并设置段前段后留白 ④选中布局，上下左右边距设置为10，组前距设置为230，组后距为20 ⑤向前添加一个上下滑动布局，填充信封背景图，高度更改为480，再将信纸内容添加进去，宽度更改为96%，居中对齐 ⑥将复制的图片添加到下行，组前距更改为-170即可

杨小白不白

秀米每日一练 Day12
闷头搞学习第十二天上下滑动之上下滑动抽取祝福 ①分析原模板结构后获取原布局配色及文字 ②将文字添加到正文中，字号更改为35，字色更改为获取到的字色，居中对齐，行间距更改为2 ③添加一个上下滑动布局，将文字添加进去，布局高度更改为70PX，添加一层边框 ④添加一个单列布局，设置背景色，上下左右边距更改为4，并添加阴影 ⑤选择增减列按钮复制三个列，宽度更改为自伸缩，向右应用全部格式，选中第二列，左定位更改为10，再次向右全部应用格式，替换全部文字 ⑥向编辑区添加一个固定布局，宽度更改为20.宽度更改为120，上下边框弧度更改为50%，复制并依次修改为需要的样式 ⑦制作拉杆（取消之前的边框弧度，宽度更改为5，高度更改为40并替换背景色） ⑧制作一个圆形 ⑨组装全部结构

杨小白不白

秀米每日一练 Day11
闷头搞学习第十一天上下滑动之向上拉动打开抽屉 ①分析原模板结构后获取原布局配色及文字 ②向编辑区添加一个单列布局，将第一部分文字添加进布局，并修改背景色及文字格式，调整组前距、组后距为20 ③向编辑器添加一个固定布局，宽度调整为80%，高度为250px，并将文字添加进固定布局 ④修改文字字色，居中对齐，行间距为3、字间距为1，并添加背景色，设置布局弧度为8，模糊阴影为15、深红色 ⑤向固定布局上方添加一个单列布局，将固定布局添加进单列布局并设置背景色 ⑥选中单列布局，边框设置左右下边框为实线、4像素，淡红色 ⑦选择固定布局，组前距设置为20、组后距为25 向编辑区添加一个三列布局，设置左右列为固定像素15，中间列为自伸缩，为中间列添加文字并设置文字格式 ⑨选择左侧列，列对齐设置为拉伸，设置渐变色，右侧列同理；添加单列布局，将三列布局添加进单列布局，设置背景色 ⑩添加单列布局将抽屉部分内容添加进去，再将其添加进一个上下滑动布局，修改上下滑动布局高度并上下翻转，再选择第二层的单列布局设置上下翻转

杨小白不白

秀米每日一练 Day10
闷头搞学习第十天上下滑动之向上拉开红包信封 ①获取背景图后，使用辅助软件上下翻转背景图 ②将新背景图上传至图库 ③获取模板配色 ④分析原模板结构并获取文字，将文字复制到编辑区后设置居中对齐后更改字色，行间距改为3倍，字间距改为1像素 ⑤为文字板块添加一个固定布局，宽度设置为100%、高度为450px，设置背景色 ⑥再添加一个固定布局，宽度设置为100%、高度为140px，设置上述相同背景色，调整左、下边框弧度为50%，并添加阴影（添加后需要调整上方固定布局重叠次序） ⑦添加贴纸后调整组前后距 ⑧添加一个单列布局（宽度自适应），将符号添加进去旋转270度；添加一个单列布局（宽度自适应，宽度为0），形成竖排文字效果 ⑨更改两个单列布局的颜色及组距，添加固定布局固定符号及文字 ⑩将所有内容添加到一个单列布局中，再添加进一个上下滑动布局，高度改为600px，添加背景图，上下翻转，再点击第二层布局后再次上下翻转

杨小白不白

秀米每日一练 Day 9
闷头搞学习第九天上下滑动之中国风卷轴滑动 ①将模板添加至编辑区，另存获取素材 ②将素材上传至图库 ③将卷轴素材添加至编辑区 ④向编辑区添加一个上下滑动布局后再布局内添加图片，调整图片组前后距为0 ⑤选择滑动布局，宽度修改为90%，高度改为480px ⑥选择滑动布局添加背景色 ⑦选择间距按钮调整上下间距为10像素，左右间距为20像素 ⑧调整“卷轴”零件组后距为0，复制并添加至上下滑动布局下方 ⑨复制的零件设置上下翻转，调整组前距为0

每日随拍