点击此处返回

每日可免费学习1个教程

立即登录>

软件入门平面设计 3D数字 C4D教程 Blender教程短视频制作影视动画摄影艺术室内设计绘画插画海外教程电商教程产品精修办公职场编程开发考证·外语品牌设计综合教程 UI设计兴趣生活

详情图文教程训练营推荐

UI设计

APP简洁风登录界面设计

2609人学过难度:初级练习软件:PS（CC2017）

评论(48) 收藏课程已收藏下载视频

关注人数：8698

虎课注册讲师，专注于海报设计、电商设计，擅于UI设计。人为生活而设计，设计为生活而存在。我是爱设计更爱生活的豆豆，希望我的课程对大家都有帮助~

PS-618年中大促淘宝首页主图

1.8万人已学

PS-荒诞复古风淘宝首页设计

9824人已学

课程综合评分：9.8分

评论可是有底线的

本节教程练习

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像素。

登录后学习完整图文教程

虎课APP离线下载免流量

70000+教程，每天免费学一课

一键打开