全部素材

UI设计教程古典皮质电话簿UI图标教程(1)

升级会员,全站资源免费下载

来源:优设网 作者:葶蓂溪畔的幽灵公主
作者的作图的时候非常精细,也是我们要重点学习的方法。作图之前需要先调出画布中的网格,然后在网格中精确绘制图形,每一个细小的部件都可以在网格中画出合适的大小,然后用图层样式等加上纹理,颜色,再整体调整细节即可。
最终效果

1、打开PS,Command/Ctrl-N新建一个文件。按照下图设置参数,单击确定。显示网格(视图>显示>网格),然后对齐到网格(视图>对齐到>网格)。刚开始,你需要一个10px的网格,选择编辑>首选项>参考线,网格和切片,设置网格线间隔为10px,子网格为1,网格颜色为#a7a7a7。

注:可以用Command/Ctrl-’ 快捷键来显示或隐藏网格。你也可以打开信息面板(窗口>信息)来查看你绘制的形状的大小和位置。

2、将前景色设为#aecef5。选择圆角矩形工具,选择形状图层模式,把半径设为5px。创建一个 240 x 380px 的圆角矩形,使用对齐到网格可以简化工作。

3、选择矩形工具。按住Alt键,创建一个40 x 330px的矩形,如下图。

4、选择圆角矩形工具,按住Shift键,创建一个50 x 20px 的圆角矩形,如下图。

5、选择圆角矩形工具,按住Shift键,创建一个20 x 340px 的圆角矩形,如下图。

6、选择矩形工具,按住Alt键,创建一个 10 x 380px的矩形,如下图。
 


12345678共8页
联盟广告
温馨提示
  • 如果发现资源过期或不存在,可通过提交工单或者联系在线客服为您解决;
  • 本资源来源于互联网,仅供学习参考禁止用于商业用途。
  • 若该资源侵犯了您的权益,请联系我们处理

热门推荐

相关标签

ui图标教程
http://new.shejixf.com/shejijiaocheng/uisheji/5367.html
右侧广告

相关推荐