轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

虎课网在字体设计板块-UI/UX设计下为您提供一系列轻仿奖杯奖牌设计的图文教程。本教程使用的软件是AI,难度级别是初学者级别。让我们开始学习这节课的内容吧!

本课讲解【UI设计】——从零基础到实际就业——【成就勋章设计】。学生可以在视频底部的评论区留言,老师会根据你的问题进行回复。作业也可以在评论区提交。

课程目标:成就勋章图标设计,【核心知识点】:定义我的成就页面交互原型,梳理页面流程,设计轻仿勋章图标。

开始今天的教程吧。

1.本课程主要讲解“奖杯奖牌设计”,创建一个“矩形”首先创建一个“草稿”,第二个“矩形”的布局是“居中的”——底部的圆角是“最大”,其他“矩形”同时创建,以区分简单的“色调”。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

2.创建一个【矩形】手柄绘制奖杯,线框模式【Shift X】-右角半径【80】-粗细【32】,放在奖杯底部,然后【对象】-【路径】-【添加锚点】-删除【多余锚点】。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

3.复制[Ctrl C]-[Mirror],保持手柄组[Ctrl G]居中,复制[矩形块]-添加[渐变]-按住[Alt]添加[不锈钢渐变效果]。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

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

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

5.在右边属性面板,找到[外观]-[内发光]-[点击[+]-再添加一个[内发光],模式[颜色变暗]-[不透明度50%]-模糊[96px]-[边缘]。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

6.顶部矩形圆角[6]-手柄[对象]-[扩展对象],选择[锚点]-按住[Shift键]拖动[圆角],[解组]-[径向渐变]将用于包络的渐变效果。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

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

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

8.复制其他矩形【渐变样式】,切换【钢笔工具】,勾勒出【反光】图形——填充【白色】——【颜色淡入】——【效果】——【羽化】——半径【12】。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

9.复制-镜像光源,中间创建一个【矩形】-底部向内收缩8个像素-合并图形,模式【色彩还原】-【效果】-【羽化】-半径【12】,不透明度【80%】。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

10.中间光源效果不好,只保留两侧光源。创建【五角星】图形-圆角【7】-复制【Ctrl C】-【Ctrl B】,填充颜色做【外描边】-【效果】-【样式化】-【投影】:模式【色彩还原】-不透明度【40%】

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

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

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

12.给里面的星星添加【投影】-【效果】-【风格化】-【投影】,模式为【前后】-不透明度【40% 】- Y位移【24px】-模糊【12px】。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

13.奖杯中间颜色太红,[内发光]不透明度改为[20%]。选择所有奖杯组[Ctrl G],复制[Ctrl C]奖杯-删除[效果]-填充[黄色]。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

14.将[黄色]奖杯放在奖杯上方[居中对齐],[不透明度]查找[柔光]-组[Ctrl G]-复制[形状]-[投影]-模式[颜色加深]-不透明度[50%]-Y位移[24px]-模糊[48px]。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

15.奖杯和[底板]图形的颜色太相似。锁定图形[Ctrl 2]来改变底板的颜色。锁定图形一次并调整颜色。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

16.在奖杯两侧创建【多边形】小星星装饰,添加【白色透明渐变】-【从上到下】的效果,每边一个。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

17.学习完本课内容后,学生可以在视频底部的评论区练习画画或提交留言。

轻风奖杯奖牌设计——UI/UX设计系列课程图文教程

轻仿奖杯奖牌设计-UI/UX设计系列课程图文教程内容到此结束。也可以点击下面的视频教程链接,查看本节课的视频教程内容。虎课网每天可以免费学一节课,千万不要错过!

点击观看视频教程轻风奖杯奖牌设计——UI/UX设计系列课程图文教程轻仿风奖杯奖牌设计-UI/UX设计系列初学者入门100学过的视频时长:34:34现在就学这篇文章来源虎扑课网huke88.com

好玩下载

别摸我

2024-2-20 16:54:38

好玩下载

53货源网,53货源网下载

2023-11-20 5:39:15

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索