用AI快速搞定一个扁平化文字UI图标

做扁平化文字UI图标，并没有想象中那么复杂。

核心思路是利用AI的形状工具、渐变填充和路径查找器，再配合一点排版技巧，快速做出效果。

下面直接进入具体步骤。

第一步：新建文档并置入线框

新建一个文档，尺寸设为1024x1024像素，颜色模式RGB，单位像素。

然后点击“文件”菜单，置入准备好的IOS线框。

第二步：制作背景渐变

画一个和页面等大的矩形，放在最底层作为背景。

同时选中这个矩形和刚置入的线框，在属性栏里点击“水平居中对齐”和“垂直居中对齐”，让它们完全对齐。

然后按Alt键复制一层背景矩形。

给新复制的矩形填充渐变色，从#fbc3c2到#ee2932，角度设为-90度。

接着按G键调出渐变工具，手动调整拉杆，让渐变过渡更自然。

第三步：整理图层结构

在选择工具模式下，把刚画好的渐变矩形拖到线框上面。

然后按Ctrl+【将其移到线框下一层。

接着把背景路径的眼睛图标关掉，并锁定所有对象。

最后新建一个图层，开始制作主体内容。

第四步：绘制基础线条形状

点击矩形工具，在画布上单击一下，输入尺寸57x700像素，画出一个细长矩形。

用直接选择工具框选顶部和底部的几个锚点，再用比例缩放工具（快捷键S）向内收一下，让它变成带弧度的形状。

填充白色后，把它放到页面中央。

第五步：复制旋转形成放射纹理

在属性栏里，把刚才那个形状的不透明度改为50%，混合模式改为“叠加”。

这一步的重点是通过旋转复制，做出一圈放射状线条。

接下来，在英文输入法下按R键切换到旋转工具。

按住Alt键不放，把旋转中心点拖到页面正中心。

在弹出的对话框中输入角度15度，点击预览查看效果，然后点击“复制”。

最后连续按Ctrl+D进行再制，直到生成一圈放射状线条。

这样看起来就像光晕或纹理。

第六步：建立剪切蒙版

画一个和页面同等大小的矩形。

框选所有需要处理的放射状形状，然后右击鼠标，选择“建立剪切蒙版”。

这样多余部分就会被裁剪掉，只保留页面内的放射线条。

第七步：绘制同心圆

按L键切换到椭圆工具，在画布上单击一下，输入尺寸800x800像素，画一个正圆。

再按住Alt+Shift键，以页面中心为圆心，画一个稍小一点的圆。

第八步：用路径查找器做出圆环

按住Shift键选中这两个圆。

在属性栏里再次点击“水平居中对齐”和“垂直居中对齐”，让它们保持同心。

把两个圆的填充色都改为白色#ffffff。

然后按Ctrl+【将大圆移到下一层。

接着按Ctrl+Shift+F9打开路径查找器，选中两个圆，点击“形状模式”下的“减去顶层”。

完成后，就能得到一个圆环形状。

第九步：添加主色圆形底

再画一个800x800像素的正圆，填充色设为#ed2146，并对齐页面中心。

然后把线框图层调整到最顶层，方便后续参考。

第十步：叠加渐变圆增强层次

画一个690x690像素的圆。

按Ctrl+F9打开渐变面板，设置渐变色：从左到右依次为#ee2932、#ffffff、#ee2932，角度设为0度。

然后按G键调整渐变拉杆，让效果更自然。

再用选择工具把这个圆拖到页面中心，透明度改为40%。

这样它就能和底层红色圆形成更细腻的层次感。

第十一步：输入文字并转为轮廓

输入需要的文字，字体推荐使用“MYuenHKS Xbold”。

选中文字，右键点击“创建轮廓”，把文字转成路径。

然后用直接选择工具精细调整每个锚点。

让文字整体看起来更圆润，也更符合扁平化图标的气质。

第十二步：删除辅助元素并完成

最后，把IOS线框和所有辅助线全部删除。

一个干净利落的扁平化文字UI图标就完成了。