1.素材准备：准备两张完全一样的图片，一张为彩色，一张为黑白，并将它们倒置过来，如图一所示。
2.在布局-基础布局中，向右侧编辑区域加入svg布局，点击svg布局选择动画，插入图片，如图二所示。
3.在内层布局中，再次添加一个svg布局，加入黑白图片，取消段前后距，点击svg布局，在图片区域再次加入黑白照片，随后再删除（这一步的目的是为了识别图片的宽高比）。随后再将背景颜色改为透明色，如图三、四所示。
4. 动画类别选择收缩，收缩至0%，动画时长为4秒。然后点击外侧svg布局，选择动画选项，开启点击穿透，动画触发选择自动，将原本的动画1删除。如图五、六所示。
5.到了重中之重！现在需要通过列定位中的层叠顺序，将灰色的照片放在彩色照片上方。烈定位按钮需在多列布局的情况下才会出现，因此我们选中内层布局后，点击增减列按钮，选择向左或向右侧插入一列，如图七所示。接着再选择原本的内存布局，将宽度属性改为宽度自伸缩，再选择列定位按钮，将重叠顺序改为1。随后再将刚刚插入的一列删除掉。如图八所示。
6.同理我们在第二层再次重复上述操作步骤，在外层的svg中，插入一列，也将宽度定位按钮选择宽度自伸缩，列定位中的重叠顺序改为1，然后删掉刚刚插入的一列。如图九所示。
7.目前的动画效果是从下向上，因此我们为了从上向下擦亮图片，点击最外层布局，然后点击更多按钮，选择上下翻转，如图十所示。
