步骤11

在形状上方画一个白色圆角矩形，我们会在这个区域放置图像。

Photoshop制作流畅的动态APP演示动画

设置图层样式内发光。(图层样式若不满意可不设置)

Photoshop制作流畅的动态APP演示动画

步骤12

添加图像，然后创建剪贴蒙版.

Photoshop制作流畅的动态APP演示动画

然后添加文本图层，利用尺寸，颜色，粗细，来营造清晰的阅读层级。

最后添加几个按钮图标。

Photoshop制作流畅的动态APP演示动画

步骤13

其他几个矩形同理

Photoshop制作流畅的动态APP演示动画

步骤14

先把主要区域的矩形图层全部隐藏，然后构建一个较大的矩形区域，这将应用到选择具体卡片后的细节界面。

做完后，此图层组不透明度设置为0%

Photoshop制作流畅的动态APP演示动画