霜染枫丹 发表于 2026-1-22 20:40

如何利用AI生成图像制作播放器

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
    .pa { --offsetX: 81px; --bg: url('https://cccimg.com/view.php/f961b7b050ba90c95e1445779c16e676.gif') no-repeat center/cover; --ma-size: 12%; width: 1400px; height: 788px; }
</style>

<div class="pa"></div>

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';

    const tz = TZ.TZ('pa');

    tz.add('audio', '', '', { src: 'https://cccimg.com/view.php/959c6212451f15c1e9cbeaa43d073cfd.m4a' });
    tz.add('video', '', 'vid', {src: 'https://cccimg.com/view.php/1e96dde285306108c383caffa7aba9a0.mp4'}).style('opacity: 0.1;');
    tz.add('img', '', 'ma', { src: 'https://ff.xiaoqiaodali.top:5401/i/2026/01/22/6971fa1f55c41.png' }).style('bottom: 80px;').playmp3();
    tz.bgprog().style('bottom: 30px; color: #fefefe; width: 240px;');
    var gc = `醉在山水间
作词 : 广文
作曲 : 广文
编曲：姜山
歌手：周建芬
丛丛青山
映绿湖水
芊芊垂柳
轻吻你的眉
层层涟漪
漾起我心扉
煦煦柔风吹动
你的衣袂
一颦一笑尽妩媚
一步一回首惹人醉
弯弯小桥潺潺流水
亭亭绿荷妍妍红蕊
一曲琴音
一路芳菲
丛丛青山
映绿湖水
芊芊垂柳
轻吻你的眉
层层涟漪
漾起我心扉
煦煦柔风吹动
你的衣袂
一颦一笑尽妩媚
一步一回首惹人醉
弯弯小桥潺潺流水
亭亭绿荷妍妍红蕊
一曲琴音
一路芳菲
一颦一笑尽妩媚
一步一回首惹人醉
弯弯小桥潺潺流水
亭亭绿荷妍妍红蕊
一曲琴音
一路芳菲
一曲琴音
一路芳菲`;
    tz.lrc(tz.lrc2HC(gc), '', false).style('top: 690px;');
    tz.fs().style('left: 20px; top: 20px;')
</script>


霜染枫丹 发表于 2026-1-22 20:41

https://cccimg.com/view.php/f961b7b050ba90c95e1445779c16e676.gif

霜染枫丹 发表于 2026-1-22 20:43

利用AI出图做素材，就像一个拥有极强执行力的“视觉化搭档”。它能以惊人的速度将您的语言描述转化为视觉草案，极大地提升了创意实现的效率和可能性，让每个人都拥有了一个“私人画师”。然而，成功的关键在于使用者如何通过清晰的指令和审美判断去“引导”它，并为其注入真正的创意灵魂      

我想制作的歌曲是《醉在山水间》，背景图太大打开就很慢，采用AI制图。没想好用什么样的图片来渲染，就把歌词直接作为指令来生成图片
https://www.yueyijyw.com/data/attachment/forum/202601/22/201907nla36ae72lzmmb8j.jpg

霜染枫丹 发表于 2026-1-22 20:43

本帖最后由 霜染枫丹 于 2026-1-22 20:46 编辑


歌词中是这样描写：


丛丛青山
映绿湖水
芊芊垂柳
轻吻你的眉
层层涟漪
漾起我心扉
煦煦柔风吹动
你的衣袂
一颦一笑尽妩媚
一步一回首惹人醉
弯弯小桥潺潺流水
亭亭绿荷妍妍红蕊
一曲琴音
一路芳菲


我于是重新编辑指令：丛丛青山 映绿湖水 芊芊垂柳 层层涟漪 弯弯小桥潺潺流水
亭亭绿荷妍妍红蕊 荷塘边一古亭内，一古装美女坐在亭内弹奏古琴，发丝随风轻扬，

https://www.yueyijyw.com/data/attachment/forum/202601/22/202142yxyq6o55qejoown0.jpg

霜染枫丹 发表于 2026-1-22 20:47

于是得到了一组图片，选中了其中一幅利用ai制作成视频

https://www.yueyijyw.com/data/attachment/forum/202601/22/203101q849l9px9rdtdrmr.jpg

霜染枫丹 发表于 2026-1-22 20:48

继续利用AI制作小播图片



https://www.yueyijyw.com/data/attachment/forum/202601/22/203408iyzgqiy9i488c7yw.jpg

霜染枫丹 发表于 2026-1-22 20:49

将得到的素材制作好以后，导入到马黑黑的工具之中，就完成了图片的项目。

https://ff.xiaoqiaodali.top:5401/i/2026/01/22/6971fa1f55c41.png

也曾年轻 发表于 2026-1-22 21:28

https://5b0988e595225.cdn.sohucs.com/images/20200409/db39fb96f8534ea6a6583d3e35f6721e.gif

霜染枫丹 发表于 2026-1-22 21:34

也曾年轻 发表于 2026-1-22 21:28


也曾年轻晚上好~~感谢您的支持鼓励，恭祝冬安！！{:4_204:}{:4_190:}

红影 发表于 2026-1-22 22:59

这样的解说过程特别好，可以引导大家这样一步步地利用AI 和黑黑的在线宝宝做帖子了呢{:4_187:}

红影 发表于 2026-1-22 23:00

霜染枫丹 发表于 2026-1-22 20:48
继续利用AI制作小播图片

这组小播图片里，我觉得最后的那个更好看{:4_173:}

霜染枫丹 发表于 2026-1-22 23:45

红影 发表于 2026-1-22 22:59
这样的解说过程特别好，可以引导大家这样一步步地利用AI 和黑黑的在线宝宝做帖子了呢

红影晚上好~~

希望有想做的朋友都来玩，我没事现在就看图片，{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-1-22 23:48

红影 发表于 2026-1-22 23:00
这组小播图片里，我觉得最后的那个更好看

最后的那个四平八稳的，是挺好看的，我存起来留着下次用，我抠图使用ps的AI选项没检查，还留了2个白色没清除。{:4_189:}{:4_204:}{:4_190:}

老谟深虑 发表于 2026-1-23 12:54

            谢谢老友的教程，学习了！

红影 发表于 2026-1-23 22:21

霜染枫丹 发表于 2026-1-22 23:45
红影晚上好~~

希望有想做的朋友都来玩，我没事现在就看图片，

这样的帖子非常体贴，能让想玩的人看了很受益，谢谢枫丹{:4_187:}

红影 发表于 2026-1-23 22:22

霜染枫丹 发表于 2026-1-22 23:48
最后的那个四平八稳的，是挺好看的，我存起来留着下次用，我抠图使用ps的AI选项没检查，还留了2个白色没 ...

主要小播是要旋转的，所以更适合规整的图形{:4_204:}

霜染枫丹 发表于 2026-1-23 23:07

红影 发表于 2026-1-23 22:22
主要小播是要旋转的，所以更适合规整的图形

是的，我就没想过规整一些，还是大脑里没概念，就想整个小图就可以了{:4_189:}

红影 发表于 2026-1-24 11:05

霜染枫丹 发表于 2026-1-23 23:07
是的，我就没想过规整一些，还是大脑里没概念，就想整个小图就可以了

没事啊，反正AI 可以无条件地服从人类指挥，可以反复做多做，然后就会有更符合条件的小图了{:4_204:}
页: [1]
查看完整版本: 如何利用AI生成图像制作播放器