无线图标,快速设计wifi无线图标

简单设计一个WIFI无线网络图标。图标设计很简单,适合新手学习。

图标设计,制作日常工具图标教程

@ChloeRowe林雅诺?:今天跟大家说说如何制作出我们日常生活常用到的工具形状图标,教程不难,主要考验大家钢笔工具的运用,大家一起练习一下。

简单设计一个WIFI无线网络图标。图标设计很简单,适合新手学习。

1.新建一个500*500的画布,填充背景颜色#2b2b2b无线图标,快速设计wifi无线图标插图

无线图标,快速设计wifi无线图标插图(1)

2.然后选择无线图标,快速设计wifi无线图标插图(2)形状工具快捷键:U。右键单击选择椭圆工具无线图标,快速设计wifi无线图标插图(3)

之后单击操作区域弹出无线图标,快速设计wifi无线图标插图(4),点击确定。

变成无线图标,快速设计wifi无线图标插图(5)。名称默认为椭圆1.无线图标,快速设计wifi无线图标插图(6)

3.选中图层1,按住Alt(Alt是减去操作,Shift是合并形状操作),在操作区域单击一次。

出现无线图标,快速设计wifi无线图标插图(7)

(这时候就不用按住Alt了)然后点击确定。生成一个无线图标,快速设计wifi无线图标插图(8).选用无线图标,快速设计wifi无线图标插图(9)路径选择工具,移动生成的圆形对齐。

变成了一个圆环.无线图标,快速设计wifi无线图标插图(10)。是不是感觉叼叼哒无线图标,快速设计wifi无线图标插图(11)

4.继续按照步骤3的方法,不过现在是按Shift+鼠标左键。大小220*220。移动圆形对齐,结果变成这样

无线图标,快速设计wifi无线图标插图(12)

5.重复步骤3和步骤4,圆的大小为180*180;140*140最后可得(是不是有种重重的理科生的味道)

无线图标,快速设计wifi无线图标插图(13)

然后在上方的工具栏中找到路径操作的按钮,点击合并形状组件

无线图标,快速设计wifi无线图标插图(14)

单击确定

无线图标,快速设计wifi无线图标插图(15)

6.然后选中椭圆1,选中矩形工具无线图标,快速设计wifi无线图标插图(16)

按住Shift(像步骤3和步骤4),单击鼠标左键,创建一个150*150矩形

无线图标,快速设计wifi无线图标插图(17)

用路径选择工具无线图标,快速设计wifi无线图标插图(18)选中矩形,Ctrl+T,

在工具栏中无线图标,快速设计wifi无线图标插图(19)把白色的点移动到左下位置,无线图标,快速设计wifi无线图标插图(20)角度输入-45°。

变成这样:

无线图标,快速设计wifi无线图标插图(21)

选中矩形,在工具栏中选择无线图标,快速设计wifi无线图标插图(22)

最后变成了这样无线图标,快速设计wifi无线图标插图(23)

7.最后一步新建一个50*50的椭圆,放在正确的位置无线图标,快速设计wifi无线图标插图(24)

那么一个简单的wifi按钮就做完了。

Ps:如果觉得边缘太直了,那么可以用6个20*20的圆填补上去,如图

无线图标,快速设计wifi无线图标插图(25)

如果你认为这样就结束了,那么你就错了。这里还有第二种简单的方法,虽然说不是布尔运算,不过也可以尝试一下

1.首先同样的建立一个500*500的画布。也是同样的用椭圆工具建立一个300*300的正圆。无填充背景,描边调整为20px。

无线图标,快速设计wifi无线图标插图(26)

2.然后Ctrl+J复制2个图层,一个缩放至73.33%。另一个缩放至47%。

这里其实我是一个形状220*220.另一个是140*140.之后用无线图标,快速设计wifi无线图标插图(27)直接选择工具选择锚点,按delece删除。结果如下

(这一步你要删除哪个圆环的锚点必须先选中对应的图层!不然不能操作。)

无线图标,快速设计wifi无线图标插图(28)

无线图标,快速设计wifi无线图标插图(29)

3.然后全选三个圆环。在上方选项中选择如图圆角

无线图标,快速设计wifi无线图标插图(30)

结果如下:

无线图标,快速设计wifi无线图标插图(31)

最后如同第一个方法结尾所讲的变换-45度。然后加一个小的圆形。就完成啦!

无线图标,快速设计wifi无线图标插图(32)

第一次学着别人制作教程,有欠缺的地方欢迎大家指出,请大家多多指教!

无线图标,快速设计wifi无线图标插图(33)

简单设计一个WIFI无线网络图标。图标设计很简单,适合新手学习。

1.新建一个500*500的画布,填充背景颜色#2b2b2b无线图标,快速设计wifi无线图标插图

无线图标,快速设计wifi无线图标插图(1)

2.然后选择无线图标,快速设计wifi无线图标插图(2)形状工具快捷键:U。右键单击选择椭圆工具无线图标,快速设计wifi无线图标插图(3)

之后单击操作区域弹出无线图标,快速设计wifi无线图标插图(4),点击确定。

变成无线图标,快速设计wifi无线图标插图(5)。名称默认为椭圆1.无线图标,快速设计wifi无线图标插图(6)

3.选中图层1,按住Alt(Alt是减去操作,Shift是合并形状操作),在操作区域单击一次。

出现无线图标,快速设计wifi无线图标插图(7)

(这时候就不用按住Alt了)然后点击确定。生成一个无线图标,快速设计wifi无线图标插图(8).选用无线图标,快速设计wifi无线图标插图(9)路径选择工具,移动生成的圆形对齐。

变成了一个圆环.无线图标,快速设计wifi无线图标插图(10)。是不是感觉叼叼哒无线图标,快速设计wifi无线图标插图(11)

4.继续按照步骤3的方法,不过现在是按Shift+鼠标左键。大小220*220。移动圆形对齐,结果变成这样

无线图标,快速设计wifi无线图标插图(12)

5.重复步骤3和步骤4,圆的大小为180*180;140*140最后可得(是不是有种重重的理科生的味道)

无线图标,快速设计wifi无线图标插图(13)

然后在上方的工具栏中找到路径操作的按钮,点击合并形状组件

无线图标,快速设计wifi无线图标插图(14)

单击确定

无线图标,快速设计wifi无线图标插图(15)

6.然后选中椭圆1,选中矩形工具无线图标,快速设计wifi无线图标插图(16)

按住Shift(像步骤3和步骤4),单击鼠标左键,创建一个150*150矩形

无线图标,快速设计wifi无线图标插图(17)

用路径选择工具无线图标,快速设计wifi无线图标插图(18)选中矩形,Ctrl+T,

在工具栏中无线图标,快速设计wifi无线图标插图(19)把白色的点移动到左下位置,无线图标,快速设计wifi无线图标插图(20)角度输入-45°。

变成这样:

无线图标,快速设计wifi无线图标插图(21)

选中矩形,在工具栏中选择无线图标,快速设计wifi无线图标插图(22)

最后变成了这样无线图标,快速设计wifi无线图标插图(23)

7.最后一步新建一个50*50的椭圆,放在正确的位置无线图标,快速设计wifi无线图标插图(24)

那么一个简单的wifi按钮就做完了。

Ps:如果觉得边缘太直了,那么可以用6个20*20的圆填补上去,如图

无线图标,快速设计wifi无线图标插图(25)

如果你认为这样就结束了,那么你就错了。这里还有第二种简单的方法,虽然说不是布尔运算,不过也可以尝试一下

1.首先同样的建立一个500*500的画布。也是同样的用椭圆工具建立一个300*300的正圆。无填充背景,描边调整为20px。

无线图标,快速设计wifi无线图标插图(26)

2.然后Ctrl+J复制2个图层,一个缩放至73.33%。另一个缩放至47%。

这里其实我是一个形状220*220.另一个是140*140.之后用无线图标,快速设计wifi无线图标插图(27)直接选择工具选择锚点,按delece删除。结果如下

(这一步你要删除哪个圆环的锚点必须先选中对应的图层!不然不能操作。)

无线图标,快速设计wifi无线图标插图(28)

无线图标,快速设计wifi无线图标插图(29)

3.然后全选三个圆环。在上方选项中选择如图圆角

无线图标,快速设计wifi无线图标插图(30)

结果如下:

无线图标,快速设计wifi无线图标插图(31)

最后如同第一个方法结尾所讲的变换-45度。然后加一个小的圆形。就完成啦!

无线图标,快速设计wifi无线图标插图(32)

第一次学着别人制作教程,有欠缺的地方欢迎大家指出,请大家多多指教!

无线图标,快速设计wifi无线图标插图(33)

作者: 791650988

为您推荐