photoshop综合项目实训

1、模块六 综合实训项目,一、网站页面制作,使用Photoshop不仅可以制作各种图像效果，还可以制作网页图像元素，下面将通过一个网页实例的讲解，使读者更加熟悉在Photoshop中网站页面的设计，最终效果如图所示。,一、网站页面制作,1. 选择菜单栏中“文件新建”命令，建立一个尺寸为1003X1200像素、分辨率为96像素/英寸，白色背景的新文件。 2. 按Ctrl+R组合键打开标尺，分别在水平和垂直标尺上单击并拖动鼠标，拉出数条参考线来布局构图。,一、网站页面制作,3. 设置前景色为灰色（R：204，G：204，B：204），用前景色填充“背景”。 4. 新建“图层1”，选择“矩形选框”工具，

2、在视图的顶部绘制选区并使用橙色（R：245，G：129，B：12）填充选区。然后再用“矩形选框”工具绘制选区，并使用蓝色（R：0，G：0，B：102）填充选区，如图。,一、网站页面制作,5. 新建“图层2”，选择“圆角矩形工具”，在选项栏中调整“半径”为15像素，然后拖动鼠标，创建一个蓝色（R：0，G：0，B：102）的圆角矩形图形。,一、网站页面制作,6. 将“图层2”拖动到图层调板底部的“创建新的图层”按钮上，复制该图层，创建“图层2副本”。在图层调板中将“图层2副本”拖到“图层2”下面，并点击“图层2”前面的图标，隐藏“图层2”。 7. 选择“矩形工具”，如图所示创建选区，并删除该选区的

3、内容。,一、网站页面制作,8. 按Ctrl+D组合键取消选区。 9. 按Ctrl+T变形组合键，在选项栏中将水平缩放W的值改为101%，并按Enter键确认。,一、网站页面制作,10. 选择菜单栏“滤镜模糊高斯模糊”，如下图设置，并按“好”确认。,一、网站页面制作,11. 选择图层调板，将“图层2副本”图层的不透明度调整为50%，效果如图所示。,一、网站页面制作,12. 在图层调板上单击“图层2”前面的空格，显示“图层2”，效果如图所示。,一、网站页面制作,13. 新建“图层3”， 选择“矩形选框”工具绘制选区，并使用白色填充选区。,一、网站页面制作,14. 单击图层调板下方“添加图层蒙版”按

4、钮，为“图层3”创建蒙版。 15. 设置前景色为黑色，背景色为白色，选择“渐变工具”，在画布中从底部向上垂直拖拽，应用渐变效果，效果如图所示。,一、网站页面制作,16. 新建“图层4”用于制作按钮。选择“圆角矩形工具”，在选项栏中调整“半径”为5像素，然后拖动鼠标，创建一个橙色（R：245，G：129，B：12）的圆角矩形图形。,一、网站页面制作,17. 双击图层调板上的“图层4”，打开“图层样式”对话框，给按钮添加斜面和浮雕、渐变叠加和描边的效果，参数设置如图所示。,一、网站页面制作,按钮效果图,一、网站页面制作,18. 将“图层4”拖动到图层调板底部的“创建新的图层”按钮上，复制五个相同的

5、按钮，并用“选择工具”将按扭移动到适合的位置上，如图所示。,一、网站页面制作,19. 在图层调板上双击其中第二个按钮的图层，打开“图层样式”对话框，将该按钮的渐变叠加颜色进行修改，如图所示。,一、网站页面制作,20. 新建“图层5”，用“矩形选框工具”在按钮的下方绘制矩形选区，并填充橙色，效果如图。,一、网站页面制作,21. 在图层调板上双击 “图层5”，打开“图层样式”对话框，如图所示设置参数。,一、网站页面制作,22. 接下来制作背景的底纹。新建一个新文档，尺寸为4X4像素、分辨率为96像素/英寸，背景为透明。,一、网站页面制作,23. 双击“抓手工具” ，将图像放到最大。 24. 选择“

6、铅笔工具”，在选项栏中选择“硬边方形1像素”的画笔，如图所示绘制斜线。,一、网站页面制作,25. 在菜单栏中选择“编辑定义图案”，打开“图案名称”对话框，并将图案名称改为“斜线”，按“好”确认。,一、网站页面制作,26. 选择制作网页的文档，新建“图层6”，用“矩形选框工具”绘制选区，并用前面自定义的“斜线图案”填充，效果如图所示。,一、网站页面制作,27. 将“图层6”的不透明度调整为50%。单击图层调板下方“添加图层蒙版”按钮，为“图层6”创建蒙版。设置前景色为黑色，背景色为白色，选择“渐变工具”，在斜线底纹区域从底部向上垂直拖拽，应用渐变效果，效果如图所示。,一、网站页面制作,28. 新

7、建“图层7”，选择“圆角矩形工具”，在选项栏中调整“半径”为10像素，然后拖动鼠标，创建一个白色的圆角矩形图形。在图层调板中双击“图层7”，打开图层样式对话框，添加投影和描边样式，如图所示设置参数。,一、网站页面制作,一、网站页面制作,29. 新建“图层8”，选择“圆角矩形工具”，在选项栏中调整“半径”为10像素，然后拖动鼠标，创建一个白色的圆角矩形图形。给“图层8”添加投影样式，效果如图所示。,一、网站页面制作,30. 复制“图层8”，创建“图层8副本”，并移动到如图所示的位置上。,一、网站页面制作,31.新建“图层9”，选择“圆角矩形工具”，在选项栏中调整“半径”为10像素，然后拖动鼠标，创建一个蓝色（R：178，G：178，B：210）的圆角矩形图形。,一、网站页面制作,32. 选择“矩形工具”，如图所示创建选区，并删除该选区的内容。,一、网站页面制作,33. 按Ctrl+D组合键取消选区。选择菜单栏“滤镜-画笔描边-喷溅”，为“图层9”的图形添加滤镜，参数设置如下所示。,一、网站页面制作,34. 复制“图层9”，创建“图层9副本”，移动到适当的位置。选择菜单栏上“图像-调整-色相/饱和度”，打开对话框，如图所示设置参数。,一、网站页面制作,35. 新建“图层10”，选择“矩形选框工具”绘制选区，设置