《网页美工设计》教案-第2讲 网页标准字体的分类制作方法 教案

PAGE《网页美工设计》教案授课专业广告艺术设计专业授课教师 周国宝铜陵职业技术学院制PAGE1第二部分技能提升篇第四章网页标准字体设计标题第二节网页标准字体的分类制作方法课时2课时教学目标教学内容与过程标准字体作为企业形象的重要组成部分在日常生活中随处可见，常常伴随标志一起出现在人们的视野中。形态各异和变化丰富的标准字体不仅为企业塑造了个性化形象，传达出个性鲜明的企业经营理念和行业特征，同时也成为一道亮丽的风景，装扮了人们的生活，给人以美的享受，让人在美的视觉感受中认识品牌，记住品牌。那么，如何制作出这些丰富多彩的标准字体？制作过程中是否存在统一且可遵循的规律和技巧？接下来，就请大家一起进入今天的课程学习。日常生活中标准字体很多，造型各异，但仔细观察，我们不难发现，这些字体无论造型如何变化，我们还是可以按一定的规律对其进行归类，并分类进行制作。一、标准字体按制作方式进行分类1、笔画等粗型此类字体虽形态丰富、结构曲直不一，但有着统一的体特征，即笔画粗细均匀。2、笔画不等粗型此类文字的笔画粗细不统一，有的粗、有的细。3、结构异变型此类字体笔画具有较为统一的规律，但在部分结构和笔画上进行了形态变异，如笔画突变成其它图形，或加入其它象形形态。4、标准字仿电脑字库型此种类型以电脑中某种字体为原型，在此基础上进行编辑、调整、设计。5、字图结合型此类字体在文字设计的同时将图形与文字相结合进行整体化设计。接下来我们分类介绍标准字体的制作方法。1、笔画等粗型这类文字在所有标准字体中属于比较常见且制作最为简单的一类。其特点是：所有笔画粗细完全相等。所以我们可以将文字笔画看成路径线条，用绘制线条的方式完成此类文字制作。首先在AI等设计软件中绘制出文字的路径线。其次，对文字进行描边，将文字描边调整到合适的粗度，将描边转化为为轮廓，对不同的文字和笔画结构进行颜色填充，完成文字设计制作。2、笔画不等粗型以“新生活”字体设计为例。先绘制并编辑文字路径，分别设置不同粗度的文字笔画，设置好以后对文字创建轮廓，将描边转换为图形，再利用倾斜工具对文字进行整体倾斜，倾斜后对笔画进行细节调整，调节到合适的形态，最后再将局部小的结构进行补全，完成作品创作。3、结构异变型以“变形金刚”字体设计为例。先绘制并编辑文字路径，将文字笔画设置成合适的粗度，对编辑好地路径通过轮廓化描边将其转化为图形，同时对变异地笔画和结构进行编辑，调整成合适地状态。再对所有零散的笔画通过路径查找器中的联集功能进行合并，使其变成统一的结构，最后对字体进行色彩填充，完成文字的制作。4、仿电脑字库型以“馋嘴猫”字体设计为例。先输入馋嘴猫几个字，然后从电脑字库选择合适的字体。将字体调整合适的大小，然后创建轮廓使其由文字转化为图形。解除文字编组并释放复合路径，对文字中需要变化的部分进行路径编辑。如：连接馋和嘴的部分笔画，同时将嘴字上面竖的笔画拉长。对文字进行填充，并将文字重新建立成符合路径，对猫字上面草字头的路径进行图形化编辑，完成案例操作。5、字图结合型此种文字以文字和图形相结合，在制作时，对于文字的部分可以利用前面的学习过的方法，先绘制路径，然后对路径进行描边，将路径通过创建轮廓转化为图形，同时利用钢笔工具绘制心形。将人物图形置入文档，放置于合适的位置，将人物图形通过图像描摹的方式由位图转化为矢量图，建立轮廓。将人物路径与文字路径通过路径查找器中的联集按钮进行合并，使其变成一个完成的图形。对合并后的图形进行路径偏移，获得外围的双层路径，并对偏移的路径进行合并，使其成为一个整体，再对其进行描边，完成整个案例的操作。6、笔画风格统一型笔画风格统一型文字第一种制作方法为，事先设计好构成文字的各笔画造型。电脑中的宋体字和黑体字等都是基于这种方式设计的字体，如宋体字，点、横、竖、撇、捺、折等都事先规定好粗细和角度，设计好结构和造型。后期在使用过程中不管遇到何种文字，只需要选择相应的笔画进行组合即可。基于这种思维，我们在进行字体设计时也可以采用这种方法。以“集团公司”四个字设计为例，我们先基于统一的造字方法设计好各种笔画。然后将设计好的笔画进行组合运用即可得到以上字体。笔画风格统一型文字第二种制作方法为，事先绘制某个图形，并基于此图形创建一个画笔，再绘制字体路径，利用创建的画笔对绘制好的文字路径进行描边。完成字形的设计制作，最后再在制作好的文字造型基础上，再补充完成相应的设计效果。如：标准