星旗AIGC分享会-案例实操讲解

今年有幸受邀到星旗公司进行AIGC的设计分享，也希望可以对各位同学在学习AI的道路上有所帮助。

目前AI的应用场景主要分成两块：

一类是生成元素，直接将单个元素融合到页面中；

一类是生成场景，通过AI生成一些复杂场景，通过后期融图，得到一个完整的设计；

当然啦，无论哪一类，都需要后期调整才能正式应用到后期的设计中。

今天大家进行两个案例实操

首先我们需要准备所需的软件 : MJ、PS、Figma

关于MJ，想来大家都不会陌生，我这里就不具体讲解如果下载安装了，大家可以在B站上面检索一些基础的操作

首先我们先认识一下MJ的五个主要参数命令

像权重（ - - iw ） ：我将其称为具象素材生成，后面跟随的数值越大，生成的图片会和我们原来的参考素材也越相近，可以帮助我们生成一些想使用但是没有版权的素材

比如我们想要一个礼物的素材，但是又没有版权，就可以将其放到MJ中简单描述后生成一个新的素材（P1），如果有一些细小的BUG（P2），还可以通过重新生成获取更多的素材，直到获取到一份合适的（P4）

混沌值（ - - c ）：我们可以用来做头脑风暴用，随着数值越来越大，可以帮助我们生成和参考图片越来越不一样的形式，可以帮助我们快速拓展想法 比如没有C的时候盒子的样式差别并不是很大（P1），当我么将C给到10，四张图的盒子的样子有了一些差别（P2），当给到100后，我们会发现完全生成了四张不同的盒子的图片（P4）

风格化（ - - s ）：大家可以把这个理解成画面颗粒度，随着后面的跟随的数值越来越大，画面的精细度就会更高 当s为0的时候，盒子上面几乎没有任何的图案（P1），当S为250的时候，盒子上面的花纹开始复杂且有了各自不同（P3），当S给到750的时候，盒子上的纹理则变得极其复杂（P4）

关键词权重（：：）：当：：后面的数字越大，则代表着前面死于在整体中占的比重越高，就可以理解成整个画面的视觉权重

：：后面没有跟数字（P1），默认是1:1的关系，所以我们会发现宇宙和飞船几乎是个站画面的一半；当：：后面的数字是2时，宇宙和飞船的在画面中的视觉比例则变成了2:1

今天的第一个案例：会员升级弹窗

做这样的弹窗一共分成三个步骤：先用MJ生成图片，经过PS后期处理，然后在应用场景中进行微调

以权益弹窗为例，在完成基础的交互排版后，我们需要在中间放置一个装饰物让画面变得更加丰富

我们可以参考同类竞品，发现皇冠是权益的一个很好的载体，可以先用关键词将这个皇冠描述出来，并翻译成英文

在素材网站如花瓣等上面找适合我们弹窗风格的素材

通过进行垫图生图的操作，用MJ暴力输出各式各样的皇冠，不用焦虑，觉得一次两次生成的图片不符合我们的预期就放弃了，这个是正常的，MJ的一个很大的特征就是不稳定性，这个时候就需要我们暴力输出，一直疯狂的点击生成，直到找到相近的皇冠

在此基础上调整关键词，找到一个形状合适的 注：生成素材时，我们要优先选择形状合适，而非颜色合适，因为形状合适的素材，我们可以通过后期调整颜色快速达到我们想要的效果，但是如果形体有问题的话，这个时候再去调整，工作量就会非常的大

第二个步骤：在PS中进行后期处理

先将MJ生成的图片抠出来，抠图工具可以用佐糖，然后在PS里面对一些明显的瑕疵进行修复调整，比如P2皇冠上面的划痕之类的

我们会发现在皇冠的形态依然有些复杂，所以我们在PS中对这些红圈圈住的BUG进行消除，这个时候需要设计师在PS中手绘

结合权益升级的主题，在皇冠的中间添加VIP的装饰，让皇冠变得饱满

为了提升皇冠的质感，我们可以将图片的饱和度拉到最低，观察其明显对比是否突出，比如P2的皇冠下方略显融合，我们就需要对颜色进行调整，直到显得非常清晰为止

看一下MJ直出的图片和调整后的图片

落地制作：将我们调整好的图标融合到UI页面中去

可以适当的添加外发光和一些星星对皇冠进行装饰，使弹窗中间的部分显得更加饱满

最后我们再来回看下所有的流程

当AI加入到我们的设计流程中，设计步骤可以调整为5步：整理项目背景，头脑风暴思考画面内容，通过MJ输出图片，在PS中修图，最后融合到页面中

假定旅游是我们本次需求的主题，需要进行右脑风暴，思考画面中向用户传达的视觉感受，可以借助GPT帮助我们进行思维发散

其次就是关键词的使用，可以按照主题、细节、风格、指令的顺序依次进行描述，同时也需要对不同风格的设计进行关键词的积累和总结，以便在后期可以快速使用

在MJ中输入上面的关键词得到以下大量的图片

选取其中形态符合我们要求的，然后对其一些比较明显的BUG进行修复，比如男生的嘴巴张开的角度很奇怪，右下角的箱子也不符合真实箱子的形态，我们就可以在修图的过程中干掉它

同样暴力输出生成背景画面

将人物和景色融合到一起的时候，不要将人和景物单领出来看，要将他放到实际的页面中去，因为可能有部分画面是我们不需要进行调整的，就如P2，人物的腿部会被挡住，我们是不用浪费时间对这部分进行调整的

融图的过程就是给人物添加光影的过程，使其在背景中显得更加自然

为了让画面更加的丰富，还需要为添加一些装饰元素，根据脑爆的关键词，可以添加代表着生机的花花，代表着出行的热气球、飞机，代表着优惠的红包等等

在MJ中只需要更换主体的单词，后面的单词复用我们上面的就好，这样就能保持整体风格的一致性

最后我们来复盘一下现在设计画面的视觉元素都有哪些，以便我们后面做出更好的调整

聊了这么多，为了迎接AIGC时代的到来，设计师后期的发力点又在哪呢？根据上面案例的讲解，大家会发现，主视觉可以由AI代替完成的话，设计师其实只需要完成后续的素材优化，字体设计，排版调整就可以了，后面我们就需要有意识的提升这方面的技能了

最后留个课堂作业吧，大家可以按照上面的方法，做个Banner试试哦～