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

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

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

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

1.本次课程主要讲解【旗子勋章设计】，创建【灰色】矩形尺寸【156px×172px】，两边矩形宽度【126px】。

2.吸取【渐变样式】，打开渐变色【设置】-删除部分点，台阶做【透视效果】。

3.复制【Ctrl+C】-吸管工具-吸取【渐变样式】-白色【选择工具】选择【锚点】-按住【Shift键＋→×2】，复制【Ctrl+C】到两侧台阶更改【颜色】。

4.【内部绘图】-复制一份台面出来【Ctrl+C】【Ctrl+F】，左移动变大【颜色加深】-不透明度【20%】-【镜像对称】制作另一边【投影】，台阶渐变更改样式。

5.选择台阶立面-【效果】-【风格化】-【内发光】，模式【滤色】-不透明度【20%】-模糊【48px】-【边缘】，其他立面点击【效果】-【应用内发光】。

6.台阶转折处创建像素【2px】的直线，【效果】-【风格化】-【羽化】-半径【2px】，复制【Ctrl+C】做台阶【高光】，全选台阶群组【Ctrl+G】，复制一份【菱形】-【居中对齐】。

7.选中【菱形】和【台阶】，【Ctrl+7】台阶叠入进去，【效果】-【风格化】-【内发光】，模式【颜色加深】-不透明度【40%】-模糊【48px】-【边缘】。

8.创建【矩形】旋转角度【10°】-圆角【7】，创建【椭圆】-白色【选择工具】选择旗杆【锚点】拖拽到对齐【椭圆】。

9.创建【矩形】-复制【Ctrl+C】，点击【对象】-【路径】-【添加锚点】，拖拽【锚点】-复制【飘带样式】，更改为【绿色】。

10.旗帜旋转角度【10°】，置于旗杆底部【Ctrl+[】,【效果】-【风格化】-【内发光】，模式【滤色】-不透明度【20%】-模糊【24px】-【边缘】。

11.渐变暗的部分【绿色】深一些，钢笔工具在【转角】位置绘制三角形，添加【渐变】代表旗帜【暗面】。

12.钢笔工具绘制【暗部】，旗帜上面【效果】-【风格化】-【羽化】-半径【12px】，不透明度【69%】，同步骤处理另一面旗帜点击【效果】-【应用羽化】。

13.旗帜属于布，相对会比较【软】-圆角改为【4】，旗杆更改【渐变样式】-【椭圆】颜色变浅。

14.复制【旗杆】-进入台阶面-【内部绘图】，调整不透明度为【颜色加深】-不透明度【10%】，制作旗杆【投影】，全选群组【Ctrl+G】。

15.【效果】-【风格化】-【投影】，模式【颜色加深】-不透明度【50%】-Y位移【24px】-模糊【48px】。

16.复制【旗帜】置于旗帜底部【Ctrl+[】，【效果】-【风格化】-【羽化】-半径【36px】，调整不透明度为【色相】-不透明度【39%】，添加小星星装饰。

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

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