恭喜你成为UI中国推荐设计师 （详情）
//百度统计 20220402 uicn
查看全部热门榜单
全部

常用搜索： 作品集AEui设计aigciconlogoapp

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖！
我知道了
制作一个立体感的控件
0.0°
2016-09-30 原创文章 教程 举报 3481 24 24 1

制作一个立体感的控件

原型是dribbble上的一位网友画的

个人习惯是在AI里绘制图形 转到PS做效果

在AI建1200px*800px画板

绘制一个400px*70px矩形


边角设置35px  ,好像只有cc版本可以直接设置圆角


偏移一个矩形出来，在向里偏移3px的矩形（向里设置负数）


最后绘制出这样的图形


然后释放图层导出psd格式（不释放会都在一个图层）


背景拉个渐变e7e3dc到f7f5f3


小圆拉个c2c0be到d6d6d6


按钮做描边渐变叠加投影的处理



描边


渐变叠加


投影


里面的样式



渐变叠加f28b00，e75300，db7500


内发光

里面的一圈a4a4a4到e8d7be


最外层的渐变d0d0d0到ffffff


方法都差不多  细节要处理好


最好完成图

Image title

细心的同学可以在深入处理的更有质感

附赠psd 不喜勿喷

谢谢

更新：2016-09-30

下载
收藏

24人已收藏

分享

yao66298

  • 2

    作品

  • 0

    粉丝

  • 7

    关注

  • 保护变身
相关标签
UI设计界面设计GUIps教程

    猜你喜欢

      2016-09-30 原创文章 教程 举报 3481 24 24 1

      制作一个立体感的控件

      0.0°

      你确定要举报制作一个立体感的控件？

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

      0/200

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

      点击上传附件

      外链地址：

      对谁可见：

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师
      取消 确定

      添加收藏！
      您还可以进行 分类收藏
      创建收藏夹 确认 取消

      您确认要推荐？

      该作品发布时间：2016年09月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      取消 确定
      24
      24
      1

      删除经验

      您将要删除您的大作

      制作一个立体感的控件

      在她入驻到UI中国的日子里

      总共吸引了3481位设计师的驻足流连

      总共收获了24位设计师的由衷赞赏

      总共获得了24位设计师的悉心珍藏

      总共引起了1位设计师的深入讨论

      依然要删除吗？

      残忍删除 太可惜,不删了

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

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

      账号注册 忘记密码
      登录

      手机号

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

      登录
      账号注册
      第三方账号登录