项目十五 网页三剑客──制作一翔集团网页.ppt

项目十五 网页三剑客──制作一翔集团网页 任务一 制作页眉 （一） 制作网站logo 【操作步骤】 1.启动Photoshop CS3，进入其操作界面，如图所示。 2.在菜单栏中选择【文件】／【新建】命令，打开【新建】对话框，参数设置如图所示，然后单击 按钮创建一个图像文件。 3.单击工具箱底部的前景色按钮，在弹出的【拾色器】对话框中设置颜色参数，如图所示，然后单击 按钮。 4.在工具箱中用鼠标右键单击 （自定形状工具）按钮，在弹出的隐藏 工具组中选取工具，并激活工具属性栏中的 按钮，然后按住Shift键，在图像窗口中的适当位置拖曳鼠标光标，绘制一个圆形，如图所示。 5.在菜单栏中选择【图层】／【图层样式】／【描边】命令，打开【图层样式】对话框，参数设置如图所示，其中颜色设置为黑色。 6.单击 按钮，添加图层样式后的效果如图所示 。 7.在菜单栏中选择【图层】／【复制图层】命令，打开【复制图层】对话框，单击 按钮，将“形状 1”层复制生成为“形状 1副本”层。 8.在菜单栏中选择【图层】／【图层样式】／【清除图层样式】命令，将“形状1副本”层中的图层样式删除。 9.单击工具属性栏中的 按钮，在弹出的【拾取实色】对话框中将“形状 1副本”层中的颜色修改为黑色，然后在【图层】面板中将其【图层混合模式】设置为“滤色”，如图所示。 10.在菜单栏中选择【图层】／【图层样式】／【内阴影】命令，弹出【图层样式】对话框，参数设置如图所示。 11.在【图层样式】对话框中，切换到【渐变叠加】样式，并进行参数设置，如图所示。 12.在绘制的图形上按下鼠标左键进行拖动，调整渐变叠加颜色的位置，如图所示。 13.单击按钮，然后将“形状1副本”层复制生成为“形状 1副本 2”层，然后将鼠标光标移动到效果层左侧的眼睛图标上单击，将“形状1副本2”层中的内阴影效果层隐藏，其状态如图所示。 14.双击“形状 1副本 2”层下面的“渐变叠加”样式层，打开【图层样式】对话框，将渐变叠加的颜色光晕移动到圆形的右下边位置，如图所示。 15.修改【图层样式】对话框中的参数，如图所示，然后单击 按钮 。 16.在【图层】面板中，单击底部的 （创建新图层）按钮，在【图层】面板中新建“图层1”，然后按X键，将前景色和背景色互换。 17.选取工具，单击属性栏中的 按钮，弹出【自定形状】样式面板，再单击面板右上角的按钮，选择【全部】命令，然后在弹出的提示对话框中直接单击 按钮，即可在【自定形状】样式面板中增加更多的样式，最后选取图所示的样式如图。 18.在圆形上拖曳鼠标光标，绘制出所选择的图形，然后在工具箱中单击 （移动工具）按钮，通过移动鼠标光标来调整图形的位置。 19.在工具箱中单击 （ 横排文字工具）按钮，在属性栏中设置其属性，并在图像窗口中输入文本，文本的颜色为黑色，并可使用 （移动工具）调整其位置，如图所示 。 20.在图层面板中新建一个图层，继续在图像窗口中输入文本，设置文本的颜色为橘黄色（R:250,G:100），如图所示。 21.在菜单栏中选择【文件】／【存储】命令，打开【存储为】对话框，在此对话框中设置文件的名称、存储类型以及存储路径等，这里分别保存为两个文件，一个是“logo.psd”，另一个是“logo.gif”。至此，网站logo就制作完成了。 （二） 制作宣传标语 【操作步骤】 1.在菜单栏中选择【文件】／【新建】命令，打开【新建】对话框，参数设置如图所示。 2.单击 按钮创建一个图像文件，并将其暂时保存为“welcome.psd”。 3.在工具箱中单击（竖排文字工具）按钮，在属性栏中设置其属性，并在图像窗口中输入文本“创新”，设置文本的颜色为红色，然后运用同样的方法输入文本“科技”，如图所示。 4.在【图层】面板中选择“科技”图层，在工具箱中单击（竖排文字工具）按钮，在属性栏中设置文本的颜色为绿色，这时文本“科技”的颜色变为绿色，如图所示。 5.在【图层】面板中，选择“创新”图层，然后在菜单栏中选择【图层】／【图层样式】／【斜面和浮雕】命令，参数设置如图所示，最后单击按钮加以确认。 6.在菜单栏中选择【图层】／【图层样式】／【拷贝图层样式】命令复制“创新”图层的图层样式，然后在【图层】面板中选择“科技”图层，并在菜单栏中选择【图层】／【图层样式】／【粘贴图层样式】命令将“创新”图层的图层样式应用到“科技”图层上，如图