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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
[PS教程]拟物图标(请大家参考)
0.0°
2017-07-18 好文转载 教程 原作者: 未知 举报 3992 10 9 3

过程分享给大家,希望对新手设计师(小伙伴们)的成长有帮助。

本篇主旨的是要学会逐步去分解结构,进行形状组建来绘制图标。那我开始咯!

Image title首先把它分为五个部分来制作:1.主体;2.金属部分;3.端口;4.垫脚;5.文字。Image title

一.主体的绘制 

1.建一个800x800px的画布,背景色为#f9f9f9。

2.绘制一个400x400px圆角半径为70px的圆角矩形,命名为“主体”,将填充色设置为#f4f4f4,描边宽度为2px,颜色为#BBBBBB。我是这么命名的,你们随意。Image title3.给主体图层添加内发光,然后在左右以及上部添加高光。(用钢笔绘制出白色形状,在属性里将羽化值改为7,再添加图层蒙板,用柔边圆画笔选择黑色涂抹边缘,使其更缓和。)降低上部高光的不透明度到60%。Image titleImage titleImage title

至此主体部分就先告一段落,接下来我们绘制金属部分。



二.金属部分

1.绘制一个400x80px的圆角矩形命名为“金属”,圆角半径分别为:0,0,70,70,颜色为#cecece,命名为金属部分。将其与“主体”图层底边居中对齐。Image title2.为其添加内阴影以及渐变叠加。Image titleImage titleImage title此时的效果应该是这样的:Image title


三.端口

1.绘制一个80x30px的圆角矩形命名为“端口”,圆角半径分别是:0,0,20,20,颜色填充:#1b1b1b。将其与金属部分顶边居中对齐。Image title2.为它添加一个内阴影Image title3.绘制一个白色的椭圆命名为“白光”,羽化值设置为7,剪切到“端口”图层。Image titleImage title

四.垫脚

1.创建一个20x20px的圆角矩形,圆角半径分别是:6,6,2,2 ,然后用直接选择工具去选择左上,右上的锚点更改它们的位置。Image title2.为它添加内阴影,然后复制一份水平翻转放到对称的位置。Image titleImage titleImage title

五.文字

1.用文本工具打出“Bbox”,颜色为#8b8b8b;

2.给文字添加内阴影。Image title完成后效果:Image titleOK,大功告成,希望本次教程能给你帮助,如果有意向学习更多东西的加免费学习群:302433554,进群验证:我男朋友是觅李,只是个验证,Don,t be shy,欢迎进群来交流学习

更新:2017-07-18

收藏

10人已收藏

UImili

坚持,唯有坚持,别无选择

  • 14

    作品

  • 69

    粉丝

  • 5

    关注

  • 《PS教程》图层样式
  • 【PS教程】10分钟绘制一个中国风灯笼icon
  • 《教程》PS制作立体APP展示模板
  • 《教程》AE制作APP启动动效图

    猜你喜欢

      2017-07-18 好文转载 教程 原作者: 未知 举报 3992 10 9 3

      [PS教程]拟物图标(请大家参考)

      0.0°

      你确定要举报[PS教程]拟物图标(请大家参考)

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      9
      10
      3

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

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

      登录

      手机号

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

      登录
      第三方账号登录