用ChatGPT模仿小红书、抖音封面-裕网云资源库

参考案例
图片[1]-用ChatGPT模仿小红书、抖音封面-裕网云资源库
自己实现
图片[2]-用ChatGPT模仿小红书、抖音封面-裕网云资源库
图片[3]-用ChatGPT模仿小红书、抖音封面-裕网云资源库
效果看起来真的还不错，这个完全是由ChatGPT生成，已经能应用于生产了。
比较完美的一稿我做了保存，大家直接拿去用就行，直接放在最后面吧，继续我们的实验记录。
封面分析
我们要先分析出图片用了哪些元素，才能写出来图片
小标题：用了哪个平台
描述：平台介绍描述，也可以其他文案
大标题：正文标题，核心字眼
背景色：采用渐变色
图片[4]-用ChatGPT模仿小红书、抖音封面-裕网云资源库
到此分析完毕，所以我们只要提供这四个元素的描述理论上就能出图。
写 Prompt
我想要设计一张封面图，要求如下：
尺寸：3:4，即宽度为1080像素，高度为1440像素。
渐变色：从#f64188到#f89c3e
文字如下：
小标题：内容（ChatGPT），90像素，黑色，水平居中，距离顶部24%的位置，不加粗，
描述：内容（Chatgpt answers every question），40像素，黑色，水平居中，距离顶部28%的位置
大标题：内容（「不备孕的话容易），110像素，黑色，水平居中，距离顶部45%的位置，注意把中文括号加进去
大标题：内容（怀不上」），110像素，黑色，水平居中，距离顶部65%的位置，注意把中文括号加进去
以上要求请用canvas实现，并把js代码都内联到html里面
调试了几个版本，最后用了这个版本，大家喜欢的话可以自己拿去魔改。
有时候生成的代码不太理想，每次生成的都不一样，我这里保存了一稿比较完美的。
大家可以直接拿去改改参数在保存就可以了。
步骤
以下教程基于不懂编程的人写的：
图片[5]-用ChatGPT模仿小红书、抖音封面-裕网云资源库
图片[6]-用ChatGPT模仿小红书、抖音封面-裕网云资源库
新建一个文件，名字为 “封面图.html”, 然后用vscode编辑，或者文本编辑编辑。
从 ChatGPT复制以上代码进去之后，用谷歌浏览器打开这张图片，也可以直接拖到浏览器标签页那里打开。
打开这个文件后，右键这张图片保存到本地即可，是不是很简单。
图片[7]-用ChatGPT模仿小红书、抖音封面-裕网云资源库
进阶
如果以后想要开发第二张图，第三张图，不用再去问 ChatGPT了，直接去编辑 “封面图.html”就好了，找到对应位置，修改文案即可。
例如：
图片[8]-用ChatGPT模仿小红书、抖音封面-裕网云资源库
图片[9]-用ChatGPT模仿小红书、抖音封面-裕网云资源库
附上封面图源码
<!DOCTYPE html>封面图设计canvas {
display: block;
margin: 0 auto;
}
const canvas = document.getElementById(‘cover’);
const ctx = canvas.getContext(‘2d’);
// 绘制渐变色背景
const gradient = ctx.createLinearGradient(0, 0, 0, canvas.height);
gradient.addColorStop(0, ‘#f64188’);
gradient.addColorStop(1, ‘#f89c3e’);
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);
// 绘制小标题
const smallTitle = ‘ChatGPT’;
const smallTitleSize = 90;
const smallTitleFont = `${smallTitleSize}px sans-serif`;
const smallTitleY = canvas.height * 0.24;
ctx.font = smallTitleFont;
ctx.fillStyle = ‘#000000’;
ctx.textAlign = ‘center’;
ctx.fillText(smallTitle, canvas.width / 2, smallTitleY);
// 绘制描述
const description = ‘Chatgpt answers every question’;
const descriptionSize = 40;
const descriptionFont = `${descriptionSize}px sans-serif`;
const descriptionY = canvas.height * 0.28;
ctx.font = descriptionFont;
ctx.fillText(description, canvas.width / 2, descriptionY);
// 绘制大标题1
const bigTitle1 = ‘「独木的AI实验室’;
const bigTitle1Size = 110;
const bigTitle1Font = `${bigTitle1Size}px sans-serif`;
const bigTitle1Y = canvas.height * 0.49;
ctx.font = bigTitle1Font;
ctx.fillText(bigTitle1, canvas.width / 2, bigTitle1Y);
// 绘制大标题2
const bigTitle2 = ‘挺不错」’;
const bigTitle2Size = 110;
const bigTitle2Font = `${bigTitle2Size}px sans-serif`;
const bigTitle2Y = canvas.height * 0.59;
ctx.font = bigTitle2Font;
ctx.fillText(bigTitle2, canvas.width / 2, bigTitle2Y);

如果喜欢的话，大家给我点个赞吧！

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。如有侵权请与我们联系处理。QQ：444586924

THE END

技术文档