Photoshp基本应用与操作实例-4-4.docVIP

《Photoshop基本应用与操作实例》 授课内容：Photoshop基本应用与操作实例 授课时数： 5小时 教学目标：1.运用Photoshop制作网页主页，网站banner，导航条，主要视觉板块； 2.运用Photoshop把人物照片的面部皮肤美白； 3.运用Photoshop修补工具消除人物照片面部上的斑点； 4.运用Photoshop“蒙板”换背景, 利用通道 教学环境：1.机房，每位学员配备电脑一台、教师电脑一台、投影仪； 2.电脑内存1G以上，可用硬盘空间10G以上，WINXP操作系统； 3.确保每台电脑已安装Photoshop CS5、Office2003或以上版本。 教具准备：1.教师准备素材 2.学员操作素材 课前检查：1.教师机 确认PhotoshopCS5软件正常运行； 确认录入电子版授课素材； 确认话筒和麦克风能正常工作； 教师机可正常连接投影。 2.学员机 ①确认PhotoshopCS5软件正常运行； ②确认录入电子版授课素材； 教学过程： 【课程导入】 很荣幸给大家讲解Photoshop这款软件，接到老师们的反馈信息，想通过Photoshop设计出好的网页主页，尤其是导航，板块设计，线条的处理等；还想通过Photoshop做一下VI的设计，很想学习一下VI的设计与平面设计的内容。 以下我将根据以上3点通过几个案例来为大家讲解Photoshop的基本应用，以及VI的设计与平面设计的相关知识，在给大家讲课之前，我们先来看一些Photoshop的作品（教师机、Photoshop教程文件夹、Photoshop作品欣赏文件夹）。 【教师讲解案例1】网站banner设计制作（预计时间60分钟） 教师提问(1)： 请问网页的基本构成元素都有那些？ 教学提示：教师引导大家讨论，并请学员积极发言，说出自己心中的答案。 教师解答： 1.网站Logo 2.网站banner 3.导航栏 4.文本 5.图像 6.多媒体 教师提问(2)： 请问什么叫网站banner？ 教学提示：教师引导大家讨论，并请学员积极发言，说出自己心中的答案。 教师解答： banner又叫旗帜，是一个表现商家广告内容的图片，放置在广告商的页面上，为互联网广告中最基本的广告形式。标准尺寸是480x60像素，一般是使用GIF、JPG格式的图像文件，我们来看一些网站banner的图片（教师机、Photoshop教程文件夹、网站banner图片文件夹）。 要设计制作一个网站，我们首先要制作网站的主页，一个视觉美观的网站的主页，必须先设计制作一个美观的banner。 教学提示：请学员按照教师的操作同步完成banner的制作。 1. 打开Photoshop软件，新建一个像素为“960x960”的文档，并为新建文档起名 “网页主页设计”，分辨率“72”，颜色模式“RGB”颜色，背景内容“白色”（RGB是色光的彩色模式，R代表红色，G代表绿色，B代表蓝色。因为三种颜色每一种都有256个亮度水平级，所以三种色彩叠加就能形成1670万种色彩了（俗称真彩）。这已经足以再现这个绚丽的世界了。RGB模式因为是由红、绿、蓝相叠加形成其他颜色，因此该模式也叫加色模式。CMYK模式是一种减色模式，它适合于印刷。当阳光照射到一个物体上时，这个物体将吸收一部分光线，并将剩下的光线进行反射。反射的光就是你所看到的物体的颜色。CMYK即代表印刷上用的四种油墨色，C代表青色，M代表洋红色，Y代表黄色，K代表黑色。因此如果是放在网页上的图片，直接用RGB模式就已经可以了。 2.在“工具栏”里选择“矩形选框工具”，在文档内拖拽一个长方形选区，在“菜单栏”里找 “窗口”、“图层”、“创建一个新图层”，在“工具栏”的“拾色器”内，设置“前景色”为（R:100/G:220/B:240），单击“确定”，按键盘上的“Alt+Delete”键，为选区添加一个蓝色。 3.在“菜单栏”里选择“滤镜”、“渲染”、“云彩”，然后按键盘上“Ctrl+D”键，取消选区。 4. 在“菜单栏”里找 “窗口”、“图层”、“创建一个新图层”，设置前景色为#158223，背景色为#ADE48C，在“工具栏”里选择“画笔工具”、“134”，绘制一些草的图形。 5. 先按住键盘上的“Ctrl”键，然后点击“图层面板”里的“图层1”，这时文档里就会出现一个“图层1”的选取，点击“图层面板”里的“图层2”，按键盘上的“Ctrl+Shift+I”键，反选选区，按键盘上的“Delete”键，删除多余的草。 6. 在“菜单栏”里找 “图像”、“调整”、“色相/饱和度”，设置草这层的色相为“-24”，在“菜单栏”里找 “滤镜”、“模糊”、“高斯模糊”，进行一下高斯模糊，设置半径为1.1。 7. 在“菜单栏”里找 “窗口”、“图层”、“创建一个