AI+设计=牛!
AI 作为还在进步的智能工具,其功能不是万能的,对于每一个使用过的用户来说也是早有体会了,所以如何高效的将 AI 援助应用于设计呢,那就是看项目内容是否切合 AI 擅长的部分。
这不最近来了一个新需求,需要做一组周年 H5,每一个界面要求就是简约,清新,并有一个主体元素点缀。
好嘛,这不是撞到 AI 的心巴上了吗,AI 对单体元素的生成调试已经比较成熟了,再加上简略的背景粉饰和渲染就能实现。
先上实现图:
以上的 H5 页面主体元素全部由 AI 生成,是不是很 6,但是 AI 一开始生成的元素图片是这样的。
所以,就算有了 AI 援助要做出符合主体的主体视觉也没那么容易。
接下来我将以该案例,分享如何用 AI 生成素材,实现项目的全流程。
整个过程分为三步
图片生成思绪
挑选合适素材
前期拼接解决
输出最后效验
一、图片生成
生图也不是乱生,最好生之前确定好大致目标和构思,找一些参照,AI 才能援助你去生成特定作品,达到你想要的目的。
先看看这个需求,甲方开始给的参照是这样的:
根据参照,生成出来的图是这样的。
显然不行,AI 对于手及构造关系稍微复杂的东西解决都不太好,所以方向不对,就不要死磕,换个思绪,选择构造相对简略的物体再试试。
于是又找到以下参照,主体物手换成 emoji
最后调试主体关键词以下:
A yellow spherical emoji,happy,love,isometric –iw 2 –niji 5 –style expressive
荧光棒关键词:
Yellow glow stick,3d icon,cartoon,Crystal shine,Advanced color scheme,edge light,transparent/translucent medium,smooth surface,shiny,Three-quarter side,studio light,white background,3d rendering,high resolution –niji 5
二、挑选合适图片和素材
生到一定程度,还是发现每一个元素都会有多多少少的问题,咋办呢?那我们就从其中提取筛选相对饱和完整的素材,实现主体的组合。
首先是主体笑脸和荧光棒,我选择的是以下两张图片:
直接用这两张图肯定不行的,其中黄色笑脸作为主体,它的构造层次,精致程度一定是最高的,但目前该图片的表情比较普通和单薄,上下空间余留过多。
所以我们可以从之前生的图片中筛选出一些有用的素材,来对主体表情进一步丰富。
我的选择以下:
三、前期拼接解决
将之前的图片举行 ps 扣除后举行简略拼接后得到以下效验图。
很多新手到这就懵了,觉得 AI 已经做的还不错了,不知道该如何去举行优化。
那么首先我们需要学会对目前的视觉画面举行一个简略分析,才能在前期解决当中找到思绪。
目前的问题有以下几个
整体饱和度较低,与礼物鲜艳明亮的感觉不符
各元素之间简略拼接,缺少联系感
主体较平,明暗交界不明显,缺少圆润感
物体构造转折处存在一些小BUG
根据以上的问题,我们可以很容易找到优化的方向。
第一次解决过后效验以下图,整体的效验已经好了很多,但是细节处还差些,那怎么添加细节呢?
注意此处的添加细节,不是添加粉饰而是是增强元素与元素之间的关系,使转折处构造更明显,添加环境反色光,丰富主体颜色。
四、输出最后效验
最后就是把主体引入画面举行排版了,因为是周年庆的 H5 页面,所以画面的重心只用突出文字和主视觉,其余的粉饰和层次都要暗下去。
最后的效验以下:
这样一个哇塞的画面就实现了,是不是有了 AI 之后效率高了很多呢?
所以抓紧练起来吧,光有好的援助工具是远远不够的,我们要有清晰的逻辑和思绪去解决设计上的问题,这样才能真正的事半功倍。