电脑图文设计教程拟物风格风扇图标从零到一

本教程将引导你使用Adobe Illustrator（或类似矢量软件）一步步设计一个精致、复古的拟物风格风扇图标，并配以清晰的图文说明，适合电脑图文设计爱好者学习。

第一部分：构思与准备

1. 核心概念：什么是拟物设计？
拟物设计（Skeuomorphism）的核心在于模仿真实物体的质感、光影和细节，使其在数字界面中显得直观、可识别且有“触感”。风扇图标的关键元素包括：叶片、防护网、电机罩、底座以及丰富的光影和材质感（如金属、塑料）。

2. 设计工具准备
软件： Adobe Illustrator（AI）是首选，其强大的矢量与渐变工具非常适合拟物设计。Figma、Sketch或Affinity Designer也可胜任。
参考图： 在开始前，搜集1-2张经典台式风扇或复古风扇的照片作为参考，分析其结构和光影。

第二部分：绘制基础形状（图文步骤）

步骤1：创建画布与参考线
打开AI，新建一个800x800像素的方形画布。
使用【视图>标尺】拉出横竖两条居中对齐的参考线，作为图标的中心基准。

步骤2：绘制风扇防护网与主体
防护网外圈： 选择【椭圆工具】，按住Shift+Alt键，以参考线交叉点为圆心，绘制一个直径约600像素的正圆。填充浅灰色（#E0E0E0），无描边。
防护网内圈： 同样以圆心绘制一个直径约550像素的正圆，填充稍深的灰色（#C0C0C0）。
* 创建网格： 选中两个圆，使用【对象>路径>偏移路径】，向内偏移-10像素，创建两个内圈。使用【直线段工具】，从圆心向外放射状绘制直线（可通过旋转复制完成），模拟防护网线条。将所有网线编组，并应用【效果>路径>偏移路径】稍微加粗，赋予其轻微厚度。

步骤3：绘制风扇叶片
以圆心为中心，使用【多边形工具】绘制一个三边形（三角形），调整大小使其能放入防护网内。
选中三角形，使用【效果>扭曲和变换>收缩和膨胀】，输入负值（如-60%），使其变为一个流畅的叶片形状。然后【对象>扩展外观】将其转换为可编辑路径。
* 复制叶片： 选中叶片，使用【旋转工具】（快捷键R），按住Alt键点击圆心，在弹出的对话框中设置角度为120度，点击“复制”。然后按Ctrl+D两次，完成三片叶子的复制。

第三部分：添加拟物质感与光影（核心环节）

步骤4：为叶片添加金属渐变
选中一片叶片，打开【渐变】面板。选择“线性渐变”，角度设为45度。
创建金属质感渐变滑块，例如：从左到右为 浅灰白（#F5F5F5） → 中灰（#B0B0B0） → 深灰（#707070） → 高光白（#FFFFFF，位置在边缘）。通过调整滑块位置和不透明度，模拟金属的反光与转折面。
* 将设置好的渐变分别应用到另外两片叶片，并根据光线方向微调角度。

步骤5：绘制中心电机罩
在圆心处绘制一个直径约120像素的正圆。
应用“径向渐变”：中心为亮银色（#E8E8E8），边缘为深灰色（#808080），模拟球体的立体感。可在上方叠加一个更小的同心圆，填充深色，增加凹陷细节。

步骤6：添加投影与高光
叶片投影： 在叶片与防护网接触的下方，用【钢笔工具】绘制细长的月牙形阴影形状，填充黑色，不透明度设为15%-20%，并使用高斯模糊。
整体投影： 复制整个防护网外圈，填充黑色，置于底层，向右下角轻微偏移，并添加高斯模糊，作为图标的环境投影。
* 高光点： 在电机罩和防护网边缘的左上角，用【椭圆工具】绘制微小的白色椭圆，降低不透明度，模拟反光。