《网页设计制作员模块2操作步骤》由会员分享，可在线阅读，更多相关《网页设计制作员模块2操作步骤（87页珍藏版）》请在金锄头文库上搜索。
1、2.1.1 1、参照样张样张，利用素材“2.1.1.2.jpg”“2.1.1.5.jpg”制作网站首页面效果图，操作内容如下：（1）按要求，新建Photoshop文档；（2）参照样张，布置背景效果；（3）参照样张，制作页面主体的图文区域；（4）参照样张，添加文本；（5）按要求，保存作品；操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.1”子目录，将所有操作结果保存至该文件夹下。（2）新建Photoshop文档，要求页面大小符合800像素600像素分辨率下正常显示。（3）参照样张“2.1.1.1.jpg”，利用图片“2.1.1.2.jpg”、“2.1.1.3.jpg”、“2
2、.1.1.4.jpg” 、“2.1.1.5.jpg”布置背景。（4）参照样张“2.1.1.1.jpg”，制作页面主体的图文区域a. 制作页面主体的图文区域b. 为页面主体的图文区域应用枕状浮雕效果c. 制作主体区域标题部分。（5）参照样张“2.1.1.1.jpg”，添加文本a. 标题文本：“笔墨人生”。b. 导航文本：“笔墨人生”、“笔墨书院”、“笔墨展”、“笔墨谈”。c. 说明文本：“淡墨写闲逸”。d. 按样张添加文本“http:/”。e. “标题区”f. “文本区”（6）按要求，保存作品：a. 以“2.1.1.psd”为文件名，保存至考生文件夹下。b. 以“2.1.1.bmp”为文件名，保
3、存至考生文件夹下。操作步骤：（1） 考生务必在指定位置建立考生文件夹，并在其下建立“2.1.1”子目录，将所有操作结果保存至该文件夹下解答：在考生文件夹下建立“2.1.1”文件夹，并将本题目的所有素材放入到本题目文件夹下。（2） 新建Photoshop文档，要求页面大小符合800像素600像素分辨率下正常显示。（4分）解答：启动PS，新建：780428像素，分辨率72像素/英寸，颜色模式RGB、8位，背景白色。（3）参照样张“2.1.1.1.jpg”，利用图片“2.1.1.2.jpg”、“2.1.1.3.jpg”、“2.1.1.4.jpg” 、“2.1.1.5.jpg”布置背景。（5分）解答：
4、打开图片2.1.2.jpg2.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。设置图层样式：图层图层样式斜面和浮雕样式：枕状浮雕，设置图层不透
5、明度80%。（5）制作主体区域标题部分。(3分)解答：新建图层，使用矩形选框工具羽化半径10px，标题区域拖拉一个矩形选区，点选渐变工具渐变编辑器灰色（#3e3e3e）到透明，在标题区域做灰色渐变，设置图层不透明度30%。（6）标题文本：“笔墨人生”。（2分）解答：选用“横排文字工具”，输入文字“笔”，设置属性“华文行楷，72，黑色”，编辑菜单自由变换（ctrl+T），设置参考点位置：x:133.0,y:139.8进行变换。同理设置标题文字“墨、人、生”。（7）导航文本：“笔墨人生”、“笔墨书院”、“笔墨展”、“笔墨谈”。（8分）解答：使用直排文字工具，在文档相应位置输入“笔墨人生“，设置字体
6、：隶书，18点，橙色（#ff6600），同理设置其他导航文本“笔墨书院、笔墨展、笔墨谈”。参照样张将四个文本对象的位置适当调整。（8）说明文本：“淡墨写闲逸”。（3分）解答：用“直排文字工具”在文档相应位置输入文本“淡墨写闲逸”，文本属性：华文行楷、12点、黑色，设置图层不透明度为70%。” （9）按样张添加文本“http:/”。（2分）（10）制作标题区. （3分）解答：在主题图文区域相应位置分别输入文字“标题区，字体使用“华文行楷”，14点，深灰色（#323232）” （11）制作文本区。字体使用“隶书”，12点，深灰色（#646464）”（3分）（12）按要求，保存作品：（1分）解答：以
7、“2.1.1.psd”为文件名，保存至考生文件夹下的题目文件夹内。以“2.1.1.bmp”为文件名，保存至考生文件夹下的题目文件夹内。2.1.2 参照样张“2.1.2.1.jpg”，利用素材，完成网站首页效果图的制作（1）按要求，新建Photoshop文档；（2）参照样张，按要求制作背景效果；（3）参照样张，按要求制作主体部分；（4）参照样张，按要求制作导航区；（5）参照样张，按要求制作LOGO区文本；（6）按要求，保存作品；操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.2”子目录，将所有操作结果保存至该文件夹下。（2）新建Photoshop文档，要求页面大小符合800
8、像素600像素分辨率下正常显示。（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. 添加文本“Sweet Wedding”，并为其添加阴影效果。（5）参照样张“2.1.2.1.jpg”，按要求制作导航区：a. 利用羽化值为“10”的魔术棒工具，将
9、“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”为文件名，保存至考生文件夹下。操作步骤（1）考生务必在指定位置建立考生文件夹，并在其下建立“2.1.2”子目录，将所有操作结果保存至该文件夹下。解答：在考生文件夹下建立“2.1.1”文件夹，并将本题目的所有素材放入
10、到本题目文件夹下。（2）新建Photoshop文档，要求页面大小符合800像素600像素分辨率下正常显示。（4分）解答：启动PS，新建：780*428像素，分辨率72像素/英寸，颜色模式RGB、8位，背景白色。（3）参照样张“2.1.2.1.jpg”，按要求制作背景，图层填充色分别为咖啡色（#D0B072）、浅黄色（#F8F6B9）。（3分）解答：新建图层，在工具面板中 选择油漆桶工具，将其填充的颜色修改为“#D0B072”，点击画布进行颜色填充。新建图层，在工具面板中选择油漆桶工具，将其填充的前景颜色设置为“#F8F6B9”，背景颜色修改为“#e4c17d”，点击画布进行颜色填充。（4）为相
11、应图层添加“分层云彩”滤镜效果，添加“砂岩”滤镜效果。（6分）解答：菜单中选择“滤镜”“渲染”“分层效果”（分层效果做2次），然后选择“滤镜”“艺术效果”“粗糙蜡笔”，在其属性中，纹理选择为“砂岩”，凸现值的大小设置为10后点击确定按钮。（5）将相应图层的混合模式设置为“滤色”。（2分）解答：双击本图层，在图层样式窗口的“常规混合”“混合模式”中选择“滤色”。（6）参照样张“2.1.2.1.jpg”，按要求制作主体。（6+3分）解答：打开素材2.1.2.2，双击背景图层，在弹出的“新建图层”窗口中点确定。工具栏中选择工具栏中“魔棒”工具，在素材2.1.2.2的白色区域点击下，选择“魔棒”工具条
12、中的“调整边缘”按钮，将羽化值设置为5，然后按键盘按钮“delete”，选择“移动工具”，将背景条拖拽到画布中。新建图层，选择“文本工具”，设置字体为Lucida handwriting，大小为60，颜色为白色，输入文本“Sweet Wedding”, 选择菜单“编辑”“变换”“缩放”（ctrl+t），将文本的位置坐标设置为(502,255),移动到适合位置后，双击本图层，在图层样式中选择投影效果。（7）参照样张“2.1.2.1.jpg”，按要求制作导航区。（6+3分）解答：打开素材2.1.2.3，双击背景图层，在弹出的“新建图层”窗口中点确定。工具栏中选择工具栏中“魔棒”工具，在素材2.1.
13、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
14、”，按要求制作LOGO区文本。（3+3分）解答：新建图层，选择“文本工具”，设置字体为Lucida handwriting，大小为30，颜色为白色，输入文本“Sweet”，选择菜单“编辑”“变换”“缩放”（ctrl+t），将文本的位置坐标设置为(127,77),移动到适合位置后，双击本图层，在图层样式中选择描边效果，描边的颜色设置为#56422A。新建图层，选择“文本工具”，设置字体为Arial，大小为12，颜色为#56422A，输入文本“Wedding”，选择菜单“编辑”“变换”“缩放”（ctrl+t），将文本的位置坐标设置为(188,88.5)。（9）按要求，保存文本。（1分）解答：以“2.1.2.psd”为文件名，保存至考生文件夹的题目文件夹内。以“2.1.2.bmp”为文件名，保存至考生文件夹的题目文件夹内。2.1.3 参照样张“2.1.3.1.jpg”，利用素材，完成网站首页效果图的制作（1）按要求，新建Photoshop文档；（2
