PS基本操作实验手册.docVIP

Photoshop基本操作 实验目标 熟练掌握Photoshop常用工具的基本用法。 前提条件 Photoshop正确安装。 相关素材准备齐全。 实验任务及完成标准 给某房地产公司设计网站主页界面原型 首先，确定界面布局结构（如图1所示）； 其次，搜索需要的素材，如LOGO、图片、相关内容介绍等。 图1 某房地产公司界面结构 在Photoshop中新建一个画布，设置画布的大小为1000*800像素，颜色模式为RGB颜色，背景透明。如图2所示。 图2 创建画布 新建一个背景图层。点击菜单项：图层—新建—图层（如图3所示），弹出新建图层对话框（如图4所示）。也可以在图层选项卡中，点击新建图层图标（如图5所示），默认新建的图层名称为“图层2”（如图6所示），在图层名称“图层2”上双击修改图层的名称为“背景”（如图7-图8所示）。 图3 使用菜单项新建图层 图4 新建图层对话框 图5 新建图层 图6 默认新建“图层2” 图7 修改图层名称 图8 修改图层名称为背景层 给背景层设置颜色。（单色或渐变色） 单色填充方法： 点击工具箱中的前景色（如图9所示），弹出颜色的设置对话框，填充颜色值（如图10所示），单击确定。 点击油漆桶工具（如图11所示），在画布上点击鼠标左键，完成使用指定颜色填充画布的操作。 图9 前景色 图10 设置前景色对话框 图11 选择油漆桶工具 渐变色填充方法。 点击渐变色工具，如图12所示。点击渐变色属性“线性渐变”图标，如图13第2个红色框。 点击渐变色编辑（如图13第1个红色框），可对渐变色进行编辑，弹出渐变色编辑对话框。 点击第1个色标，设置起始渐变颜色，然后点击颜色块，更改所选色标颜色，在弹出的颜色对话框中设置颜色，如图14所示。最后采用同样方法点击第2个色标，设置渐变终止颜色，如图15所示。渐变色设置好之后点击对话框右上角的确定按钮。 按住鼠标左键，在画布垂直方向从上往下拖动鼠标，拉取渐变色。如图16所示。 图12 渐变工具 图13 渐变工具属性 图14 设置渐变起始颜色 图15 设置渐变终止颜色 图16 拉取渐变色 点击“视图”菜单项，勾选“标尺”，如图17所示。新建4条水平的参考线（在标尺上点击鼠标左键并向下拖动即可创建一条参考线），规划主页各部分大致位置（如图18所示）。 图17 勾选“标尺” 图18 添加参考线 处理素材中给定的logo图标，使用魔棒工具将logo图标抠出来，如图19所示。 图19 Logo图标 将处理后的图标拖动到main界面原型图片的合适位置。在图19中的图层1或者左边红色框中的logo上按下鼠标左键，拖动到main图片上，松开左键，使用移动工具和自由变换将logo移动到合适位置。修改该图层的名称为logo。如图20、21所示。 图20 logo放置位置 图21 logo图层 设计导航栏背景。 新建一个图层，命名为“导航栏背景”，使用矩形选框在合适位置创建导航栏选区，并使用油漆桶工具将选区填充成红色（如图22所示）。取消选区（快捷键Ctrl+D），或者在选区内点击鼠标右键，选择取消选择。 修改导航栏，使其左上角成圆角形状。在图层选项卡中，选中导航栏背景图层（如图23所示）。首先选择椭圆选框工具（在矩形选框工具上长按鼠标左键（如图24所示））在导航栏上合适位置创建选区，在属性栏选择“添加到选区”图标（如图25所示），选择矩形选框工具，将导航栏剩余部分加到选区中（如图26所示）。 在选区上点右键，选择“选择反向”（如图27所示），或者使用快捷键Ctrl+Shift+I，此时选区状态为图28所示状态。然后点击键盘上的Delete键，最终状态如图30所示。盖操作也可使用钢笔工具创建选区如图29所示，然后点击Delete键删除选区内容，亦可得到图30所示状态。 图22 导航栏背景色填充 图23 导航栏背景层被选中 图24 椭圆选框工具 图25 添加到选区图标 图26 导航栏剩余部分添加到选区 图27 选择反向命令 图28 选区反选 图29 使用钢笔工具创建选区 图30 删除选区后的导航栏状态 设计导航栏上的文字。导航栏最终效果如图33所示。 选择文字工具，在导航栏的背景上单击鼠标，将自动新建一个文字图层，输入文字“首页 企业简介 精品项目 新闻中心 企业文化 人力资源 客户服务 物业服务”，设置文字属性为楷体、15号，如图31所示。 点击文字属性栏上的“字符和段落调板”图标（如图26第3个红色框），设置字体为加粗（如图32所示）。 选中导航栏上的字体，修改字体的颜色。点击前景色图标，打开拾色器，设置颜色为白色。 修改该文字图层的名称为“导航栏文字”。 （可选）为了方便图层管理，将导航栏背景层和文字层放在一个组里。在图层选项卡中，点击底部的“