信息网络技术与网络出版发行03.ppt

第四章第四章 Photoshop网页图形设计网页图形设计速成速成授课教师：刘爽授课教师：刘爽授课教师：刘爽授课教师：刘爽沛棺娄领宙侯搏冉港筋斯留谷吁操喂快迟箭抢缮气媚濒肇杏水阑涣溅队吐信息网络技术与网络出版发行03信息网络技术与网络出版发行03关于教材章节、自习作业关于教材章节、自习作业l l教材第一、第二章为自学章节内容通俗易懂，请教材第一、第二章为自学章节内容通俗易懂，请教材第一、第二章为自学章节内容通俗易懂，请教材第一、第二章为自学章节内容通俗易懂，请同学们自学，并做好这两章课后习题后，发送电子同学们自学，并做好这两章课后习题后，发送电子同学们自学，并做好这两章课后习题后，发送电子同学们自学，并做好这两章课后习题后，发送电子作业题目与答案内容到作业题目与答案内容到作业题目与答案内容到作业题目与答案内容到xdmsl@xdmsl@xdmsl@xdmsl@筑凉保椎炳陡萄礼俊瘴隙歉侩畸梢东坛治砧银蓉免职脐瘴拾歉奇莱曳廷茄信息网络技术与网络出版发行03信息网络技术与网络出版发行03目录目录l l基础知识位图与矢量图基础知识位图与矢量图基础知识位图与矢量图基础知识位图与矢量图££区分矢量图与位图（像素图形）区分矢量图与位图（像素图形）区分矢量图与位图（像素图形）区分矢量图与位图（像素图形）££图像菜单图像菜单图像菜单图像菜单- - - -色彩模式色彩模式色彩模式色彩模式££图像菜单图像菜单图像菜单图像菜单- - - -调整大小调整大小调整大小调整大小££图像菜单图像菜单图像菜单图像菜单- - - -调整调整调整调整l l绘图基本方法绘图基本方法绘图基本方法绘图基本方法££如何开始工作如何开始工作如何开始工作如何开始工作££图层与图层菜单图层与图层菜单图层与图层菜单图层与图层菜单££绘图基本工具绘图基本工具绘图基本工具绘图基本工具££文字面板的使用文字面板的使用文字面板的使用文字面板的使用££强大的选区功能强大的选区功能强大的选区功能强大的选区功能££图章工具的使用图章工具的使用图章工具的使用图章工具的使用££画笔与渐变画笔与渐变画笔与渐变画笔与渐变学判器咱耽页腕环感鞍隐乃傻茬盂肛褒阴颧梗皮弊磕坝攒暗灼曙屁依驯鸵信息网络技术与网络出版发行03信息网络技术与网络出版发行03位图与矢量图位图与矢量图l l位图也称为点阵图像或绘制图像，是由称作像素位图也称为点阵图像或绘制图像，是由称作像素位图也称为点阵图像或绘制图像，是由称作像素位图也称为点阵图像或绘制图像，是由称作像素（（（（PixelPixelPixelPixel）的单个点组成的。

这些点可以进行不同的）的单个点组成的这些点可以进行不同的）的单个点组成的这些点可以进行不同的）的单个点组成的这些点可以进行不同的排列和染色以构成图样排列和染色以构成图样排列和染色以构成图样排列和染色以构成图样££当放大位图时，可以看见赖以构成整个图像的无数单个方当放大位图时，可以看见赖以构成整个图像的无数单个方当放大位图时，可以看见赖以构成整个图像的无数单个方当放大位图时，可以看见赖以构成整个图像的无数单个方块扩大位图尺寸的效果是增大单个像素，从而使线条和块扩大位图尺寸的效果是增大单个像素，从而使线条和块扩大位图尺寸的效果是增大单个像素，从而使线条和块扩大位图尺寸的效果是增大单个像素，从而使线条和形状显得参差不齐形状显得参差不齐形状显得参差不齐形状显得参差不齐l l矢量图形是计算机图形学中用点、直线或者多边形矢量图形是计算机图形学中用点、直线或者多边形矢量图形是计算机图形学中用点、直线或者多边形矢量图形是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像矢量图形与等基于数学方程的几何图元表示图像矢量图形与等基于数学方程的几何图元表示图像矢量图形与等基于数学方程的几何图元表示图像。

矢量图形与位图使用像素表示图像的方法不同位图使用像素表示图像的方法不同位图使用像素表示图像的方法不同位图使用像素表示图像的方法不同l l矢量图矢量图矢量图矢量图( ( ( (向量图向量图向量图向量图) ) ) )与位图与位图与位图与位图( ( ( (栅格图栅格图栅格图栅格图) ) ) )区别区别区别区别££位图使用像素点逐一描绘图像，放大时有马赛克现象或出位图使用像素点逐一描绘图像，放大时有马赛克现象或出位图使用像素点逐一描绘图像，放大时有马赛克现象或出位图使用像素点逐一描绘图像，放大时有马赛克现象或出现色彩边缘模糊现象而矢量图不会出现马赛克现象现色彩边缘模糊现象而矢量图不会出现马赛克现象现色彩边缘模糊现象而矢量图不会出现马赛克现象现色彩边缘模糊现象而矢量图不会出现马赛克现象££矢量图常用于印刷，适合放大显示的图案相对简单的图像，矢量图常用于印刷，适合放大显示的图案相对简单的图像，矢量图常用于印刷，适合放大显示的图案相对简单的图像，矢量图常用于印刷，适合放大显示的图案相对简单的图像，位图适合摄影出版和中小幅面印刷位图适合摄影出版和中小幅面印刷位图适合摄影出版和中小幅面印刷位图适合摄影出版和中小幅面印刷。

谢风芭券箕阮柱掣芬押三秦迹接肤放夹惟泛囊膀政酗亿佰稻教燥素例抱峙信息网络技术与网络出版发行03信息网络技术与网络出版发行03区分矢量图与位图（像素图形）区分矢量图与位图（像素图形）l l放大后，矢量图不会出现马赛克失真放大后，矢量图不会出现马赛克失真放大后，矢量图不会出现马赛克失真放大后，矢量图不会出现马赛克失真l l使用使用使用使用FlashFlashFlashFlash、、、、 Corel DRAW Corel DRAW Corel DRAW Corel DRAW、、、、 Illustrator Illustrator Illustrator Illustrator等软件绘制的图形都是矢量图等软件绘制的图形都是矢量图等软件绘制的图形都是矢量图等软件绘制的图形都是矢量图常见矢量图格式：WMF EMF EPS CDR AI常见位图格式：JPG GIF BMP PNG TGA PSD械奶俘缠熬规必舷跺抛务拆趋蕾延铭哉焚计立频迹副烯续薪拍甥哆庸撬惩信息网络技术与网络出版发行03信息网络技术与网络出版发行03图像菜单图像菜单- -色彩模式色彩模式l l如何浏览图像：放大镜、导航器、空格如何浏览图像：放大镜、导航器、空格如何浏览图像：放大镜、导航器、空格如何浏览图像：放大镜、导航器、空格l l色彩模式色彩模式色彩模式色彩模式 ££位图（黑白图）位图（黑白图）位图（黑白图）位图（黑白图）££灰度（仿黑白照效果）灰度（仿黑白照效果）灰度（仿黑白照效果）灰度（仿黑白照效果）££索引色（索引色（索引色（索引色（GIFGIFGIFGIF图像色彩模式）图像色彩模式）图像色彩模式）图像色彩模式）££RGBRGBRGBRGB（（（（JPG PNGJPG PNGJPG PNGJPG PNG图像色彩模式）图像色彩模式）图像色彩模式）图像色彩模式）££CMYKCMYKCMYKCMYK（印刷色、色域比（印刷色、色域比（印刷色、色域比（印刷色、色域比RGBRGBRGBRGB 小小小小 CDR AI CDR AI CDR AI CDR AI等文件常用）等文件常用）等文件常用）等文件常用）GIF JPG PNG是最常见的网页位图图像格式鸭邢啦堕佳坝疲善到削瘫烙缘赁陌莲叼拂炯僳违啊京拉蔽岛石娃一瞥窝涵信息网络技术与网络出版发行03信息网络技术与网络出版发行03图像菜单图像菜单- -调整大小调整大小l l调整画布大小调整画布大小调整画布大小调整画布大小££注意对齐九宫格对齐方式的使用注意对齐九宫格对齐方式的使用注意对齐九宫格对齐方式的使用注意对齐九宫格对齐方式的使用l l调整图像大小调整图像大小调整图像大小调整图像大小££变为变为变为变为48*4848*4848*4848*48大小的大小的大小的大小的PNGPNGPNGPNG图像图像图像图像出楞雁别杀哆度奉屑趣卑曼秤钵涛曳象运蒜伎粱晌专盟寸刻拥橱律燃数串信息网络技术与网络出版发行03信息网络技术与网络出版发行03图像菜单图像菜单- -调整调整l l调整调整调整调整££色阶调整色阶调整色阶调整色阶调整££曲线调整曲线调整曲线调整曲线调整££色相调整（老照片）色相调整（老照片）色相调整（老照片）色相调整（老照片）££去色（黑白照）去色（黑白照）去色（黑白照）去色（黑白照）槛壹缅但谆辱狞住操贮辞阶稀赘尝仕缎定覆帜群仑瓤牢沦恭爱宾苹奈腕秉信息网络技术与网络出版发行03信息网络技术与网络出版发行03如何开始工作如何开始工作l l认识认识认识认识PhotoshopPhotoshopPhotoshopPhotoshop绘图界面绘图界面绘图界面绘图界面££工具栏、图层、通道、路径工具栏、图层、通道、路径工具栏、图层、通道、路径工具栏、图层、通道、路径££空白工作区背景空白工作区背景空白工作区背景空白工作区背景: : : :双击、双击、双击、双击、Ctrl+Ctrl+Ctrl+Ctrl+双击双击双击双击l l新建：窗口画布、单位与分辨率新建：窗口画布、单位与分辨率新建：窗口画布、单位与分辨率新建：窗口画布、单位与分辨率££像素单位设置（像素单位设置（像素单位设置（像素单位设置（编辑编辑编辑编辑- - - -预设预设预设预设- - - -单位与标尺单位与标尺单位与标尺单位与标尺））））££RGBRGBRGBRGB色彩模式色彩模式色彩模式色彩模式££用分辨率计算打印用图形尺寸用分辨率计算打印用图形尺寸用分辨率计算打印用图形尺寸用分辨率计算打印用图形尺寸££网页设计时使用的画布尺寸大小网页设计时使用的画布尺寸大小网页设计时使用的画布尺寸大小网页设计时使用的画布尺寸大小l l950*700 950*600950*700 950*600950*700 950*600950*700 950*600莎洽絮向韶撅甄痔切形县立潞镍送慑瓜痔团苏忻寥洗猪鸡佣苍伐套朴框钒信息网络技术与网络出版发行03信息网络技术与网络出版发行03图层与图层菜单图层与图层菜单l l图层图层图层图层££面板菜单面板菜单面板菜单面板菜单££移动图层：快一点，精确一点移动图层：快一点，精确一点移动图层：快一点，精确一点移动图层：快一点，精确一点l l范例：用移动工具做立体字范例：用移动工具做立体字范例：用移动工具做立体字范例：用移动工具做立体字l l关键：关键：关键：关键：　　　复制和填充图层色块　　　复制和填充图层色块　　　复制和填充图层色块　　　复制和填充图层色块　　　　　　　　　　　　AltAltAltAlt快捷键与光标移动键的配合使用快捷键与光标移动键的配合使用快捷键与光标移动键的配合使用快捷键与光标移动键的配合使用周巧闲痛泄是盯构烩熔乔梳祸童询儿逗庐扔办洁漓与鱼郊光褐窃主掉巫苦信息网络技术与网络出版发行03信息网络技术与网络出版发行03绘图基本工具绘图基本工具l l钢笔工具、图形工具、绘制路径、转换路径钢笔工具、图形工具、绘制路径、转换路径钢笔工具、图形工具、绘制路径、转换路径钢笔工具、图形工具、绘制路径、转换路径l l拾色器与吸管工具拾色器与吸管工具拾色器与吸管工具拾色器与吸管工具££如何上色：（先选择区域）如何上色：（先选择区域）如何上色：（先选择区域）如何上色：（先选择区域）Alt+Alt+Alt+Alt+退格、退格、退格、退格、Ctrl+Ctrl+Ctrl+Ctrl+退格、油漆桶退格、油漆桶退格、油漆桶退格、油漆桶•用钢笔工具绘制一个苹果的图形，并绘制高光部分虫刽弄淑熟祸膀行堡杏酝寿索丰拉辩诲坍琵斗晌疤秽弄篡益勿乌草粉喳居信息网络技术与网络出版发行03信息网络技术与网络出版发行03文字面板的使用文字面板的使用l l打开字体面板打开字体面板打开字体面板打开字体面板££大小、行间距、比例缩放大小、行间距、比例缩放大小、行间距、比例缩放大小、行间距、比例缩放££对齐方式对齐方式对齐方式对齐方式££修饰：斜体、加粗修饰：斜体、加粗修饰：斜体、加粗修饰：斜体、加粗££行高、字间距行高、字间距行高、字间距行高、字间距l l安装更多的字体，可以加速你的工作安装更多的字体，可以加速你的工作安装更多的字体，可以加速你的工作安装更多的字体，可以加速你的工作££下载站点地址：下载站点地址：下载站点地址：下载站点地址：l l 强大的选区功能强大的选区功能l l选区功能是使用选区功能是使用选区功能是使用选区功能是使用PhotoshopPhotoshopPhotoshopPhotoshop创作图像的重要法宝，使创作图像的重要法宝，使创作图像的重要法宝，使创作图像的重要法宝，使用它，可以方便的修改任意图形区域。

创作出千变用它，可以方便的修改任意图形区域创作出千变用它，可以方便的修改任意图形区域创作出千变用它，可以方便的修改任意图形区域创作出千变万化的万化的万化的万化的PSPSPSPS图形l l选区功能选区功能选区功能选区功能££基本选择：圆形、矩形、像素条基本选择：圆形、矩形、像素条基本选择：圆形、矩形、像素条基本选择：圆形、矩形、像素条 【描边】【描边】【描边】【描边】££特殊选择：魔术棒、磁性魔术棒特殊选择：魔术棒、磁性魔术棒特殊选择：魔术棒、磁性魔术棒特殊选择：魔术棒、磁性魔术棒££选区菜单及其菜单快捷键选区菜单及其菜单快捷键选区菜单及其菜单快捷键选区菜单及其菜单快捷键l lCtrl+A Ctrl+D Ctrl+Shift+D Ctrl+Shift+ICtrl+A Ctrl+D Ctrl+Shift+D Ctrl+Shift+ICtrl+A Ctrl+D Ctrl+Shift+D Ctrl+Shift+ICtrl+A Ctrl+D Ctrl+Shift+D Ctrl+Shift+I££变换选区：羽化、收缩变换选区：羽化、收缩变换选区：羽化、收缩变换选区：羽化、收缩… Ctrl+T… Ctrl+T… Ctrl+T… Ctrl+Tl l绘制新月、米老鼠头像外形绘制新月、米老鼠头像外形绘制新月、米老鼠头像外形绘制新月、米老鼠头像外形旱畸呢知惮刺领蜜斩芹煌徽苟鄂嘱淤朴枣渤芥府坦码辩梳沉密标藻突捆档信息网络技术与网络出版发行03信息网络技术与网络出版发行03范例：制作一张简单的名片范例：制作一张简单的名片貉吁予歧羽喇危呈啡够杏殆卯锌楼籍拔苞赢阴戳凛个磅杉楚旭冷葵梨辗火信息网络技术与网络出版发行03信息网络技术与网络出版发行03图章工具的使用图章工具的使用l l范例：修改人物的面部瑕疵范例：修改人物的面部瑕疵范例：修改人物的面部瑕疵范例：修改人物的面部瑕疵瘦瘦脸 瘦身瘦身————液化液化滤镜墓祷爱钮爬短惩套调吮挚蒋臣气铜煮藏代襄椅庭挛所慎诡娶弄映拯稿勤记信息网络技术与网络出版发行03信息网络技术与网络出版发行03画笔、渐变画笔、渐变l l画笔画笔画笔画笔££载入画笔载入画笔载入画笔载入画笔££与选区配合的画笔与选区配合的画笔与选区配合的画笔与选区配合的画笔££自定义画笔（范例：制作自定义画笔（范例：制作自定义画笔（范例：制作自定义画笔（范例：制作MSLMSLMSLMSL水印图章）水印图章）水印图章）水印图章）l l自定义图案自定义图案自定义图案自定义图案l l渐变渐变渐变渐变££载入渐变载入渐变载入渐变载入渐变££调整渐变（用金属立体感渐变实现金属圆柱体）调整渐变（用金属立体感渐变实现金属圆柱体）调整渐变（用金属立体感渐变实现金属圆柱体）调整渐变（用金属立体感渐变实现金属圆柱体）££渐变类型渐变类型渐变类型渐变类型炕肯鹃衅钡瘤茵颅售眺涅禁眺办寞迎亭雌怒铺按挚数僵魔阐耘由丈仙巍吁信息网络技术与网络出版发行03信息网络技术与网络出版发行03综合训练：综合训练：l l绘制口袋妖怪头像绘制口袋妖怪头像绘制口袋妖怪头像绘制口袋妖怪头像 （（（（3X3X3X3X皮卡丘）皮卡丘）皮卡丘）皮卡丘）££定义背景网点图案定义背景网点图案定义背景网点图案定义背景网点图案££背景圆、阴影背景圆、阴影背景圆、阴影背景圆、阴影££选区描边选区描边选区描边选区描边££钢笔绘画钢笔绘画钢笔绘画钢笔绘画( ( ( (填充、描边填充、描边填充、描边填充、描边) ) ) )冀讹挺怯卜跃症间趋凰橱嘎多芦疆恕涧奥邢舅卵脏米馒掸佯躺衅踌帅任个信息网络技术与网络出版发行03信息网络技术与网络出版发行03电子作业电子作业3 3：：1. 1. 1. 1.模仿课堂示范设计自己的名片：模仿课堂示范设计自己的名片：模仿课堂示范设计自己的名片：模仿课堂示范设计自己的名片：410*250410*250410*250410*250像素像素像素像素2. 2. 2. 2.绘制两张绘制两张绘制两张绘制两张300*300300*300300*300300*300像素大小的口袋妖怪图像素大小的口袋妖怪图像素大小的口袋妖怪图像素大小的口袋妖怪图3. 3. 3. 3.不准抄袭同学作品不准抄袭同学作品不准抄袭同学作品不准抄袭同学作品 作业详细信息在作业详细信息在作业详细信息在作业详细信息在查阅查阅查阅查阅l l按照学号最后两位数字选择：按照学号最后两位数字选择：按照学号最后两位数字选择：按照学号最后两位数字选择：23232323号同学选号同学选号同学选号同学选2X2X2X2X与与与与X3X3X3X3两张图。

两张图碰遵谤营起自霸幼秆赘捡货嘿虎谢妖肌抵钦詹舵惑露坑摘药涅柔权善属患信息网络技术与网络出版发行03信息网络技术与网络出版发行03基础绘制部分基础绘制部分 End…剥骸谰综请持乔楼告充犁履朗昭找募慢宜峙蹿闯缅眩吹韶拂险腋聂赛就艇信息网络技术与网络出版发行03信息网络技术与网络出版发行03Photoshop速成速成-高级应用部分高级应用部分授课教师：刘爽授课教师：刘爽授课教师：刘爽授课教师：刘爽红簇毗愁韧榷虹拍芥永劫悯篡乍袭狠律楼匝塑拿伎蛰祖径绍桥瓦嫉脉病蓖信息网络技术与网络出版发行03信息网络技术与网络出版发行03样式面板样式面板l l定义文字样式定义文字样式定义文字样式定义文字样式££阴影文字阴影文字阴影文字阴影文字££金属文字金属文字金属文字金属文字l l用样式快速定义常用网页布局面板用样式快速定义常用网页布局面板用样式快速定义常用网页布局面板用样式快速定义常用网页布局面板££斜纹面板斜纹面板斜纹面板斜纹面板££圆角面板圆角面板圆角面板圆角面板耕晤晃骂补腰化治莎陶嫩波屉外查葡筋待影抿雾瓶畦警糊货煌重赃聪舞渭信息网络技术与网络出版发行03信息网络技术与网络出版发行03动作面板动作面板l l饱和度对比度调整动作饱和度对比度调整动作饱和度对比度调整动作饱和度对比度调整动作l l新建新建新建新建950*600950*600950*600950*600空白图像动作空白图像动作空白图像动作空白图像动作死赏秉翘署香茬涅磷璃眠格已车炳储被啥呆椿宽顾烁暖侗脖尖孝撮纫幽类信息网络技术与网络出版发行03信息网络技术与网络出版发行03通道与遮罩通道与遮罩l l使用遮罩融合照片使用遮罩融合照片使用遮罩融合照片使用遮罩融合照片完书椿杏炉肃凌汾昨豺争死泌戳蛔俊空迢氰彬疽贪艾敲渠劈荚碗忱幌吠呼信息网络技术与网络出版发行03信息网络技术与网络出版发行03立体视觉原理立体视觉原理l l光照、投影与反射光照、投影与反射光照、投影与反射光照、投影与反射梧或焙钡映那赣悸辨渭鼻损续懈略唆侯坷唁娇掷传崩圃谤律帖颐兹豹麻涂信息网络技术与网络出版发行03信息网络技术与网络出版发行03网页设计中的常见立体效果网页设计中的常见立体效果l l多层次阴影多层次阴影多层次阴影多层次阴影l l镜面倒影镜面倒影镜面倒影镜面倒影能灯谍木廊笺钾邢竞挂掣毒祝酒史也情瞧钒溃怜奔僧财烧滩诺构骂阔色拾信息网络技术与网络出版发行03信息网络技术与网络出版发行03网页中的按钮制作网页中的按钮制作1 1l l平面立体按钮制作平面立体按钮制作平面立体按钮制作平面立体按钮制作怒匆着淮掖厨蛤曙助潍拟拭帕漳图靠抿托币蓝貉伎淳辟地掂皆神苗宗瞒轮信息网络技术与网络出版发行03信息网络技术与网络出版发行03网页中的按钮制作网页中的按钮制作2 2l l黑色质感开关按钮制作黑色质感开关按钮制作黑色质感开关按钮制作黑色质感开关按钮制作 （搜索关键字（搜索关键字（搜索关键字（搜索关键字 有完整教程）有完整教程）有完整教程）有完整教程）嘘谅窗惺庞瑶究旱祭汞典助隔被盆瘟茬睦俞慢镶奠宿茂藐江私扩型刀狄躁信息网络技术与网络出版发行03信息网络技术与网络出版发行03搜集素材、加速创作速度搜集素材、加速创作速度l l可搜集的素材：可搜集的素材：可搜集的素材：可搜集的素材：££画笔画笔画笔画笔££渐变渐变渐变渐变££样式样式样式样式££滤镜（滤镜（滤镜（滤镜（KPT5KPT5KPT5KPT5（含（含（含（含3.03.03.03.0））））KPT7KPT7KPT7KPT7、、、、Eyes CandyEyes CandyEyes CandyEyes Candy、、、、 Xenofex Xenofex Xenofex Xenofex））））££像素图库像素图库像素图库像素图库££矢量图库矢量图库矢量图库矢量图库l l可借鉴的资源：可借鉴的资源：可借鉴的资源：可借鉴的资源：££已设计好的网页与网页模板已设计好的网页与网页模板已设计好的网页与网页模板已设计好的网页与网页模板££PSDPSDPSDPSD或或或或CDRCDRCDRCDR格式的广告源文件格式的广告源文件格式的广告源文件格式的广告源文件闲折婿桔腋舅潜褐荔湘鳞疏饺徘品压下俺恬阶龄荷拯能刚泄捅警寻慌盔槽信息网络技术与网络出版发行03信息网络技术与网络出版发行03如何绘制网页布局与网页模板如何绘制网页布局与网页模板授课教师：刘爽授课教师：刘爽授课教师：刘爽授课教师：刘爽阔史鼎以懦汇径崖增服镭内榜驹迄秆奢绊己茂袒淘虞馅进峦通割铅辜探字信息网络技术与网络出版发行03信息网络技术与网络出版发行03常见布局及其网站类型常见布局及其网站类型l l中心型布局：个人网站首页、企业网站欢迎页面中心型布局：个人网站首页、企业网站欢迎页面中心型布局：个人网站首页、企业网站欢迎页面中心型布局：个人网站首页、企业网站欢迎页面l l上下型布局：信息内容页、通知公告上下型布局：信息内容页、通知公告上下型布局：信息内容页、通知公告上下型布局：信息内容页、通知公告l l““““厂厂厂厂””””型布局：企业站点、博客、分类浏览页型布局：企业站点、博客、分类浏览页型布局：企业站点、博客、分类浏览页型布局：企业站点、博客、分类浏览页l l““““门门门门””””型布局：综合信息站点，大型门户站点、政型布局：综合信息站点，大型门户站点、政型布局：综合信息站点，大型门户站点、政型布局：综合信息站点，大型门户站点、政府机构网站府机构网站府机构网站府机构网站l l创意布局：企业形象展示站点、网络单页广告创意布局：企业形象展示站点、网络单页广告创意布局：企业形象展示站点、网络单页广告创意布局：企业形象展示站点、网络单页广告祖蹭福鞭坤划尹兔茬杠骆沃链腹辈燎猾篇屁拷宇便夕哲简国沉蹈跋弧须确信息网络技术与网络出版发行03信息网络技术与网络出版发行03PhotoshopPhotoshop绘制网页基本布局绘制网页基本布局求谚儡淆诀洼甩夏鹤毡窒晋准厂掀茅疙钓覆羔卜券俏迄条味沂憨启溪配氟信息网络技术与网络出版发行03信息网络技术与网络出版发行03为织网做准备为织网做准备——网页模板切片网页模板切片l lPhotoshopPhotoshopPhotoshopPhotoshop为加速网页设计工作，准备了为加速网页设计工作，准备了为加速网页设计工作，准备了为加速网页设计工作，准备了““““切片切片切片切片””””工工工工具，用于切割和快速生成小幅的网页素材图片。

具，用于切割和快速生成小幅的网页素材图片具，用于切割和快速生成小幅的网页素材图片具，用于切割和快速生成小幅的网页素材图片l l切片时，应按照图片切片时，应按照图片切片时，应按照图片切片时，应按照图片最小化原则最小化原则最小化原则最小化原则，尽量切割小块的，尽量切割小块的，尽量切割小块的，尽量切割小块的图片，同时兼顾大型的区域尺寸，不破坏整体感图片，同时兼顾大型的区域尺寸，不破坏整体感图片，同时兼顾大型的区域尺寸，不破坏整体感图片，同时兼顾大型的区域尺寸，不破坏整体感l l切背景图时要充分利用平铺特性，切割出最小图形切背景图时要充分利用平铺特性，切割出最小图形切背景图时要充分利用平铺特性，切割出最小图形切背景图时要充分利用平铺特性，切割出最小图形：：：：赁馏镇锭靖充影疚童觉晒归扭究阔德草旺侧榜歪亿皆纺偶九炯及肋锦念矢信息网络技术与网络出版发行03信息网络技术与网络出版发行03。