Illustrator绘制逼真的汽车速度仪表盘效果(4)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

Step 3

选择”thickLines”复合路径,对象>路径>偏移路径,输入2px偏移。将这个路径置于最前(Shift+Ctrl+]).然后跟之前创建的路径一起选择,路径查找器>减去前面。

将结果形状转化为复合路径(Ctrl+8),然后将其更名为”intervals”

Illustrator绘制逼真的汽车速度仪表盘效果,PS教程,思缘教程网

Step 4

选择“intervals”复合路径,外观面板>添加新填色,设置颜色(24,22,34)。效果>路径>偏移路劲。输入-2px.

Illustrator绘制逼真的汽车速度仪表盘效果,PS教程,思缘教程网

添加文字

Step 1

文字工具,打上”km/h”使用“MoolBoran”字体,大小20pt

Illustrator绘制逼真的汽车速度仪表盘效果,PS教程,思缘教程网

Step 2

添加如图所示的文字。大小18pt.组合所有文字。命名为”text”

Illustrator绘制逼真的汽车速度仪表盘效果,PS教程,思缘教程网

制作车程计表盘支撑点

Step 1

使用椭圆工具创建一个30px的圆。为他添加一个如下图所示的渐变。处置水平居中。

Illustrator绘制逼真的汽车速度仪表盘效果,PS教程,思缘教程网

Step 2

编辑>首选项>常规,设置键盘增量单位为1px。选择30像素的椭圆状,对象>路径>偏移路径。添加-1px.复制一份置于前面(Ctrl+C>Ctrl+F)

选择新的副本,下移1像素,选择副本和原始本,路径查找器>减去前面。给新得到的路劲填充渐变如下图所示的设置。混合模式为柔光

Illustrator绘制逼真的汽车速度仪表盘效果,PS教程,思缘教程网

Step 3

再次选择30像素圆,复制两份(Ctrl+C>Ctrl+F>Ctrl+F).选择最上一层,下移1像素.选择两个副本,路径查找器>减去前面,填充结果路径为白色降低不透明度25%,混合模式柔光。

Illustrator绘制逼真的汽车速度仪表盘效果,PS教程,思缘教程网

Step 4

选择30像素圆,外观面板,选择填充层,效果>风格化>内发光,输入如下图所示的参数。再次添加阴影。参数如下。再一次添加阴影。然后第三次添加。

Illustrator绘制逼真的汽车速度仪表盘效果,PS教程,思缘教程网

Step 5

选择30px的圆。外观>添加新填色。添加如图所示的渐变。效果>路径>偏移路径。输入-10px的偏移量。确定。效果>风格化>阴影,输入如下参数。然后再一次添加阴影。

Illustrator绘制逼真的汽车速度仪表盘效果,PS教程,思缘教程网

 收藏