消息
登录即可查看消息记录

您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看我知道了

第一百六十八期 在线工具-毛玻璃效果图标设计

VIP优惠升级 23大分类,畅享99000+设计教程特权!

限时7折优惠为自己充值升华学习
今日剩余学习次数:1

按住画面移动小窗

下一节课程:这里显示课程名称长度多少课程名播放下一节重新播放
5s后将自动前往下一节课
为你推荐课程
为你推荐直播课
升级VIP特权,畅学全站99000+会员教程
立即升级特权超值
99000+教程
不限次学
素材/源文件
不限次下载
85大职业路径
不限次学
虎课读书
不限次收听

免费学习即将结束

关闭继续学习>

发表评论
登录/注册后体验视频弹幕
发表

弹幕样式

发送模式
滚动顶部
弹幕颜色
分享
收藏已收藏添加到专辑
手机观看
扫一扫,手机继续学
扫码下载/打开虎课APP
支持视频下载,随时随地学
在线工具-毛玻璃效果图标设计
下载
在线工具-毛玻璃效果图标设计
虎课APP支持视频下载
扫码下载/打开虎课APP
支持视频下载,随时随地学
即时设计
讲师: 即时设计

关注人数:49

信息笔记
评论(可获得虎课币)

综合评分: 9.8

使用软件: 在线工具

难度等级:新手入门

视频时长:21分23秒

上传时间:2021-07-22 09:58:00

笔记
学员互动 (50)图文教程视频字幕发现优秀作品>
综合评分:9.8 评分100%作业点评课后上传的作业,学习过程中有困难疑惑都可进行提问
您需要学习后才可以评价, 立即学习
全部互动一课一练(10)课程提问(6)
有内容评论
本课作业要求(已有10份作业)奖项设置
作业要求:根据视频教程中的内容,进行作业练习,在互动评论中上传你的作业,也可运用其他素材进行练习

经常在设计师的群里看到有人问毛玻璃效果怎么实现,今天就给大家带来详细的教程。

在具体的教程之前,我们先来分析一下毛玻璃效果的特点,以下图的3个icon为例,

① 左侧的面性图标前后关系并不是很明确,没有毛玻璃的质感,美观度上是不如毛玻璃风格

② 毛玻璃质感会比传统的面性图标要强很多,前后也会有一定的层级

③ 毛玻璃这样的一个本身的质感也会增加整个图标的丰富度以及颜色的丰富度

下面我们正式开始教程,教大家如何实现从面性图标到毛玻璃质感图标的转化。

需要掌握的要点为如下几点:

01. 绘制超椭圆

02. 利用插件快速填充渐变

03. 利用背景模糊快速完成毛玻璃效果

04. 利用描边完成厚度的增加

05. 利用投影增加图标细节

第一步:打开即时设计平台(https://js.design/?source=huke&plan=mbl),利用快捷键A绘制画板(850X1040)

第二步:拖入原始图标

图标素材:https://js.design/P8U17H?p=J2235CMKQ2?source=huke&plan=mbl

第三步:在右边我们选择网格布局并打开,然后同时把第1个对勾取消掉,选择最后一个对勾,这个时候你就会发现我们的画板上面会有很多的小的网格,我们主要就利用这个网格去做我们的超椭圆

第四步:这个时候大家可以来按键盘的O,直接画一个圆。那么我们找到网格的交接线的部分,直接去拖动。这个时候大家注意啊,在拖动中摁住shift键,保证我们的圆是一个正圆,然后一定要对齐网格

第五步:双击进入形状编辑状态,利用锚点上下左右都往圆心移动两个格子就好了,有的时候呢,大家在移动的时候可能不是很精准,所以说一定要对好这个网格的边缘线

第六步:我们可以把左边的图标开始进行复制,ctrl+c\ctrl+v复制完了之后,我们在图层当中把它放在最上面这一个层,然后拖动到我们的这个超椭圆里面,这样的话我们就可以以这个图标为基准开始往下设计,并且给右侧的图标利用插件快速的进行渐变色的填充

查看更多
您需要学习后才可以评价, 立即学习
字幕加载中...
登录后查看更多
换一批

为你推荐

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
使用反馈

关于虎课播放页的问卷调查

1.当前视频内容符合您的需要么?(单选)
符合大部分符合小部分符合不符合
2.您还想学哪些方面教程?(多选)
编程运营游戏,如角色设计建模,场景建模兴趣爱好,如音乐,乐器,书法更多摄影/影视内容更多学习内容,如会展,装饰,工艺设计,手工,花艺
3.学习时还需要什么辅助?(多选)
更多练习和交流更多相关直播课问答社群,能够咨询问题笔记/计划表/提醒助手职业辅导课程
提交反馈
已是第一张图了
已是最后一张图了
已是第一张图了
已是最后一张图了

举报内容

您为什么要举报此信息?

取消举报

奖项设置

人气奖

第1名 虎课定制晴雨伞1个
第2名虎课定制充电宝1个
第3名虎课定制精美地垫1个
4-10虎课定制笔记本1个
11-20虎课定制留言牌1个
评奖规则:每月评选一次(以作业当月获得的点赞数为评选维度)

持之以恒奖

当月提交25

虎课定制桌垫+解压笔1个

当月提交35

虎课定制帆布袋+马克杯1个

当月提交45

虎课定制抱枕+记事本+拼图1个

评奖规则:每月评选一次(提交作业必须为有效作业,违规作业被删除后不计数)
阳光普照奖上传有效作业可获100虎课币(每月1次)
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
手机版
虎课移动APP
支持视频下载,随时随地学习
桌面客户端 >
邀新有礼
建议意见
官方客服

官方客服

您可以与在线客服进行沟通或者拨打客服热线获得帮助

客服热线:400-862-9191工作日:9:30-18:30

在线咨询:联系客服工作日:9:00-22:00

节假日:9:00-18:00

虎课积分

恭喜你,领取成功

开课时间:

新人免费领取免费¥99

扫码开通训练营权限

打开微信“扫一扫”功能
扫码上方二维码

免费学习99000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了144,960
并提交了2,514份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
恭喜!签到成功,获得 10 个虎课币
上上签 ·21August.2018
尽管眼下十分艰难,可日后这段经历说不定就会开花结果
— 唐代文学家 韩愈
训练营坚持完成打卡任务 报名费全额返更多>>
直播公开课学员好评率95%以上更多>>
登录虎课网,每天免费学课程全站 99000+ 视频会员教程 | 每日可免费学 1