实训项目 | “中昌实业”企业标志的VI设计 | ||||||
课 时 | |||||||
设计教师 | |||||||
教学分析 | 在VI视觉要素中,标志是核心要素,它具有象征功能和识别功能,是企业形象、特征、信誉和文化的浓缩。 | ||||||
教学目标 | 知识目标 | 掌握矢量图的绘制方法 | |||||
能力目标 | 能够设计VI标志,运用所学制作作品。 | ||||||
德育目标 | 锻炼学生的思维能力、创造能力。 | ||||||
教学重点 | 钢笔工具组各工具的使用方法。 | ||||||
教学难点 | VI标志的设计方法。 | ||||||
任务描述 | 在本案例中,将为从事建筑开发行业的“中昌实业”进行企业标志的VI设计。 用几何型和联想型的方法,其整体形状可以联想到企业的主要产业——建筑;又有汉字“中”和“昌”的拼音“C”的外形;颜色上采用中性的蓝和黄,给人以稳健、信任的感觉。 | ||||||
任务分析 | 通过本案例了解VI图形设计的方法,并利用“钢笔工具”、“形状工具”及路径编辑工具等制作出如图4-1所示的标志效果 本案例中,需要完成以下步骤: ·借助网格及参考线来绘制图形。 ·利用“钢笔工具”绘制以纯色填充的形状,并修改形状层的填充效果。 ·利用“形状工具”结合路径操作绘制圆环形状。 ·利用“路径选择工具”对路径进行编辑、调整。 ·利用“历史记录”面板生成新文档,并修改个形状层以渐变填充,制作标志的渐变效果。 | ||||||
任务实施 | 1.选择菜单“文件→新建”命令,打开“新建”对话框,设置文档大小5cm*5cm,分辨率300ppx,单击“确定“按钮。 2.选择菜单“视图→显示→网格”命令,显示网格线;选择“视图→对齐到→网格”命令,开启“对齐到网格”功能。 3.设置前景色为蓝色(#0c3762);选择“窗口→色板”命令,打开“色板”面板,单击面板底部的“创建前景色的新色板”按钮 ,弹出“色板名称”对话框,输入名称为“标准蓝”。用同样的方法将黄色(#fdb812)添加到“色板”面板并命名为“标准黄”。 4.选择工具箱中的“钢笔工具” ,在选项栏中选择工具模式为“形状”;单击“设置形状填充类型”按钮 ,从下拉选项面板中选择“纯色”,在色样中选择“标准蓝”;描边选择“无颜色”。此时鼠标指针变为钢笔状 ,在如下图(左))所示的网格交叉点处单击确定第一个锚点。
5.按住Shift键,向左下方移动鼠标,在对角线的网格节点处单击确定第二个锚点,建立一段45°的路径;向下移动两格,单击确定第三个锚点;向右平移一格,单击确定第四个锚点;向上移动回到起点,指针变为 形状时单击左键以闭合路径,锚点的建立及效果如上图(右)所示。此时,“图层”面板中自动生成新图层“形状1”,将其改名为“左侧”。 6.在“图层”面板中拖动图层“左侧”至“创建新图层”按钮 上,将复制的图层命名为“右侧”;选择菜单“编辑→变换路径→水平翻转”命令,将右侧形状水平翻转;选择工具箱中的“路径选择工具” ,单击选中该形状并向右平移至如下图所示的位置;在“路径选择工具”的工具选项栏中单击“设置形状填充类型”按钮 ,从下拉选项面板中选择“标准黄”,此时形状层“右侧”变为黄色。
7.选择菜单“视图→新建参考线”命令,弹出“新建参考线”对话框,“取向”选择“垂直”,“位置”文本框分别输入0.97厘米和4.03厘米,创建两条垂直参考线, 8.在“图层面板空白处单击,不选中任何图层;选择工具箱中的“椭圆工具” ,选择工具模式为“形状”,填充为“纯色、‘标准蓝’”,描边为“无”,在画布依据参考线绘制一个椭圆形状,如下图所示,此时“图层”面板中自动生成图层“椭圆1”。 9.分别在1.4里面、3.54厘米处建立垂直参考线,在3厘米处建立水平参考线,选择“椭圆工具” ,在工具选项栏单击“路径操作”按钮,从下拉列表中选择“减去顶层形状“。 10.设置完成后,在原椭圆内一句参考线拖动鼠标绘制小椭圆,得到如图4-11所示的椭圆环。如果效果不理想,可利用“路径选择工具”调整位置,火按快捷键Ctrl+T自由变换路径。 11.选择工具箱中的“矩形工具” ,在其工具选项栏中选择工具模式“形状”,“路径操作”选择“减去顶层形状” ,在画布中适当位置绘制矩形,从原形状中减去,效果如下图所示。 至此标准色的标志制作完成,按快捷键Ctrl+H隐藏参考线及网格,按快捷键Ctrl+S将文件存储。 12.单击“历史记录”面板底部的“从当前状态创建新文档”按钮 ,生成新文档;在新文档的“图层”面板中选取“左侧”层,选择“钢笔工具”或“路径选择工具”,在工具选项栏中设工具模式为“形状”,填充设为“渐变”,设置两个渐变色标分别为#2a5491和#0579ad,如图4-13所示,此时,该图层由纯色改为渐变填充。 13.用同样的方法,将圆环改为蓝色渐变填充;将“右侧”改为黄色(#fdb812到#feeb18)的线性渐变填充,得到如图4-1所示的标志渐变效果;按快捷键Ctrl+S,弹出“存储为”对话框,将文件保存为“渐变色标志.psd”。 | ||||||
知识总结 | 借助网格及参考线来绘制图形。 利用“钢笔工具”绘制以纯色填充的形状,并修改形状层的填充效果。 利用“形状工具”结合路径操作绘制圆环形状。 利用“路径选择工具”对路径进行编辑、调整。 利用“历史记录”面板生成新文档,并修改个形状层以渐变填充,制作标志的渐变效果。 | ||||||
拓展作业 | 设计一枚班徽,运用所学制作作品。 | ||||||
修改建议 |