点击此处返回

每日可免费学习1个教程

立即登录>

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

详情图文教程训练营推荐

UI设计

PS-小清新风格音乐播放器界面设计

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

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

关注人数：8698

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

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

1.8万人已学

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

9812人已学

课程综合评分：9.8分

评论可是有底线的

本节教程练习

1. 【打开】PS软件，【新建】任意大小的画布。具体效果如图示。

2. 使用【矩形选区】框选合适的大小，【拖出】参考线。【拖入】导航条素材，排列至参考线内合适的位置。具体效果如图示。

3. 使用【文字工具】选择合适的字体，输入文字，调整大小，排列至参考线内合适的位置。【拖入】装饰素材，调整大小，排列至合适的位置。使用【椭圆工具】绘制椭圆，调整大小，排列至右侧合适的位置。具体效果如图示。

4. 【选择】关联图层，按【Ctrl+G】编组，【重命名】导航栏。使用【矩形工具】绘制矩形，调整图层顺序，放置画面顶端合适的位置。打开【图层样式】-【渐变叠加】，具体参数如图示。具体效果如图示。

5. 使用【椭圆工具】绘制椭圆，调整大小，排列至合适的位置。【拖入】素材，调整大小，放置椭圆上方合适的位置，右击图层【创建剪切蒙版】。具体效果如图示。

6. 使用【文字工具】选择合适的字体，输入文字，调整大小，排列至合适的位置。具体效果如图示。

7. 使用【矩形工具】绘制矩形，【填充】白色，排列至画面合适的位置。打开【图层样式】-【投影】，具体参数如图示。具体效果如图示。

8. 【拖入】音乐符号素材，调整大小，排列至合适的位置。打开【图层样式】-【颜色叠加】，具体参数如图示。具体效果如图示。

9. 使用【文字工具】选择合适的字体颜色，输入文字，调整大小，排列至合适的位置。具体效果如图示。

登录后学习完整图文教程

虎课APP离线下载免流量

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

一键打开