聚焦SVG排版技巧与创意应用的实用手册合集

A collection of practical manuals focusing on SVG typesetting techniques and creative applications

教你一招在图片上放淘口令，横的竖的都行！

教你一招在图片上放淘口令，横的竖的都行！

2024-10-18

 

                                               







无缝长图文排版，为了整体排版的美观和连贯性，通常全篇都是图片，看不到一点文字。


但有一个例外，那就是淘口令。

因为淘口令必须是可以复制的，不能像其他文字一样可以直接制作成图片。

双11快到了，那怎么在图片上放入可复制的淘口令文字呢？

就像下面这样：

 

69￥QXZT32B2uCT￥ https://m.tb.cn/h.g9hUXhV


*素材来自Barbie芭比《和芭比一起，探索运动场上的无限可能》

组件：淘口令-图片(可调字体大小)

编号：10194（组件）


 

89￥Uq0AWwHtFoK￥



*素材来自Barbour官方账号《爸爸的Barbour》

组件：淘口令-图片(可调字体大小)

编号：10194（组件）


还可以横着放：

 

￥J6u4XBu4mcw￥



*素材来自Barbour官方账号《爸爸的Barbour》

组件：淘口令-图片(横版、可调字体大小)

编号：10834（组件）

价格：¥218/终身点此0元购


这就要用到淘口令组件了，大家在 iPaiban Pro 编辑器搜索关键词「淘口令」会看到所有相关组件。所有组件都能设置文字的颜色，建议选用可调整文字大小的组件。


下面以第1个芭比的案例为例，一起看下淘口令组件的使用教程吧。

详细教程：

第1步：选择组件

登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「淘口令」分类中点击选择「淘口令-图片(可调字体大小)」组件，或者直接在搜索框中搜索组件编号10194 。


第2步：上传素材

点击右侧「换图」按钮，上传淘口令的底图。


第3步：设置淘口令

在对应的输入框内，分别输入淘口令文字、文字的颜色色值以及字体大小，并调整文字对齐方式，一般默认居中对齐即可。


颜色色值我们可以询问制作图片的设计师，或者利用微信、QQ的截图功能吸取某个想要的颜色查看色值。

第4步：调整淘口令的位置

我们的底图需要为淘口令预留位置。如下所示，拖动红色区域调整淘口令在图片上的位置。


点击页面右侧「预览草稿」可随时预览效果随时调整。

第5步：导入公众号后台

调整完毕预览没有问题后，点击「同步至微信后台」就可以了。


使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。

如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。


制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。



● SVG 黑科技交互排版👇🏻

 

                                               
                                               
                                               

如需定制 SVG 黑科技排版，请点此查看定制流程和套餐，低至500元/篇。

 

                                                           
                                                           
                           

热门工具

推荐阅读

组件教程
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
SVG案例
推荐指数4.5
来了！新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了！新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了！新闻早班车体育运动
人民日报
2025-06-17
聚焦SVG排版技巧与创意应用的实用手册合集
首页组件教程
教你一招在图片上放淘口令，横的竖的都行！2024-10-18 09:00

 

                                               







无缝长图文排版，为了整体排版的美观和连贯性，通常全篇都是图片，看不到一点文字。


但有一个例外，那就是淘口令。

因为淘口令必须是可以复制的，不能像其他文字一样可以直接制作成图片。

双11快到了，那怎么在图片上放入可复制的淘口令文字呢？

就像下面这样：

 

69￥QXZT32B2uCT￥ https://m.tb.cn/h.g9hUXhV


*素材来自Barbie芭比《和芭比一起，探索运动场上的无限可能》

组件：淘口令-图片(可调字体大小)

编号：10194（组件）


 

89￥Uq0AWwHtFoK￥



*素材来自Barbour官方账号《爸爸的Barbour》

组件：淘口令-图片(可调字体大小)

编号：10194（组件）


还可以横着放：

 

￥J6u4XBu4mcw￥



*素材来自Barbour官方账号《爸爸的Barbour》

组件：淘口令-图片(横版、可调字体大小)

编号：10834（组件）

价格：¥218/终身点此0元购


这就要用到淘口令组件了，大家在 iPaiban Pro 编辑器搜索关键词「淘口令」会看到所有相关组件。所有组件都能设置文字的颜色，建议选用可调整文字大小的组件。


下面以第1个芭比的案例为例，一起看下淘口令组件的使用教程吧。

详细教程：

第1步：选择组件

登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「淘口令」分类中点击选择「淘口令-图片(可调字体大小)」组件，或者直接在搜索框中搜索组件编号10194 。


第2步：上传素材

点击右侧「换图」按钮，上传淘口令的底图。


第3步：设置淘口令

在对应的输入框内，分别输入淘口令文字、文字的颜色色值以及字体大小，并调整文字对齐方式，一般默认居中对齐即可。


颜色色值我们可以询问制作图片的设计师，或者利用微信、QQ的截图功能吸取某个想要的颜色查看色值。

第4步：调整淘口令的位置

我们的底图需要为淘口令预留位置。如下所示，拖动红色区域调整淘口令在图片上的位置。


点击页面右侧「预览草稿」可随时预览效果随时调整。

第5步：导入公众号后台

调整完毕预览没有问题后，点击「同步至微信后台」就可以了。


使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。

如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。


制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。



● SVG 黑科技交互排版👇🏻

 

                                               
                                               
                                               

如需定制 SVG 黑科技排版，请点此查看定制流程和套餐，低至500元/篇。

 

                                                           
                                                           
                           

热门工具

推荐阅读

组件教程
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
组件教程
ID：11845 自动-轮播Banner(可弹出、可长按保存) ID: 11845
SVG案例
推荐指数4.5
来了！新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了！新闻早班车科技互联网
人民日报
2025-06-17
推荐指数3.5
来了！新闻早班车体育运动
人民日报
2025-06-17
公众号
小程序
小红书
视频号
i排版_iPaiban_客服微信扫码加客服领会员
联系邮箱：i@playhudong.com
i排版_iPaiban_公众号i排版_iPaiban_知乎i排版_iPaiban_微博i排版_iPaiban_哔哩哔哩
京ICP备14043207号-2 京公网安备11010802023272号
小黄人科技@2025 | 服务协议