新知榜官方账号
2023-10-16 22:44:30
本教程将从头开始教您如何设计谷物盒和碗的图标。首先,使用56x92px矩形(#EDAD66)和8px粗轮廓(#332E2E)和圆形连接创建谷物盒的前部,然后分组(Ctrl-G),将其定位在距其左侧28像素的距离处,并与活动绘图区域的对齐底部边缘。
接下来,使用四个12x12px方块(#332E2E)添加谷物符号的底部种子,并按照参考图像中的位置放置它们。然后,通过在“变换”面板的“矩形属性”中将左下角和右上角的半径设置为12像素,调整左侧矩形的形状。对右侧方块重复相同的过程,只是这次使用相同的12px值调整其左上角和右下角的半径。使用6x12px椭圆(#332E2E)添加顶部种子,然后通过使用锚点工具(Shift-C)捏住它的顶部和底部锚点来调整我们刚刚创建的椭圆的形状,使它们变尖。完成后,选择并分组(Ctrl-G)所有种子,对框的前部执行相同操作。
然后,使用24x52px矩形(#A08380)和8px粗轮廓(#332E2E)创建盒子侧面部分的下半部分,并将其分组(Control-G),然后将其放置在较大正面的右侧。使用24x40px矩形(#BF7D47)和8px粗轮廓(#332E2E)添加侧面部分的上半身,并将其分组(Ctrl-G),然后将其放置在先前创建的形状的顶部。使用两个12x2像素的矩形(#332E2E)在12x12像素的正方形(#332E2E)上方垂直堆叠2像素,添加营养价值很小的棒,然后将它们分组(Ctrl-G)并将所有三个形状居中对齐到较大的底层部分,将它们放置在距底部边缘8px的位置。完成后,在继续下一步之前,选择并分组(Ctrl-G)所有侧面部分的组合形状。
接下来,使用56x20px矩形(#E8E1DF)创建盒子的前折叠部分,并通过选择并将其底部锚点向左推12px来调整它(右键单击>变换>水平>-12像素)。给生成的形状一个8像素厚的轮廓(#332E2E)与圆形连接,分组(Ctrl-G)并将两者定位在较大的前部的顶部。然后,使用上一步中的副本(Ctrl-C>Ctrl-F)创建顶部折叠部分,水平反射(右键单击>变换>反射>水平),然后定位在框的顶部,确保将其填充颜色更改为。最后,选择并分组(Ctrl-G)框的所有组成部分。
对于碗的设计,通过使用56x20px矩形(#EA7A5C)和20px底角半径和8px粗轮廓(#332E2E)创建它的下半身,并将其分组(Ctrl-G),然后对齐到活动绘图区域的底部边缘,将它们定位在距其左侧8像素的距离处。使用64x12px矩形(#E8E1DF)和8px粗轮廓(#332E2E)添加碗的上半身,并将其分组(Ctrl-G),然后将其放置在先前创建的形状的顶部。最后,通过使用对角线8px粗的描边线(#332E2E)绘制勺子的手柄,完成碗和图标本身,然后选择并分组(Ctrl-G)所有碗的组合形状,对整个图标执行相同操作。
微信扫码咨询
相关工具
相关文章
相关快讯
推荐
阿里Accio中文版上线!一键搞定复杂采购
2025-08-19 09:13
视频“用嘴编辑”的时代来了,但钱包顶得住吗?
2025-08-15 17:59
智谱新模型GLM-4.5V全面开源,玩家们有福啦!
2025-08-12 17:56
扎心文案+AI插画=爆款!揭秘8万赞视频的制作全流程
2025-08-12 10:08
GPT-5没你想的那么好,附实测体验~
2025-08-11 11:07
一站式搞定AI绘图+视频,AI短片效率飙升的秘密在这儿!
2025-08-08 09:26
打工人新神器!10款国产AI,让你告别996!
2025-08-08 09:24
豆包视觉推理深度体验,AI也能“边看边想”了!
2025-08-08 09:19
300美元的AI男友来了!马斯克的情感生意从女友做到男友
2025-08-01 17:56
Agent智能体:2025年企业新员工,月薪仅需一度电?
2025-07-30 17:49