网页设计制作员模块2操作步骤Word文档下载推荐.docx
《网页设计制作员模块2操作步骤Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《网页设计制作员模块2操作步骤Word文档下载推荐.docx（98页珍藏版）》请在冰点文库上搜索。
操作步骤：
（1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.1”子目录，将所有操作结果保存至该文件夹下
解答：
在考生文件夹下建立“2.1.1”文件夹，并将本题目的所有素材放入到本题目文件夹下。
（2）新建Photoshop文档，要求页面大小符合800像素×
（4分）
启动PS，新建：
780×
428像素，分辨率72像素/英寸，颜色模式RGB、8位，背景白色。
（5分）
打开图片2.1.2.jpg—2.1.5.jpg，拖出图片到画布上，根据样张，将各图片缩放至适当大小，2.1.2.jpg:
50%,2.1.3.jpg:
45%,2.1.4.jpg:
40%,2.1.5.jpg:
100%，并且将各个图片移动至适当位置，分别设置各个图片的图层不透明度30%，完成背景设置。
（4）参照样张“2.1.1.1.jpg”，制作页面主体的图文区域，。
（6分）
新建图层——使用圆角矩形工具，圆角半径10px，白色填充，拖拉一个圆角矩形，ctrl+T，设置参考点x：
458.0，y：
222.0，W：
380px，H：
380px。
设置图层样式：
图层——图层样式——斜面和浮雕——样式：
枕状浮雕，设置图层不透明度80%。
（5）制作主体区域标题部分。
（3分）
新建图层，使用矩形选框工具——羽化半径10px，标题区域拖拉一个矩形选区，点选渐变工具——渐变编辑器——灰色（#3e3e3e）到透明，在标题区域做灰色渐变，设置图层不透明度30%。
（6）标题文本：
（2分）
选用“横排文字工具”，输入文字“笔”，设置属性“华文行楷，72，黑色”，编辑菜单——自由变换（ctrl+T），设置参考点位置：
x:
133.0,y:
139.8进行变换。
同理设置标题文字“墨、人、生”。
（7）导航文本：
（8分）
使用直排文字工具，在文档相应位置输入“笔墨人生“，设置字体：
隶书，18点，橙色（#ff6600），同理设置其他导航文本“笔墨书院、笔墨展、笔墨谈”。
参照样张将四个文本对象的位置适当调整。
（8）说明文本：
用“直排文字工具”在文档相应位置输入文本““淡墨写闲逸……”，文本属性：
华文行楷、12点、黑色，设置图层不透明度为70%。
”
（9）按样张添加文本“”。
（10）制作标题区.（3分）
在主题图文区域相应位置分别输入文字“标题区，字体使用“华文行楷”，14点，深灰色（#323232）”
（11）制作文本区。
字体使用“隶书”，12点，深灰色（#646464）”（3分）
（12）按要求，保存作品：
（1分）
以“2.1.1.psd”为文件名，保存至考生文件夹下的题目文件夹内。
以“2.1.1.bmp”为文件名，保存至考生文件夹下的题目文件夹内。
2.1.2
参照样张“2.1.2.1.jpg”，利用素材，完成网站首页效果图的制作
（2）参照样张，按要求制作背景效果；
（3）参照样张，按要求制作主体部分；
（4）参照样张，按要求制作导航区；
（5）参照样张，按要求制作LOGO区文本；
（6）按要求，保存作品；
（1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.2”子目录，将所有操作结果保存至该文件夹下。
（3）参照样张“2.1.2.1.jpg”，按要求制作背景：
a.图层填充色分别为咖啡色（#D0B072）、浅黄色（#F8F6B9）；
b.为相应图层添加“分层云彩”滤镜效果
c.为相应图层添加“砂岩”滤镜效果
d.将相应图层的混合模式设置为“滤色”。
（4）参照样张“2.1.2.1.jpg”，按要求制作主体：
a.利用魔术棒工具，将“2.1.2.2.jpg”文件，去除白色背景后的图形放置到效果图中。
b.添加文本“SweetWedding”，并为其添加阴影效果。
（5）参照样张“2.1.2.1.jpg”，按要求制作导航区：
a.利用羽化值为“10”的魔术棒工具，将“2.1.2.3.jpg”文件，去除白色背景后的图形放置到效果图中，作为导航背景图。
b.添加文本“首页登录注册联系我们”（词组之间空两格）
（6）参照样张“2.1.2.1.jpg”，按要求制作LOGO区文本
a.添加文本“Sweet”
b.添加文本“wedding”
（7）按要求，保存文本
a.以“2.1.2.psd”为文件名，保存至考生文件夹下。
b.以“2.1.2.bmp”为文件名，保存至考生文件夹下。
操作步骤
780*428像素，分辨率72像素/英寸，颜色模式RGB、8位，背景白色。
（3）参照样张“2.1.2.1.jpg”，按要求制作背景，图层填充色分别为咖啡色（#D0B072）、浅黄色（#F8F6B9）。
新建图层，在工具面板中选择油漆桶工具，将其填充的颜色修改为“#D0B072”，点击画布进行颜色填充。
新建图层，在工具面板中选择油漆桶工具，将其填充的前景颜色设置为“#F8F6B9”，背景颜色修改为“#e4c17d”，点击画布进行颜色填充。
（4）为相应图层添加“分层云彩”滤镜效果，添加“砂岩”滤镜效果。
菜单中选择“滤镜”——>
“渲染”——>
“分层效果”（分层效果做2次），然后选择“滤镜”——>
“艺术效果”——>
“粗糙蜡笔”，在其属性中，纹理选择为“砂岩”，凸现值的大小设置为10后点击确定按钮。
（5）将相应图层的混合模式设置为“滤色”。
双击本图层，在图层样式窗口的“常规混合”——>
“混合模式”中选择“滤色”。
（6）参照样张“2.1.2.1.jpg”，按要求制作主体。
（6+3分）
打开素材2.1.2.2，双击背景图层，在弹出的“新建图层”窗口中点确定。
工具栏中选择工具栏中“魔棒”工具，在素材2.1.2.2的白色区域点击下，选择“魔棒”工具条中的“调整边缘”按钮，将羽化值设置为5，然后按键盘按钮“delete”，选择“移动工具”，将背景条拖拽到画布中。
新建图层，选择“文本工具”，设置字体为Lucidahandwriting，大小为60，颜色为白色，输入文本“SweetWedding”,选择菜单“编辑”——>
“变换”——>
“缩放”（ctrl+t），将文本的位置坐标设置为（502,255）,移动到适合位置后，双击本图层，在图层样式中选择投影效果。
（7）参照样张“2.1.2.1.jpg”，按要求制作导航区。
打开素材2.1.2.3，双击背景图层，在弹出的“新建图层”窗口中点确定。
工具栏中选择工具栏中“魔棒”工具，在素材2.1.2.3的白色区域点击下，选择“魔棒”工具条中的“调整边缘”按钮，将羽化值设置为10，然后按键盘按钮“delete”，选择“移动工具”，将背景条拖拽到2.1.2文件中，在2.1.2文件中自动生成图层，图层的名称为图层2；
选择菜单“编辑”——>
“缩放”（ctrl+t），将图像的宽和高都设置为45%，将图像的位置坐标设置为（229.5,260）。
新建图层，选择“文本工具”，设置字体为黑体，大小为12，颜色为#56422A，输入文本“首页登录注册联系我们”，选择菜单“编辑”——>
“缩放”（ctrl+t），将文本的位置坐标设置为（651.2,30.2）。
（8）参照样张“2.1.2.1.jpg”，按要求制作LOGO区文本。
（3+3分）
新建图层，选择“文本工具”，设置字体为Lucidahandwriting，大小为30，颜色为白色，输入文本“Sweet”，选择菜单“编辑”——>
“缩放”（ctrl+t），将文本的位置坐标设置为（127,77）,移动到适合位置后，双击本图层，在图层样式中选择描边效果，描边的颜色设置为#56422A。
新建图层，选择“文本工具”，设置字体为Arial，大小为12，颜色为#56422A，输入文本“Wedding”，选择菜单“编辑”——>
“缩放”（ctrl+t），将文本的位置坐标设置为（188,88.5）。
（9）按要求，保存文本。
以“2.1.2.psd”为文件名，保存至考生文件夹的题目文件夹内。
以“2.1.2.bmp”为文件名，保存至考生文件夹的题目文件夹内。
2.1.3
参照样张“2.1.3.1.jpg”，利用素材，完成网站首页效果图的制作
（2）参照样张，制作斜线背景；
（3）参照样张，绘制页面主体区；
（4）参照样张，制作页面导航区；
（5）参照样张，制作页面底部区域
（6）参照样张，添加文本
（7）按要求，保存作品；
（1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.3”子目录，将所有操作结果保存至该文件夹下。
（2）新建Photoshop文档，要求页面大小符合1024像素×
768像素分辨率下正常显示。
（3）参照样张“2.1.3.1.jpg”，按以下要求制作斜线背景
a.背景颜色为深咖啡色（#48340f），线条颜色为（#614d28）；
b.线条图案大小为4像素×
4像素；
c.线条方向从右上角向左下角倾斜。
（4）参照样张“2.1.3.1.jpg”，按以下要求绘制页面主体区：
a.参照样张，利用选框工具绘制圆角矩形并为圆角矩形添加投影；
b.参照样张，在圆角矩形底部，利用蒙版制作透明效果。
（5）参照样张“2.1.3.1.jpg”，按以下要求制作页面导航区：
a.导入“2.1.3.2.psd”文件中的图形至适当位置；
b.导入“2.1.3.3.psd”文件中的图形至适当位置。
（6）参照样张“2.1.3.1.jpg”，按以下要求制作页面主体底部区域
a.导入“2.1.3.4.jpg”文件中的图形至适当位置。
b.将图形缩放为原来的80%。
（7）参照样张“2.1.3.1.jpg”，添加文本：
a.“图文区域”；
b.“公司地址，电话等信息”。
（8）按要求，保存作品：
a.以“2.1.3.psd”为文件名，保存至考生文件夹下。
b.以“2.1.3.bmp”为文件名，保存至考生文件夹下。
在考生文件夹下建立“2.1.3”文件夹，并将本题目的所有素材放入到本题目文件夹下。
1002×
975像素，分辨率72像素/英寸，颜色模式RGB、8位，背景白色。
（3）参照样张“2.1.3.1.jpg”，按以下要求制作斜线背景。
（12分）
打开样张图片2.1.3.1放大图像到500％。
选择“选框工具”，设置参数“样式”：
固定大小4×
4px，在样张图片的条纹背景上点击画出一个矩形小框，将背景中浅咖啡色的斜线对准矩形框的对角线如图：
点击“编辑—定义图案”，确定。
Ctrl+D取消选择，选择油漆桶工具，设置使用图案填充，点击进行全部填充。
（5+6分）
缩小图像。
新建图层，选择圆角矩形工具，设置前景色#fffdde，设置参数“半径”：
15px，拖拉一个圆角矩形，Ctrl+T，根据参数调整矩形位置X:
500，Y:
469，大小：
宽870px，高900px，回车确认。
添加投影效果，角度45、正片叠底模式、颜色#48340f。
给矩形图层添加蒙板：
点击图层面板上“添加矢量蒙板”按钮，选择“选框工具”（样式切记改为正常，否则影响后续操作），不要选中矢量蒙版缩览图，拖拉出矩形框选中底下1/3部分，按“DELETE”键，清除颜色，选择“渐变工具”，设置渐变颜色，色标：
浅黄#fffdde、浅灰色，不透明度色标：
100％、30％，确定，在选框内上下拖拉，填充渐变透明颜色。
（5）参照样张“2.1.3.1.jpg”，按以下要求制作页面导航区。
（2+2分）
打开图像2.1.3.2.psd，拖出图片到新建文档中，Ctrl+T根据参数调整对象位置X:
139。
打开图像2.1.3.3.psd，同样方法合并到新文档，并进行位置调整X:
315.5。
（样张上的参数坐标错误）
（6）参照样张“2.1.3.1.jpg”，按以下要求制作页面主体底部区域。
打开图像2.1.3.4.psd，同样方法合并到新文档，并进行调整：
缩放80％，位置X:
739.5，Y:
690。
（7）参照样张“2.1.3.1.jpg”，添加文本。
在中间输入“图文区域……”，设置文本：
宋体、12点、#4f432b。
在底部输入“公司地址，电话等信息”，设置文本：
宋体、12点、#19150e。
以“2.1.3.psd”为文件名，保存至考生文件夹下的题目文件夹内。
以“2.1.3.bmp”为文件名，保存至考生文件夹下的题目文件夹内。
2.1.4
参照样张“2.1.4.1.jpg”，利用素材，完成网站首页效果图的制作
（2）参照样张，制作顶部导航栏区域；
（3）参照样张，制作横幅广告区域；
（4）参照样张，制作“新闻中心”区域；
（5）参照样张，制作“当前位置”区域；
（6）按要求，保存作品。
（1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.4”子目录，将所有操作结果保存至该文件夹下。
（3）参照样张，按以下要求制作顶部导航栏区域：
a.绘制圆角矩形；
b.添加文本“Carnegie”。
（4）参照样张，制作横幅广告区域：
a.将图像“2.1.4.2.jpg”放置到画布中；
b.绘制浅蓝色区域。
（5）参照样张，制作“新闻中心”区域：
a.利用矩形选框工具，绘制灰色直线；
b.添加文本“新闻中心”区域所需文本。
c.添加按钮“2.1.4.3.jpg”。
（6）参照样张，制作“当前位置”区域：
a.将按钮“2.1.4.4.psd”放置到画布中；
b.为按钮编辑填充色；
c.添加文本。
（7）按要求，保存作品：
a.以“2.1.4.psd”为文件名，保存至考生文件夹下。
b.以“2.1.4.jpg”为文件名，保存至考生文件夹下。
指定位置新建文件夹，重命名为“网页设计制作员3级_考生准考证号_姓名”双击打开该文件夹，建立子文件夹并命名为2.1.4。
打开photoshop软件，选择“文件”—“新建”—在以上窗口中将宽度和高度分别调整为770像素×
600像素分辨率。
点击“确定”。
（3）参照样张，按以下要求制作顶部导航栏区域。
（4+2分）
1.新建图层，选择矩形工具画矩形（半径=5）；
自由变换（ctrl+t）设置参数（X=385像素,Y=31像素,W=770像素，H=62像素）并应用；
点选工具栏种的渐变工具，设置渐变颜色从白色到橙色（#f4ebdc）,选中图层面板中图层1，点选“菜单”栏——栅格化——填充内容，使用“渐变工具”，将圆角矩形的填充色改为白色到橙色渐变。
2．选择工具栏中的“横竖排文字工具”中的横排工具，在刚才绘制的圆角矩形工具中添加文本“Carnegie”。
在菜单栏下方的“（工具）选项栏”中根据样张或者文字要求编辑字体属性，自由变换ctrl+t调整文字的坐标位置（105，43）。
（4）参照样张，制作横幅广告区域。
1.插入素材图片：
选择“文件”“打开”图像“2.1.4.2.jpg”，将图像“2.1.4.2.jpg”拖动到画布的指定位置（385,183）。
2.绘制蓝色矩形：
选择“矩形工具”，绘制矩形区域,颜色为#e7ecf2，ctrl+t：
根据样张要求设置参数坐标（385,285），高20像素，宽770像素。
（5）参照样张，制作“新闻中心”区域。
1.绘制分割线，点击“矩形选框工具”选择“矩形工具”，随意绘制一个矩形，在选项栏将颜色设为#b4b4b4，，ctrl+t修改矩形大小及坐标：
坐标（550,450），大小2×
280像素。
2．添加文本“新闻中心”区域所需文。
点击工具栏中的“横竖排文字工具”中的横排工具，添加文本“新闻中心”区域所需文本，ctrl+t设置文本坐标（600,346）。
选择“文件”“打开”图像“2.1.4.3.jpg”，将图像“2.1.4.3.jpg””拖动到画布，ctrl+t设置坐标位置（610,540）。
（6）参照样张，制作“当前位置”区域。
（15分）
1。
选择“文件”“打开”图像“2.1.4.4psd”，将图像“2.1.4.4psd”拖动到画布的指定位置ctrl+t设置坐标（175,330）。
选中灰色条图层，点魔术棒工具选中图形，点击左侧工具栏中的渐变工具，设置填充色：
白到黑，填充颜色；
同理完成另一半填充，选择两个图层，图层，合并图层。
选择工具栏中的“横竖排文字工具”中的横排工具添加文本。
（7）按要求，保存作品。
以“2.1.4.psd”为文件名，保存至考生文件夹下的题目文件夹内。
以“2.1.4.jpg”为文件名，保存至考生文件夹下的题目文件夹内。
2.1.5
参照样张“2.1.5.1.jpg”，利用提供的素材，完成网站首页效果图设计
（1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.5”子目录，将所有操作结果保存至该文件夹下。
600像素分辨率下正常显示，并用渐变工具，设置背景颜色为渐变颜色。
（3）参照样张，利用图片“2.1.5.2.jpg”、“2.1.5.3.jpg”、“2.1.5.4.jpg”、“2.1.5.5.jpg”、“2.1.5.6.jpg”、“2.1.5.7.jpg”布置背景。
（4）参照样张，制作页面主体的图文区域
a.用选框工具制作图文区域的背景效果
b.利用圆角矩形工具制作灰色的文本区域
c.为其应用描边效果
（5）参照样张，添加文本，并设置文本效果
“回归大自然”，“”
“首页”、“旅游计划”、“心动之旅”、“旅游工具”。
c.利用素材文件夹内的2.1.5.8.txt给王页添加文本：
“Welcome！
wehaveover1500extremeadventuresforyoutodroolover.Fromsurfing40footwavesinthemiddleoftheoceantofishingforpirandaintheAmazon,we'
vegotitall.Sotakeyoupick.”
“洛矶山垂钓您将得到专家的指导，以及很多烤鱼片的美食。
皮划艇漂流戴上您的头盔和防水衣，现在是您征服密西西比的时候了！
体验爱斯基摩人的生活与爱斯基摩人空同生活的一周，您的全新感受！
”。
d.按样张添加文本“特色目的地”及“…more”
c.以“2.1.5.psd”为文件名，保存至考生文件夹下。
d.以“2.1.5.bmp”为文件名，保存至考生文件夹下。
在指定考生文件夹“网页设计制作员3级_考生准考证号_姓名”下建立“2.1.5”子目录，本题所有操作结果保存至“2.1.5”文件夹下。
（2分）
打开PSCS3,菜单->
新建，在弹出的“新建”对话框中设置：
宽度800像素，高度600像素，确定，选择“渐变”工具，编辑渐变颜色，将背景设置为灰黑渐变（#6a6a6a到#000000）
（7分）
把标题图片“2.1.5.2.jpg”和“2.1.5
升级会员 