-
今天我们推荐艾画超清爽的质地，进步的方法，绘制出该教程的进步是非常漂亮的，不是很大，我是一个非常重要的软件进行平面设计、包装、海报、DM、用户界面等。本教程是一个UI设计AI的小盒子。非常实用，推荐与朋友分享学习，我希望你喜欢这个教程！让我们看一下最后的结果。
具体步骤如下：
1。产生的背景
步骤01
谁说越容易，越难，这句话其实没有矛盾，这个过程看似很简单，但需要严格控制，使它看起来精致，这就要求我们使用好的格线。
打开一个新的AI宽度600px高200px文件，删除对齐像素网格选择新对象，此选项允许您删除在更自由的绘画。对其他参数，见下图。
新的成功后，进入编辑>选择>参考线和网格}，设置网格线间隔为1px，和子的分割线设置为1，参数设置在这里的意思是让1像素网格，使网格线。
在绘图之前设置一个网格有助于掌握绘图中的精确比例，就像您有一个精确的标尺一样。此时，如果您还没有设置显示网格和对齐网格，那么
步骤02
使用矩形工具画一个与画板大小相同的矩形，填充浅灰色，然后打开面板，在原有的颜色中添加一个颜色。新的颜色被设置为渐变填充。渐变是一个径向渐变，颜色渐变的设置可以参考我的设置。
接下来，在背景中添加一点粒子。保持背景矩形仍然被选中，黑色着色、着色增加第三，然后黑色着色层透明度降低到4%，并设置混合模式为乘法。
然后输入{艺术效果>电影粒子}，在设置面板中设置以下参数，粒子的效果给整体感觉带来优雅和精致的感觉，下次你可以尝试在你的项目中制作这样的背景。
两。画出进度条的轮廓
步骤03
首先，您可以锁定上一部分中的Ctrl + 2，这样就不会影响下一个操作中的背景。
使用矩形工具和椭圆工具画一个矩形和一个圆五。然后关闭对齐网格。
步骤04
选择最后一步绘制的对象，打开路径查找，并在模式模式中选择设置模式。
三，高光和影子
我一直觉得在AI建造一个影子并不像PS那样简单。除了投射的应用之外，还需要其他的修改来表达立体感。
步骤05
首先，让我们添加一种压抑感，现在画的对象。首先，现有的对象复制在两层的顶部，然后选择最上面的图层，用键盘方向键，移动1像素（记住，我们设置键盘增量1px，原因是这里）。
选择顶部复制对象和它下面的复制对象，然后输入路径查找，减去顶层图标。
减去层后的物体被设置为黑色，透明度为20%，混合模式为正叠层底。
步骤06
选择对象的step04绘制，然后输入对象>路径>偏移路径，在路径偏移设置位移-4px.the的偏移对象填充改为渐变填充，和梯度设置如下图所示。
你不必完成我的参考集，但你要记住，此时此刻是要为过渡物体增加价值，严格地说，我们的全球光是来自于撞击，因此，在近光的地方是明亮的，更暗淡的。
步骤07
检查对象的step04绘制，输入风格的影响，再加上三的投影结果的三倍。这也是创造的高光和阴影对象之外。
选择对象绘制在step06复制两次。在step05方式，1像素移到顶端复制层。检查下一层复制图层，使用路径查找，在顶层的图标。然后对象是减去顶层设置为白色。
步骤08
检查对象绘制在step06，复制两次，并将副本层高达1像素，检查其下一层的复制图层，使用路径查找，在顶层的图标。然后对象是减去顶层设置为黑色，透明度降低20%。
步骤09
选择对象再画在step06，进入效果>风格>投影，并应用以下两投影结果。
多重投影的目的是增加阴影中的层次感。
四，文本和其他元素
步骤10
您可以向每个圆形按钮或相应的文本添加数字，然后使用投影效果保持整体元素样式的一致性。
步骤11
You can also add some small elements, such as drawing a hook, to mark the steps that the user has completed.First use the rectangular tool to draw the shape, and then enter the effect > stylized > cornerSet for this object the next stroke.Remember to set the stroke to the selected object is extended.The extended object uses the projection effect again.The parameters of the projection are set as follows.
五。总结
过程棒最终效果图：
您还可以使用相同的原则设计一组相同风格的UI工具包。
以上是ai画的一个全新的，超棒的进度条感，不是很简单，喜欢的朋友可以跟着教程学习哦！