云中江树 03月21日
Claude 绘图：印刷风设计
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文介绍了江树使用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！


阅读原文

跳转微信打开

Fish AI Reader

Fish AI Reader

AI辅助创作，多种专业模板，深度分析，高质量内容生成。从观点提取到深度思考，FishAI为您提供全方位的创作支持。新版本引入自定义参数，让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅，AI 时代的下一个智能信息助手，助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Claude SVG 印刷风 诗歌 设计
相关文章
泰永长征：公司主营为输配电相关业务，没有参与长征火箭相关设计
Instagram联合创始人迈克·克里格出任AI创企Anthropic首席产品官
发现一个讨论AI、编程、设计、硬件、游戏等话题的社区，还意外看到了@艾逗笔 的分享 V2EX：https://www.v2ex.com/?tab=creative
中信证券：黄金珠宝连锁行业正在发生一系列变化
左手增持两百万元股票，右手减持2亿可转债，大股东套现出新招
这首诗即一种明显的摄影讲述体，秘密—文学性赋予一幅照片的神秘气息—诱使阅读。与此诗差不多的，还有卞之琳的那首《断章》“你站在桥上看风景/看风景的人在楼...
Anthropic新功能讓Claude助理可使用外部工具
睡前读几首小诗。书未读完，自己入眠。 在豆瓣偶然知道了辛波斯卡这个波兰诗人。浅浅读了她的几首诗，没有犹豫，下单了这本诗集。 现在其实已经很少买书，大多看...
AI趨勢周報第253期：微軟Build 2024大會AI亮點盤點
Anthropic Launches Tool Use, Making It Easier To Create Custom AI Assistants