“安全在我心中”的艺术字体设计

北京大学的字体制作网页

用这个，下载模板打印出来，自己就可以做，写完拍照上传会自动帮你生成

1.必需的东西

1)笔

2) A4纸

3) 打印机

4) 手机

2.准备模板

模板是指用于书写文字的图像，左边为参照区，右边为书写区，每一页模板可以书写70个文字。

1)选择现有模板：

请直接选择下载

2)或 生成自己的模板：

首先，将您希望生成的文字放入一个txt文件中。

然后，点击“添加模板”

最后，上传文件，并填写模板的名称和说明。

3)下载模板图像压缩包，并使用A4纸打印其中的图像

3.书写

1)请使用黑色或蓝色的圆珠笔、水笔或者钢笔，请勿使用签字笔、铅笔和彩笔。

2)书写时，保证文字尽量居中，大小匀称，不要压到或超过边框。

4.拍照并上传

1)拍照时，请将A4纸平铺在平整的桌面上， 尽量保持纸张的平整。

2)请准确对焦，如果照片模糊的话，请重拍（否则将影响生成字体质量）。

3)拍照时，只需要拍摄右侧的书写区域，也可扫描整张页面。

4)拍照时，请保证书写区域外面的最大矩形和页码被完整拍到。

5)（可选）将拍好的图像传到电脑中，并压缩成一个zip格式的压缩包。

5.生成字库

1)点击网页下方的“添加字体” 或 首页中的“字体上传”

2)输入字库的名称和描述

3)选择对应的模板(很重要，模板选择错误会提示上传数量不对)

4)上传zip压缩包 或 直接多选并上传表格图像文件

5)选择是否要发送邮件

6)点击确定

ps 剪切蒙版可做出这个效果

1、打开PS，新建文件，输入文字

2、置入图片，图片在上文字在下，图片大小完全覆盖文字

3、选中两个图层，右键选择链接图层

4、在图片图层上右键，创建剪切蒙版

在设计中，字体设计也是设计工作中的很重要的一部分，我们会利用字体去吸引人们的眼球，如何让字体和其他设计融为一体，又能突出设计主题，这一点对于平面设计还是UI设计都很重要。我们选择几种有代表性的字体去临摹，了解一下这些字体是怎样一步步做出来的。

一、海报字体：https://www.bilibili.com/video/BV12C4y1872f

在生活中我们会看到各色各样的海报，海报能够通过简单的文字、图片突显自己想要宣传的内容。那我们选择一个简单的电器海报，去分析这种字体的设计过程。

图片素材来源于网络  侵删

二、Demon字体：https://www.bilibili.com/video/BV12C4y1872f?p=2

制作这类的黑风格魔幻炫光金属感文字效果，可以让字体的设计显得更有质感，可以大大提升整体的页面显示效果。如何让字体变得有质感，让字体有金属的闪亮的感觉，我们一起通过以上视频去一步步学习吧。

图片素材来源于网络  侵删

三、星辰字：https://www.bilibili.com/video/BV12C4y1872f?p=3

星辰字总给人一种很灵动梦幻的感觉，这种星空粒子被打散的感觉让整个画面看起来更加生动。其实这种字体的设计也不难，找好星空背景图，跟着教程一步步走就可以制作出梦幻的星辰字啦。

图片素材来源于网络  侵删

四、立体字：https://www.bilibili.com/video/BV12C4y1872f?p=5

很多时候，为了增强立体感，我们会使用立体字去强调画面整体的立体感。

图片素材来源于网络 侵删

五、字体变形、草莓字

字体变形是字体设计中常用到的通过这一类变形是字体和设计主题更加切合，其方法有横细竖粗法、尖角字法、柔美曲线法和书法体法等。

以上简单的分享了几种做字体的方法，想要让设计更加灵活，可以选择优秀的字体去临摹学习，然后举一反三在使用的时候就能够灵活运用了。

电脑设计字体方法如下：

所需工具：ps

1、打开图片，复制图层，将背景图层图层为黑色；

2、打字，ctrl+t调整大小，栅格化文字；

3、ctrl+点击图标，载入选区，关闭图层；

4、选定拷贝图层，“选择--反选”、“编辑--清除”，完成。

这是Lilt Light Condensed Italic字体，部分字母上面的声调是加上去的，不是字母的一部分，因为有的字母上面有，有的没有，同一字体的字库里同一字母只会有一个字模。

1、Helvetica: 被评为设计师最爱的字体，Realist风格，简洁现代的线条，非常受到追捧。在Mac下面被认为是最佳的网页字体，在Windows下由于Hinting的原因显示很糟糕。

2、Arial: Helvetica的「克隆」，和Helvetica非常像，细节上比如R和G有小小差别。如果字号太小，文字太多，看起来会有些累眼。Win和Mac显示都正常。

3、Lucida Family: Lucida Grande是Mac OS UI的标准字体，属于humanist风格，稍微活泼一点。Mac下的显示要比Win下好。

4、Verdana: 专门为了屏显而设计的字体，humanist风格，在小字号下仍可以清楚显示，但是字体细节缺失严重，最好别做标题。

5、Tahoma: 也是humanist风格，字体和Verdana有点像，但是略窄一些，counter略小，曾经是Windows的标准字体，Mac 10.5之后默认也有安装。

Trebuchet MS: 为微软设计的一个humanist风格字体，个人觉得个性太过突出，用得不好会不搭。

6.Georgia: 基本上适合正文屏显的衬线字体，非Georgia莫属了。笔画粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还算OK。

7、Times: Times是为了报纸而设计的，特点是可以在有限的空间塞进去更多的文字，笔画较弱，小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文，被骂得很惨之后换成了Georgia。

8、Avenir字形简洁，现代，虽然也有几何特征，但是不失人情味。Avenir是法语未来的意思，对同样未来含义的Futura是一种挑战，放大x-height，降部拉长，使得文字的易读性明显提高。字体家族也很完整。再提两句Helvetica，内部分享的时候很多设计师问到为什么没有作为一个推荐字体在这里列出，一方面是因为Helvetica已经作为现代字体中的经典字体被应用得非常广泛了，并不缺乏关注。另一方面Helvetica是Neo-grotesque字体，结构严谨，没有情绪导向，提供着强烈的安全感，好像怎么用都不会错，这是个优势也是个劣势，当我们的设计有比较明确的受众群体或者设计对象有比较明确的气质的时候能够寻找到有同样气质的字体会是更优的选择。