一制作banner.docVIP

（1）制作网站 banner STEP1 启动potoshop，新建一个尺寸为1000像素*750像素，分辨率为72像素/英寸，背景色为白色的新文件，将其存储为”index.psd”文件。 STEP2 执行菜单“编辑”/“预置”/“单位与标尺”命令，在打开的“首选项”对话框中将“标尺”的单位设置为“像素”，如图11，然后按Ctrl+R 组合键显示标尺。依照网站的结构布局，分别从上端和左侧的标尺处拖出多条参考线。如图12所示。 图11 将标尺单位改为像素 图12 创建参考线 STEP3 在“图层”调板中创建新组，命名为“banner”，在组中新建图层命名为“背景”。使用“矩形选框工具”在页页上方依照参考线拖动鼠标指针创建一个矩形选区，如图13所示。 图13 创建矩形选区 图14 填充渐变色 STEP4 使用“渐变工具”，设置渐变色从褐色（#cb9f5c）到浅褐色（#e8cda0），在矩形选区中从上到下拖动鼠标指针进行填充，如图14如示，然后取消选区。 STEP5 执行菜单“文件”/“打开”命令，打开素材图片“main.jpg”,将其拖至“index.psd”窗口中，放置如图15所示。 图15 添加主要图片 图16创建剪贴蒙版 STEP6 保持图层1为选中状态，执行菜单“图层”/“创建剪贴蒙版”命令，得到如图16所示的效果。 STEP7 单击“图层”面版中的“添加图层蒙版”按钮，为图层1添加图层蒙版。使用“渐变工具”，在图像上拉出一条从左至右的线性渐变，这样，图层1和背景层就很自然地衔接起来了。 STEP8 使用“横排文字工具”，在图像上创建不同字体、大小与颜色的文字，至此，首页的banner就制作完成了。 ［注意］banner中的白色文字主要用来装饰banner。 （2）制作LOGO与左侧内容 STEP1 在“图层”面版中创建新组，命名为“left”，在组中新建图层命名为“面板”设置前景色为白色，选择“矩形工具”激活“填充像素”按钮，在页面左边依靠参考线绘制一个白色矩形。 STEP2 新建图层命名为“阴影”设置前景色为灰色(#9d9d9d)，同样使用矩形工具绘制一个灰色的面版，接着执行菜单“滤镜”/“模糊”/“高斯模糊”命令，设置“半径”为4像素。得到如图20（a）所示效果。 然后为该图层添加蒙版，并将该层移至“面版”层的下面。这样，有立体效果的白色页板就制作好了，如图20（b）所示。 图20（a）制作面版阴影 图20（b）完成的白色面板 STEP3 打开素材图片文件“logo.psd”，将其拖到“index.psd”窗口中，按ctrl+T组合键打开自由变换控制框，将其等比例缩小到12%左右，放置如图21所示位置。 图21 添加网站logo STEP4 使用“横排文字工具”“字符“面板设置如图22所示，在logo的左侧输入文字“豪盛家私”，同样，在文字下方编辑文字“”效果如图23所示，这样，网页的标志就制作完成了。下面开始制作最新动态，快速菜单等内容。 图22 “字符”面板 图23 完成的logo STEP5 新建图层命名为“灰背景”，在logo的下方依照参考线创建一个矩形选区，填充为浅灰色（#e6e6e6），所图24所示，这个区域用于放置最新动态。图层结构如图25所示。 图24 制作灰色背景 图25 图层结构 STEP6 使用文字工具，设置“字体”面版如图26所示,然后输入标题文字“最新动态”如图26所示，并编辑内容文字，如图27所示。 图26 输入“最新动态” 图27 编辑“最新动态” ［注意］内容文字的字体设置为宋体，大小为12号，消除锯齿为“无” 文字编辑完成后，下面添加装饰小点，让其更美观。 STEP7 新建一层命名为“小点”，使用“椭圆工具”在每条新闻的前面绘制一个蓝色的小圆点，起装饰作用；然后打开素材图片文件“图标1.psd”与“more.psd”，将它们拖到“index.psd”窗口中。 STEP8 设置前景色为浅灰色，选择“画笔工具”，直径设置为1像素，在标题“最新动态”的下方绘制一条直线。然后在“画笔”面板中设置“间距”为400%，在每一条新闻的下方绘制一条虚线。 STEP9 采用相同的方法，分别制作“快速导航”与“公司简介”等内容。这样，左边的内容就完成了。效果如图30所示，图层结构如图31所示。 图30 完成的效果