点击此处返回

每日可免费学习1个教程

立即登录>

课程分类

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

去APP与老师同学在线聊天、互动问答

详情图文教程训练营推荐

UI设计

UI-音乐均衡器界面设计

561人学过难度:初级练习软件:PS（CS6）

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

栗雨

关注人数：376

关注

虎课注册讲师，专注于UI设计

UI-理财类APP界面设计

2.6万人已学

UI-美妆类电商APP设计

3.1万人已学

课程综合评分：9.9分

点击加载更多

评论可是有底线的

本节教程练习

1. 打开【PS】,【Ctrl+N】新建画布，命名【锁屏页面】，【矩形工具】创建一个750*40像素的矩形，【填充】粉红色，画布拉一条垂直居中的【参考线】，拖入【状态栏】素材，【垂直居中】对齐。

2. 【矩形工具】创建一个750*1334像素的矩形，【填充】一个紫色到紫蓝色的【渐变】，再为【状态栏】添加一个白色的【颜色叠加】。

3. 拖入【音符背景】素材，【调整】大小，添加一个淡紫色的【颜色叠加】，降低图层不透明度为25，【Alt】移动复制一层，【右键】—【垂直翻转】，【Alt】再移动复制一层，【调整】位置、大小，降低图层不透明度为12，【Ctrl+G】打组1。

4. 【文字工具】输入时间、日期文案，【调整】字体大小、颜色、位置。

5. 【文字工具】在画布下方输入【滑动解锁】文字，【调整】字体大小、颜色，拖入【滑动解锁】素材，添加一个亮粉色的【颜色叠加】，【Ctrl+J】再复制三个图层，【Ctrl+G】打组2，添加【蒙版】，【渐变工具】拉一个黑白渐变。

6. 【椭圆工具】画一个圆，拖入【封面】素材，【Alt+单击图层间】将封面嵌入圆中，【调整】封面位置，【Ctrl+J】复制椭圆图层，【Ctrl+T】将圆拉大，添加白色【描边】，无【填充】，【Ctrl+J】再复制，添加浅蓝色【描边】，添加【蒙版】，黑色【画笔工具】涂抹掉一部分，再在浅蓝色圆右端画一个小圆，【填充】浅蓝色。