当前位置:首页 > PS教程 > 网页设计

UI图标,模仿拟物风格的SIRI图标

  • 2022-12-24 19:07:34
  • 来源/作者:互联网/佚名
  • 己被围观

今天跟大家一起来练习一下怎么设计一枚拟物风格的UI图标,整个教程难度是麦克风中的发光镂空图案,教程十分详细,新手也能跟着一起做出来。

ctrl+r开启标尺,在标尺上右键选择百分比。按ALT+V+E快速布置水平和垂直两条处于中心位置的参考线。

_04025342T-9.jpg

为了图层栏的简洁以及照顾到以后临摹方便起见,我把属于背景的三个图层打包成组且隐藏。选择“编辑-首选项-参考线.网格和切片”,把间隔单位设为20个像素,子网格设为2,单纯设为10像素的话觉得密密麻麻的不舒服。

_0402535Z7-10.jpg

用“椭圆工具”画一个直径为840像素的圆形。为了让它跟白色的背景区分开来,我给它设了一个85%的灰色。

_0402534N3-11.jpg

按ctrl+’隐藏网格。双击这个形状层,添加投影。我稍微调整了一下“等高线”,让这个投影是边缘收缩一些,再加一点点杂色。

_0402535564-12.jpg

再加一个人见人爱的角度渐变,用它来模拟圆形金属是最好用了~

_0402535H2-13.jpg

最后是这个金属圆盘的倒角,斜面浮雕是不二之选~

_040253I20-14.jpg

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条