AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!

用户头像
成都/设计爱好者/1年前/6626浏览
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!
用户头像
大猫404
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5NzI4Njg=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
各位兄弟姐妹们,大家好! 我是大猫,本期继续带来一篇美图WHEE的使用教程! 在之前的文章我们使用WHEE辅助设计了很多类型的设计,比如字效海报,字效视频,主KV等。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc1ODg=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
还做了一些风格化的图标。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc1OTI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
在前两期中,我们也用WHEE生成了专属卡通IP,并训练了模型,可以后续应用到更多场景中。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc1OTY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2MDg=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2MTI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
那么本篇文章,我们来将一下,我是怎么用美图WHEE辅助设计站酷设计周的共创海报的。
成品如下:
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2MjA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2MjQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
站酷共创海报的模版如下,我们需要在此框架内进行创作。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2Mjg=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
在设计之前,我们需要根据主题确定一下具体的画面。2024站酷设计周的主题为“当设计遇见科技”。
另外海报上的文案为“好设计是XXXX”,其实好设计有很多种定义,比如好设计是美的共振,是商业的转化,是美与商业的平衡,是灵感火花的绽放等等,好设计是多种多样的,没有唯一的答案。
出于我对共创海报及主题的思考,科技、设计,我确定了以探索发现为主题进行创作。好设计是灵感的绽放与探索更多的可能,所以我的海报文案文案为:好设计是灵感与探索。
有了主题,再补充背景设定进行创作就ok了。根据思路,我设定的背景为小Z飞船穿梭于各个宇宙星系,探索灵感的更多可能。
小Z飞船:未来飞船,以站酷小Z头像的LOGO进行延展。 背景为ZCOOL,站酷英文名,融入以小Z为主的画面当中。
做这种处理,我需要将小Z图形与“ZCOOL”分别提取出来,作为控制图。首先将小Z的剪影处理为方形,黑底白图的形式。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2MzI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
然后将ZCOOL也分别做成黑底白图的形式,“ZCOOL”用模版图一样的比例就好。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2MzY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
首先我们把小Z飞船造形生成一下,打开WHEE。
https://www.whee.com/
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2NDA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
直接在主页中进入文生图模式,然后进入【高级创作】。
将关键词填入:
飞船,光滑的金属表面,白色金属,复杂的纹路,星球大战,飞船模型,,球3D质感,金属机械结构,大师级光影,CG艺术,C4D,blender,电影级质感与照明,干净的背景,
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2NDQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
大模型选择普通4.0模型,因为我们要做的是类3D的效果,所以风格模型选3D卡通即可。
接着来到画面参考这里,将小Z的剪影图上传。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2NDg=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
这里我分别用了【深度扫描】和【查找边缘】两种控制,因为单用一种无法完美的生成小Z飞船的形状,这种情况下用组合控制会更好。
生成如下:
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2NTI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
质量还是很不错的,如果觉得不合适,可以多生成几次,也就是重复抽卡,总能抽到还不错的!
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2NTY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
当然,我们也可以调整关键词,改变元素材质及颜色,比如我将关键词改为:
飞船,喷射着火焰,光滑的金属表面,黑色金属,复杂的纹路,边缘光,星球大战,飞船模型,,球3D质感,金属机械结构,大师级光影,CG艺术,C4D,blender,电影级质感与照明,干净的背景,
其他参数保持不变,生图如下:
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2NjA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2NjQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
可以看到加入了一些火焰元素,更有氛围,这里我选择了最后一张作为画面中的小Z飞船。
小Z飞船一键同款:
确定用这张之后我们可以在右侧生成高清图片备用。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2Njg=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
进入页面后选择【3D资产】预设,即可生成高清大图,方便我们后期处理。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2NzI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
飞船有了,接着我们来处理下背景。回到文生图界面,虽然我们做好了【ZCOOL】的黑白控制图,但是如果直接用,生成的图背景会比较随机,比如我将黑底白图传到画面参考中。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2NzY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
模型还是选择4.0大模型和3D卡通风格模型,将关键词填入:
未来科技工厂,飞船工厂,复杂的内部结构,3D质感,金属机械结构,发光的线缆,激光照射,大师级光影,CG艺术,C4D,blender,复杂玄妙的光影关系,电影级质感,电影级照明,科幻大片,未来城市背景,复杂的背景
生图如下:
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2ODA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2ODQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4ODQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
ZCOOL一键同款:
虽然生成的也蛮有意思的,但是背景比较随机,无法很好的得到我们想要的画面。
所以这个时候我们需要换个思路,可以简单给背景画一下草稿。我在PS中简单绘制了下草图。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2OTI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
可以看到草图比较粗糙,只是简单定义了一下内部空间的透视感。
然后将线稿传到画面参考中。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc2OTY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
这里我只用了一个【涂鸦生图】控制模型,这个模型可以简单理解为根据草图进行上色并细化。
其他参数保持不变,生图如下:
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3MDA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
这下感觉就对了,但如果感觉控制力欠缺,那么我们也可以用几种控制模型组合控制,比如这里我用了查找边缘+涂鸦生图+深度控制的组合形式:
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3MDQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
这样生图基本比较贴合我们的草图,生图如下:
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3MTY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3MjQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3Mjg=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3MzI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3MzY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
ZCOOL一键同款:
最后一张还蛮合适的,所以同样的进行高清放大处理。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3NDA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
同样选择3D资产,进行高清生成。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3NDQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
现在素材已经准备OK,可以打开我们的PS进行后期与合成啦!
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3NTI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
首先原图色彩有些灰,我们可以再PS-Camera Raw滤镜中调下色彩及对比度,让画面暖一点。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3NTY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
让后将我们的小Z飞船抠图后放入。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3NjA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
接下来用柔边缘画笔调整背景的光影关系。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3NjQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
然后我想将飞船做成悬停充能的效果,所以可以将飞船底部画一个明亮的能量条。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3Njg=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
接着绘制一些光点元素从能量条中升腾起来,增加视觉效果。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3NzI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
接着处理一下飞船的光影,让飞船与背景的光影匹配一下。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3NzY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
目前光影差不多了,但是【ZCOOL】字母上有一些窟窿,影响美观性,所以我们可以用柔边缘绘制成点光源放上去,站酷小Z飞船能量炮位置也可以加个放射辉光。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3ODA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
接着为了增强视觉效果,我们可以加个色彩平衡调整一下颜色,另外可以再背景加入一些点状纹理,增强视觉张力。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3ODQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3OTI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
最后我们需要加入暗角,压暗四周,以强调中间飞船的主体性。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc3OTY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
最后再加入排版仿飞船UI的布局的装饰元素就完成啦!
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4MDA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
合成过程gif:
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4MDQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
现在静止的图片有了,我们需要做成视频的形式。做视频最简单的就是直接用美图WHEE生成啦~AI一键生成,方便快捷。
如果要追求更好的效果,那我们还可以用AE等视频后期软件手动去做。
我们先看一下如何用美图WHEE一键生成。打开美图WHEE主页,找到【AI生视频】的选项卡。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4MDg=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
进去后界面如下,因为我们有底图,所以选择图生视频即可:
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4MTI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
图片既是我们要上传的图,提示词中填写动效的关键词。
这里我们将没有排版的合成图上传。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4MTY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
提示词中填写:
飞船浮动,灯光闪烁,火焰升腾,能量光波,向前拉近镜头,失重感
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4MjA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
准备好后我们点击立即生成。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4MjQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
耐心等待几分钟即可生成视频啦~
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
视频效果还是不错的,如果想要不同的动态效果,调整关键词后重新生成就可以了。
如果想要更可控的效果,就需要我们用AE手动去做了,这里我也简单演示一下。
接下来我们打开AE。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4MzI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
将我们的分成PSD文件导入。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4MzY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
动画部分比较简单,主要有几个:
1.飞船上下浮动,可以通过放大缩小营造前进后退感。
2.飞船辉光进行旋转。
3.飞船充能光点上升,做出充能的感觉。
首先我们做飞船的辉光动画,进入飞船的预合成图层,找到辉光图层。将辉光素材的中心点放到光效中心处,然后加入一个缩放和旋转的关键帧就可以了。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4NDA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4NDQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
这样就得到一个从无到有的炫光旋转动画。
然后我们做一下,飞船的漂浮动画。我们只需要在位置和缩放处建立相应的关键帧即可。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4NTY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
将飞船上移后加关键帧,隔段时间下移再加一个,就能营造出飞船漂浮的感觉。
缩放关键帧则是控制大小营造前后变化。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4NjA=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
接着我们可以进入能量充能的光点层。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4NjQ=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
可以将画的光点复制两层,错位排开,给光点层添加位置的关键帧,从下到上移动,就可以营造出光点上移的效果。然后将其组合起来就是我们的动画效果啦~
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4Njg=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
如果想要不同的风格,我们可以在颜色校正效果中,添加不同的效果器。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4NzI=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
我这里加了色调分离+卡通+三色调,效果便是这种波点插画的风格。
AIGC应用指南 | 用美图WHEE辅助设计站酷共创海报!(图ZMTQ5Njc4NzY=) - 教程 - 站酷设计师大猫404原创素材 - 站酷ZCOOL
收藏
这个则是加了卡通+阴影效果器,得出复古感的波普效果。可玩性还是比较高的,大家可以多去尝试。
当我们有了几种风格的视频之后,就可以将它们剪辑在一起,并生成最终视频啦!
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
那么我们本期文章到这里就结束了,希望对大家有所帮助,不要忘记点赞哟,我们下期再会!
217
阅读原文
|
举报
|
225
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
金蛇献瑞 | 蛇年主题卡通插画设计
AI艺术量子创作系统-100组商业级艺术提示词正式发布
蛇年旺财 | 新年插画文创设计
【矢量/PSD】二次元少女角色立绘
黄色台灯和黄色灯泡照射出的光交织在AI字
蓝色背景下的台灯和AI字母组成的静物照
灵蛇开运 | 蛇年主题插画设计
蓝色背景下的台灯铅笔和AI字母组成的静物
蛇年旺财 | 新年插画文创设计
金蛇送福 | 蛇年主题卡通插画设计
北京城市地标儿童插画矢量
AI Prompt工程深度解析PPT
赛博朋克风格动漫赛车壁纸
软萌兔子玩偶系列 粉嫩少女心卡通创意设计
锦鲤伴佳人·国风古韵人物IP设计
金蛇送福 | 蛇年主题卡通插画设计
元界械语·绮幻少女纪IP创意设计
记录 PPT创作 阅读助手 AI 笔记
AI音乐创作系统界面
记录 PPT创作 阅读助手 AI 笔记
AI人工智能机器人正在写作
新年插画 | 12只蛇卡通形象设计
未来都市AI音乐创作系统
记录 PPT创作 阅读助手 AI 笔记
你可能喜欢
相关收藏夹
大家都在看
登录注册