江树用 Claude 尝试了一个印刷风设计,用诗歌作为例子(提示词和用法在文末):
缘起
最近看到橘子老师分享了一种印刷品风格的设计样式很好看
非常适合分享一些诗歌,金句,文字,小绿书图文。于是尝试了使用 Claude 直接设计,遂有本文。
如何使用
这个设计模板的核心是字体和背景。
- 在自己电脑安装字体「汇文明朝体」(商用免费)。
字体发布链接:https://zhuanlan.zhihu.com/p/344103391
网盘下载链接: https://pan.baidu.com/s/1T4An5UcSJyhzJ6ugdjcymw?pwd=zam5 提取码: zam5
- 样式以及被江树封装到提示词里了,使用下面的模板,在模板最后添加要显示的文字即可。
提示词模板
## 任务:制作文字效果的 SVG 图片
## SVG 图片示例
<svg xmlns=
"http://www.w3.org/2000/svg"
viewBox=
"0 0 400 533"
>
<!-- 背景渐变 -->
<defs>
<linearGradient id=
"paperGradient"
x1=
"0%"
y1=
"0%"
x2=
"0%"
y2=
"100%"
>
<stop offset=
"0%"
stop-color=
"#f5f2e9"
/>
<stop offset=
"40%"
stop-color=
"#c4dccd"
/>
<stop offset=
"100%"
stop-color=
"#f5f2e9"
/>
</linearGradient>
<!-- 纸张纹理滤镜 -->
<filter id=
"paperTexture"
x=
"0%"
y=
"0%"
width=
"100%"
height=
"100%"
>
<!-- 第一层基础纹理 -->
<feTurbulence
type
=
"fractalNoise"
baseFrequency=
"0.08"
numOctaves=
"6"
seed=
"5"
result=
"noise1"
/>
<feComponentTransfer
in
=
"noise1"
result=
"adjustedNoise1"
>
<feFuncR
type
=
"linear"
slope=
"0.07"
intercept=
"0"
/>
<feFuncG
type
=
"linear"
slope=
"0.07"
intercept=
"0"
/>
<feFuncB
type
=
"linear"
slope=
"0.07"
intercept=
"0"
/>
<feFuncA
type
=
"linear"
slope=
"0.07"
intercept=
"0"
/>
</feComponentTransfer>
<feBlend
in
=
"SourceGraphic"
in2=
"adjustedNoise1"
mode=
"multiply"
result=
"blend1"
/>
<!-- 第二层更细腻的纹理 -->
<feTurbulence
type
=
"fractalNoise"
baseFrequency=
"0.3"
numOctaves=
"4"
seed=
"10"
result=
"noise2"
/>
<feComponentTransfer
in
=
"noise2"
result=
"adjustedNoise2"
>
<feFuncR
type
=
"linear"
slope=
"0.04"
intercept=
"0"
/>
<feFuncG
type
=
"linear"
slope=
"0.04"
intercept=
"0"
/>
<feFuncB
type
=
"linear"
slope=
"0.04"
intercept=
"0"
/>
<feFuncA
type
=
"linear"
slope=
"0.04"
intercept=
"0"
/>
</feComponentTransfer>
<feBlend
in
=
"blend1"
in2=
"adjustedNoise2"
mode=
"multiply"
result=
"blend2"
/>
<!-- 第三层极细微的纹理 -->
<feTurbulence
type
=
"fractalNoise"
baseFrequency=
"0.6"
numOctaves=
"3"
seed=
"15"
result=
"noise3"
/>
<feComponentTransfer
in
=
"noise3"
result=
"adjustedNoise3"
>
<feFuncR
type
=
"linear"
slope=
"0.02"
intercept=
"0"
/>
<feFuncG
type
=
"linear"
slope=
"0.02"
intercept=
"0"
/>
<feFuncB
type
=
"linear"
slope=
"0.02"
intercept=
"0"
/>
<feFuncA
type
=
"linear"
slope=
"0.02"
intercept=
"0"
/>
</feComponentTransfer>
<feBlend
in
=
"blend2"
in2=
"adjustedNoise3"
mode=
"multiply"
result=
"blend3"
/>
<!-- 第四层微观纤维纹理 - 更精细的层级 -->
<feTurbulence
type
=
"fractalNoise"
baseFrequency=
"1.2"
numOctaves=
"2"
seed=
"20"
result=
"noise4"
/>
<feComponentTransfer
in
=
"noise4"
result=
"adjustedNoise4"
>
<feFuncR
type
=
"linear"
slope=
"0.01"
intercept=
"0"
/>
<feFuncG
type
=
"linear"
slope=
"0.01"
intercept=
"0"
/>
<feFuncB
type
=
"linear"
slope=
"0.01"
intercept=
"0"
/>
<feFuncA
type
=
"linear"
slope=
"0.01"
intercept=
"0"
/>
</feComponentTransfer>
<feBlend
in
=
"blend3"
in2=
"adjustedNoise4"
mode=
"multiply"
/>
</filter>
</defs>
<!-- 纸张背景 -->
<rect width=
"400"
height=
"533"
fill=
"url(#paperGradient)"
filter=
"url(#paperTexture)"
/>
<!-- 添加一些随机的微小纤维 -->
<g opacity=
"0.03"
>
<!-- 随机纤维 -->
<path d=
"M100,80 Q120,85 105,90"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.3"
/>
<path d=
"M200,130 Q220,135 205,145"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.3"
/>
<path d=
"M300,180 Q320,190 305,200"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.3"
/>
<path d=
"M150,250 Q160,260 145,270"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.3"
/>
<!-- 更多细小纤维 -->
<path d=
"M80,120 Q85,125 90,123"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<path d=
"M140,220 Q145,225 150,223"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<path d=
"M190,320 Q195,325 200,323"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<path d=
"M250,370 Q255,375 260,373"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<path d=
"M300,420 Q305,425 310,423"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<path d=
"M200,470 Q205,475 210,473"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<!-- 极细纤维群组 -->
<g opacity=
"0.5"
>
<path d=
"M80,150 L83,153"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.1"
/>
<path d=
"M150,250 L153,253"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.1"
/>
<path d=
"M200,350 L203,353"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.1"
/>
<path d=
"M300,250 L303,253"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.1"
/>
<path d=
"M250,150 L253,153"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.1"
/>
</g>
<!-- 微观纤维点阵 -->
<g opacity=
"0.3"
>
<!-- 点簇 -->
<g transform=
"translate(120, 180)"
>
<path d=
"M0,0 L0.4,0.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
<path d=
"M1,1 L1.4,1.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
<path d=
"M2,0 L2.4,0.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
</g>
<g transform=
"translate(200, 240)"
>
<path d=
"M0,0 L0.4,0.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
<path d=
"M1,1 L1.4,1.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
</g>
<g transform=
"translate(280, 300)"
>
<path d=
"M0,0 L0.4,0.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
<path d=
"M0.7,0.7 L1.1,1.1"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
</g>
</g>
</g>
<!-- 居中诗歌标题 -->
<g font-family=
"Huiwen-MinchoGBK, SimSun, serif"
fill=
"#000000"
>
<text x=
"200"
y=
"140"
font-size=
"28"
text-anchor=
"middle"
>《旅程》</text>
<!-- 诗歌内容 -->
<text x=
"200"
y=
"210"
font-size=
"22"
text-anchor=
"middle"
>每一次出发</text>
<text x=
"200"
y=
"250"
font-size=
"22"
text-anchor=
"middle"
>都是一次告别</text>
<text x=
"200"
y=
"290"
font-size=
"22"
text-anchor=
"middle"
>道路延伸到地平线</text>
<text x=
"200"
y=
"330"
font-size=
"22"
text-anchor=
"middle"
>而终点始终在心中</text>
<!-- 署名 - 右下角 -->
<text x=
"300"
y=
"450"
font-size=
"16"
text-anchor=
"middle"
>—— by 云中江树</text>
</g>
</svg>
## 要求:
- 右下角添加署名
"—— by 云中江树"
- 字体使用 Huiwen-MinchoGBK
- 背景纹理、纤维、文字效果保持一致,排版和画布大小自适应
## 要显示的文字:
---
【填入需要显示的诗文】
---
填写完文字后的完整提示词示例
## 任务:制作文字效果的 SVG 图片
## SVG 图片示例
<svg xmlns=
"http://www.w3.org/2000/svg"
viewBox=
"0 0 400 533"
>
<!-- 背景渐变 -->
<defs>
<linearGradient id=
"paperGradient"
x1=
"0%"
y1=
"0%"
x2=
"0%"
y2=
"100%"
>
<stop offset=
"0%"
stop-color=
"#f5f2e9"
/>
<stop offset=
"40%"
stop-color=
"#c4dccd"
/>
<stop offset=
"100%"
stop-color=
"#f5f2e9"
/>
</linearGradient>
<!-- 纸张纹理滤镜 -->
<filter id=
"paperTexture"
x=
"0%"
y=
"0%"
width=
"100%"
height=
"100%"
>
<!-- 第一层基础纹理 -->
<feTurbulence
type
=
"fractalNoise"
baseFrequency=
"0.08"
numOctaves=
"6"
seed=
"5"
result=
"noise1"
/>
<feComponentTransfer
in
=
"noise1"
result=
"adjustedNoise1"
>
<feFuncR
type
=
"linear"
slope=
"0.07"
intercept=
"0"
/>
<feFuncG
type
=
"linear"
slope=
"0.07"
intercept=
"0"
/>
<feFuncB
type
=
"linear"
slope=
"0.07"
intercept=
"0"
/>
<feFuncA
type
=
"linear"
slope=
"0.07"
intercept=
"0"
/>
</feComponentTransfer>
<feBlend
in
=
"SourceGraphic"
in2=
"adjustedNoise1"
mode=
"multiply"
result=
"blend1"
/>
<!-- 第二层更细腻的纹理 -->
<feTurbulence
type
=
"fractalNoise"
baseFrequency=
"0.3"
numOctaves=
"4"
seed=
"10"
result=
"noise2"
/>
<feComponentTransfer
in
=
"noise2"
result=
"adjustedNoise2"
>
<feFuncR
type
=
"linear"
slope=
"0.04"
intercept=
"0"
/>
<feFuncG
type
=
"linear"
slope=
"0.04"
intercept=
"0"
/>
<feFuncB
type
=
"linear"
slope=
"0.04"
intercept=
"0"
/>
<feFuncA
type
=
"linear"
slope=
"0.04"
intercept=
"0"
/>
</feComponentTransfer>
<feBlend
in
=
"blend1"
in2=
"adjustedNoise2"
mode=
"multiply"
result=
"blend2"
/>
<!-- 第三层极细微的纹理 -->
<feTurbulence
type
=
"fractalNoise"
baseFrequency=
"0.6"
numOctaves=
"3"
seed=
"15"
result=
"noise3"
/>
<feComponentTransfer
in
=
"noise3"
result=
"adjustedNoise3"
>
<feFuncR
type
=
"linear"
slope=
"0.02"
intercept=
"0"
/>
<feFuncG
type
=
"linear"
slope=
"0.02"
intercept=
"0"
/>
<feFuncB
type
=
"linear"
slope=
"0.02"
intercept=
"0"
/>
<feFuncA
type
=
"linear"
slope=
"0.02"
intercept=
"0"
/>
</feComponentTransfer>
<feBlend
in
=
"blend2"
in2=
"adjustedNoise3"
mode=
"multiply"
result=
"blend3"
/>
<!-- 第四层微观纤维纹理 - 更精细的层级 -->
<feTurbulence
type
=
"fractalNoise"
baseFrequency=
"1.2"
numOctaves=
"2"
seed=
"20"
result=
"noise4"
/>
<feComponentTransfer
in
=
"noise4"
result=
"adjustedNoise4"
>
<feFuncR
type
=
"linear"
slope=
"0.01"
intercept=
"0"
/>
<feFuncG
type
=
"linear"
slope=
"0.01"
intercept=
"0"
/>
<feFuncB
type
=
"linear"
slope=
"0.01"
intercept=
"0"
/>
<feFuncA
type
=
"linear"
slope=
"0.01"
intercept=
"0"
/>
</feComponentTransfer>
<feBlend
in
=
"blend3"
in2=
"adjustedNoise4"
mode=
"multiply"
/>
</filter>
</defs>
<!-- 纸张背景 -->
<rect width=
"400"
height=
"533"
fill=
"url(#paperGradient)"
filter=
"url(#paperTexture)"
/>
<!-- 添加一些随机的微小纤维 -->
<g opacity=
"0.03"
>
<!-- 随机纤维 -->
<path d=
"M100,80 Q120,85 105,90"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.3"
/>
<path d=
"M200,130 Q220,135 205,145"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.3"
/>
<path d=
"M300,180 Q320,190 305,200"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.3"
/>
<path d=
"M150,250 Q160,260 145,270"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.3"
/>
<!-- 更多细小纤维 -->
<path d=
"M80,120 Q85,125 90,123"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<path d=
"M140,220 Q145,225 150,223"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<path d=
"M190,320 Q195,325 200,323"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<path d=
"M250,370 Q255,375 260,373"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<path d=
"M300,420 Q305,425 310,423"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<path d=
"M200,470 Q205,475 210,473"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.2"
/>
<!-- 极细纤维群组 -->
<g opacity=
"0.5"
>
<path d=
"M80,150 L83,153"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.1"
/>
<path d=
"M150,250 L153,253"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.1"
/>
<path d=
"M200,350 L203,353"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.1"
/>
<path d=
"M300,250 L303,253"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.1"
/>
<path d=
"M250,150 L253,153"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.1"
/>
</g>
<!-- 微观纤维点阵 -->
<g opacity=
"0.3"
>
<!-- 点簇 -->
<g transform=
"translate(120, 180)"
>
<path d=
"M0,0 L0.4,0.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
<path d=
"M1,1 L1.4,1.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
<path d=
"M2,0 L2.4,0.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
</g>
<g transform=
"translate(200, 240)"
>
<path d=
"M0,0 L0.4,0.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
<path d=
"M1,1 L1.4,1.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
</g>
<g transform=
"translate(280, 300)"
>
<path d=
"M0,0 L0.4,0.4"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
<path d=
"M0.7,0.7 L1.1,1.1"
stroke=
"#000"
fill=
"none"
stroke-width=
"0.05"
/>
</g>
</g>
</g>
<!-- 居中诗歌标题 -->
<g font-family=
"Huiwen-MinchoGBK, SimSun, serif"
fill=
"#000000"
>
<text x=
"200"
y=
"140"
font-size=
"28"
text-anchor=
"middle"
>《旅程》</text>
<!-- 诗歌内容 -->
<text x=
"200"
y=
"210"
font-size=
"22"
text-anchor=
"middle"
>每一次出发</text>
<text x=
"200"
y=
"250"
font-size=
"22"
text-anchor=
"middle"
>都是一次告别</text>
<text x=
"200"
y=
"290"
font-size=
"22"
text-anchor=
"middle"
>道路延伸到地平线</text>
<text x=
"200"
y=
"330"
font-size=
"22"
text-anchor=
"middle"
>而终点始终在心中</text>
<!-- 署名 - 右下角 -->
<text x=
"300"
y=
"450"
font-size=
"16"
text-anchor=
"middle"
>—— by 云中江树</text>
</g>
</svg>
## 要求:
- 右下角添加署名
"—— by 云中江树"
- 字体使用 Huiwen-MinchoGBK
- 背景纹理、纤维、文字效果保持一致,排版和画布大小自适应
## 要显示的文字:
---
《命名》
我们给世界命名
好像能够理解它
但真相如同北极星
指引方向却永不可及
---
将 SVG 转为图片
将svg代码保存为名字类似 img.svg 的文件。
然后使用 SVG to PNG 浏览器插件即可导出png图片(魔法上网)
插件地址:https://chromewebstore.google.com/detail/svg-to-png/leakpkiajhlppcdaamfakildcfkihoig?hl=zh-CN
用高级模式导出 SVG 为 png 图片,要是想不糊,把像素值调大为原来的2倍即可。
最后
边界已被打破,创意正在重生。
未来,很精彩,我们,共见证~
我是「云中江树」,这里每周为你分享AI工具、方法和观点。
👉 点赞、在看、分享三连支持 ,关注「云中江树」,深度驾驭AI!