本文作者:三岁教程网

AI绘制清新简约的微图标

三岁教程网 2022-11-08 00:00:00 96 抢沙发

效果图


    
     AI绘制清新简约的微图标

新建文档(Ctrl+N),700*700px,RGB,分辨率72,新建对象与像素网格对齐不勾选。


    
     AI绘制清新简约的微图标

编辑>首选项>参考线和网格,网格大小根据具体设计要求设置。视图>显示网格,对齐到网格。


    
     AI绘制清新简约的微图标

圆半径为80整个圆正好占用五个32px网格。图形总元素基本尺寸(单位:px),矩形椭圆宽:20,40,70. 长:60,80. 描边大小:2,4,6 圆角:2,4,6。


    
     AI绘制清新简约的微图标

第一个小图标由矩形和线条组成的。


    
     AI绘制清新简约的微图标

用到的工具快捷键的切换:选择工具(V),直接选择工具(A),矩形工具(M),椭圆工具(L),Xtream path圆角矩形工具,RoundAnyCorner

A:矩形,圆形对齐


    
     AI绘制清新简约的微图标

在对齐面板的右上角可以选择显示选项,对齐所选对象,对齐关键对象,对齐画板。若要使几个对象的间隔指定数值,可使用分格间距功能。


    
     AI绘制清新简约的微图标

将两个物体对齐,希望以其中一个对象为基准对齐择两个对象一起选中,再次左击选择基准对象,对齐,就可以了。

B:制作圆角


    
     AI绘制清新简约的微图标

Xtream path这个插件中最常用的也就直边转半圆角和圆角工具。


    
     AI绘制清新简约的微图标

用AI自身的圆角功能和Xtreampath都不是很好实现,另外一个工具RoundAnyCorner,可以对任意角度曲线化。


    
     AI绘制清新简约的微图标

选择其他脚本弹出窗,找到RoundAnyCorner的位置打开即可 。


    
     AI绘制清新简约的微图标

输入数值。


    
     AI绘制清新简约的微图标

对于直线转圆角,直接在外观面板>描边,点击描边选项,弹出框点选择圆角端点就OK。


    
     AI绘制清新简约的微图标

直线转曲线,直接选择工具(A),选中要转换的锚点击曲线按钮。如果只想调整锚点曲线手柄一边的曲率按住Alt,调整手柄。


    
     AI绘制清新简约的微图标

把做的icon缩小时,描边设置的大小没有随着缩放而自动缩放。


    
     AI绘制清新简约的微图标

扩展直线段对象或者在编辑>首选项>常规,缩放描边和效果选项勾选。


    
     AI绘制清新简约的微图标

3. 第四个图标。


    
     AI绘制清新简约的微图标

weak图标初始组成对比。


    
     AI绘制清新简约的微图标

顶部直线变半圆,下部矩形框底部的两个锚点各向中心点移动八像素。


    
     AI绘制清新简约的微图标

选中对象在路径查找器面板选择联合。


    
     AI绘制清新简约的微图标

选中底部需要变圆角的四个直角点,使用RoundAnyCorner工具制作2像素的圆角。


    
     AI绘制清新简约的微图标


    
     AI绘制清新简约的微图标


    
     AI绘制清新简约的微图标

用瓶子的轮廓制作瓶子的液体。选中对象,对象>路径>偏移路径,设置-4px的偏移。


    
     AI绘制清新简约的微图标

偏移路径之后原来的圆角会变成直角,需要重新选择变成圆角。


    
     AI绘制清新简约的微图标

删除半圆顶部的锚点变成直线变。下移10像素。


    
     AI绘制清新简约的微图标

制作液体的波浪。使用一个10像素的椭圆如图所示放置,并且路径查找器下合并路径。


    
     AI绘制清新简约的微图标

画一个10像素的椭圆,选择路径查找器面板减去前面。


    
     AI绘制清新简约的微图标

微调路径。


    
     AI绘制清新简约的微图标

画水滴。


    
     AI绘制清新简约的微图标

将椭圆顶点的锚点换成直角。


    
     AI绘制清新简约的微图标

选中顶部锚点,上移把像素。


    
     AI绘制清新简约的微图标

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=63466发布于 2022-11-08 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,96人围观)参与讨论

还没有评论,来说两句吧...