photoshop综合项目实训.ppt

《photoshop综合项目实训.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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

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

3、图层调板中将“图层2副本”拖到“图层2”下面，并点击“图层2”前面的图标，隐藏“图层2”。7.选择“矩形工具”，如图所示创建选区，并删除该选区的内容。一、网站页面制作8.按Ctrl+D组合键取消选区。9.按Ctrl+T变形组合键，在选项栏中将水平缩放W的值改为101%，并按Enter键确认。一、网站页面制作10.选择菜单栏“滤镜—模糊—高斯模糊”，如下图设置，并按“好”确认。一、网站页面制作11.选择图层调板，将“图层2副本”图层的不透明度调整为50%，效果如图所示。一、网站页面制作12.在图层调板上单

4、击“图层2”前面的空格，显示“图层2”，效果如图所示。一、网站页面制作13.新建“图层3”，选择“矩形选框”工具绘制选区，并使用白色填充选区。一、网站页面制作14.单击图层调板下方“添加图层蒙版”按钮，为“图层3”创建蒙版。15.设置前景色为黑色，背景色为白色，选择“渐变工具”，在画布中从底部向上垂直拖拽，应用渐变效果，效果如图所示。一、网站页面制作16.新建“图层4”用于制作按钮。选择“圆角矩形工具”，在选项栏中调整“半径”为5像素，然后拖动鼠标，创建一个橙色（R：245，G：129，B：12）的圆角

5、矩形图形。一、网站页面制作17.双击图层调板上的“图层4”，打开“图层样式”对话框，给按钮添加斜面和浮雕、渐变叠加和描边的效果，参数设置如图所示。一、网站页面制作按钮效果图一、网站页面制作18.将“图层4”拖动到图层调板底部的“创建新的图层”按钮上，复制五个相同的按钮，并用“选择工具”将按扭移动到适合的位置上，如图所示。一、网站页面制作19.在图层调板上双击其中第二个按钮的图层，打开“图层样式”对话框，将该按钮的渐变叠加颜色进行修改，如图所示。一、网站页面制作20.新建“图层5”，用“矩形选框工具”在按

6、钮的下方绘制矩形选区，并填充橙色，效果如图。一、网站页面制作21.在图层调板上双击“图层5”，打开“图层样式”对话框，如图所示设置参数。一、网站页面制作22.接下来制作背景的底纹。新建一个新文档，尺寸为4X4像素、分辨率为96像素/英寸，背景为透明。一、网站页面制作23.双击“抓手工具”，将图像放到最大。24.选择“铅笔工具”，在选项栏中选择“硬边方形1像素”的画笔，如图所示绘制斜线。一、网站页面制作25.在菜单栏中选择“编辑—定义图案”，打开“图案名称”对话框，并将图案名称改为“斜线”，按“好”确认。

7、一、网站页面制作26.选择制作网页的文档，新建“图层6”，用“矩形选框工具”绘制选区，并用前面自定义的“斜线图案”填充，效果如图所示。一、网站页面制作27.将“图层6”的不透明度调整为50%。单击图层调板下方“添加图层蒙版”按钮，为“图层6”创建蒙版。设置前景色为黑色，背景色为白色，选择“渐变工具”，在斜线底纹区域从底部向上垂直拖拽，应用渐变效果，效果如图所示。一、网站页面制作28.新建“图层7”，选择“圆角矩形工具”，在选项栏中调整“半径”为10像素，然后拖动鼠标，创建一个白色的圆角矩形图形。在图层调

8、板中双击“图层7”，打开图层样式对话框，添加投影和描边样式，如图所示设置参数。一、网站页面制作一、网站页面制作29.新建“图层8”，选择“圆角矩形工具”，在选项栏中调整“半径”为10像素，然后拖动鼠标，创建一个白色的圆角矩形图形。给“图层8”添加投影样式，效果如图所示。一、网站页面制作30.复制“图层8”，创建“图层8副本”，并移动到如图所示的位置上。一、网站页面制作31.新建“图层9”，选择“圆角矩形工具”，在选项栏中调整“半径”为10像