(精选)网页美工设计模块五 网四元素设计课件.pptxVIP

网页美工设计模块四 网页元素设计任务一 设计网页Logo教学目标 通过学习，学生能够：1．能理解Logo设计原则2．能区分不同类型Logo的风格特征3．能设计和制作网站Logo１．分辨不同类型Logo的风格、特点２．设计和制作慈善机构网站Logo教学重难点新课导入Logo，就是标志、徽标的意思。标志在企业形象传递过程中，是应用最广泛、出现频率最高，同时也是最关键的元素。网站Logo主要是各个网站用来与其它网站链接的图形标志，代表一个网站或网站的一个板块。它可以反映网站及制作者的某些信息，特别针对商业网站而言，从中可以了解网站的类型和内容。Logo的设计要能够充分体现企业的核心理念，并且设计要求简约、美观、大气、独特，让人印象深刻。网站Logo设计应遵从以下原则：符合企业VI设计的总体要求，网站的Logo设计与企业的VI设计一致标志设计一定要注意识别性，识别性是企业标志的基本功能。设计要符合作用对象的直观接受能力、审美意识、社会心理和禁忌。构思力求深刻、巧妙、新颖、独特，表意准确，能经受住时间的考验。构图要凝练，美观；图形、符号既要简练、概括，又要讲究艺术性。色彩要单纯、强烈、醒目，与企业的形象风格相符。目标展示制作慈善机构网站Logo如下图所示，为某慈善机构网站Logo。此Logo由椭圆、圆、多边形等几个简单的几何形状构成，构图简洁明了——孩子、家、太阳；色彩上以蓝色为主，辅以橙色对比，较为醒目；表意准确，寓意给缺少家庭关爱的孩子一个安宁、温暖的家，让他们拥有一个美好的明天。整个标志简单、大方、易懂，给人印象深刻。 慈善机构网站Logo按住Ctrl键单击图层缩览图，可快速获取图层对象选区。任务分解二、网站Logo制作实例图5-1-6 渐变填充操作步骤1.新建文档600x550像素，分辨率72像素/英寸，RGB颜色，背景白色。2.创建渐变填充图层“底色”，如图5-1-6。3.用椭圆形状工具，画黑色椭圆，按CTRL+T旋转变形，如图5-1-7，得“椭圆”层。4.复制“椭圆”层，得“椭圆副本”层。为了醒目将颜色改为白色，按CTRL+T缩小变形，如图5-1-8； 再添加图层样式，如图5-1-9。任务分解二、网站Logo制作实例图5-1-9 渐变叠加图5-1-8 缩小图5-1-7 变换椭圆操作步骤按住Alt键单击路径控制面板上的垃圾桶图标，可直接删除当前路径。任务分解二、网站Logo制作实例图5-1-11 用蒙版处理高光图5-1-10 添加高光操作步骤5.创建“高光”层，调出“椭圆副本”选区，填充白色；用多边形套索作如图5-1-10所示选区，删除选区图形；并添加图层蒙版，填充黑白直线型渐变，图层不透明度设为80%，如图5-1-11。6.创建“两相连椭圆”层，画如图5-1-12所示2个白色椭圆。7.创建“人物底”层，用钢笔绘制如图5-1-13所示形状，复制一层“人物”改为白色，适当缩小变形，图层不透明度设为50%，如图5-1-14所示；并添加图层蒙版，用多边形套索工具勾勒如图5-1-15所示选区，填充50%灰色。任务分解二、网站Logo制作实例图5-1-15 用蒙版处理人物图5-1-14 人物图5-1-12 画椭圆图5-1-13 人物阴影操作步骤任务分解二、网站Logo制作实例操作步骤8.创建“太阳”层，画黑色正圆。添加图层样式，如图5-1-16。9.创建“太阳高光”层，画一个小的白色正圆，图层模式改为柔光，如图5-1-17。10.创建“人物头部”层，用椭圆形状工具画出人物的头部，填充颜色#01014a；并添加“投影”图层样式，如图5-1-18。图5-1-16 渐变叠加图5-1-17 太阳高光图5-1-18 人物头部任务分解二、网站Logo制作实例操作步骤11.创建“月芽”层，用钢笔画绘制月芽形状，填充颜色#fe5807，如图5-1-19。12.创建“阴影”层，用柔角画笔添加一个阴影，用动感模糊滤镜美化阴影，如图5-1-20所示，得最终效果图。图5-1-20 阴影图5-1-19 月芽形状课堂小结◆ 本任务我们学习了哪些知识？◆ 从这些知识出发引出了哪些技能？◆ 合作学习中，你发挥了多大的作用，有积极主动参与吗？◆ 自评、互评环节的评价结果是否吻合，不吻合的原因是什么？作业布置用字母CQ与动物图形相结合，设计“重庆动物保护学会”标志（图片素材自行上网查找），要求如下：1.规格：尺寸大小880x310像素，分辨率72像素/英寸，RGB颜色，以.PSD格式保存2.图形表达准确、有一定创意 3.构成协调、有美感4.色彩运用准确 5.写50-100字设计说明网页美工设计模块五 网页元素设计任务二 设计网页导航教学目标 通过学习，学生能够：1．能领会网页导航常用的设计形式2．能设计和制作按钮3．能设计和制作网页导航栏１．设计和制作