搜课云网 > 上海跑赢职场 > 资讯总汇 > 教你绘制一个逼真的仪表盘

教你绘制一个逼真的仪表盘

机构:上海跑赢职场 时间:2016-02-24 09:17:35 点击:618

  创建新文档,添加一个简单的背景

  Step 1

  Ctrl+N创建新文档,单位项选择像素。宽高600像素。点开高级选项,选择RGB模式,分辨率72像素。使新建像素与网格对齐为未选择状态。确定。

956d2ae3a8f4fa2d5de9f1bbda691f2b

  Step 2

  选择矩形工具,设置前景色(34,32,44),在画板上右击弹出矩形设置框。宽高设置610px。

  接下来你需要将这个形状居中对齐。打开对其面板(窗口>对齐),选择对齐到画板(如果找不到对齐到画板选项,在对齐面板右上角点击选择显示选项)然后垂直水平对齐。

  最后打开图层面板,打开现存的图层,双击,修改名称为”bg”。

eb4cdf0125afa8123a2ac07d03229463

  创建车程计的主要框架

  Step 1

  选择椭圆工具在画板上单击,打开椭圆窗口。创建直径260px的椭圆。

  确保椭圆为选中状态,打开渐变窗口,角度:90.右边色值为(64,62,74),然后设置左侧色值(123,160,117)设置此色值位置为15%。

  使用对其工具将此椭圆至于画板中心。更改图层名字为“mainBack”

155579f7580f7414915d27aa833c1e2e

  Step 2

  选中mainBakc图层,打开外观面板,选中可见文件,打开不透明度面板设置不透明度为50%

  回到外观面板,确认文件还是选中状态。效果>路径>位移路径。输入10Px的位移值,确定。效果>模糊>高斯模糊。输入15,确定。

32406fcf34bcd43337e7db15fd5e6c31

  Step 3

  选择“mainBack”,回到外观文件,添加新填色,如图修改新填色的渐变。设置透明度15%,效果>路径>位移路径,10px位移,确定。

  了解更多关于UI设计方面的知识,请访问上海UI设计培训学校

师资介绍