信息网络技术与网络出版发行03.ppt
第四章 Photoshop网页图形设计速成,授课教师：刘爽,关于教材章节、自习作业,教材第一、第二章为自学章节。内容通俗易懂，请同学们自学，并做好这两章课后习题后，发送电子作业题目与答案内容到,目录,基础知识位图与矢量图区分矢量图与位图（像素图形）图像菜单-色彩模式图像菜单-调整大小图像菜单-调整绘图基本方法如何开始工作图层与图层菜单绘图基本工具文字面板的使用强大的选区功能图章工具的使用画笔与渐变,位图与矢量图,位图也称为点阵图像或绘制图像，是由称作像素（Pixel）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素，从而使线条和形状显得参差不齐。矢量图形是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像。矢量图形与位图使用像素表示图像的方法不同。矢量图(向量图)与位图(栅格图)区别位图使用像素点逐一描绘图像，放大时有马赛克现象或出现色彩边缘模糊现象。而矢量图不会出现马赛克现象。矢量图常用于印刷，适合放大显示的图案相对简单的图像，位图适合摄影出版和中小幅面印刷。,区分矢量图与位图（像素图形）,放大后，矢量图不会出现马赛克失真使用Flash、Corel DRAW、Illustrator等软件绘制的图形都是矢量图,常见矢量图格式：WMF EMF EPS CDR AI常见位图格式：JPG GIF BMP PNG TGA PSD,图像菜单-色彩模式,如何浏览图像：放大镜、导航器、空格色彩模式 位图（黑白图）灰度（仿黑白照效果）索引色（GIF图像色彩模式）RGB（JPG PNG图像色彩模式）CMYK（印刷色、色域比RGB 小 CDR AI等文件常用）,GIF JPG PNG是最常见的网页位图图像格式,图像菜单-调整大小,调整画布大小注意对齐九宫格对齐方式的使用调整图像大小变为48*48大小的PNG图像,图像菜单-调整,调整色阶调整曲线调整色相调整（老照片）去色（黑白照）,如何开始工作,认识Photoshop绘图界面工具栏、图层、通道、路径空白工作区背景:双击、Ctrl+双击新建：窗口画布、单位与分辨率像素单位设置（编辑-预设-单位与标尺）RGB色彩模式用分辨率计算打印用图形尺寸网页设计时使用的画布尺寸大小950*700 950*600,图层与图层菜单,图层面板菜单移动图层：快一点，精确一点范例：用移动工具做立体字关键：复制和填充图层色块Alt快捷键与光标移动键的配合使用,绘图基本工具,钢笔工具、图形工具、绘制路径、转换路径拾色器与吸管工具如何上色：（先选择区域）Alt+退格、Ctrl+退格、油漆桶,用钢笔工具绘制一个苹果的图形，并绘制高光部分,文字面板的使用,打开字体面板大小、行间距、比例缩放对齐方式修饰：斜体、加粗行高、字间距安装更多的字体，可以加速你的工作下载站点地址：http:/http:/,20,强大的选区功能,选区功能是使用Photoshop创作图像的重要法宝，使用它，可以方便的修改任意图形区域。创作出千变万化的PS图形。选区功能基本选择：圆形、矩形、像素条【描边】特殊选择：魔术棒、磁性魔术棒选区菜单及其菜单快捷键Ctrl+A Ctrl+D Ctrl+Shift+D Ctrl+Shift+I变换选区：羽化、收缩 Ctrl+T绘制新月、米老鼠头像外形,范例：制作一张简单的名片,图章工具的使用,范例：修改人物的面部瑕疵,瘦脸 瘦身液化滤镜,画笔、渐变,画笔载入画笔与选区配合的画笔自定义画笔（范例：制作MSL水印图章）自定义图案渐变载入渐变调整渐变（用金属立体感渐变实现金属圆柱体）渐变类型,综合训练：,绘制口袋妖怪头像（3X皮卡丘）定义背景网点图案背景圆、阴影选区描边钢笔绘画(填充、描边),电子作业3：,模仿课堂示范设计自己的名片：410*250像素绘制两张300*300像素大小的口袋妖怪图不准抄袭同学作品 作业详细信息在http:/查阅按照学号最后两位数字选择：23号同学选2X与X3两张图。,基础绘制部分 End,Photoshop速成-高级应用部分,授课教师：刘爽,样式面板,定义文字样式阴影文字金属文字用样式快速定义常用网页布局面板斜纹面板圆角面板,动作面板,饱和度对比度调整动作新建950*600空白图像动作,通道与遮罩,使用遮罩融合照片,立体视觉原理,光照、投影与反射,网页设计中的常见立体效果,多层次阴影镜面倒影,网页中的按钮制作1,平面立体按钮制作,网页中的按钮制作2,黑色质感开关按钮制作（搜索关键字 有完整教程）,搜集素材、加速创作速度,可搜集的素材：画笔渐变样式滤镜（KPT5（含3.0）KPT7、Eyes Candy、Xenofex）像素图库矢量图库可借鉴的资源：已设计好的网页与网页模板PSD或CDR格式的广告源文件,如何绘制网页布局与网页模板,授课教师：刘爽,常见布局及其网站类型,中心型布局：个人网站首页、企业网站欢迎页面上下型布局：信息内容页、通知公告“厂”型布局：企业站点、博客、分类浏览页“门”型布局：综合信息站点，大型门户站点、政府机构网站创意布局：企业形象展示站点、网络单页广告,Photoshop绘制网页基本布局,为织网做准备网页模板切片,Photoshop为加速网页设计工作，准备了“切片”工具，用于切割和快速生成小幅的网页素材图片。切片时，应按照图片最小化原则，尽量切割小块的图片，同时兼顾大型的区域尺寸，不破坏整体感。切背景图时要充分利用平铺特性，切割出最小图形：,
