学习AI绘制漂亮风车UI教程(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uimaker.com   作者:秩名

关键词




第5步

重新在外观面板中选择你的橙色形状,使用添加新填色按钮添加线性渐变。设置图1所示 。注意:黄色的数字代表透明度百分比,而蓝色的数字"50"代表位置的百分比。

然后继续添加线性渐变,如图2所示,且降低其不透明度为30%。




第6步

选中黄色形状,将其在当前位置复制两层(Ctrl+C>Ctrl+F)。选中第一层复制的形状,将其向上、向左个移动1个像素。然后选中这两个复制到形状, 单击路径查找器面板中减去顶层按钮。确保选中所得到的形状,改变其混合模式为柔光,添加如图2所示的渐变。




第7步

选中黄色的形状,并复制前两份(Control+C > control+f > control+f)。选择顶部的复制形状将它向右移动2px。重新选择在这一步中复制的两个副本, 单击路径查找器面板中减去顶层按钮。确保选中所得到的形状,降低其不透明度为50%,改变混合模式为柔光,添加如图2所示的渐变。




选中黄色形状,填充色换为如图1所示的渐变。然后选中所有的形状编组(Ctrl+G)



四、添加风叶,重新着色


第1步

选择你的编组,去效果>扭曲和变换>变换。进入如下图所示的属性(不要忘记检查底部的左参考点),然后单击OK。然后转到对象>扩展外观。确保组内的形状被选中,只需单击Ctrl+G取消编组。在图层面板上,你会发现四个独立的组。



第2步

选中右侧的螺旋桨的组,将其对应的图层的渐变色改为如下图所示



第3步

选中左侧的螺旋桨的组,将其对应的图层的渐变色改为如下图所示

提醒:这里的RGB值有误,同学们自己选择红色即可。



第4步

选中顶部的螺旋桨的组,将其对应的图层的渐变色改为如下图所示



第5步

选中几个形状的组,复制一层(Ctrl+C>Ctrl+F),并将其至于顶层 (Shift-Control+[ )。选择蓝色螺旋桨组, 单击路径查找器面板中联集按钮。将得到的新形状填充为白色,并把它置于顶层(Shift-Control+])




第6步

选中白色形状以及黄色形状,打开透明度面板(窗口>透明度),只需设为Make Mask按钮。



第7步

选择所有迄今取得的形状,去对象>变换>旋转。输入-45度角,然后单击确定。




五、制作木棒


第1步

启用网格对齐(视图>对齐网格)。选择矩形工具(M),创建一个10×200px形状,填充棕色,如下图所示。选中矩形,去效果"风格化>圆角。设置2px的半径,确定后。去效果"变形>下弧形"。设置数值如下图所示,确定后,到对象>扩展外观。



第2步

选中矩形工具,设置其填充色如下图所示的线性渐变,然后按住 Shift+Control+[ 将其置于底层。



第3步

选中矩形形状,在外观面板中使用"添加新填色"按钮添加第二个填充。选择新的填充,降低其不透明度为70%,改变混合模式为柔光,添加下图所示的渐变色。然后去效果>路径>偏移路径。设置偏移-1像素,确定。




第4步

选中矩形形状,在外观面板中使用"添加新填色"按钮添加三个填充。选择新的填充,填充黑色,降低其不透明度为 6%,改变混合模式为正片叠底。去效果>路径>偏移路径,设置-1px偏移,确定后。去效果>艺术>胶片颗粒。设置如下图所示的数值,然后单击确定。




六、创建一个针头


第1步

使用椭圆工具(L),创建一个10 px的圆圈,用如下图所示的径向渐变填充它。



第2步

禁用对齐网格(视图>对齐到网格)。选中圆,复制两个副本(Ctrl+C>Ctrl+F>Ctrl+F)。选择顶部的复制层向上移动1像素。重新选择在这个步骤做这两个副本,然后选择路径查找器的减去顶层按钮。用黑色填充并降低其不透明度为20%。

启用对齐网格(视图>对齐到网格),然后去编辑>首选项>参考线和网格,在网格线间隔设置1像素。使用椭圆工具(L),创建一个4×2px的圆形,并把它作为第三个图像。给这个形状填充白色,降低其不透明度为70%,改变混合模式为柔光。




第3步

禁用网格(视图>隐藏网格)和对齐网格(视图>对齐网格)。重新选择你的10 px圈和两个小形状将它们编组(Ctrl+G)

将此组选中,在外观面板上添加新描边。设置1px的宽,颜色为R =35,G =31, B =32,降低其不透明度为10%,改变混合模式为正片叠底。继续选择这个编组,确保它仍然选择,然后去效果>路径查找器>添加,再去效果>路径>偏移路径。设置0.5px偏移。

现在,选择整组(只需点击该外观面板顶部的文本"组"),去效果>风格化>阴影。设置如下图左侧窗口中显示的属性。确定后,再添加如下图所示的其他两种阴影效果。



第4步

选中所有的形状,将它们编组(ctrl+G)



七、创建背景,添加阴影


第1步