美工画师必看！AI绘画Stable Diffusion 一键生成 B 端图标教程，轻松制作商业可用的设计图标，从此告别加班！（附安装包）

news2024/11/26 5:56:01

大家好，我是画画的小强

在日常工作中，设计师在应对运营和UI设计的B端图标时，常常面临大量的构思、制作和渲染等工作，耗时耗力。我们可以利用Stable Diffusion(以下简称SD)结合AI的方式，帮助设计师优化图标的设计流程，使任何对这一领域感兴趣的人都能尝试并创作出多样化的图标设计，灵活高效运用在项目之中。

B端图标，一种有着立体风格的毛玻璃效果的图标、有流畅的曲线和细致的表面细节，通常应用在运营详情页、UI头图、banner等占位使用，让画面更出彩。

需要对电脑配置有一定的了解，部署要花费一定的时间，还没安装的小伙伴可以看我往期入门教程AI绘画Stable Diffusion下载安装，保姆级教程指南！已经部署过的可以按照下图进行配置更新。

SD模型、外挂VAE模型、Refiner模型、ControlNet模型（均来自大模型作者）已给大家准备好了，需要的小伙伴可以扫描获取哦。

下图为模型文件在SD中的设置：

其它参数使用系统默认的即可，采样方法选了DPM++ 3M SDE Karras，画面会柔和一些，背景更干净，细节也相对的减少，速度和DPM++ 2M Karras一样，所以迭代步数推荐在30或以上（太高容易卡顿，画面细节太多也影响最终的结果，所以推荐30即可）。

· 线稿处理

用ControlNet控图，需要明确图标的线稿。要知道自己想要一个什么样的图标，推荐使用已有图标进行优化，使用PS进行图标线稿处理，再对其外形等关键特征进行组合或者添加自己的创意。对于特别复杂的图形，建议避免使用过于复杂的模型。只需有基础的轮廓图，就可以快速创建B端图标。如果是专业工作使用，请考虑制作更加规范的底图，并注意版权使用问题。这里需要注意的是，尽可能的把闭合形状的轮廓处理的粗细一致且清晰可见；模糊的区域可以用橡皮擦或者蒙版处理干净；立体图形的转折处连接处要明确。

· 构思关键词

推荐使用下方的关键词，并替换自己想要的内容和颜色等，如果无法找到合适的关键词或创意，请先在网上收集一些相关的设计参考图片。在图生图界面中，将这些参考图片导入并点击CLIP反推提示词。选择生成的关键词，然后将其输入到文生图的Prompt中。这样可以快速得到理想的设计方案。

正向关键词：
(a shield icon:1.1),dark blue frosted glass texture,dark blue gradient,(softedges:1.2),3D,best quality,many details,4k,blender,octane render,C4D,transparentglass texture,DDicon,frosted glass,transparent technology sense,industrialdesign,white background,studio lighting,sunshine,flat,minimal,quasi-object,Datafile

负正向关键词：
lowres,bad anatomy,((bad hands)),(worst quality:2),(low quality:2),(normal quality:2),paintings,sketches,lowres,bad anatomy,bad hands,text,error,missing fingers

在选择好刚才的模型和参数后，填入关键词，并在ControlNet中上传已经处理好的线稿，点击爆炸图标，得到控图线稿，再点击右上角的生成，就可以进行抽卡生图啦。

对已生成的图标，可以用PS进行处理；也可以将方案放到图生图中局部重绘一下细节，得到更符合预期的效果。

整体的制作思路可以大概拆解为6个步骤：找到类似参考 - 线稿处理 - 提炼关键词 - 使用ControlNet控制线稿 - 重新优化图标方案 - 实际应用。

AI的出现为我们节省了大量后期制作的时间，让我们可以更快地达成目标，也让我们有更多的空间去探索表现的形式与内容。AI工具可以决定输出的下限，而设计师的想象力决定了可以触达的上限。合理的借助AI尽情地发挥你的想象力去尝试各种可能吧！

感兴趣的小伙伴，赠送全套AIGC学习资料，包含AI绘画、AI人工智能等前沿科技教程和软件工具，具体看这里。

AIGC技术的未来发展前景广阔，随着人工智能技术的不断发展，AIGC技术也将不断提高。未来，AIGC技术将在游戏和计算领域得到更广泛的应用，使游戏和计算系统具有更高效、更智能、更灵活的特性。同时，AIGC技术也将与人工智能技术紧密结合，在更多的领域得到广泛应用，对程序员来说影响至关重要。未来，AIGC技术将继续得到提高，同时也将与人工智能技术紧密结合，在更多的领域得到广泛应用。

在这里插入图片描述