《网页设计制作员模块2操作步骤.doc

2.1.1 1、 参照样张样张，利用素材“.jpg”～“.jpg”制作网站首页面效果图，操作内容如下： （1）按要求，新建Photoshop文档； （2）参照样张，布置背景效果； （3）参照样张，制作页面主体的图文区域； （4）参照样张，添加文本； （5）按要求，保存作品； 操作要求 （1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.1”子目录，将所有操作结果保存至该文件夹下。 （2）新建Photoshop文档，要求页面大小符合800像素×600像素分辨率下正常显示。 （3）参照样张“.jpg”，利用图片“.jpg”、“.jpg”、“.jpg” 、“.jpg”布置背景。 （4）参照样张“.jpg”，制作页面主体的图文区域 制作页面主体的图文区域 为页面主体的图文区域应用枕状浮雕效果 制作主体区域标题部分。 （5）参照样张“.jpg”，添加文本 标题文本：“笔墨人生”。 导航文本：“笔墨人生”、“笔墨书院”、“笔墨展”、“笔墨谈”。 说明文本：“淡墨写闲逸……”。 按样张添加文本“”。 “标题区” “文本区” （6）按要求，保存作品： 以“2.1.1.psd”为文件名，保存至考生文件夹下。 以“2.1.1.bmp”为文件名，保存至考生文件夹下。 操作步骤： 考生务必在指定位置建立考生文件夹，并在其下建立“2.1.1”子目录，将所有操作结果保存至该文件夹下 解答：在考生文件夹下建立“2.1.1”文件夹，并将本题目的所有素材放入到本题目文件夹下。 新建Photoshop文档，要求页面大小符合800像素×600像素分辨率下正常显示。（4分） 解答：启动PS，新建：780×428像素，分辨率72像素/英寸，颜色模式RGB、8位，背景白色。 （3）参照样张“.jpg”，利用图片“.jpg”、“.jpg”、“.jpg” 、“.jpg”布置背景。（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）参照样张“.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）说明文本：“淡墨写闲逸……”。（3分） 解答：用“直排文字工具”在文档相应位置输入文本““淡墨写闲逸……”，文本属性：华文行楷、12点、黑色，设置图层不透明度为70%。” （9）按样张添加文本“”。（2分） （10）制作标题区. （3分） 解答：在主题图文区域相应位置分别输入文字“标题区，字体使用“华文行楷”，14点， 深灰色（#323232）” （11）制作文本区。字体使用“隶书”，12点，深灰色（#646464）”（3分） （12）按要求，保存作品：（1分） 解答：以“2.1.1.psd”为文件名，保存至考生文件夹下的题目文件夹内。 以“2.1.1.bmp”为文件名，保存至考生文件夹下的题目文件夹内。 2.1.2 参照样张“.jpg”，利用素材，完成网站首页效果图的制作 （1）按要求，新建Photoshop文档； （2）参照样张，按要求制作背景效果； （3）参照样张，按要求制作主体部分； （4）参照样张，按要求制作导航区； （5）参照样张，按要求制作LOGO区文本； （6）按要求，保存作品； 操作要求 （1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.2”子目录，将所有操作结果保存至该文件夹下。