本文介绍了使用Claude设计印刷风格的文字图片的方法，灵感来源于橘子老师分享的设计样式，特别适合用于分享诗歌、金句和文字内容。文章提供了详细的SVG代码模板，用户只需替换文字内容即可生成具有纸张质感和独特视觉效果的图片。核心在于字体选择和背景设计，其中使用了“汇文明朝体”字体，并通过SVG代码实现背景渐变和纸张纹理效果。

🎨文章的核心在于利用Claude设计的SVG代码，创建具有印刷品风格的文字图片。

📜设计模板的核心元素包括字体和背景，用户需安装“汇文明朝体”字体。

📄SVG代码中包含了背景渐变、纸张纹理滤镜等元素，用于模拟纸张质感。

✍️用户只需在提供的模板中替换文字内容，即可生成个性化的印刷风图片。

💡这种方法适用于分享诗歌、金句等文字内容，提供了独特的视觉呈现方式。

原创 云中江树 2025-03-20 20:04 北京

道路延伸到地平线，而终点始终在心中

江树用 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！

阅读原文

跳转微信打开