字体与版式设计项目式教程课件 项目6 字体设计综合实践

项目6字体设计综合实践学习目标学习目标说明知识目标熟悉企业视觉识别设计、包装设计和广告设计的作品类型掌握在进行企业视觉识别设计、包装设计和广告设计时，同步设计字体的方法技能目标能够根据主题设计合适的字体能够设计与图像风格相契合的字体素养目标培养综合思考的设计习惯，能够在设计过程中兼顾字体、图像等元素的搭配培养从商业目标到用户体验的全链路思维任务分解6.1企业视觉识别设计6.2广告设计6.3包装设计任务描述声浪社（SoundWaveClub）是一家以“声音+视觉”双引擎驱动的新媒体初创企业，员工平均年龄为25岁，其中95后员工占比达80%。公司专注于音频内容生态构建与社交平台声量运营，通过播客、短视频、直播等形式，为客户提供“从0到百万播放量”的爆发式传播解决方案。随着业务逐步成熟，声浪社计划重新设计企业标志，以更精准地传递品牌特色与核心理念。此次升级将同步推出不同版式的中英文双语标志，彰显企业拓展国际市场的战略决心。任务目标项目名称声浪社企业标志设计应用软件AIGC工具、Illustrator格式要求ai格式展板尺寸800像素×800像素、300像素/英寸作品数量2个，中英文标志各1个设计内容设计不同图文组合形式的中英文企业标志设计要求①标志风格新潮、有趣，符合新媒体行业的调性②标志图形和文字设计美观、新颖，风格统一③标志识别性较高，布局合理配套资源效果\项目6\标志.svg、标志设计.ai任务实施本任务的实施主要包含企业中文标志设计和企业英文设计两个环节。6.1.1企业中文标志设计在文心一言官网的文本框中输入“一家名称为声浪社的新媒体企业需要重新设计标志，请给出多个标志图案的创意构思”提示词，单击按钮，浏览生成的构思方案，从中挑选出符合心意的创意，本例采用下图所示的方案。◄生成和下载标志（1）生成标志图像设计创意使用创可贴AI的“AILogo”功能，生成一张标志图，以svg格式下载。其中标志图中的“SLS”中文拼音缩写应修改为“SWC”，即英文缩写，防止后续制作英文标志时，文字不对应的情况。（2）生成和下载标志◄生成标志图像设计创意6.1.1企业中文标志设计使用Illustrator新建文件，打开下载的标识图文件，将其中的图案移至新文件中，再输入字体为“圆体”的“声浪社”文字，作为基本字形。（3）输入基本字形将当前文字变为独立文字，利用“减去顶层”功能调整“声”部件的首个横笔画的长度，然后通过拖曳调整整个“声”部件的角点，使三个笔画交汇处由直角变为圆角，同时首个横笔画两端依旧保持圆弧的设计。（4）变形“声”文字部件将当前文字变为独立文字，先调整“声”部件的首个横笔画的长度，然后删除部分笔形，以及调整右侧“口”字形的锚点和锚点的控制手柄，使其在视觉上呈现出梯形样式。（5）变形“声”文字部分字形▲输入基本字形▲变形“声”文字部件▲变形“声”文字部分字形6.1.1企业中文标志设计删除“浪”文字部首，绘制三个逐渐变宽的矩形，矩形的高度均等，且与“浪”文字的横笔画高度相似，然后调整矩形位置，以及矩形和“良”字形的位置，组成新“浪”文字，同时保证“声浪社”文字的字距均等。（6）变形“浪”文字部件删除“良”字形的部分笔形，再调整分割后产生的直角，将其变为圆角。（7）删除“浪”文字部分笔形删除“社”文字部件的点笔画，再绘制一个正圆形，使用“膨胀和收缩”命令将其变形为四角星，充当点笔画。删除“社”文字部件的捺笔画，复制粘贴四角星，充当捺笔画。（8）变形“社”文字的部分笔画▲变形“浪”文字部件▲删除“浪”文字部分笔形▲变形“社”文字的部分笔画6.1.1企业中文标志设计删除“声浪”文字的部分笔画，并用四角星替代。调整四角星和“浪”部首的色彩。加粗“声浪社”文字的部分竖笔画，创建两条水平参考线，调整部分笔形位置，使这些文字的顶部和底部分别持平。（9）整体调整文字取消参考线，选择所有文字并进行编组，然后进行倾斜操作，并适当调整“浪”部件的第3横笔画的位置。接着为文字和标志图添加投影，加强立体感。绘制一条倾斜的直线，并调整不透明度，复制多次直线装饰画面，可适当调整标志图位置。保存文件，完成制作。（10）倾斜文字和添加投影▲整体调整文字▲倾斜文字和添加投影6.1.2企业英文标志设计使用“画板工具”在原画板左侧创建一个等大的画板。输入与中文基本字形字体和色彩相同的英文名称文字，并将其调整成独立字母。（1）添加基本字形绘制一个矩形，并将其倾斜。使用该矩形分别删除“S”“W”“C”字母的部分笔形。（2）删除部分字母笔形▲添加基本字形▲删除部分字母笔形按照加粗中文文字竖笔画的方式加粗“V”字母的笔画，然后调整整个V字母的色彩、字母与“A”“E”字母的间距，并编组“V”字母。（3）加粗“V”字母笔画▲加粗“V”字母笔画6.1.2企业英文标志设计绘制一个描边正圆，使用“膨胀和收缩”命令将其变形为花形状，删除“O”字母，使用花形状的描边正圆代替。（4）变形“O”字母笔画复制加粗后的“V”字母，将其解除编组后，重新调整为“L”字母，再次编组。（5）变形“L”字母笔画◄变形“O”字母笔画◄变形“L”字母笔画选择所有英文文字并编组，先为其添加与中文文字相同的投影，然后使用“拱形”命令将其变形，再依次复制字体，修改拱形参数。（6）整体变形英文文字▲整体变形英文文字6.1.2企业英文标志设计先在画板上绘制一个仅有描边的正圆，然后缩小英文文字，并复制粘贴两个四角星、中文标示的图片和装饰线，缩短装饰线，完成设计。（7）布局英文标志▲布局英文标志任务分解6.1企业视觉识别设计6.2广告设计6.3包装设计任务描述“味美轩”连锁餐饮品牌的招牌产品“牛肉面”凭借精选上等牛腱肉、慢火熬制的高汤底，以及手工拉制的劲道面条，成为无数食客心中的美味之选。面对激烈的市场竞争与消费者日益多元化的需求，该品牌决定进一步扩大产品影响力。为此，“味美轩”将采用线上线下双线并行的宣传策略：线下在人流密集区域投放户外灯箱广告，线上在各大影视平台投放视频暂停广告，让这碗牛肉面走进更多食客的生活。任务目标项目名称牛肉面广告设计应用软件AIGC工具、Photoshop格式要求psd格式广告尺寸户外灯箱广告21.89厘米×29.13厘米、出血均为1厘米、150像素/英寸；视频暂停广告600像素×500像素、72像素/英寸作品数量2个设计内容重点设计户外灯箱广告和视频暂停广告的“牛肉面”3字的字体设计要求①广告的画面需展示让人们产生食欲的牛肉面，色彩搭配美观②广告的字体设计需要具有冲击力，使人们对“牛肉面”产生深刻印象配套资源素材\项目6\广告设计\牛肉面.jpg、牛肉.png、标签.png效果\项目6\牛肉面字体设计.psd、户外灯箱广告.psd、视频暂停广告.psd任务实施本任务的实施主要包含户外灯箱广告设计和视频暂停广告设计两个环节。6.2.1户外灯箱广告设计在DeepSeek中输入提示词，单击按钮生成字体设计方案，经过整理确定最终用于生成字体设计效果图的提示词。（1）获取字体设计方案◄获取字体设计方案在即梦AI“生成”页面文本框中输入提示词，设置参数，单击按钮生成字体设计参考图片，从生成的图片中挑选合适的，若效果都不满意，应重新生成。（2）生成字体设计效果图▲生成字体设计效果图6.2.1户外灯箱广告设计使用Photoshop打开字体设计效果图，使用功能和“魔棒工具”将“牛肉面”3字抠取出来，过程中使用“橡皮擦工具”和“收缩”命令减少残留的黑色背景。若字体的白色高光未被抠取，可使用“画笔工具”自行涂抹，然后使用“画笔工具”绘制部分字形的描边。（3）抠取和编辑字体▲抠取和编辑字体使用Photoshop新建文件，使用参考线创建版面。置入“牛肉面.png”“标签.png”文件，添加编辑好的“牛肉面”字体图，输入产品信息文字，用图层蒙版隐藏“牛肉面”字体图与顶部文字重合的内容，保存文件。（4）制作灯箱广告▲制作灯箱广告6.2.2视频暂停广告设计使用Photoshop新建黑色背景的文件，输入“牛肉面”文字，置入“牛肉.png”文件，创建剪贴蒙版，然后创建图层蒙版自然过渡纹理效果，并调整图层不透明度。（1）添加基础字形和肌理为文字添加描边，使文字轮廓清晰。输入相同字体的“牛肉面”拼音文字，调整不透明度与“牛肉面”文字进行编排。（2）添加描边和编排文字▲添加描边和编排文字▲添加基础字形和肌理6.2.2视频暂停广告设计将户外灯箱广告中除标题文字以外的图片、文字一同复制到暂停广告文件中，调整字体大小和位置，绘制一个椭圆路径并将品牌文字输入其中，然后修改为拱形样式，保存文件。（3）制作视频暂停广告▲制作视频暂停广告任务分解6.1企业视觉识别设计6.2广告设计6.3包装设计任务描述茶语奶茶店以“东方新茶饮”为核心概念，深度挖掘本土茶文化资源，将特色茶叶与鲜奶、果肉创新融合，打造兼具高颜值与健康属性的轻负担奶茶产品。该奶茶店敏锐捕捉到当代消费者对产品包装视觉美学与消费仪式感的双重追求，决定利用包装来提升消费体验，如在堂食场景中新增消费者自由选杯环节，并在杯子上粘贴不干胶贴纸；在外带场景中使用具有专属杯面的外带杯。任务目标项目名称茶语奶茶店包装设计应用软件AIGC工具、Illustrator格式要求psd格式包装尺寸包装贴纸800像素×800像素、300像素/英寸；奶茶杯包装36.32厘米×22.12厘米、1厘米出血、150像素/英寸作品数量2个设计内容重点设计各式包装的标题文字设计要求①包装外形与其载体相契合，视觉效果美观，编排合理②包装能突出"东方新茶饮"的核心概念，采用古典风格配套资源素材\项目6\包装设计\茶.png、语.png、印章.ai、仙鹤.png、茶字体结构.png、古典插画.jpg效果\项目6\自选杯包装贴纸.ai、“茶”字体设计.ai、外带杯包装设计.ai任务实施本任务的实施主要包含自选杯包装贴纸、外带杯包装设计两个环节。6.3.1自选杯包装贴纸设计使用Illustrator创建文件，置入“茶.png”文件到画板左侧，再进行图像临摹和扩展，然后将其中的笔形复制粘贴出来，通过删减锚点来平滑字形，调整最后一点笔画的位置。（1）设计“茶”字体置入“语.png”文件进行图像临摹和扩展，获取字体设计，然后通过拖曳锚点来延长最后一笔的字形。（2）设计“语”字体▲设计“茶”字体▲设计“语”字体6.3.1自选杯包装贴纸设计打开“印章.ai”文件，将其移至贴纸文件画板外，再在其上输入文字，然后编排“茶”“语”文字位置，绘制一个渐变底纹并调整堆叠顺序，将它们编组。（3）编排和组合字体在画板上绘制一个矩形和两个渐变正圆，再将编排好的文字移至左下方，置入“仙鹤.png”文件进行装饰，保存文件。（4）制作包装贴纸▲编排和组合字体▲制作包装贴纸6.3.2外带杯包装设计使用Illustrator创建文件，置入“茶字体结构.png”文件，将其填满画板，参考关键结构创建参考线，同时创建垂直中分参考线。（1）新建字体结构参考线将结构图移至画板左侧，绘制一个与画板等大的非白色矩形并锁定。绘制一个矩形充当“艹”部件的横笔画，绘制正圆充当竖笔画，复制一个正圆充当另一竖笔画，保证两圆与垂直中分线等距。（2）设计“艹”部件▲新建字体结构参考线▲设计“艹”部件6.3.2外带杯包装设计复制横笔画，保证高度不变，调整宽度并倾斜。镜像复制倾斜的矩形，与原倾斜矩形组成“人”笔形，确保交点位于垂直中分线位置。（3）设计“人”笔形按照与步骤（3）相同的方式复制、调整矩形，形成“木”笔形，其中横笔画应被竖勾笔画等分，竖勾笔画的竖矩形与垂直中分线等分，勾笔画与竖笔画形成自然的转折，撇、捺笔