本节课讲解【UI设计】-从零基础到就业实战-【成就勋章设计】,同学们可以在视频下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
课程目标:成就勋章图标设计,【核心知识点】:①、我的成就页面交互原型定义,②、页面流程梳理,③、轻拟物勋章图标设计。
那我们开始今天的教程吧。
1.本次课程主要讲解【奖杯勋章设计】,创建【矩形】先创建【草稿】,第二个【矩形】布局【居中】-底部圆角【最大】,同步创建其他【矩形】给简单的【调子】区分。
2.创建【矩形】绘制奖杯手柄,线框模式【Shift+X】-右小角边角半径【80】-粗细【32】,置于奖杯底部,【对象】-【路径】-【添加锚点】-删除【多余锚点】。
3.复制【Ctrl+C】-【镜像】,全选手柄群组【Ctrl+G】保持居中,复制【矩形图块】-添加【渐变】-按住【Alt键】添加【不锈钢渐变效果】。
4.修改两端的【渐变程度】-【左边深右边浅】-点击【效果】-【风格化】-【内发光】,模式【正片叠底】-不透明度【30%】-模糊【48px】-【边缘】。
5.右侧属性面板找到【外观】-【内发光】-点击【+号】-再添加一个【内发光】,模式【颜色加深】-不透明度【50%】-模糊【96px】-【边缘】。