小白如何学会标签云/创意云文字?超详细教程
本文适合任何一个人:只要你想制作有个性的标签云,这里属于你~
主讲:“Tagul” Word Cloud Art Creator (英文)(借鉴了知乎各位大神和《新媒体运营实战技能》书籍而成)
简单 持续学习 快乐 持续骄傲 我是陈老师的乖学生 @尾焉获牵 .
如果有用, 点个赞&感谢&收藏 ,Hahahaha...
如果文章有错误请大神们指出,有不懂的步骤私聊我呐~~
〇 目录:
一、前言(必看!)
(一)放图!( “Tagul”网站 部分成果)
1、人物标签(偶像 Kimberley Chen 陈芳语 陈老师 )[复杂标签云]
2、其他标签[简单标签云]
(二)如果只是简单制作标签云看这里!
(三)写文章总得有个原因吧(心路历程)
1、 启蒙
2、其他网站(图悦)实际操作第一个标签云超简单的
3、“Tagul”标签云网站的优点满足了我
(四)Word Art 网站熟悉
二、准备阶段:制作标签云分解步骤1(字[标签]WORDS)
(一)在Word中把要做的标签打出来
(二)复制Word中的文字
(三)点Word Art里的“Import”(输入)并粘贴Word文本中的文字
三、准备阶段:制作标签云分解步骤2(字体FONTS)
(一)收集你想要的字体
(二)点击“Add Font”,找到你要的中文字体
四、准备阶段:制作标签云分解步骤3(形状SHAPES)
(一)使用网站自带形状制作简单标签云
(二)辅助工具PS制作你想要的背景图(抠图)(复杂标签云)
- 图片教程: 四(二)1-7
1、用PS打开照片
2、将背景图层拖拽到:复制成“背景 拷贝”图层
3、背景拷贝图层选择正片叠底,加深图片颜色(有利于抠图)
4、抠图开始
5、调整图像大小
6、图像导出PNG格式!
7、退出时注意点(PSD格式)
- 视频教程: 四(二)8
8、 抠图视频(快速选择工具)
- 9、 成品三种格式照片:PNG、JPG、PSD
(三)添加PS后的背景图
1、添加PS后的背景图操作步骤
2、添加PS后的背景图图片定制和效果展示
五、LAYOUT布局和STYLE样式调整
(一)LAYOUT布局-- LAYOUT布局界面介绍和实例展示
(二)STYLE样式-- STYLE样式界面介绍和实例展示
六、标签颜色调整和字体大小(WORDS)[可选]
(一)标签文字字体颜色开心就好
1、标签文字字体颜色设置步骤
2、其他颜色的选择:RGB颜色对照表
3、更新-简便方法:看五(二)STYLE中的Custom调整整体标签颜色
(二)标签文字字体按照感觉调整大小
(三)字体和颜色调整后的图片
七、下载和保存图片
(一)下载图片
(二)保存图片
1、保存图片的步骤
2、特殊情况可不保存图片
八、用PS再次加深图片颜色、调整图像大小[可选]
九、Kimberley Chen 标签实例成品展示
十、感受
一、前言
(一)放图!(部分成果)
1、人物标签(Kimberley Chen 陈芳语)[复杂标签云]
2、其它标签[既有简单标签云,也有复杂标签云]
(二)如果只是简单制作标签云看这里!
(三)写文章总得有个原因吧(心路历程)
1、 启蒙
2、其他网站(图悦)实际操作第一个标签云超简单的
3、“Tagul”标签云网站的优点满足了我
(四)Word Art 网站熟悉
具体如下 :
一(一)放图!
一(一)1、人物标签(复杂) :那就先放几张给偶像Kimberley Chen(陈芳语)做的标签云
在哪里都不忘给爱豆疯狂打Call!!尽管她不是创造101颜值巅峰,不是我第一个投票的人,但她是我认识最深,最棒,超有实力(客观),超可爱的人....只要你慢慢发现她,对,她就是金子Kim,喜欢"逆光",光芒四射~~~金星之火 燃遍全国!!!
❥(^_-)❥(^_-)❥(^_-)ლ(′◉❥◉`ლ)来自一名真爱粉对偶像不同形式de支持,打广告~~~
一(一)2、其他标签(初期 简单标签)
ps:初期从我们Nice的406寝室开始入手的~
一(二)如果只是简单制作标签云看这里!!
我心中简单与复杂标签云的标准是:是否套用的是系统自带的模板、字体、形状等,是否需要积累素材。
简单的标签云:简单地套用系统自带的模板就好。
复杂的标签云:字体需要自己找喜欢的、形状需要用PS抠图、字体需要下载很多(找出适合的字体)。
本文主要讲的是复杂标签云的制作过程,如果你只是想简单快速制作简易标签云,那么直接pass掉:准备阶段四(形状)中的(二)部分,直接借用网站中的形状即可。如果你想get全套的标签云技巧,往下接着看。
一(三)写文章总得有个原因吧(心路历程)
如果用一句“真大空”的“废话”来说就是:做自己喜欢的事,人是快乐的,自豪的。
实际上是。。。
一(三)1、启蒙
(1)大三上学期人才测评课程徐老师做的一个标签云,当时觉得:哇!炫酷哦!厉害..当然,当时只停留在觉得标签云厉害的阶段,好像有找知乎文章,但是没有实际操作。
(2)这学期(大三下学期)在图书馆看了一本闲书:新媒体运营实战技能,里面有写“TAGUL”创意云文字的操作过程 知乎 - 知乎
一(三)2、其他网站图悦实际操作第一个标签云超简单的
刚开始为了做一个职业生涯规划的PPT,想让PPT有新意一点,就想起了徐老师做过的标签云,于是我找遍了网上很多博主写的推荐网站 9个优秀的标签云免费生成工具 - 文章 - 伯乐在线 ,要么不会(英文水平emmm..),要么不稳定,,,可是为了尽快完成作业,选的是图悦 图悦-在线词频分析工具-词云图制作软件 (在线、免费、超级容易上手,但是真的很简单啊)看图6与图7
一(三)3、“Tagul”标签云网站的优点满足了我
该标签云网站的优点满足了我这么简单当然满足不了我们啦,博猪分析了好多网站,最中意的是下面的网站啦! Word Cloud Art Creator
真真切切的好,免费打广告啦~
(1)对于学生来说,相对于中文版“易云词”来说,优点就是 免费(也是最大的优点惹);
(2)做自己想要的形状(PNG格式),下载的字体;
(3)网站还稳定,可以满足基本的需求。
一(四)Word Art 网站熟悉
*以偶像Kimberley Chen(陈芳语)陈老师的标签为例:
二、准备阶段:制作标签云分解步骤1(字[标签]WORDS)
(一)在Word中把要做的标签打出来
(二)复制Word中的文字
(三)点Word Art里的“Import”(输入)并粘贴Word文本中的文字
具体如下:
试过最简单快速的做法是:
二(一)在Word中把要做的标签打出来
如图12;
二(二)复制Word中的文字 ;
二(三)点Word Art里的“Import”(输入)并粘贴Word文本中的文字
如图15,点击“Visualize”预览按钮,如图17,不是英文的部分系统用框框代替了,那么接下来进入第三步:准备阶段:制作标签云分解步骤2(字体FONTS);
三、准备阶段:制作标签云分解步骤2(字体FONTS)
Word Art 网站里面的字体都是英文字体,所以英文的字体会显示,而中文字体显示成框框,这时需要添加中文字体。
(一)收集你想要的字体
(二)点击“Add Font”找到你要的中文字体
具体如下:
三(一)收集你想要的字体
*之前花了一些时间收集了各个网站的字体,这几个网站还不错:如图19
*博猪奉送上自己收集的字体吧:暂时是1.92G,422个文件夹。有需要点链接自行下载: https:// pan.baidu.com/s/14L-nZz ktvfk3MeXwOSDvlw 密码:p5xp
三(二)点击“Add Font”找到你要的中文字体
步骤如下图20-23。如果你们不喜欢哪个字体,再换别的字体就好了如图24。
*博猪的字体是自己收集的字体,有专属的位置,专属的文件夹。
如果你们想要系统的字体,Win10系统: Win10系统字体库在哪里 - 搜搜 ;Win7系统: Win7系统字体库在哪里 - 搜搜 自己搜百度。接下来,依然举例:
四、准备阶段:制作标签云分解步骤3(形状SHAPES)
(一)使用网站自带形状制作简单标签云
(二)辅助工具PS制作你想要的背景图
(三)添加PS后的背景图
具体步骤:
四(一)使用网站自带形状制作简单标签云
Word Art 网站里面有一些形状,简单标签云可以直接借鉴网站形状(如图25)。
四(二)辅助工具PS制作你想要的背景图(抠图)
如果网站的形状满足不了你,此时可以配合“Photoshop”软件来制作你需要的(人物)剪影。
*免费可用资源:
@ 微博Photoshop资源库: 微博正文 - 微博HTML5版
@微信关注“软件安装管家”,软件目录有PS CC 2018软件和教程介绍。
*我用的软件版本是PS CC 2018。
下面任选其一:
- 图片教程: 四(二)1-7
1、用PS打开照片
2、将背景图层拖拽到:复制成“背景 拷贝”图层
3、背景拷贝图层选择正片叠底,加深图片颜色(有利于抠图)
4、抠图开始
5、调整图像大小
6、图像导出PNG格式!
7、退出时注意点(PSD格式)
- 视频教程: 四(二)8
8、 抠图视频(快速选择工具)
最后,成品三种格式照片看四(二)9
- 9、 成品三种格式照片:PNG、JPG、PSD
具体如下:
四(二)1、用PS打开照片;
四(二)2、将背景图层拖拽到:复制成“背景 拷贝”图层;
四(二)3、背景拷贝图层选择正片叠底,加深图片颜色(更有利于抠图);
四(二)4、抠图开始:
四(二)4、(1)快速选择工具((会的大神可以忽略小白没有使用通道和其他精确抠图方法,忘了...))
四(二)4、(2)调整像素点
调大选择大的区域图31;调小选择小的区域(更精细)图33;
四(二)4、(3)羽化、拷贝抠的图层
四(二)4、(4)点击下面两个图层眼睛图标,隐藏该图层,留下最上面拷贝的图层(图39)
四(二)5、调整图像大小
四(二)6、图像导出PNG格式!
四(二)7、退出时注意点(PSD格式)
四(二)7(1)、PSD格式是否需要保存?
四(二)7(2)PSD格式保存步骤:
四(二)8、 抠图视频(快速选择工具)时间:4:09
![](https://pic1.zhimg.com/v2-482da71bcf69f2431d0ce215488eb39a.jpg)
四(二)9、 成品三种格式照片:PNG、JPG、PSD
四(三)添加PS后的背景图
四(三)1、添加PS后的背景图操作步骤
四(三)2、添加PS后的背景图图片定制(图50)和效果展示(图51)
五、LAYOUT布局和STYLE样式调整
(一)LAYOUT布局
LAYOUT布局界面介绍和实例展示
(二)STYLE样式/风格
STYLE样式/风格界面介绍和实例展示
具体如下:
五(一)LAYOUT布局
LAYOUT布局界面介绍和实例展示
五(二)STYLE样式/风格
STYLE样式/风格界面介绍和实例展示
*180706更新补充一图:Style样式中的Custom传统调整整体标签颜色(超方便)
六、标签颜色调整和字体大小(WORDS)
第六步是可选步骤,可调整,也可不调整。
(一)标签文字字体颜色开心就好
1、标签文字字体颜色设置步骤
2、其他颜色的选择:RGB颜色对照表
3、看五(二)STYLE中的Custom调整整体标签颜色
(二)标签文字字体按照感觉调整大小
(三)字体和颜色调整后的图片
具体如下:
六(一)标签文字字体颜色开心就好
六(一)1、标签文字字体颜色设置步骤
六(一)2、其他颜色的选择:RGB颜色对照表
可以按照 RGB颜色对照表 选择你需要的颜色。
六(二)标签文字字体按照感觉调整大小
六(三)字体和颜色调整后的图片
七、下载和保存图片
(一)下载图片
(二)保存图片
具体如下:
七(一)下载图片
七(二)保存图片
1、保存图片的步骤
2、特殊情况可不保存图片
具体如下:
七(二)1、保存图片的步骤
2、 特殊情况可不保存图片 :如果不需要或者碰到图68的情况就算了,直接点“X”离开此界面(因为已经有Png格式图片了)(不知道什么原因..)
八、用PS再次加深图片颜色、图像大小调整[可选]
按照上面四(二)1-3、5-7或者9同样步骤走一遍...详情看视频
*1-3步骤后:中间多个步骤-调整亮度和对比度[按照需求选择](调整图片颜色)
![](https://pic4.zhimg.com/80/v2-405e2d8a9be4ffa083b004b23e13213b_b.jpg)
九、Kimberley Chen 标签实例成品展示
十、感受
一不小心就做了很久,刚开始以为做一会功夫就做好了。后来,不断扩充、扩充、扩充...
en,这是我写过最长时间的文章了。希望我能一直记得怎么做标签云,也希望对你们有用。
最后再来几句结尾吧:
简单 持续学习 快乐 持续骄傲
这次,我是 陈老师的乖学生 @尾焉获牵 .
时间:2018年7月5日 最后一个暑假的第三天。