手把手教你做个封面生成器,一键导出横竖屏,还能打包成EXE发给朋友

0 阅读4分钟

做视频的朋友都知道,封面就是门面。

每次做封面都要打开PS、找字体、调大小、对齐位置、导出横屏竖屏两版……一套流程下来十分钟就没了,思路也打断了。

最近我也在学着做视频,我学习一些做的比较好的博主的视频,发现他们的封面都是保持统一样式的。

但是我对作图不是很熟,于是我想着能不能写个程序,每次我只需要输入指定的文字就能生成好封面了呢。

于是我就将这个工具做出来了。

现在我做封面,只需要三步:选图、打字、下载。

1.png

这个工具能干啥

简单说,就是一个**「举牌式」封面生成器**。

为什么我选择的是举牌式,主要还是因为网上冲浪刷到过一些,非洲肌肉男的一些举牌视频。

我觉得这个还挺有创意的,就想着做成举牌式的。

你把图片放进去,写上标题,调整好颜色和位置,点一下就能导出高清封面图。

2.png

它解决了三个核心问题:

1. 不用学设计:所有操作都是点一点、拖一拖,所见即所得

2. 横竖屏分开调:针对不同的平台,要求的尺寸,参数独立保存,互不干扰

3. 一键导出:调好之后直接下载PNG图片,拿来就能用

怎么用(三步搞定)

第一步:选背景图

点击左侧的图片网格,选一张你喜欢的背景。这里我默认放入的是我自己的几张图片,你们可以自己上传自己喜欢的图片即可。

第二步:写标题

在输入框里写上你的视频标题,文字会实时显示在预览图的牌子上。

第三步:调样式

  • 字体颜色:点一下颜色块就能换
  • 字体大小:拖动滑块
  • 文字位置:可以直接在预览图上拖拽,也可以用滑块微调
  • 底条高度:控制文字背景条的高低

调满意了,点「下载封面」就完事了。

为什么要做成EXE

很多类似工具是在线网页,但有几个问题:

  • 上传图片涉及隐私,心里不踏实
  • 网络不好就卡住,影响效率
  • 哪天网站关了就用不了了

做成EXE就踏实了:

  • 所有数据都在本地,不上传任何东西
  • 不需要联网,断网也能用
  • 双击就运行,不用安装任何依赖

技术实现(懂行的朋友可以看看)

  • 前端:原生HTML + CSS + JavaScript
  • 渲染:Canvas 2D 图片合成
  • 打包:Wails(Go语言框架)
  • 体积:打包后约35MB

横竖屏独立保存是最大亮点

很多封面工具没有区分横竖屏,调完横屏再切竖屏,所有参数都乱了。

我这个工具横屏和竖屏的参数是完全独立保存的

  • 横屏字体大小48px,竖屏自动变成40px(因为竖屏画面窄)
  • 横屏底条高度18%,竖屏15%(竖屏底条太高会遮太多画面)
  • 位置偏移也是分别保存的

切换模式的时候,参数会自动切换,不用重新调。

适合谁用

  • UP主:横屏封面一键导出
  • 自媒体创作者:竖屏封面轻松搞定
  • 公众号博主:做文章头图
  • 电商卖家:做商品主图
  • 任何需要快速做图的人

怎么获取

这个工具已经打包好了EXE文件,完全免费,直接拿去用就行。

需要EXE的朋友,在公众号 「码农大力」 回复「封面工具」就能拿到。

如果觉得好用,欢迎转发给需要的朋友。

封面效果预览:

图片

3.png

写在最后

写这个工具花了几个小时,但现在每次做封面只用两分钟。

效率提升的背后,其实就是把重复劳动交给程序,把精力留给内容本身。

如果你也在做视频、写文章,希望这个小工具能帮你省下一些时间。