在今天的教程中，您将学习如何使用基本的几何形状和工具创建简单的冬季主题图标。欢迎加入我们的UI设计群：587751709。
创建一个新文档
与处理所有新项目一样，首先设置一个新文档（新建文件或Control + N）。使用以下设置进行调整。
画板数量：1 宽度：800 像素高度：600 像素单位：像素在“详细信息”选项卡中：
颜色模式：RGB 光栅效果：屏幕（72 ppi） 学习图标设计的过程需要你积累大量的素材并习惯不同风格的图标，所以花时间创建一些有用的图标Web 我强烈建议阅读网站（如果这是您正在寻找的图标）。只有这样，我们才能将我们的设计之路拓展得更宽更远。
设置图层
对于每个新项目，我喜欢将我的资产分成几个不同的层。这样，您就可以一次专注于一个项目并随时跟踪每个形状，从而简化工作流程。
因此，让我们打开图层面板并创建四个图层。给它起一个这样的名字：
Level 1 参考网格参考网格Level 2 冬帽冬帽Level 3 雪橇Level 4 保温瓶保温瓶
分层是设计过程中的一个重要步骤，在学习过程中应该注意这一点。
创建参考网格
将项目文件分层后，您可以开始创建参考网格，以帮助您通过对比图标的位置和调整图标大小来创建图标。
步骤1
使用旋转矩形工具(M) 创建一个128×128 像素的正方形，使用#F15A24 为其着色，并使用“对齐”面板中的“水平和垂直居中”选项将其置于画板上居中。
第2步
创建另一个120×120 像素的小正方形作为活动绘图区域，并为其提供4 个像素的填充。使用白色(#FFFFFF) 为形状着色，将正方形分组(Ctrl+G)，然后再创建两个副本，一左一右，距离原始副本40 像素。
创建并放置参考网格后，您可以锁定该层并移至下一层以开始处理您的第一个图标。
让我们来做一顶冬帽吧
现在您已准备好进入第二层（冬帽）并创建第一个图标来开始您的项目。让我们首先放大参考网格以获得更好的视图。
步骤1
选择矩形工具(M) 并使用72×86 像素矩形创建帽子的主要形状。使用#ED664C 对其进行着色，并将其置于下方活动绘图区域的上边缘中心，为轮廓留出4 像素的间隙。
第2步
使用探路者的减正面形状模式，开始调整您刚刚创建的形状，并从底部中心切出一个小的32×46 像素矩形（以黄色突出显示）。
步骤3
使用直接选择工具(A) 选择生成形状的左上角和右上角，并使用角输入框将半径设置为20 像素。
步骤4
使用步骤3中的方法将底部四个角更改为圆角。
步骤5
创建一个10×46 像素的矩形，使用#8195C1 为其着色，然后将右下角与左耳罩对齐，为帽子添加细节。
步骤6
使用直接选择工具(A) 选择左上角并将半径设置为6 像素，调整刚刚创建的形状。
步骤7
选择钢笔工具(P) 并使用4 px 粗的画笔(#2B3249) 创建三个对角细节线。接下来，将这些线垂直堆叠，彼此间隔2 个像素，并将它们分组(Ctrl + G)。然后将它们与填充蓝色的形状相匹配。
完成后，使用Ctrl + G 键盘快捷键选择耳罩的所有组成形状并将其分组。
步骤8
复制帽子的左耳罩装饰（Ctrl + C Ctrl + F）并将其放在另一侧。确保在就位后将其垂直翻转（右键单击并选择“转换垂直反射”）。
步骤9
选择刚刚创建的两个装饰部分，将它们分组（Ctrl + G），用下面的大红色形状的副本遮盖它们（Ctrl + C），然后粘贴到它的前面（Ctrl + F）。
如果您以前从未使用过剪贴蒙版，请不要担心，该过程非常简单。只需选择分组的对象并复制，右键单击并创建剪贴蒙版。
步骤10
使用复制(Ctrl + C) 添加帽子的主轮廓。将其粘贴到前面（Ctrl + F），通过将其设置为2B3249来调整其颜色，然后使用描边（Shift + X）反转填充。 ）然后确保将权重设置为8 像素。
完成后，使用Ctrl+G 键盘快捷键选择迄今为止创建的所有形状并将其分组。
步骤11
使用32×24 像素矩形创建帽子的前折痕，使用#8195C1 为其着色，并将其与身体中心对齐，距离下面的活动绘画区域顶部20 像素。
步骤12
接下来，通过在“变换”面板的“矩形属性”中将顶角半径设置为8 像素来调整刚刚创建的形状。
步骤13
使用“描边”方法为生成的形状提供8 像素粗的轮廓(#2B3249)，然后创建一组间隔7 像素的3 个4 像素粗的垂直线段，并将它们组合在一起(Control + G)。将中心与蓝色形状对齐。
完成后，选择合成形状的所有折叠部分并将它们分组（Ctrl+G）。
第14步
使用72×30 像素矩形创建帽子的后部，使用#D34F3D 对其进行着色，然后将其置于大红色形状的中心，并将其放置在距活动绘图区域底部边缘46 像素的位置。
步骤15
调整您刚刚创建的形状，并使用探路者的形状模式(Shift+Ctrl+F9) 从基边中心切出32×8 像素的椭圆（以黄色突出显示）。
第16步
通过创建9 行2×2 像素正方形(#2B3249)，彼此间隔2 个像素，对帽子后面的区域进行纹理化。然后将它们分组（Ctrl + G）并将它们置于显示区域的中心。
完成后，选择帽子的所有组件和组（Ctrl + G）。
步骤17
开始处理帽子的左边缘。创建一个12×12 像素圆圈，使用#8195C1 为其着色，为其指定8 像素轮廓(#2B3249)，将其分组(Ctrl + G) 并将其与活动图形的底部对齐。将该区域的边缘放在帽子装饰性左耳垫的轮廓上。
步骤18
通过绘制边缘的字符串部分来完成图标，将其分组(Ctrl + G)，然后使用其副本(Ctrl + C Ctrl + F) 创建正确的图标。
完成后，请记住选择并分组(Ctrl + G) 图标的所有组件，以避免意外地将它们分开。
创建线程图标
完成第一个图标，锁定其图层，然后继续处理下一个图标并展开其参考网格，以便您可以开始处理您的小线程。
步骤1
首先，使用48×116 像素矩形创建一个线程。使用#2B3249 为其着色，并将其居中于活动绘图区域的底部边缘。
第2步
调整刚刚创建的形状，首先使用描边(Shift + X) 反转填充，然后将粗细设置为8px。
步骤3
使用直接选择工具(A)，选择生成的形状的顶角，并通过在“变换”面板的“矩形”属性中将“半径”设置为12 像素来调整其圆度。
步骤4
使用添加锚点工具(+) 在底部边缘的中心添加新的锚点来完成螺纹，然后打开形状的路径选择并按删除将其删除。
步骤5
使用36×12 像素矩形创建线的顶部中心木条，使用#8195C1 对其进行着色，然后对8 像素粗轮廓(#2B3249) 进行分组(Ctrl + G)，将两个条放置在距该区域48 像素的区域上。绘图边缘。
步骤6
使用已有的副本（Ctrl + C Ctrl + F）创建第二个木条，并从原始位置使用“在面板上对齐垂直分布的32 像素间距”选项来对齐螺纹，将其放置在.
完成后，使用Ctrl+G 键盘快捷键选择两个形状并将它们分组在一起。
步骤7
开始处理线程并创建一个12×88 像素的矩形。使用#EDA672给它上色，并将两个木条放在线的左边，居中。
步骤8
调整您创建的形状。将左上角半径设置为8 像素，为生成的形状提供8 像素宽的轮廓(#2B3249) 和距离板条角像素16 像素的两个4×4 像素圆圈(#2B3249)。
完成后，使用Ctrl+G 键盘快捷键选择并分组要组合的所有形状。
步骤9
使用刚刚创建的副本创建螺纹的右侧部分（Ctrl + C Ctrl + F），将其放置在螺纹的另一侧并垂直翻转（右键单击“变换反射方向]”）。
步骤10
使用具有8 像素轮廓(#2B3249) 的12×88 像素矩形(#EDA672) 和两个4×4 像素螺栓(#2B3249) 创建中心部分来完成螺纹。将它们分组（Control + G）并将它们居中。剩下的两部分。
完成后，不要忘记使用Ctrl + G 键盘快捷键选择并分组所有图标部分。
创建一个热水瓶图标
现在我们已经到达第三个也是最后一个图标，让我们转到最后一层，展开其参考网格，并开始处理热水瓶。
步骤1
使用44×64 像素的矩形创建热水瓶的底部，使用#8195C1 对其进行着色，并将其置于底部绘图区域的中心，距底部边缘4 个像素的距离。
第2步
通过在“变换”面板的“矩形”属性中将“底角半径”设置为8 像素来调整刚刚创建的形状。
步骤3
为生成的形状提供8 像素宽的轮廓(#2B3249)，然后是8 像素宽的水平分隔线(#2B3249)，距离形状的可见底部边缘8 像素。
步骤4
使用钢笔工具(P) 绘制一个小雪花，创建一条24 像素宽x 4 像素宽的线，将其与保温瓶底部对齐，并绘制一条距其18 像素的水平线，创建一条分隔线。
步骤5
绘制两个向内的箭头(#2B3249)，选择它们，然后使用Ctrl + G 键盘快捷键将它们分组。
步骤6
复制刚刚完成的雪花部分（Ctrl + C Ctrl + F）并旋转它以创建垂直部分（右键单击“变换旋转90”）。完成后，将雪花组件分组（Control + G）并对保温瓶的底部执行相同的操作。
步骤7
使用44×10 像素矩形(#DCE5F4) 和8 像素高垂直分隔线(#2B3249) 创建热水瓶的中心部分。将它们组合在一起（Control + G）并将它们放置在上半部分上方。确保轮廓重叠。
步骤8
在图标顶部创建一个44×26 像素的矩形，使用#ED664C 对其进行着色，将其置于中间部分的填充形状的中心，并将其放置在距绘图区域顶部16 像素的位置。
步骤9
给定我们刚刚使用Stroke 方法(#2B3249) 创建的8 像素宽轮廓，使用4 像素宽笔(#2B3249) 创建小装饰菱形，并使用圆圈将它们连接起来，然后选择并分组(Ctrl + G)。将三个形状放在一起。
步骤10
创建一个36×12 像素的矩形来完成图标的顶部。使用#D34F3D 对其进行着色，对8 像素宽的轮廓(#2B3249) 进行分组(Ctrl + G)，并将其放置在前一个形状的顶部，以便轮廓重叠。
步骤11
开始使用12×32 像素的矩形创建杯子手柄。使用#2B3249 为其着色并将其放置在热水瓶的右侧，将其与雪花对齐，距离为10 像素。
步骤12
通过删除手柄的填充颜色(Shift + X) 并调整手柄右角的大小（角半径为8 像素）来完成图标。
完成后，使用Ctrl+G 键盘快捷键选择图标的所有部分并将其分组。
结束
本文和图片来自网络，不代表火豚游戏立场，如若侵权请联系我们删除：https://www.huotun.com/game/651676.html