前段时间突然想给博客加个wordcloud, 已经有很多插件可以自动生成, 但是各种排放位置和效果都不太理想

类似这样

有些图片下载下来无法删除背景, 后期使用PS进行抠图又会非常麻烦, 毕竟很多文字是空心的, 比如字母OBPQR

不可能一个个手动抠图, 所以一开始就需要拿到透明背景的图片

这时候SVG就体现出效果了

先看看最终效果

步骤

  1. 准备文本, 之后可以设置是按词获取还是按行获取

  2. 这里 生成文字

    其实也有一些其他类似生成wordcloud的网站, 不过效果都不太好就是:

    https://timdream.org/wordcloud/

  3. 刚生成的文字比较乱, 我们可以调节一下角度和字体

    字体需要写成英文名称, 可以用中文字体名称拿去翻译一下获得

  4. 然后就可以下载下来了

    这里似乎只能下载成SVG, 而且有时候会下载失败, 只需要多试几次就可以

  5. 一般SVG可以使用Illustrator打开, 但是经常会遇到字体丢失的错误, 丢失后打开又全乱了, 因此干脆转换成PNG然后打开

    转换成PNG

  6. 同事每次生成文字会出现在不同位置, 下载后会是下面的效果

  7. 但是这样还不够, 如果遇到非白色背景一些文字因为太亮会看不清楚

    因此这时候需要打开PS

    然后将亮度调低一些, 饱和度调高一些, 切边

    最终效果:

    如果喜欢用其他的纹理颜色的话也可以使用PS修改, 反正已经是透明背景了

参考文献

  • 文章标题: 《制作一个属于自己的炫酷的WordCloud》
  • 发布日期: 2016-10-13
  • 文章分类: Life
  • 相关标签: Design