AI生成创意图标
上海/插画师/1年前/10981浏览
版权
AI生成创意图标
我们日常使用手机会接触到各种app，我们早已习惯这些app图标的样子，它们的形象也早已印刻在我们脑海里。如果有一天它们变了模样，那会是怎样的呢？在AI的帮助下，可以让它们的形象变得更多样化更有趣。
我们先来看一个视频，展示了我们日常接触的扁平化图标变得立体且多样。
今天我们就来学习，如何利用AI将我们日常接触到的图标变得多样且有趣、有创意！
我们将收集好的图标放到ps里，裁切成统一大小的方形尺寸图。然后分别导出保存好。
我们打开WHEE网址：https://www.whee.com/?channel=zcoolmanual
打开
[文生图]
的
[高级创作]
，输入
提示词：
玻璃质感，透明，磨砂，玻璃，绿色，晶莹剔透，艺术，高级的打光，精致的细节，丰富的层次，4k高清图
[不希望呈现的内容]
可以选择一些你不希望画面里出现的内容，比如模糊，分辨率低，水印等等。
选择风格模型【透明2.0】
[画面参考1]
选择
[查找边缘]
，
[画面参考2]
选择
[深度扫描]
，参考程度数值都为0.6。因为我们的素材尺寸为方形，所以这里出图的
画面比例
选择1:1。
采样器
选择Euler（基础采样，适合范围广）。
在这样的设置下，出图效果不是我所设想的。不过没关系，AI出图就是需要多多尝试。
所以，在其他设置不变的情况下，我多增加了一个风格模型【3D卡通元素-陆78】，画面色彩比较淡雅，也不是我所想要的效果图。
所以新添加的模型可能不太适合。把新添加的模型删除，只保留模型【透明2.0】。
提示词
修改为：
玻璃质感，透明，玻璃，绿色，晶莹剔透，艺术，高级的打光，光感，精致的细节，丰富的层次，体积感，4k高清图
其他设置不变。可以看到，在调整了提示词后，出图的质量更好了些，光感以及细节都更丰富了些。
我们再丰富一些
提示词：
玻璃质感，透明，玻璃，磨砂玻璃，绿色调，晶莹剔透，艺术，电影级打光，光感，好看的光线，3D，C4D，虚幻引擎渲染，精致的细节，丰富的层次，体积感，4k高清图
其他设置不变。可以看到，整体出图质量还是不错的，细节、光感以及质感都挺好的。
选择一张满意的图，进行放大，可以得到更丰富的细节。
将高清放大后的图导入ps里，调整画面。最后导出PNG格式图保存好。一个有意思的AI创意图标就完成啦！
制作上方同款链接：
https://www.whee.com/ai/text-to-image?id=298958&styleModelId=5701&source=personal_center&feedId=7222170670285479414&location=detail_page&editorMode=advanced&channel=zcoolmanual
我们再来做一个膨胀风的图标。
输入
提示词：
膨胀风格，气球，塑料，可爱，光感，光滑，4k高清图
选择
[风格模型]
为【3D】，
[画面参考1]
选择
[查找边缘]
，
[画面参考2]
选择
[深度扫描]
，参考程度数值都为0.6。因为我们的素材尺寸为方形，所以这里出图的
画面比例
选择1:1。
采样器
选择Euler（基础采样，适合范围广）。
可以看到生成的图四周方形轮廓还算规整，但是中间区域的图形轮廓都糊掉了。具体是什么样的图形都看不出来。
所以，在其他设置都不变的情况下，我们将
[查找边缘]
与
[深度扫描]
的数值从0.6改成1。
可以看到图形的外部与内部的轮廓都能清晰的还原。
我们再调整一下提示词，将提示词填写得更具体更丰富些。
提示词：
膨胀风格，3D，C4D，紫色，红色，橙色，精致的细节，细腻质感，气球，塑料，可爱，光感，光滑，体积感，4k高清图
其他设置不变的情况下，我们看看出图效果。
可以看到色彩变得更绚丽了些，按着目前的设置，已经可以有很不错的出图效果啦！
在其他设置都不变的情况下，我们新增加一个风格模型【3D ICON】。
在这样的设置下，我们多生成几组图，可以看到出图效果还是挺不错。
挑选满意的一张图，然后进行高清放大。
然后导入ps里，调整画面，最后导出PNG格式图保存好。
制作上方同款链接：
https://www.whee.com/ai/text-to-image?id=301103&styleModelId=6472%2C4229&source=personal_center&feedId=7223901876391795422&location=detail_page&editorMode=advanced&channel=zcoolmanual
现在我们将音乐图标变得更具未来科幻感，那么动手操作起来吧！
我们输入
提示词：
赛博朋克风格，未来感，科幻，机甲，机械，精密仪器，齿轮，螺丝钉，霓虹灯带，3D，C4D，精致的细节，细腻质感，体积感，4k高清图
风格模型选择【机甲手办】，画面参考1和2依旧选择
[查找边缘]、[深度扫描]
，参考程度数值先设置为0.6。
可以看到，出图效果还行，但是图标边缘有些杂乱，细节也不是很丰富。
我们修改一下
提示词：
赛博朋克风格，未来感，科幻，机甲，机械，冷暖光对比，精密仪器，齿轮，螺丝钉，电线，线路，霓虹灯带，层次分明，3D，C4D，精致的细节，细腻质感，体积感，4k高清图
我们将
[查找边缘]、[深度扫描]
，参考程度数值调整为1。新添加一个风格模型【赛博朋克科幻风格美女v1.5】。
出图效果比之前的更不理想了。图标轮廓不明显，细节丢失更严重。应该是风格模型不适合。
所以我们调整模型，添加的模型为【机甲手办】与【机械姬v2】。
[查找边缘]
参考程度数值调整为0.8
，[深度扫描]
数值依旧为1
。
可以看到图片的细节丰富了些，但还没有达到自己想要的效果。
我们调整一下
提示词：
赛博朋克，机甲，机械风格，金属，齿轮，线路，科技感，电线，冷暖光对比，层次分明，精致的细节，丰富的细节，(干净的背景1:3)，体积感，4k高清图
风格模型不变。
[查找边缘]
参考程度数值调整为0.7
，参考时段数值为0.06 - 0.08。[深度扫描]
数值依旧为1
。
在这样是设置下，多生成一些图，可以看到，图案的细节丰富了许多，轮廓也比较的完整。
挑选满意的图，然后高清放大。
放大后的图导入ps里，调整画面，最后导出PNG格式图保存好。
制作上方同款链接：
https://www.whee.com/ai/text-to-image?id=301203&styleModelId=5117%2C2997&source=personal_center&feedId=7223954389736378787&location=detail_page&editorMode=advanced&channel=zcoolmanual
我们来做一个毛绒质感的图标。
输入
提示词：
毛绒，柔软，细腻，精致的细节，红色调，丰富的细节，干净的背景，体积感，c4d，4k高清图
添加风格模型【毛绒玩具】。画面参考1和2依旧选择
[查找边缘]、[深度扫描]
，参考程度数值设置为0.6。
出图效果还是挺好的，想要的毛绒绒质感有了。
目前这样的数值设置以及风格模型都挺合理的，可以多生成几次。
选出满意的一张图进行高清放大。方法就是前面说的，在这里就不重复讲解啦。
高清放大后的图导入ps，调整画面，最后导出PNG格式图保存好。
制作上方同款链接：
https://www.whee.com/ai/text-to-image?id=301291&styleModelId=4412&source=personal_center&feedId=7223977846888219375&location=detail_page&editorMode=advanced&channel=zcoolmanual
我们再来制作一个绿植风格的图标。
输入
提示词：
绿色植物，花，草，茂盛的植物，绿色调，c4d，精致，丰富的细节，层次感，体积感，干净的背景，柔和的光线，4k高清大图
添加风格模型【3D春天户外场景】。画面参考1和2依旧选择
[查找边缘]、[深度扫描]
，参考程度数值设置为0.6。
出图效果不是很理想，图形的轮廓并不是很清晰，有些地方融合在了一起。
我们将
[查找边缘]与[深度扫描]
，参考程度数值设置为1。出图效果细节还可以，但图形轮廓有些太规整了。
我们将
[查找边缘]与[深度扫描]
，参考程度数值设置为0.8。出图还是挺好的，比之前的画面要丰富了一些。
上面的出图效果已经符合我内心想要的画面了，但我还想试着看看能不能有其他的画面效果。
所以我调整了下
提示词：
绿色植物，很多美丽的花，草，茂盛的植物，水，云，石头，绿色调，c4d，精致，丰富的细节，层次感，体积感，干净的背景，柔和的光线，4k高清大图
其他的设置不变，可以看到画面的素材变得丰富了些。
选出满意的一张图进行高清放大。方法就是前面说的，在这里就不重复讲解啦。
高清放大后的图导入ps，调整画面，最后导出PNG格式图保存好。
制作上方同款链接：
https://www.whee.com/ai/text-to-image?id=301768&styleModelId=7050&source=personal_center&feedId=7224319900500381693&location=detail_page&editorMode=advanced&channel=zcoolmanual
我们再来制作一个冰冻质感的图标。
输入
提示词：
冰冻，冰块，寒冷，冰霜，寒气，冰天雪地，晶莹剔透，透明质感，体积感，精致的，丰富的细节，4k高清大图
添加风格模型【冰天雪地｜产品场景】。画面参考1和2依旧选择
[查找边缘]、[深度扫描]
，参考程度数值设置为0.6。
在这样的设置下，出图效果还不错的。
我们可以再修改一下
提示词：
冰冻，冰块，寒冷，冰霜，寒气，冰天雪地，冷暖光对比，晶莹剔透，透明质感，体积感，层次分明，精致的，丰富的细节，干净的背景，4k高清大图
再将
[深度扫描]
，参考程度数值设置为1。其他的设置不变。
调整过后，出图效果比之前的好了很多，光效更强，背景也更干净了。
在这样的设置下，出图效果已经是挺满意的了，但是我想再调整提示词看看会有什么样的惊喜。
提示词
调整为：
冰冻，红色的冰块，寒冷，冰霜，寒气，冰天雪地，冷暖光对比，电影级打光，好看的光线，晶莹剔透，透明质感，体积感，层次分明，对比明显，精致的，丰富的细节，干净的背景，4k高清大图
可以看到，画面视觉色彩与对比更强烈，更有冲击感。是我想要的效果。
选出满意的一张图进行高清放大。方法就是前面说的，在这里就不重复讲解啦。
高清放大后的图导入ps，调整画面，最后导出PNG格式图保存好。
制作上方同款链接：
https://www.whee.com/ai/text-to-image?id=301798&styleModelId=9290&source=personal_center&feedId=7224336554173166266&location=detail_page&editorMode=advanced&channel=zcoolmanual
我们来做一个近期很火的黏土风格图标。
输入
提示词：
黏土风，橡皮泥，泥土，泥巴，可爱，精致，红色，黑色，丰富的细节，4k高清图
添加风格模型【WincyFu_黏土风_v1.0】。画面参考1和2依旧选择
[查找边缘]、[深度扫描]
，参考程度数值设置为0.6。
出图效果还行，但细节缺了些。
我们其他的设置不变，调整下
提示词：
黏土风，橡皮泥，泥土，泥巴，可爱，精致，红色，黑色，电影级打光，粗糙质感，边框，丰富多彩，丰富的细节，体积感，干净的背景，4k高清图
经过提示词的改变，可以看到细节丰富了许多，体积感也更明显了。
我们在设置不变的情况下，多生成几组图。如果模型适合，一般可以很快的可以得到自己满意的效果图。
选出满意的一张图进行高清放大。方法就是前面说的，在这里就不重复讲解啦。
高清放大后的图导入ps，调整画面，最后导出PNG格式图保存好。
制作上方同款链接：
https://www.whee.com/ai/text-to-image?id=301819&styleModelId=9671&source=personal_center&feedId=7224355759261250764&location=detail_page&editorMode=advanced&channel=zcoolmanual
我们再来做一个果冻质感的图标。
提示词：
果冻，柔软，有弹性，流动，气泡，小泡泡，精致，光滑，电影级打光，冷暖光对比，丰富多彩，绚丽色彩，丰富的细节，体积感，干净的背景，4k高清图
添加风格模型【果冻风】。画面参考1和2依旧选择
[查找边缘]、[深度扫描]
，参考程度数值设置为0.6。
出图效果还行，但是少了些果冻的透明Q弹质感。
我们调整一下
提示词：
果冻，非常柔软，非常有弹性，透明，晶莹剔透，气泡，小泡泡，精致，光滑，电影级打光，冷暖光对比，丰富多彩，绚丽色彩，丰富的细节，体积感，干净的背景，3D，C4D，4k高清图
再增加一个【3D】风格模型。其他设置不变。
可以看到出图效果并不理想。应该是新增的风格模型不太适合。
我们将风格模型【3D】替换成【透明2.0】，其他设置不变。
在这样的设置下，我生成了两组图，但都不是很满意，果冻质感与细节都不太好。
所以最后我只保留一个风格模型【果冻风】。
然后调整下
提示词：
果果冻，非常柔软，非常有弹性，透明，晶莹剔透，气泡，小泡泡，精致，光滑，电影级打光，冷暖光对比，绚丽色彩，梦幻的色彩，童话，丰富的细节，体积感，层次分明，对比明显，干净的背景，3D，C4D，4k高清图
出图效果是我想要的，色彩丰富且和谐，果冻的质感与细节也都有了。
所以，并不是说风格模型添加越多就越有用。我们可以多多尝试，看看模型多一些或者少一些出图的效果。只有多尝试了，才能慢慢得到我们期望中的效果图。
最后选出满意的一张图进行高清放大。方法就是前面说的，在这里就不重复讲解啦。
高清放大后的图导入ps，调整画面，最后导出PNG格式图保存好。
制作上方同款链接：
https://www.whee.com/ai/text-to-image?id=302133&styleModelId=7719&source=personal_center&feedId=7224630849265746435&location=feed_page&tab=works&editorMode=advanced&channel=zcoolmanual
我们再来来制作一个盲盒风格的图标。
输入
提示词：
盲盒，橙色，白色，精致，光滑，电影级打光，冷暖光对比，绚丽色彩，明亮色彩，丰富的细节，体积感，层次分明，对比明显，干净的背景，3D，C4D，4k高清图
添加风格模型【简单盲盒2.0】。画面参考1和2依旧选择
[查找边缘]、[深度扫描]
，参考程度数值设置为0.6。
出图的质感还行，但觉得画面效果有些单调。
我将风格模型替换成【3D卡通】，其他设置不变。可以看到图案样式丰富了些。但依旧不是我所期待的效果。
将
提示词
调整下：
盲盒，橙色，白色，精致，光滑，可爱，有趣的，创意，有质感的，电影级打光，绚丽色彩，明亮色彩，冷暖光对比，温馨，暖光，氛围灯，丰富的细节，体积感，层次分明，对比明显，干净的背景，3D，C4D，虚幻引擎渲染，4k高清图
其他设置不变。质感细节都不错，只是画面元素有点杂乱。
提示词再
调整下：
盲盒，橙色，白色，精致，光滑，可爱，有质感的，电影级打光，明亮色彩，暖光，隐藏式氛围灯，丰富的细节，体积感，层次分明，对比明显，干净的背景，3D，C4D，虚幻引擎渲染，4k高清图
其他设置不变。修改提示词以后，出来的效果图是自己想要的样子了。
最后选出满意的一张图进行高清放大。方法就是前面说的，在这里就不重复讲解啦。
高清放大后的图导入ps，调整画面，最后导出PNG格式图保存好。
制作上方同款链接：
https://www.whee.com/ai/text-to-image?id=302242&styleModelId=3848&source=personal_center&feedId=7224686853768628241&location=detail_page&editorMode=advanced&channel=zcoolmanual
最后，我们给WHEE的图标设计来一次大胆的创新。
输入
提示词：
科技光圈，霓虹灯，灯管，发光，未来感，科幻，电影级打光，冷暖光对比，绚丽色彩，明亮色彩，蓝色，紫色，白色，精致，丰富的细节，体积感，层次分明，对比明显，干净的背景，3D，C4D，4k高清图
添加风格模型【南墙-未来科技光圈】。画面参考1和2依旧选择
[查找边缘]、[深度扫描]
，参考程度数值设置为0.6。
出图质量还不错，但和我所期待的还有些差距。
其他设置不变，只需要调整
提示词：
科技光圈，霓虹灯，灯管，发光，岩石，山石，机械，金属，钢铁，蒸汽朋克，废土艺术，粗糙质感，厚重感，未来感，科幻，电影级打光，冷暖光对比，绚丽色彩，精致，丰富的细节，体积感，空间层次感，层次分明，对比明显，干净的深色背景，3D，C4D，4k高清图
可以看到调整了提示词后，图标的质感与原来有了很大的不同。质感更粗糙，细节也更丰富了。
最后选出满意的一张图进行高清放大。方法就是前面说的，在这里就不重复讲解啦。
高清放大后的图导入ps，调整画面，最后导出PNG格式图保存好。
制作上方同款链接：
https://www.whee.com/ai/text-to-image?id=322801&styleModelId=9555&source=personal_center&feedId=7242448275159401729&location=detail_page&editorMode=advanced&channel=zcoolmanual
我们将制作好的图标进行排版，整体还是有创意且有趣的，与我们日常看到的扁平化风格有很大的区别。所以，AI在提高我们工作效率的同时，也为我们的设计提供了更多的可能性。
我们将排版好的图进行动画处理。方法和上一篇讲到的动态海报一样。
首先将素材分别保存为PNG图片。九个图标需要分别保存PNG图片。
然后打开视频剪辑软件（剪辑软件可以根据自己所熟悉的软件进行选择，在这里我只分享视频剪辑的想法）。将素材全部导入。先将底图、手机模板、文字这三个素材拖动到下方。三个素材的上下关系是底图在最下方，手机模板在中间，文字在上方。
我们先给手机模板与文字做动画效果。
点击手机模板的长条，然后再点击页面右上方的
[动画]，
再点击
[动感缩小]
动画特效
，
在下方的
[动画时长]
里设置动效时间的长短。可以看到我这里设置的动画时长是1.4s。
文字动画的设置方法也是一样的，如果想要用其他动画特效，那么也可以再尝试。
我们再将一个图标拖动到下方。可以看到图标占据了画面的比例太大了，这时候需要将图标进行缩小。我们点击页面右上方的
[画面]-[基础]
，可以看到下方有
[缩放]
选项，拖动它，可以进行素材的放大与缩小。
我们再给图标进行动画处理。方法和上面讲的相同，点击图标长条，然后点击
[动画]
，再选择自己喜欢的动效。与其他动效相比，我自己还是更喜欢
[动感缩小]
这个动效。
按照上面的方法，将余下的图标一个个拖动到下方，然后排版，添加动画。
再添加音乐素材。点击页面左上方
[音频]
，可以选择喜欢的音乐素材。
最后点击右上角导出视频。
我们最后来看看视频效果吧！
今天的分享就到这里，下一期我们再来学习更多有意思的内容！
喜欢这篇分享的话给点个赞吧！感谢～～
204
举报
声明
438
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗？喜欢就快来夸夸TA吧！
推荐素材
你可能喜欢
相关收藏夹
登录注册
99+登录即可同步推荐记录哦
99+登录即可加入我的收藏
评论登录即可评论想法
分享分享