几何算法与AI绘画结合生成精美纹样

用户头像
上海/艺术工作者/1年前/1503浏览
几何算法与AI绘画结合生成精美纹样
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3NTI=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
算法生成艺术和生成式AI是数字生成艺术的不同创作方式,结合它们各自的优势能使艺术创作变得更加多样和灵活。
算法生成艺术是通过计算机程序生成的艺术作品,其核心在于使用算法来生成视觉图案、形状和效果,强调规则和逻辑。通过程序控制创作过程,能够生成无限多样的图案,为艺术创作提供广阔的灵感来源。
有时候单纯通过数学公式和编程逻辑生成的基础图案,可能显得过于机械和单调。而AI可以进一步优化和提升这些图像的质量,再通过风格迁移,可使算法艺术作品在更具体的领域中落地。
本文用p5.js作为算法生成的编程实现工具,再与AI生图工具WHEE结合起来,充分利用两者的优势,创造出独特且复杂的纹样作品。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2ODA=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
左:p5.js生成几何纹样。右:在WHEE中风格化后的刺绣纹样。
收藏
使用p5.js生成几何纹样
p5.js是一个免费的开源JavaScript库,旨在帮助人们学习编程并进行算法生成艺术创作,对艺术家、设计师等非计算机专业背景的初学者非常友好。
p5.js官方教程以及一个在线的代码编辑和运行环境,都可以在它官网找到:
先在p5.js中编写代码,生成对称纹样。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU1Njg=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU1NzI=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
通过修改代码和参数,可以成生更复杂的纹样,还可以根据鼠标交互的随机性,算法每次生成的图案都不一样。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU1NzY=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU1ODA=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU1ODQ=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU1ODg=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
本文以算法生成 + AI生成的工作流阐释为主。
生成几何纹样、鼠标交互的p5.js程序,可以参考以下网站:
使用WHEE App平面转3D工作流生成纹样刺绣
接下来把p5.js生成的几何纹样,通过 WHEE将其转换成复杂的刺绣设计。
主要生成步骤
1. 打开WHEE App
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU1OTI=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
2. 首页找到“羊毛毡-平面转3D”
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU1OTY=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
3. 上传刚才用p5.js生成的纹样图片
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2MDA=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
4. 在生成后,通过点击“对比”按钮,可以查看对比效果。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2MDQ=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2ODQ=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2ODg=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2OTI=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2OTY=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3MDA=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3MDQ=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
修改调整
针对不满意的部分可以使用“局部修改”功能做调整。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3MDg=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2MDg=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2MTI=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2MTY=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
顺手做两张算法纹样海报
将WHEE生成的图片导入“美图秀秀”,套用模板快速得到算法纹样海报。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2MjA=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
使用WHEE网页版图生图工作流生成更多纹样风格
WHEE除了App,还有功能更加灵活丰富的网页版。
p5.js + 图生图的工作流关键步骤
1.  在p5.js中编写代码,生成具有纹样分布特点的图形。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2MjQ=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
2. 打开WHEE网页版“图生图”。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2Mjg=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
3. 上传有纹样分布特点的图形。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2MzI=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
4. 撰写提示词。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2MzY=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
5. 参数调整与生成
“重绘幅度”值越低越接近原始图,太低会影响图片质量,所以设置中等就可以了。
“提示词强度”值越高生成结果越接近提示词,默认为7,官方建议采用默认数值,但此案例为了更突出风格化,将提示词强度拉高改为13。
“采样步骤”通常是生成图片所需要的步骤,一般30就可以生成质量不错的图片了。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2NDA=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
设置完参数点击下方“生成”即可。
几组生成效果
1. p5生成的图形:
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2NDQ=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
经WHEE图生图后生成的图形:
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3MTI=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
2. p5.js中增加对称线条后生成的图形:
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU2NDg=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
经WHEE图生图后生成的图形:
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3MjA=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
3. p5.js中调整纹样分布形态:
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3NTY=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
经WHEE图生图后生成的图形:
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3MjQ=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
4. p5.js中调整纹样分布形态:
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3NjA=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
WHEE图生图后生成的图形:
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3Mjg=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
可以添加LoRA风格模型
WHEE有丰富的模型库供大家选择。在“风格模型”中点击“添加风格模型”,可以看到海量的模型库,选择自己所需的模型。这里我选择了“3d刺绣中国龙”的模型,并将强度调整为70%。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3NjQ=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
生成的是具有真实刺绣质感的画面:
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3NDQ=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
我们可以继续尝试其它风格模型,“羊毛毡”模型,可以生成非常逼真的地毯了。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3NDg=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
“FLUFFY长毛材质”模型,生成的是可爱版的地毯。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3MzY=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
“陶瓷-V1-材质系列”模型,生成的瓷器质感也是非常棒的。
几何算法与AI绘画结合生成精美纹样(图ZMTQ4NjU3NDA=) - 教程 - 站酷设计师Contra实验编程原创素材 - 站酷ZCOOL
收藏
通过结合算法生成艺术和生成式AI艺术,艺术家和设计师可以创造出独特且复杂的艺术作品。p5.js 提供了一个强大的平台,用于生成基础图案和实现参数化设计,而以WHEE为代表的AI图像模型和工具则进一步提升了这些图案的质量和风格表现力。这种跨领域的技术结合不仅丰富了创作手段,也为数字艺术创作开辟了新的可能性。
WHEE网页版入口:
WHEE一键创作同款:
13
举报
|
22
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
空的平台平面和自然景观
城阙凡花
平面男孩喝咖啡插画设计
平面书法字手写
倒计时,海报,平面
空的平台平面和自然景观
玄关入门地毯印花图案红地毯
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
古风平面仕女与瓷器
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
平面书法字手写
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
平面男孩喝咖啡插画设计
倒计时,海报,平面
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
城市园林平面布局航拍
平面插画情侣/矢量
平面设计 吊牌设计
你可能喜欢
相关收藏夹
大家都在看
登录注册