恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI设计教程,界面音乐图标的绘制方法,AI设计教程
0.0°
2017-12-06 原创文章 教程 举报 1788 5 9 2

欢迎来到UI设计老赵,关注老赵,每天和你分享UI设计教程方法。

今天给大家写的教程是音乐图标教程,也是UI设计界面比较常见的一个图标。

所用软件为:AICC2018版本,还没有这个软件的亲们在下面回复哦!

1、新建一个100mm*100mm的画布,在绘制一个与画布大小一致的矩形。如下

Image title



2、选择矩形工具,绘制一个30mm*30mm的矩形,选择圆形工具绘制4个5mm*5mm的正圆,分别对齐矩形的4个角,用路径查找器分割他们,再利用形状生成器将他们做成圆角矩形。如图下

Image title



3、选择圆角矩形右键缩放,缩小90%复制两个,选择其中一个圆角填充无色,描边黑色,如下图

Image title



4、选择圆角矩形,右键缩放98%复制,选中两个圆角矩形,路径查找器-减去顶层。填充渐变色0%:R100,G100,B100。100%:R50,G50,B50。调整合适的渐变角度,如图下:

Image title



5、选择较小的圆角矩形工具,再次复制一个,利用路径查找器减去顶层,再次复制效果,将其中一个的不透明度设置为0,利用混合工具将其混合制作阴影。

Image title



6、选择矩形工具绘制一个5mm*7mm的矩形,在绘制一个5mm*5mm的正圆,用形状生成器联合,填充rgb为20的灰色,如图下

Image title



7、将话筒复制出来,用形状生成器将话筒联集,然后填充黑色再次复制一个话筒,将话筒的不透明度设置为0,利用混合工具,步数为200,制作阴影,然后选择较小的圆角矩形,至于顶层,选中阴影话筒和圆角矩形右键-创建剪切蒙版,不透明度为30%,如图下

Image title



最终效果如下

Image title



更新:2017-12-06

收藏

5人已收藏

  • 21

    作品

  • 34

    粉丝

  • 1

    关注

  • 布尔运算的初步运用
  • UI设计学习作业——布尔运算认识,什么是布尔运算
  • UI设计学习笔记——PS基础,UI相关的工具讲解(终)
  • UI设计学习笔记——PS基础,UI相关的工具讲解(下)

    猜你喜欢

      2017-12-06 原创文章 教程 举报 1788 5 9 2

      UI设计教程,界面音乐图标的绘制方法,AI设计教程

      0.0°

      你确定要举报UI设计教程,界面音乐图标的绘制方法,AI设计教程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年12月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      9
      5
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录