6个步骤,轻松使用Stable Diffusion生成B端图标!

在日常工作中,设计师在应对运营和 UI 设计的 B 端图标时,常常面临大量的构思、制作和渲染等工作,耗时耗力。我们可以利用 Stable Diffusion(以下简称 SD)结合 AI 的方式,帮助设计师优化图标的设计流程,使任何对这一领域感兴趣的人都能尝试并创作出多样化的图标设计,灵活高效运用在项目之中。一、B端图标风格 B 端图标,一种有着立体风格的毛玻璃效果的图标、有流畅的曲线和细致的表面细节,通常应用在运营详情页、UI 头图、banner 等占位使用,让画面更出彩。二、本地部署SD 需要对电脑配置有一定的了

6个步骤,轻松使用Stable Diffusion生成B端图标!

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

一、B端图标风格

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

6个步骤,轻松使用Stable Diffusion生成B端图标!

二、本地部署SD

需要对电脑配置有一定的了解,部署要花费一定的时间。已经部署过的可以按照下图进行配置更新。

B站链接:https://www.bilibili.com/video/BV1iM4y1y7oA/

6个步骤,轻松使用Stable Diffusion生成B端图标!

三、下载设置模型文件

SD 模型、外挂 VAE 模型、Refiner 模型、ControlNet 模型(均来自大模型作者)。

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

6个步骤,轻松使用Stable Diffusion生成B端图标!

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

四、准备底图素材

1. 线稿处理

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

6个步骤,轻松使用Stable Diffusion生成B端图标!

6个步骤,轻松使用Stable Diffusion生成B端图标!

2. 构思关键词

推荐使用下方的关键词,并替换自己想要的内容和颜色等,如果无法找到合适的关键词或创意,请先在网上收集一些相关的设计参考图片。在图生图界面中,将这些参考图片导入并点击 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 中上传已经处理好的线稿,点击爆炸图标,得到控图线稿,再点击右上角的生成,就可以进行抽卡生图啦。

6个步骤,轻松使用Stable Diffusion生成B端图标!

六、应用到项目中

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

6个步骤,轻松使用Stable Diffusion生成B端图标!

最后

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

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

相关资讯

SD WebUI 中也能用上实时绘画了!支持接入PS/Blender 等设计工具

大家好,这里是和你们一起探索 AI 绘画的花生~ 之前为大家介绍过 AI 绘画工具 Krea,它可以根据手绘的草图实时生成完整的画面,可以让我们更精准地控制图像效果,对电商、产品、游戏概念等设计领域来说非常有帮助。之前为大家推荐过一种在 ComfyUI 中免费实现 AI 实时绘画的方式,今天就再为大家推荐另一种在 Stable Diffusion WebUI 中实现实时绘画的方法。一、插件简介 SD WebUI 的实时绘画功能需要借助一个插件实现,这个插件是上周由 B 站 AI 绘画博主@朱尼酱推出,支持文生图、图

腾讯云AI落地实战!如何用 Stable Diffusion 完成B端图标设计?

导语:现今,许多 B 端设计师在日常设计中难免会遇到各种运营 3D banner 设计需求。在设计过程中,他们不仅需要费尽心思构思各种造型,还要不断进行重复渲染,而有时渲染结果也难以令人满意。本文旨在介绍一种基于 Stable Diffusion 混合 AI 的 B 端 3D Banner 设计方法和流程,可供任何对该领域感兴趣的人进行实验,创作出各类 B 端模型。 更多AI落地实践:一、部署 Stable Diffusion 流程 本地安装 stable Diffusion 本地安装教程:()(来源:B 站秋葉

大厂落地实战!如何用Stable Diffusion完成B端和C端图标设计?

伴随着 AIGC 异常火爆,各种各样的 AI 工具如雨后春笋般涌现,除了各位设计师知道的 Midjourney(以下简称“MJ”),同样还有十分亮眼的 Stable Diffusion。 所以今天我们主要教大家如何使用 Stable Diffusion(以下简称“SD”)来进行 B 端图标和 C 端图标的创作,充分将 AIGC 灵活的运用在项目的工作流程之中。 往期AIGC 生成图标干货:一、B 端图标 那首先我们先来看看 B 端图标,有哪些特点?从上图可以发现主要特点为:立体块面感、轻科技、材质多为毛玻璃、光泽金