APP简洁风登录界面设计

1.【打开】PS，【命名】“闪屏”【宽度】750像素【高度】1334像素【分辨率】72像素，点击【确定】。

2.将素材【拖入】画布，调整大小、位置，选择【横排文字工具】选择一个字体，输入“KEEP”调整【字体大小】为110点，【字体颜色】为白色，调整居中对齐。

3.使用【矩形工具】创建【宽度】556像素【高度】100像素，在属性面板将【圆角】调整为49.5像素，选择【选择工具】居中对齐。

4.选择【横排文字工具】选择一个字体，输入“现在就加入”调整【字体大小】为36点，【字体颜色】为灰色，调整位置放到圆角矩形上。

5.使用【矩形工具】创建【宽度】100像素【高度】54像素，在属性面板将【圆角】调整为26.5像素，选择【形状填充】为无，【形状描边】为1点【描边颜色】为白色【选择工具】。

6.选择【横排文字工具】选择一个字体，输入“登录”调整【字体大小】为30点，【字体颜色】为白色，放在“矩形2”上，并【选择】“登录”和“矩形2”层【创建新组】。

7.把“闪屏”保存【存储为 Ctrl+Shift+S】。

8.接下来做登录页，【文件】-【新建】名称为登录，【宽度】为750像素，【高度】为1334像素，【分辨率】为72像素。

9.使用【矩形工具】创建【宽度】750像素【高度】200像素，【填充颜色】为黑色，使用【选择工具】调整到画布顶端。

10.在居中的位置【拖拽】一条参考线，使用【钢笔工具】添加锚点，选择【直接选择工具】框选锚点向下移动100像素。

11.将LOGO【拖拽】到“登录”文件中，【文字大小】调整为54像素，【字距】为56像素，使用【选择工具】调整位置。

12.按【Ctrl+J】复制一层，【选择】“KEEP拷贝”按【Ctrl+T】自由变换【垂直翻转】，使用【选择工具】调整位置，为拷贝图层【添加蒙版】，在选择【渐变工具】为黑白渐变，按【Shift】拉渐变，如图所示。

13.【选择】所有图层【Ctrl+G】图层编组，重命名为“top”，将“闪屏”中的“登录”按钮【拖拽】到“登录”文件中，将文字“登录”修改为“注册”，按【Ctrl+Shift+S】保存。

14.选择【椭圆工具】绘制一个【宽度】为168像素【高度】为168像素的圆，居中于画布，【描边大小】为3像素，【描边颜色】为白色，调整位置距离上面的形状4