甲虫课堂 > AI教程 >

AI制作粉嫩喵团子手机主题图标

204
7
点赞
收藏
发布时间:2021-04-26 16:58:36

效果图

AI制作粉嫩喵团子手机主题图标

电话图标

步骤 01

新建文档,大小为1000X1000px。

AI制作粉嫩喵团子手机主题图标(1)

用矩形工具新建一个大小为1000 X 1000px的矩形,颜色为#ffcad4。

AI制作粉嫩喵团子手机主题图标(2)

在对齐栏里右下角的图标,选择对齐画板,接着选水平居中和垂直居中。

AI制作粉嫩喵团子手机主题图标(3)

最后锁定该图层,命名为背景。

AI制作粉嫩喵团子手机主题图标(4)

步骤 02

再新建一个图层,命名为电话图标。在该图层上,做电话的底座。

新建一个大小为104X56px的矩形,颜色为#fdaebd,描边大小为4px,颜色为#8c6239。

AI制作粉嫩喵团子手机主题图标(5)

然后用直接选择工具(快捷键A)点击矩形,矩形四周出现了四个小圆点,双击左上角的圆点,在弹出的框里半径输入40px。

AI制作粉嫩喵团子手机主题图标(6)

而右上角圆点的做法同上。接着用直接选择工具(快捷键A)双击左下角的圆点,在弹出的框里半径输入8px。而右下角圆点的做法同上。

AI制作粉嫩喵团子手机主题图标(7)

步骤 03

新建一个大小为31X27px的矩形,颜色为#fdaebd,描边大小为4px,颜色为#8c6239(点击描边,选择圆头端点和圆角连接)。

按Ctrl+C、Ctrl+F,复制多一个矩形,接着用选择工具(快捷键V)按Alt键把左右两边的边框同时缩窄。

调整好两个矩形的位置,在路径查找器里,选择减去顶层,得到一个凹型形状。

然后在凹型形状上,用直接选择工具(快捷键A)点击,然后出现小圆点,点击左上角的两个小圆点,在弹出的框里半径输入3px,右上角的两个小圆点的做法同上。

AI制作粉嫩喵团子手机主题图标(8)

AI制作粉嫩喵团子手机主题图标(9)

步骤 04

将圆滑的凹型形状的大矩形调整好位置,在路径查找器里,选择联集,得到形状。

AI制作粉嫩喵团子手机主题图标(10)

步骤 05

接下来做话筒,新建一个大小为94X14px的矩形,颜色为#fdaebd,描边大小为4px,颜色为#8c6239。

再新建一个大小为22X13px的矩形,颜色为#fdaebd,描边大小为4px,颜色为#8c6239。

按Ctrl+C、Ctrl+F,复制多一个矩形。将三个矩形摆放好位置,在路径查找器里,选择联集,得到形状。

AI制作粉嫩喵团子手机主题图标(11)

步骤 06

联集后的形状,用直接选择工具(快捷键A)双击左上角小圆点,在弹出的框里半径输入14px。而右上角圆点的做法同上。

在左、右下角的第1和6(从左到右顺序)的小圆点半径输入7px,第2和5的小圆角半径输入4px,而里面的第3和4的小圆角半径输入7px。

AI制作粉嫩喵团子手机主题图标(12)

AI制作粉嫩喵团子手机主题图标(13)

AI制作粉嫩喵团子手机主题图标(14)

AI制作粉嫩喵团子手机主题图标(15)

步骤 07

画好了话筒,接下来画电话的轮盘。新建一个大小为42.5X42.5px的圆,颜色为#ffffff,描边大小为3px,颜色为#8c6239。

AI制作粉嫩喵团子手机主题图标(16)

步骤 08

接着画猫爪,复制步骤7的圆,缩小一些,然后用钢笔在圆上加一个锚点,用直接选择工具(快捷键A)调整锚点的位置和手柄。

AI制作粉嫩喵团子手机主题图标(17)

新建一个矩形遮住不要的一半圆,在路径查找器里,选择减去顶层,就剩下想要保留的另一半圆。

AI制作粉嫩喵团子手机主题图标(18)

然后用镜像工具(快捷键O),按Alt键在直边上点击一下,在弹出的框里选择垂直,角度90°不用变,打开预览,然后点击复制。

AI制作粉嫩喵团子手机主题图标(19)

接着在路径查找器里,选择联集,就得到想要的两边都一样的形状。

AI制作粉嫩喵团子手机主题图标(20)

步骤 09

复制步骤7的圆,缩小到合适,再复制多两个小圆。

将三个小圆形状摆好位置后,选中他们,按Ctrl+G将他们编组,并修改他们的填充的颜色为#ffe9a0,描边的大小为2px.。

AI制作粉嫩喵团子手机主题图标(21)

步骤 10

将所有形状调整好位置,并在对齐栏里右下角的图标,选择对齐所选对象,接着选水平居中对齐。然后选中底座和猫爪轮盘按Shift+Ctrl+],将其置于顶层。

AI制作粉嫩喵团子手机主题图标(22)

时钟图标

选择圆形的闹钟看起来更圆润,融入猫耳的元素,使之更Q萌,同时也符合了主题元素与风格。

AI制作粉嫩喵团子手机主题图标(23)

浏览器图标

采用小行星的形式表现,一个比较有代表性的标志,在e上加入两只猫耳,让e看起来更可爱一些。

AI制作粉嫩喵团子手机主题图标(24)

通讯录图标

选择笔记本的形式,加上猫爪的元素,与电话图标呼应,同时也符合了主题元素与风格。

AI制作粉嫩喵团子手机主题图标(25)

信息图标

在信息框边角加上圆滑度,使之更圆润;在信息框上边加上两个猫耳,贴合主题元素:两个大小不一,高低不一的信息框,表达的更有互动性。

AI制作粉嫩喵团子手机主题图标(26)

地图图标

上部分是在普遍代表的地图图标上,加上猫耳的元素,使之符合主题的整体风格;下部分的圆盘则代表指南针。

AI制作粉嫩喵团子手机主题图标(27)

应用市场图标

用购物袋来表现,加上半个猫头的图案,使之符合主题的整体风格和元素。

AI制作粉嫩喵团子手机主题图标(28)

音乐图标

耳机与音乐密切相关,用来表达音乐也是可以的。在头戴式耳机上加上两只猫耳,符合主题的整体风格和元素。

AI制作粉嫩喵团子手机主题图标(29)

所有图标的外轮廓描边大小一定要统一,而里面轮廓的描边可以适当调整,不要与外轮廓描边大小差别太大。所有图标的圆角要统一,不一定硬要参数统一,在视觉上统一也可。

AI制作粉嫩喵团子手机主题图标(30)

还没人评论,快来抢沙发~

X