情境2商业网站Logo设计与制作.ppt

1、机械工业出版社，基于工作过程的网页设计与制作教程，主编：张洪斌季春光刘万辉，1 .项目展示与项目目标2 .项目信息3 .项目修订计划与决定4 .项目实施5 .项目检验与评价6 .实训：企业loo 方案2基于工作过程的网页设计和制作教程，第三章网页效果图设计，项目展示和项目目标，1项目展示和项目目标，基本把握层概念把握层的使用方法和技术熟练把握层样式的使用方法和技术把握网页布局工具网， 标度和基准线的使用方法，1项目背景，2 .简称项目信息淮信科技，企业已有自己的企业商标，企业Logo主要用于制作网站，设计简洁，应反映企业性质。 2 .项目信息、词典中Logo是“Logo”的意思，IT领域中Lo

2、go是Logo、Logo的意思。 站点的标志是站点的标志，也是因特网上的每个站点用于链接到其他站点的图形标志。 Logo具有以下角色：1)Logo是链接到其他站点并链接到其他站点的标志和门户。 2)Logo是网站形象的重要表现。 3)Logo便于读者的选择。 好的Logo应具备的条件：1)美丽独特，符合搭档的标准。 2 )配合网站整体的风格。 3 )能够表现网站的体裁、内容、风格。 重要知识点1:Logo的设定改正概要，2 .项目信息，网易的logo，红色(网易)，黑色(NETEASE，www.163 .com)，使用白色三色的“网易”这两个字使用篆书，体现经典的意思，“简单地连接到网络上主要

3、知识点1:Logo的设计概要，新浪网的Logo，Logo的背景色从淡黄色向白色转变，同时以礼花、爆竹和“春”字反映春节的气氛，这个Logo的最特色是在文字I，I上的点上用表象手法单眼处理，并且2 .项目信息，重要知识不透明度、图层可见性、连接图层、添加图层样式、蒙版层、蒙版层、添加图层、蒙版层、普通层、2 .项目信息文字段落、2 .项目信息、主要知识点3 :使用文本工具和图层样式、2 .项目信息， 主要知识点4 :网页效果图的准确布局，参考线命令：使用“视图”“标尺”命令在编辑窗口中显示标尺执行“视图”“视图”“指南”命令时，在编辑窗口中显示指南。 网格命令：显示“查看”“网格”命令将在编辑窗

4、口中显示网格。残奥仪表设置命令：执行“编辑”“首选项”“单位和标尺”命令(快捷键直接调用“首选项”对话框)、3 .项目修订和确定，淮信科技Logo主要基于原始商标，简洁、 建立了反映企业性质的网络的推荐设计大小为230像素100像素，Logo的主题内容在中间区域210像素60像素内，企业的商标重绘，主体颜色不变，采用企业的科技蓝(RGB值为15，40，140 ) 4 .实施项目，启动Photoshop软件，运行“文件”“新建”命令，创建“淮新技术Logo.psd文件”。 宽度： 230像素，高度： 100像素2 )执行编辑偏好设定单位和尺标指令，将尺标单位变更为像素，执行编辑偏好设定参考线、格

5、点、切片、计数指令，将格点间距变更为20像素的新增参考线对话方块(图3-) 依次创建80px )和2条垂直导轨(10px，220px )，新建完成后如图3-36所示。 4、项目实施3 )创建新层，放大图像，使用多边形套索工具，坐标1 (10，20 )，坐标2 (25，30 )，坐标3(30 )， 50 )，图3-37不规则选区的绘制，图3-38选区的填充，4 .项目的实施，4 )将层1的名称复制到层2，执行“编辑”“自由变换”命令，在变换区域内右键单击，执行“水平翻转”命令选择“椭圆套索”工具，将属性样式设置为固定大小、宽度20像素、高度20像素，绘制选区，然后选择红色(RGB值： 255，0

6、， 用0 )填充，用箭头键在层1和层2之间调整位置(图3 )，图3-39描绘不规则的选取范围，图3-40填充选取范围，4 .项目实施，6 )使用文字工具输入“淮信科技”，使字体“方正大黑” 点击文字段落标记，设定文字，图3-41文字间隔的设定，图3-42文字追加后的效果，4 .项目实施，7 )用同样的方法输入文字Huai新scinence and technology，字体： Arial Black。 8 )如图3图44所示，创建新的图层4，使用铅笔工具绘制线条，调整图层的位置。 图3-43添加英文字符，图3-44添加横线的效果，4 .项目实施，9 )层添加层样式。 用鼠标选择“淮信科技”文本层，用鼠标点击“添加图层样式”按钮，选择“斜面和浮雕”效果，如图3-45所示设定。图3-45为“淮信科技”设置“斜面和浮雕”，4 .项目实施，10 )在“层”面板中选择“淮信科技”文本层，单击鼠标右键，执行“复制层样式”命令11 )调整各图层的位置，