WHEE创意实战-多样图标风格一网打尽

用户头像
南宁/设计爱好者/1年前/638浏览
WHEE创意实战-多样图标风格一网打尽
上一期我们聊了
用WHEE来辅助的文字创意海报设计
核心关键主要是用到了“画面参考”这个功能
那么这次我们将应用在icon上面看看行不行
让我们一起来探索一下吧
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwNDQ=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 图标尺寸设置
首先我们先把图标转化为一个正方形的尺寸
我这里用的800x800像素的尺寸
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwNDg=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 使用WHEE
我们打开WHEE
https://www.whee.com/
直接来到进入到文生图功能
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwNTI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 关键词设置
关键词结构为:
  • 主题词:图标
  • 风格词:羊毛毡
  • 背景词:纯色背景
那就是图标+羊毛毡+纯色背景
图标对应我们要生成的主题
羊毛毡是对应风格
纯色背景是因为我们不需要复杂的背景
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwNTY=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 模型选择
  • 生成模型:
生成模型默认就好
  • 风格模型
风格模型选择,我这里选择羊毛毡
  • 画面参考
重点来了
这是画面参考的进阶使用方法
我们使用查找边缘+深度扫描的组合方法
这样他对于我们上传的内容识别度会更高
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwNjA=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 参数设定
我们把画面对应到我们图的比例
也就是1:1的正方形的画面
然后我们加强一点提示词强度
最后是画面细节我们也加强一点
这样让更加立体一点
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwNjQ=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 输出效果
我们看一下这是跑了两组图的效果
有几张跟我们想要的效果是挺贴合的了
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwNjg=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
我们在来深入一点看看,还能不能更好
关键词我们还可以继续添加
一些形容词毛绒,蓬松
也可以添加一些风格词3d,c4d
颜色在添加一个暖色调
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwNzI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
这里我在添加一个风格模型
强化毛毡的风格
当然也可以混合其他的模型
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwNzY=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
这次毛绒的感觉又不一样了
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwODA=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 结果对比
我们来对比一下第一组设置和第二组设置
左边两组看起来扁平,细节更少,类似毛毯覆盖的平面
右边两组在毛毡上面层次更丰富,相机镜头部分凸起处理上
更加明显和立体感,看起来更接近毛绒真实的触感
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwODQ=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwODg=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 超清处理
接下来我们用在右边工具栏
用超清功能放大一下像素
适配的风格选择3d资产
其他保持默认就好
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgwOTI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • PS后期处理
下一步我们来到ps这里
我们扣一下图,然后在调整一下颜色就完成了
同款链接
https://www.whee.com/art?id=95b356b7b39ef2198f1871135e6594dc-2097&taskCategory=txt2img&entryType=1
  • 尝试其他风格
我们再来试试其他风格看看
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgxMjA=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
闹钟原图标
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgxMjQ=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 提示词
按照之前公式
主题词图标,可以不变
风格词玉琉璃
背景词纯色背景
外加一点风格词
其他保持不变
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgxNDQ=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
最后就是在ps抠图和调整一下颜色就好
这样玉琉璃效果真的很棒
同款链接
https://www.whee.com/art?id=396d877d0f51cd4d188d1a7733d62913-2097&taskCategory=txt2img&entryType=1
  • 复杂风格
我们再来尝试一些复杂一点,这次我们试试机甲风
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgxNDg=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
存钱罐原图标
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgxNTI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 提示词
以主题+风格词+背景词
然后这次它们是更多细节的描述
图标,创意空间,纯色背景,干净的背景,
赛博朋克风格,复杂的机械结构,机制,
发光体,流线型结构,内部集成电路,
3D渲染,光线追踪,动画照明,OC 渲染
风格模型我们也选择两个对应到机甲风格的模型
主模型模型强度我们设为70%
副模型强度设为10%
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgxNTY=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
接着就是不断抽卡的过程了
这些输出的结果都挺能达到预期的效果的
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgxNjg=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
下一步就是到放进ps里面抠图
然后我们还需要调整一下色彩
主要是提亮和增加对比度
同款链接
https://www.whee.com/art?id=04dcb75201ec7205e3154b37d8290f2d-2097&taskCategory=txt2img&entryType=1
  • 透明风格
我们再来换一种透明风格看看啊
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgxNzI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
出租车原图标
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgxNzY=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 提示词
图标,水晶质感,白色背景,琉璃,蓝色,
蓝色渐变,玻璃制成,透明材质,
梦幻星光质感,梦幻,折射细节,c4d
我们根据水晶元素来进行展开描述就好
风格模型的选择是最好能对应到描述的内容
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgxOTI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
跑出来的风格结果很接近提示词的内容了
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgyNzI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
最后我们在放入ps处理
主要就是颜色的调整了
让他更加艳丽一点
之前看上去有点灰了
同款链接
https://www.whee.com/art?id=943efd55d0f8cd0778dcabdb9b4e6418-2097&taskCategory=txt2img&entryType=1
  • 膨胀风格
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgyNzY=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
whee原图标
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgyODA=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 提示词
图标,果冻材料,白色背景,弥散光,
酸性设计,充气,C4D
这些提示也是根据想要的效果展开
风格模型选择也对应到提示词
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgyODQ=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
出来的效果很不错吧
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgyODg=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
这次的颜色饱和度太低了
我们来到ps主要就是调整亮度和颜色的饱和度
同款链接
https://www.whee.com/art?id=eddbadc9a9738c2698d0925de61c1191-2097&taskCategory=txt2img&entryType=1
  • 赛博霓虹风格
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgyOTI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
美图原图标
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgyOTY=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 提示词
图标,未来科技光,纯色背景,
赛博朋克,霓虹灯,烟雾,发光
风格模型选择未来科技光圈
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzMDA=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
可以看到出来的整体感觉都非常不错
已经很贴近提示词了
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzMDQ=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
然后在ps里面就主要调节亮度和色彩的了
同款链接
https://www.whee.com/art?id=7c812e74507f259e55e78a1dab43e811-2097&taskCategory=txt2img&entryType=1
  • 冰冻风格
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzMDg=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
站酷原图标
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzMTI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 提示词
图标,冰,雪,纯色背景,3d,c4d,
精细的纹,光滑
这里的风格模型选择冰和3d的模型
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzMTY=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
出来的结果已经很有冰冻的感觉了
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzMjA=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
最后我们在ps里把色调调整更冷一点就完成啦
同款链接
https://www.whee.com/art?id=c2f6e6e5b2812414cac3bf03821cd58b-2097&taskCategory=txt2img&entryType=1
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzMjQ=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
总结
  • 果冻膨胀风格
图标呈现柔软膨胀的果冻质感,色彩鲜艳,带有弥散光效果,看起来充满弹性与活力。
  • 赛博霓虹风格
采用了发光和霓虹的设计元素,带有科技感,整体色调较暗,但发光部分非常醒目,营造出赛博朋克的未来感。
  • 玉琉璃风格
图标具备玉石般的质感,半透明效果带来温润的视觉体验,色调柔和,充满东方韵味。
  • 机甲科技风格
金属质感的猪形图标,带有荧光效果,结构复杂,科技感十足,具有机械感和现代感。
  • 毛毡手工风格
图标采用毛毡材质,温暖柔和的颜色搭配,带有手工艺的质感,给人一种温馨的感觉。
  • 冰冻风格
具备冰雪质感,透明的冰块内部包含细腻的纹理,呈现冷色调的冰冻效果,营造出寒冷的氛围。
  • 透明水晶风格
类似透明水晶的质感,带有梦幻的蓝色和粉色渐变光效,整体通透,光影效果显著。
这些风格各有特色,从充满弹性的果冻效果到赛博朋克风、温暖的手工毛毡,再到冰冷的冰雪质感,每一种都为图标设计带来丰富的视觉体验和创意方向。
最后我们在用剪映来做一个动态的展示
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzMjg=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
首先备好一张手机尺寸的背景图
把所有图标导出png的空白背景
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzMzI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 导入背景图
然后我们先把背景图导入进来
这样我们的视频尺寸就会跟背景图的尺寸一样了
  • 导入图标
完了之后在导入图标
导入成功后我们可以看到缩略图这里会显示已添加
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzNDA=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 调整图标大小
然后我们给所有的图标重新排列一下图层位置
全选所有图标图层
接着在右侧工具栏把缩放调整为20%
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzNDQ=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
  • 动画效果
我们继续在右侧的工具栏找到动画
然后在入场这里找到动感缩小
时间为设为1.2s
我觉得这个速度比较适中不快也不慢
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzNDg=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
接着我们从新排列整齐就好
然后我们发现第一动画帧过度不好
我们来调整一下让它更自然一点
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzNTI=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
选中所有的图标图层
然后右键新建一个复合片段
我们要来做一个透明的效果
WHEE创意实战-多样图标风格一网打尽(图ZMTQ5NDgzNTY=) - 教程 - 站酷设计师智明了智明原创素材 - 站酷ZCOOL
收藏
我们在视频最前的位置打上两个时间关键帧
第一个不透明度设为0
这样它就有一个过渡效果了
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
展示视频就完成啦
今天的分享到这里就结束了
喜欢给我点个赞,我们下期见~
9
举报
|
8
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【矢量/PSD】二次元少女角色立绘
灵蛇开运 | 蛇年主题文创设计
AI艺术量子创作系统-100组商业级艺术提示词正式发布
清新治愈系二次元少女插画合集
9款莫里斯复古植物纹样纯手工矢量包 (印花/文创商用)
灵蛇开运 | 新年蛇年主题文创设计
黄色台灯和黄色灯泡照射出的光交织在AI字
8款红红火火2025立体字
蓝色背景下的台灯铅笔和AI字母组成的静物
金蛇送福 | 蛇年主题卡通插画设计
灵蛇开运 | 蛇年主题插画设计
AI人工智能机器人正在写作
蛇年旺财 | 新年插画文创设计
端午龙舟赛
AI音乐创作系统界面
新年插画 | 12只蛇卡通形象设计
记录 PPT创作 阅读助手 AI 笔记
蛇年IP全套新年产品原创设计
蛇年旺财 | 新年插画文创设计
蓝色背景下的台灯和AI字母组成的静物照
AI Prompt工程深度解析PPT
渐变曲线波浪背景素材
记录 PPT创作 阅读助手 AI 笔记
机器人概念图,竖屏规格,适用于各种场景,ai辅助创作
AI艺术家
你可能喜欢
相关收藏夹
大家都在看
登录注册