虎课网为您提供字体设计版块下的轻拟物风奖杯勋章设计-UI/UX设计系列课图文教程，本篇教程使用软件为AI，难度等级为新手入门，下面开始学习这节课的内容吧！

本节课讲解【UI设计】-从零基础到就业实战-【成就勋章设计】，同学们可以在视频下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交。

课程目标：成就勋章图标设计，【核心知识点】：①、我的成就页面交互原型定义，②、页面流程梳理，③、轻拟物勋章图标设计。

那我们开始今天的教程吧。

1.本次课程主要讲解【奖杯勋章设计】，创建【矩形】先创建【草稿】，第二个【矩形】布局【居中】-底部圆角【最大】，同步创建其他【矩形】给简单的【调子】区分。

2.创建【矩形】绘制奖杯手柄，线框模式【Shift+X】-右小角边角半径【80】-粗细【32】，置于奖杯底部，【对象】-【路径】-【添加锚点】-删除【多余锚点】。

3.复制【Ctrl+C】-【镜像】，全选手柄群组【Ctrl+G】保持居中，复制【矩形图块】-添加【渐变】-按住【Alt键】添加【不锈钢渐变效果】。

4.修改两端的【渐变程度】-【左边深右边浅】-点击【效果】-【风格化】-【内发光】，模式【正片叠底】-不透明度【30%】-模糊【48px】-【边缘】。

5.右侧属性面板找到【外观】-【内发光】-点击【＋号】-再添加一个【内发光】，模式【颜色加深】-不透明度【50%】-模糊【96px】-【边缘】。

6.上方矩形圆角【6】-手柄【对象】-【扩展对象】，选中【锚点】-按住【Shift键】拖动【圆角】，【取消编组】-【径向渐变】做包围感渐变效果。

7.点击【效果】-【风格化】-【内发光】，模式【颜色加深】-不透明度【50%】-模糊【12px】-【边缘】，删除左侧手柄-【镜像】-【右对齐】，同步渐变效果。

8.将其余矩形复制【渐变样式】，切换【钢笔工具】，勾勒【反光】图形-填充【白色】-【颜色减淡】，【效果】-【羽化】-半径【12】。

9.将光源【复制】-【镜像】，中间创建【矩形】-底部往里各缩【8个像素点】-【合并图形】，模式【颜色减淡】-【效果】-【羽化】-半径【12】，不透明度【80%】。

10.中间光源效果不佳，仅保留两侧光源，创建【五角星】图形-圆角【7】-复制【Ctrl+C】-【Ctrl+B】，填充为颜色做【外描边】-【效果】-【风格化】-【投影】：模式【颜色减淡】-不透明度【40%】-Y位移【2px】，内部填充【渐变】。

11.点击【五角星】-【内部绘图】-创建【圆】-添加【渐变】，取消【描边】-不透明度【30%】。

12.内部星星添加【投影】-【效果】-【风格化】-【投影】，模式【正片叠底】-不透明度【40%】-Y位移【24px】-模糊【12px】。

13.奖杯中间颜色过于红艳，【内发光】不透明度改为【20%】，全选奖杯群组【Ctrl+G】，复制【Ctrl+C】奖杯-删除【效果】-填充【黄色】。

14.将【黄色】奖杯放置在奖杯上方【居中对齐】，【不透明度】找到【柔光】-群组【Ctrl+G】-复制【外形】-【投影】-模式【颜色加深】-不透明度【50%】-Y位移【24px】-模糊【48px】。

15.奖杯和【底板】图形颜色过于相近，锁定图形【Ctrl+2】更改底板颜色，一次锁定图形，调整颜色。

16.奖杯两边创建【多边形】小星星装饰，添加【白色透明度渐变】-【从上到下】的效果，左右两边各一个。

17.学完本课内容后，同学们可以进行绘制练习，也可以在视频下方评论区进行留言提交练习。

以上就是轻拟物风奖杯勋章设计-UI/UX设计系列课图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！