渐变色食物图标设计教程：让你的图标更有食欲！

更新时间：2023-07-12 20:19:42

本文为你详细介绍如何设计一组看起来非常有食欲的渐变色食物图标。通过简单的步骤和技巧，你可以轻松地创建出蛋糕、雪糕、甜甜圈、冰激凌和纸杯蛋糕等美味食物的图标，让你的设计更加生动和吸引人。在开始教程之前我们需要先做一点准备工作，点击你的设计软件，Figma、Sketch、XD 都可以，当然更推荐你使用「即时设计」，全中文免费用更便捷。然后，我们进入「即时设计」的工作台，创建一个新文件之后，再使用快捷键 F，绘制一个200*200 像素的画板，填充白色，并设置圆角值为 40。

点击免费注册「即时设计」打开浏览器就能做设计，免费使用超好用！👇🏻

1、蛋糕主体设计教程

蛋糕主体设计

使用快捷键 R，绘制一个 102*86 像素的矩形，并填充从上到下的线性渐变色，颜色为 FFDEEE 到 FF52A3。双击进入编辑模式，选中顶部的两个端点，向内移动 10 像素，并设置圆角为 10。添加内阴影，白色，具体参数见图中标注。

奶油部分设计：

复制一个蛋糕主体，保留填充，去掉阴影，并双击进入编辑模式。使用钢笔工具在底边上添加锚点，调整锚点的位置，使其形成奶油的形状。添加描边，内部，宽度为 5 像素，颜色为从上到下的线性渐变色，颜色为 FFDEEE 到 FFFFFF。添加背景模糊，数值为 8。

奶油点缀：

使用快捷键 O，绘制一组 6*2.5 像素的椭圆形，并填充白色。复制六个，调整角度和位置，洒在奶油表面。

点击图片进入即时设计的「每周临摹」海量免费图标教程，学习的同时还有奖品可领取👇🏻

https://js.design/practice

蛋糕底部设计：

绘制一个 122*6 像素的矩形，填充与奶油相同的渐变色，并设置圆角值为 3。添加描边，外部，宽度为 3.5 像素，颜色为从上到下的线性渐变色，两端为白色，上方不透明度为 100%，下方不透明度为 50%。添加背景模糊，数值为 7。

2、蛋糕装饰部分设计教程

樱桃设计：

绘制一个 24*24 像素的圆形，并填充从左到右的线性渐变色，颜色为 FFE8F3 到 FF52A3。使用快捷键 P，使用钢笔工具绘制两条弧线，作为樱桃的梗。添加描边，居中，宽度为 1.5 像素，圆头端点，线性渐变色，颜色与樱桃主体相同，其中长的一条渐变方向从左到右，短的一条从左上到右下。绘制一个 1.5*2.5 像素的小椭圆形，填充白色，作为樱桃的高光。

装饰设计：

绘制一个 10*10 像素的圆形，并填充线性渐变色，用作装饰元素，颜色为 FF52A3 到 FFFFFF。

阴影效果：

选中除了背景画板之外的所有元素，使用快捷键 Ctrl + G 进行编组，并给组添加外阴影。外阴影的参数为 [0,2,10,0]，颜色为 FFBFD3，不透明度为 100%。

通过本文详细的渐变色食物图标设计教程，你应该掌握了渐变色食物图标设计的教程。使用即时设计，你可以轻松地设计出精美的蛋糕、雪糕、甜甜圈、冰激凌和纸杯蛋糕等食物图标。无论是在 Figma、Sketch、XD 等设计软件中，还是在即时设计工作台中，都可以随时实践这些技巧。点击图片进入即时设计的「每周临摹」即可获取海量图标教程，通过学习这些教程，你可以快速提升自己的设计能力，还可以和众多设计师一起交流呢！