复古图标:AI设计科学主题图标教程(3)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

第6步

创建一个12 x 14 px矩形(#82756C)将其放置在上一步中较高矩形的左侧,使用路径查找器的联集将两者组合成一个更大的形状。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第7步

使用直接选择工具(A)选择形状下部的左上锚点 ,使用移动工具将下移6 px的距离(右键单击>变换>移动>垂直> 6 px)。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第8步

使用描边方法 为生成的形状提供4 px的轮廓,将其颜色设置为#5B4032。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第9步

使用4 x 4 px圆圈(#5B4032)给手柄添加小螺钉,将螺钉定位在手柄的底部,在其周围留出4 px间隙。完成后,选择所有形状并使用Control-G键盘快捷键将它们组合在一起。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第10步

创建一个8 x 8 px矩形(#5B4032)创建手柄上班的螺钉,将其放置在显微镜手柄的顶部。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第11步

使用4×2像素的矩形(#5B4032)(2)创建螺钉较窄的部分,在其顶部我们添加一个16×4像素的矩形(#5B4032)(3)接着是稍窄12×4像素矩形(#5B4032)。将三个形状放在方形顶部,然后选择并将它们组合在一起(Control-G)(4)。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第12步

创建一个16 x 8 px矩形(#5B4032),将其定位在显微镜臂的左侧距离顶部12 px的位置。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第13步

使用4 x 68 px矩形(#5B4032)添加支撑杆,如何自学UI,将其放置在显微镜手柄的左侧,将其发送到其他形状的背面(右键单击>排列>后移一层)。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第14步

创建16 x 16 px大小(#C48755)和4 px轮廓(#5B4032)的圆添加调整转轮,在其上面添加一个较小的 4 x 4 px圆(#5B4032)。将三个形状组合(Control-G)到一起,然后将它们放置在显微镜手柄的中心,距离基座22px的位置。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第15步

创建一个14 x 14像素的正方形(#5B4032)给轮子添加一个阴影,通过在“ 变换”面板的“ 矩形属性”中将其右下角的半径设置为14像素。将生成的形状放在转轮的下半部分,确保将阴影对齐到右侧。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第16步

使用显微镜手柄填充形状的副本(Control-C)作为剪切蒙版遮罩阴影,将它粘贴(Control-F)在显微镜手柄前,然后右键单击>制作剪贴蒙版。完成后,使用“ 排列”>“后移一层”将阴影发送到圆盘后面,选择并将所有手柄组成部分进行组合(Control-G)。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

第17步

现在开始绘制显微镜的主体部分,创建一个18 x 40像素矩形(#6B5B51),并添加4 px的轮廓(#5B4032),将图形进行分组(Control-G),然后定位距离显微镜手柄16 px距离基座36 px的位置。

复古图标:AI设计科学主题图标教程,PS教程,思缘教程网

 收藏