首页 网页设计制作员模块2操作步骤

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

举报
开通vip

网页设计制作员模块2操作步骤 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像素分辨...

网页设计制作员模块2操作步骤
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.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://www.bimorensheng.com”。 e. “标题区” f. “文本区” (6)按要求,保存作品: a. 以“2.1.1.psd”为文件名,保存至考生文件夹下。 b. 以“2.1.1.bmp”为文件名,保存至考生文件夹下。 操作步骤: (1) 考生务必在指定位置建立考生文件夹,并在其下建立“2.1.1”子目录,将所有操作结果保存至该文件夹下 解答:在考生文件夹下建立“2.1.1”文件夹,并将本题目的所有素材放入到本题目文件夹下。 (2) 新建Photoshop文档,要求页面大小符合800像素×600像素分辨率下正常显示。(4分) 解答:启动PS,新建:780×428像素,分辨率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分) 解答:打开图片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)说明文本:“淡墨写闲逸……”。(3分) 解答:用“直排文字工具”在文档相应位置输入文本““淡墨写闲逸……”,文本属性:华文行楷、12点、黑色,设置图层不透明度为70%。” (9)按样张添加文本“http://www.bimorensheng.com”。(2分) (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”,利用素材,完成网站首页效果图的制作 (1)按要求,新建Photoshop文档; (2)参照样张,按要求制作背景效果; (3)参照样张,按要求制作主体部分; (4)参照样张,按要求制作导航区; (5)参照样张,按要求制作LOGO区文本; (6)按要求,保存作品; 操作要求 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.2”子目录,将所有操作结果保存至该文件夹下。 (2)新建Photoshop文档,要求页面大小符合800像素×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”的魔术棒工具,将“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”文件夹,并将本题目的所有素材放入到本题目文件夹下。 (2)新建Photoshop文档,要求页面大小符合800像素×600像素分辨率下正常显示。(4分) 解答:启动PS,新建:780*428像素,分辨率72像素/英寸,颜色模式RGB、8位,背景白色。 (3)参照样张“2.1.2.1.jpg”,按要求制作背景,图层填充色分别为咖啡色(#D0B072)、浅黄色(#F8F6B9)。(3分) 解答:新建图层,在工具面板中 选择油漆桶工具,将其填充的颜色修改为“#D0B072”,点击画布进行颜色填充。新建图层,在工具面板中选择油漆桶工具,将其填充的前景颜色设置为“#F8F6B9”,背景颜色修改为“#e4c17d”,点击画布进行颜色填充。 (4)为相应图层添加“分层云彩”滤镜效果,添加“砂岩”滤镜效果。(6分) 解答:菜单中选择“滤镜”——>“渲染”——>“分层效果”(分层效果做2次),然后选择“滤镜”——>“艺术效果”——>“粗糙蜡笔”,在其属性中,纹理选择为“砂岩”,凸现值的大小设置为10后点击确定按钮。 (5)将相应图层的混合模式设置为“滤色”。(2分) 解答:双击本图层,在图层样式窗口的“常规混合”——>“混合模式”中选择“滤色”。 (6)参照样张“2.1.2.1.jpg”,按要求制作主体。(6+3分) 解答:打开素材2.1.2.2,双击背景图层,在弹出的“新建图层”窗口中点确定。工具栏中选择工具栏中“魔棒”工具,在素材2.1.2.2的白色区域点击下,选择“魔棒”工具条中的“调整边缘”按钮,将羽化值设置为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.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分) 解答:新建图层,选择“文本工具”,设置字体为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)参照样张,制作斜线背景; (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”为文件名,保存至考生文件夹下。 操作步骤 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.3”子目录,将所有操作结果保存至该文件夹下。 解答:在考生文件夹下建立“2.1.3”文件夹,并将本题目的所有素材放入到本题目文件夹下。 (2)新建Photoshop文档,要求页面大小符合1024像素×768像素分辨率下正常显示。(4分) 解答:启动PS,新建:1002×975像素,分辨率72像素/英寸,颜色模式RGB、8位,背景白色。 (3)参照样张“2.1.3.1.jpg”,按以下要求制作斜线背景。(12分) 解答:打开样张图片2.1.3.1放大图像到500%。选择“选框工具”,设置参数“样式”:固定大小4×4px,在样张图片的条纹背景上点击画出一个矩形小框,将背景中浅咖啡色的斜线对准矩形框的对角线如图: (4)参照样张“2.1.3.1.jpg”,按以下要求绘制页面主体区:(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:500,Y:139。 打开图像2.1.3.3.psd,同样方法合并到新文档,并进行位置调整X:500,Y:315.5。(样张上的参数坐标错误) (6)参照样张“2.1.3.1.jpg”,按以下要求制作页面主体底部区域。(4分) 解答:打开图像2.1.3.4.psd,同样方法合并到新文档,并进行调整:缩放80%,位置X:739.5,Y:690。 (7)参照样张“2.1.3.1.jpg”,添加文本。(2+2分) 解答:在中间输入“图文区域……”,设置文本:宋体、12点、#4f432b。 在底部输入“公司地址,电话等信息”,设置文本:宋体、12点、#19150e。 (8)按要求,保存作品:(1分) 以“2.1.3.psd”为文件名,保存至考生文件夹下的题目文件夹内。 以“2.1.3.bmp”为文件名,保存至考生文件夹下的题目文件夹内。 2.1.4 参照样张“2.1.4.1.jpg”,利用素材,完成网站首页效果图的制作 (1)按要求,新建Photoshop文档; (2)参照样张,制作顶部导航栏区域; (3)参照样张,制作横幅广告区域; (4)参照样张,制作“新闻中心”区域; (5)参照样张,制作“当前位置”区域; (6)按要求,保存作品。 操作要求 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.4”子目录,将所有操作结果保存至该文件夹下。 (2)新建Photoshop文档,要求页面大小符合800像素×600像素分辨率下正常显示。 (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”为文件名,保存至考生文件夹下。 操作步骤: (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.4”子目录,将所有操作结果保存至该文件夹下。 解答:指定位置新建文件夹,重命名为“网页 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 制作员3级_考生准考证号_姓名”双击打开该文件夹,建立子文件夹并命名为2.1.4。 (2)新建Photoshop文档,要求页面大小符合800像素×600像素分辨率下正常显示。(3分) 解答:打开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)参照样张,制作横幅广告区域。(3+3分) 解答:1.插入素材图片:选择“文件”“打开” 图像“2.1.4.2.jpg”,将图像“2.1.4.2.jpg”拖动到画布的指定位置(385,183)。 2.绘制蓝色矩形:选择“矩形工具”,绘制矩形区域,颜色为#e7ecf2,ctrl+t:根据样张 要求设置参数坐标(385,285),高20像素,宽770像素。 (5)参照样张,制作“新闻中心”区域。(3+3分) 解答: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)按要求,保存作品。(1分) 以“2.1.4.psd”为文件名,保存至考生文件夹下的题目文件夹内。 以“2.1.4.jpg”为文件名,保存至考生文件夹下的题目文件夹内。 2.1.5 参照样张“2.1.5.1.jpg”,利用提供的素材,完成网站首页效果图设计 (1)按要求,新建Photoshop文档; (2)参照样张,布置背景效果; (3)参照样张,制作页面主体的图文区域; (4)参照样张,添加文本; (5)按要求,保存作品; 操作要求 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.5”子目录,将所有操作结果保存至该文件夹下。 (2)新建Photoshop文档,要求页面大小符合800像素×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)参照样张,添加文本,并设置文本效果 a. 标题文本:“回归大自然”,“www.travel.com” b. 导航文本:“首页”、“旅游计划”、“心动之旅”、“旅游工具”。 c. 利用素材文件夹内的2.1.5.8.txt给王页添加文本: “Welcome! we have over 1500 extreme adventures for you to drool over.From surfing 40 foot waves in the middle of the ocean to fishing for piranda in the Amazon,we've got it all.So take you pick. ” “洛矶山垂钓 您将得到专家的指导,以及很多烤鱼片的美食。 皮划艇漂流 戴上您的头盔和防水衣,现在是您征服密西西比的时候了! 体验爱斯基摩人的生活 与爱斯基摩人空同生活的一周,您的全新感受!”。 d. 按样张添加文本“特色目的地”及“…more” (6)按要求,保存作品: c. 以“2.1.5.psd”为文件名,保存至考生文件夹下。 d. 以“2.1.5.bmp”为文件名,保存至考生文件夹下。 操作步骤: (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.5”子目录,将所有操作结果保存至该文件夹下。 解答:在指定考生文件夹“网页设计制作员3级_考生准考证号_姓名”下建立“2.1.5”子目录,本题所有操作结果保存至“2.1.5”文件夹下。 (2)新建Photoshop文档,要求页面大小符合800像素×600像素分辨率下正常显示,并用渐变工具,设置背景颜色为渐变颜色。 (2分) 解答:打开PSCS3,菜单->新建,在弹出的“新建”对话框中设置:宽度800像素,高度600像素,确定,选择“渐变”工具,编辑渐变颜色,将背景设置为灰黑渐变(#6a6a6a到#000000) (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”布置背景。(7分) 解答:把标题图片“2.1.5.2.jpg”和“2.1.5.5.jpg”、“2.1.5.6.jpg”、“2.1.5.7.jpg”打开,选择拖入背景,布置背景。注:2.1.5.5图片用“剪裁”工具去掉虚线部分再拖入场景中。 (4)参照样张,制作页面主体的图文区域。(12分) 解答:1.用选框工具制作图文区域的背景效果。新建立一图层,矩形选框工具拉出上、右边框,油漆桶填充色#005c76;新建一图层,矩形选框工具拉出右边框,油漆桶填充色#008faf;新建一图层,圆角矩形工具(填充像素,半径:5,前景色:白色)拉出左框,调整位置。 2.新建一图层,圆角矩形工具(填充像素,半径:5,前景色:#f2f2f2)拉出文字框,描边,大小:1,色:#696969,调整位置完成;新建一图层,完成下面一个文字框。注:也可复制图层,调整位置。新建一图层,椭圆选框工具,按shift画圆,在虚线圆环内部鼠标右键,选择描边,宽度1,色:#575454,ctrl+d取消选择,同样方法在制作一个圆环样式参照样张,完成环形符号。打开素材“2.1.5.3.jpg”、“2.1.5.4.jpg”、“2.1.5.8.jpg”,拖入图文区适当位置。 (5)参照样张,添加文本,并设置文本效果(18分) 解答:1.横排文字工具->在加入文本区点击,加入标题文本:“回归大自然”,www.travel.com;导航文本:“首页”、“旅游计划”、“心动之旅”、“旅游工具”,按制作要求设置格式。 2.同(1)操作,利用素材文件夹内的2.1.5.8.txt给文字框添加文本: “Welcome! we have over 1500 extreme adventures for you to drool over.From surfing 40 foot waves in the middle of the ocean to fishing for piranda in the Amazon,we've got it all.So take you pick. ” “洛矶山垂钓 您将得到专家的指导,以及很多烤鱼片的美食。 皮划艇漂流 戴上您的头盔和防水衣,现在是您征服密西西比的时候了! 体验爱斯基摩人的生活 与爱斯基摩人空同生活的一周,您的全新感受!”。 3.同理按样张添加文本“特色目的地”及“…more”, 4.选框工具制作文字背景效果:新建图层,移动到”……more”图层下方,选择“矩形选框工具”,参照样张在more外画出选线矩形框,点选虚线矩形内部右键选择“填充”,前景色设置成#005c76,确定。 6.按要求,保存作品。 (1分) 以“2.1.5.psd”为文件名,保存至考生文件夹下的题目文件夹内。 以“2.1.5.bmp”为文件名,保存至考生文件夹下的题目文件夹内。 2.1.6 (1)参照样张,根据配色原理设置背景效果; (3)参照样张,根据色彩平衡的原则,设计制作主体区域。 (4)参照样张,设计页面文本属性。 (5)按要求,保存作品; 操作要求 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.6”子目录将所有操作结果保存至该文件夹下。 (2)打开素材“2.1.6.2.psd”文件,并对其进行编辑。 (3)参照样张,根据配色原理,设置背景效果。 (4)参照样张,根据色彩平衡的原则,编辑并应用素材“2.1.6.3.bmp”~“2.1.6.10.bmp”,设计制作主体区域。 (5)参照样张及“2.1.6.8.txt”,设计页面文本属性,要求,导航系统中的当前页面的链接文本与其它页面的链接文本通过颜色进行区分。 (6)按要求,保存作品: a) 以“2.1.6.psd”为文件名,保存至考生文件夹下。 b) 以“2.1.6.bmp”为文件名,保存至考生文件夹下。 操作步骤 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.6”子目录将所有操作结果保存至该文件夹下。 解答:考生务必在指定位置建立考生文件夹下建立“2.1.6”子目录将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员3级_考生准考证号_姓名”) (2)打开素材“2.1.6.2.psd”文件,并对其进行编辑。 根据配色原理,设置背景。(5分) 解答:打开素材“2.1.6.2.psd”文件,在layer7层的下一层新建一层,用油漆桶填充为灰色。 (3)参照样张,根据色彩平衡的原则,编辑并应用素材“2.1.6.3.bmp”~“2.1.6.10.bmp”,设计制作主体区域。(17分) 解答:打开素材“2.1.6.3.bmp”~“2.1.6.10.bmp”,拖入设计制作主体区域,选择相应图层,按CTRL+T键调整大小,或旋转到合适位置。2..1.6.6.bmp的处理:用魔术棒选中白色区域,删除;再选择图形,填充为灰白色。 (4)参照样张及“2.1.6.8.txt”,设计页面文本属性,要求,导航系统中的当前页面的链接文本与其它页面的链接文本通过颜色进行区分。(17分) 解答:注意:导航系统中的当前页面的链接文本与其它页面的链接文本通过颜色进行区分,注意4条分割线,用直线工具绘制。直线(填充像素,1PX) (5)按要求,保存作品:(1分) 1.以“2.1.6.psd”为文件名,保存至考生文件夹下“2.1.6”子目录。 2.以“2.1.6.bmp”为文件名,保存至考生文件夹下“2.1.6”子目录。 2.1.7 1、参照样张“2.1.7.1.jpg”,利用提供的素材,完成网站首页效果图设计: (1)参照样张,根据配色原理设置背景效果; (2)参照样张,根据色彩平衡的原则,设计制作主体区域; (3)参照样张,设计页面文本属性; (4)按要求,保存作品。 操作要求: (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.7”子目录将所有操作结果保存至该文件夹下。 (2)打开素材“2.1.7.2.psd”文件,并对其进行编辑。 (3)参照样张,根据配色原理,设置Banner及导航栏背景。 (4)参照样张,根据色彩平衡的原则,制作各标题栏背景。 (5)参照样张及“2.1.7.3.txt”,设计页面文本属性,设置给标题及文本的属性(包括文本大小及颜色)。 (6)按要求,保存作品: 以“2.1.7.psd”为文件名,保存至考生文件夹下。 另外以“2.1.7.bmp”为文件名,保存至考生文件夹下。 操作步骤: (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.7”子目录将所有操作结果保存至该文件夹下。 解答:考生务必在指定位置建立考生文件夹下建立“2.1.7”子目录将所有操作结果保存至该文件夹下。 (2)打开素材“2.1.7.2.psd”文件,并对其进行编辑。 解答:打开photoshopcs3软件,分别打开2.1.7.1.jpg和2.1.7.2.psd文件。 (3)参照样张,根据配色原理,设置Banner及导航栏背景。(15分) 解答:SMC医疗器械导航背景:选择“矩形选框工具” ,将2.1.7.1.jpg图片的黑色导航背景图片种的问题图片全部擦除 操作如图:,背景色与擦除对象背景色一致 按delete擦除文字和图片;选用“魔棒”工具,将黑色区域全部选中,将工具切换成“移动”工具,选中2.1.7.2.psd,打开图层面板,选择图层,将2.1.7.1中的黑色区域拖动到,2.1.7.2中图层下方,调整下位置。该图册名册:图层65;右键图层面板中图层65,点选“混合选项”,在左侧样式栏中点击“投影”(不要在投影前打钩,要点选投影名称),给图层添加投影效果,可自行设定投影颜色、角度等,单击确定添加效果。 (4)参照样张,根据色彩平衡的原则,制作各标题栏背景。(5+3+3分) 解答:标题1背景: 在2.1.7.1.jpg中擦除文字“标题1”:矩形选框工具,框选“标题1”,背景色换成白色,按delete擦除。选择工具栏上“钢笔”工具(前景色与“标题1”背景色一致),勾出2.1.7.1中的标题1的形状,用“转换点”工具调整图形形状。用移动工具将图形拖至2.1.7.2的“图层65”下方。在图层面板中选中该图层,右键鼠标——点选混合选项——点击“投影”——给图层添加投影效果——确定。 标题2背景区域做法同标题1。 标题3背景图片及文字 在标题3文字区右键鼠标,选择home copy层,双击图层面板上该图层标记,确定,单击选项工具栏中的应用,标题栏文字正常显示。 选中2.1.7.1的背景图层,选择“矩形选框”工具,框选标题3的背景区域如图:,选择“移动”工具,将改选框内容拖动到2.1.7.2的上方,如图,该图层名称是图层66,参考调整图层66的长度。(标题456的文字和背景做法相同) 选择“矩形选框”工具,框选2.1.7.1的区域,选择“移动”工具将改区域拖动到2.1.7.2的Layer 51 copy层的上方,改图层名称默认图层67。 选择“忘记密码 注册”层,在图层面板双击文本图层图标,根据样张修改文字样式,同理制作“用户名 密码”文本图层。 标题4背景区域 利用“矩形”选框工具在样张图片上框选“标题4”的背景区,如图,选择“移动工具”,将框选的区域内容拖动到2.1.7.2.psd图片的Layer34图层上方。(同理制作标题457的背景效果,注意放在相应图层) 框选样张中的三个保存—打印按钮背景,利用移动工具将背景图片拖动到2.1.7.2中的相应位置。 (5)按要求,保存作品:(1分) 以“2.1.7.psd”为文件名,保存至考生文件夹下的题目文件夹内。 以“2.1.7.bmp”为文件名,保存至考生文件夹下的题目文件夹内。 2.1.8 1、参照样张“2.1.8.1.jpg”,利用素材,完成网站首页效果图的制作: (1)参照样张,根据配色原理设置背景效果; (2)参照样张,根据色彩平衡的原则,设计各区域背景。 (3)参照样张,设计页面文本属性。 (4)按要求,保存作品; 操作要求: (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.8”子目录将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员3级_考生准考证号_姓名”) (2)打开素材“2.1.8.2.psd”文件,并对其进行编辑。 (3)参照样张,根据配色原理,设置导航栏背景。 (4)参照样张,根据色彩平衡的原则,制作各标题栏背景。 (5)参照样张及“2.1.8.3.txt”,设计页面文本属性,设置给标题及文本的属性(包括文本大小及颜色)。 (6)按要求,保存作品: c) 以“2.1.8.psd”为文件名,保存至考生文件夹下。 d) 以“2.1.8.bmp”为文件名,保存至考生文件夹下。 操作步骤: (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.1.8”子目录将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员3级_考生准考证号_姓名”) 解答:考生务必在指定位置建立考生文件夹下建立“2.1.8”子目录将所有操作结果保存至该文件夹下。 (2)打开素材“2.1.8.2.psd”文件,并对其进行编辑。 参照样张,根据配色原理,设置导航栏背景。(28分) 解答:打开photoshopcs3软件,打开2.1.8.2.psd文件,标题1区域,在图层面板中选择底部的图层0,选择“圆角矩形工具”,半径为5,颜色为2.1.8.1.jpg中标题1的背景颜色;在2.1.8.2.psd中参照样张画出背景矩形,图层名称为形状1,在图层面板中选中形状1图层,鼠标右键点选“混合选项”——先选“描边”,描边颜色灰色,大小3像素——确定。(标题4背景区制作方法相同)(4分) 标题3区域:先将标题3中的文字颜色都改为白色,在图片上右键点选标题3文字,选中该文字图层,双击文本图标,在选项栏上修改文字颜色属性为白色,其余文字颜色修改方法相同。 选择“圆角矩形工具”,在形状1图层的上方绘制一个背景为黑色,半径为5的圆角矩形,该图层为形状2。(、5、6、7、导航1、2及版权信息区背景做法相同)(4分) 标题2区域同标题3区域 (4分) 标题4区域同标题3区域 (4分) 标题6区域同标题3区域 (4分) 标题7区域同标题3区域 (4分) 标题5中 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 单背景效果:点选“矩形选框工具”框选样张用的表单区域,利用移动工具拖动到标题5的相应位置,如果显示不正常,修改图层位置顺序。(标题4表单区域制作方法相同)(4分) (3)导航栏1 与导航栏2:利用矩形工具在适当的图层下,选定适当的颜色,创建图层。(8分) (4)按要求,保存作品。(1分) 以“2.1.8.psd”为文件名,保存至考生文件夹下的题目文件夹内。 以“2.1.8.bmp”为文件名,保存至考生文件夹下的题目文件夹内。 2.2.1 参照样张“2.2.1.1.gif”,应用素材“2.2.1.2.jpg”,制作网站logo (1)按要求,新建Fireworks文档; (2)参照样张,制作透明背景效果; (3)参照样张,并按要求添加LOGO文本; (4)参照样张,制作文本逐个出现的动画效果; (5)按要求,保存操作路径及文件。 操作要求 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.2.1”子目录,将所有操作结果保存至该文件夹下。 (2)采用 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 LOGO尺寸的第二种大小,新建Fireworks文档; (3)参照样张“2.2.1.1.gif”,利用素材“2.2.1.2.jpg”制作背景; (4)参照样张“2.2.1.1.gif”,添加LOGO文本“笔墨人生”; (5)参照样张“2.2.1.1.gif”,制作LOGO文本动画效果。 (6)按要求,保存(重要步骤,未完成全题无分) a. 所有的历史 记录 混凝土 养护记录下载土方回填监理旁站记录免费下载集备记录下载集备记录下载集备记录下载 为命令“2.2.1”保存。 b. 将文件以“2.2.1.gif”为文件名保存。 操作步骤 (1) 考生务必在指定位置建立考生文件夹,并在其下建立“2.2.1”子目录,将所有操作结果保存至该文件夹下。 (2)采用标准LOGO尺寸的第二种大小,新建Fireworks文档。(2分) 解答:启动FW,文件——新建:画布大小:120×60像素,背景:透明,确定。 (3)参照样张“2.2.1.1.gif”,利用素材“2.2.1.2.jpg”制作背景。(3分) 解答:文件——导入:2.2.1.2.jpg,通过属性面板上的参数缩小图像到宽:120,高120,移动到适当位置,透明度50。层面板——共享此层。 (4)参照样张“2.2.1.1.gif”,添加LOGO文本“笔墨人生”。(5+18分) 解答:1:打开层面板——新建层2。 2:打开桢面板,桢1——延时20/100秒,勾选“导出时包括”。 3:新建桢2,选中桢2——延时20/100秒,利用“文本工具”在编辑区输入文字“笔”,重制帧2——在当前帧之后。 选中桢3——延时20/100秒,编辑区添加文字“墨”,重制帧3——在当前帧之后。 选中桢4——延时20/100秒,编辑区添加文字“人”,重制帧4——在当前帧之后。 选中桢5——延时20/100秒,编辑区添加文字“生”,重制帧5——在当前帧之后。 把第5帧复制9帧(即文字“笔墨人生”共10帧)。调整文字,注:可使用属性面板中的X,Y坐标进行对齐调整。 (5)按要求,保存(重要步骤,未完成全题无分)(2分) 解答:优化面板——Animated Gif(导出格式)。 文件——保存——2.2.1.png,文件——另存为——2.2.1.gif(类型为GIF动画)。 2.2.2 参照样张“2.2.2.1.gif”,使用素材“2.2.2.2.jpg”,制作网站logo (1)按要求,新建Fireworks文档; (2)参照样张,制作柔化背景效果; (3)参照样张,添加“S”型的LOGO文本; (4)按要求,保存操作路径及文件。 操作要求 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.2.2”子目录,将所有操作结果保存至该文件夹下。 (2)使用LOGO标准尺寸中的最小尺寸,新建Fireworks文档; (3)参照样张“2.2.2.1.gif”,按要求制作背景效果: a. 使用“2.2.2.2.jpg”图片做为背景,大小调整为与Fireworks文档大小相同。 b. 参照样张,利用蒙版制作背景效果。 (4)参照样张“2.2.2.1.gif”,并按要求添加LOGO文本 a. 参照样张,添加文本“Sweet Wedding”; b. 参照样张,利用钢笔工具绘制路径; c. 文本按路径效果变形 d. 为文本添加投影 (5)按要求,保存(重要,该操作不正确,前面均不得分) a. 保存所有的历史记录为命令 “2.2.2”。 b. 保存fireworks文件为“2.2.2.png”; c. 将动画文件以“2.2.2.gif”为文件名保存。 操作步骤 (1) 考生务必在指定位置建立考生文件夹,并在其下建立“2.2.2”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员3级_考生准考证号_姓名”) (2)使用LOGO标准尺寸中的最小尺寸,新建Fireworks文档。(4分) 解答:启动Fireworks,按照题目的要求,因为是做制作LOGO标准尺寸中的最小标准,所以新建的“画布”宽为88像素,高为31像素。 (3)参照样张“2.2.2.1.gif”,按要求制作背景效果。(5+5分) 解答: 1:创建好画布后,由于画布画面过小不便于操作,使用“缩放工具”,将画布放大为400%。点击文件,导入背景素材图片“2.2.2.2”,固定左上角起点位置,然后将背景图片的宽和高设置成和画布大小一样(宽88像素,高位31像素) 2:添加背景后,按照题目要求制作蒙版效果。具体步骤为: 将填充桶中颜色设置为黑色 利用“矩形工具”画一块矩形的黑色区域,大小和画布大小一样 选择“属性”中的“填充类型”——>“渐变”功能——>“radial”效果 在软件右侧的“层”面板中,选中“矩形”层以及“位图”层,点击菜栏 中“修改”——>“蒙版”——>“组合为蒙版”,这样背景效果即可实现。 (4)参照样张“2.2.2.1.gif”,并按要求添加LOGO文本。(4+4+3+4分) 解答:1:选中“文本”工具,按照题意设置文本的字体,颜色以及像素,同时将“笔触”的颜色修改为白色,然后输入文本“Sweet Wedding”,点击“滤镜”——>“阴影和光晕”——>“投影”,设置颜色为黑色,像素大小为3。 2:选中“钢笔”工具,在画布中绘制样图类型的曲线。 3:选中“文本层”和“曲线层”,点击菜单栏中“文本”——>“附加到路径”,做出文本按照路径效果变形。 (5)按要求,保存(重要,该操作不正确,前面均不得分)(2分) 解答:文件——保存——2.2.2.png,文件——另存为——2.2.2.gif。 保存历史命令。 2.2.3 参照样张“2.2.3.1.gif”,使用素材“2.2.3.2.jpg”完成logo制作 (1)按要求,新建Fireworks文档; (2)参照样张,制作圆角、透明背景效果; (3)参照样张,并按要求添加LOGO文本; (4)参照样张,并按要求制作渐变文本效果; (5)按要求,保存操作路径及文件。 操作要求 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.2.3”子目录,将所有操作结果保存至该文件夹下。 (2)采用标准LOGO尺寸中最大的尺寸,新建Fireworks文档; (3)参照样张“2.2.3.1.gif”,并按以下要求使用素材“2.2.3.2.jpg”制作背景效果: c. 将图片缩放为与文档大小一致,并设置透明度; d. 使用蒙版,制作图片圆角效果。 (4)参照样张“2.2.3.1.gif”,添加文本“阿伏罗得” (5)参照样张“2.2.3.1.gif”,使用“动画|元件”的方法制作文本效果。 (6)按要求保存 a. 保存所有的历史记录为命令“2.2.3”保存。(重要) b. Fireworks文件以“2.2.3.png”命名保存。 c. 以“2.2.3.gif”为文件名导出动画文件。 操作步骤 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.2.3”子目录,将所有操作结果保存至该文件夹下。在考生文件夹下建立“2.2.3”文件夹。 (2)采用标准LOGO尺寸中最大的尺寸,新建Fireworks文档。(4分) 解答:启动FW,新建120×90像素,确定。 (3)参照样张“2.2.3.1.gif”,并按要求使用素材“2.2.3.2.jpg”制作背景效果。(8+8分) 解答:1:导入2.2.3.2.jpg,通过属性面板上的参数缩小图像到满文档(120、90、0、0),透明度40。 2:选择圆角矩形工具,拖拉一个文档大小的圆角矩形,同时选中二个图层,点击“修改—蒙板—组合为蒙板”。 (4)参照样张“2.2.3.1.gif”,添加文本“阿伏罗得”,使用“动画|元件”的方法制作文本效果。(4+6分) 解答:选择文本工具,输入“阿伏罗得”,在属性面板上设置:填充色无、边框线颜色#009900、12像素、微软雅黑。(4分)选中文本,右键“转换为元件”,选择图形,确定。从库中拖出元件,缩小,降低透明度,并移到右下点,同时选中2个元件,点击“修改—元件—补间实例”,输入帧数3,确定。(6分) (6)按要求保存 解答:保存2.2.3.png到2.2.3文件夹,再另存为2.2.3.gif动画。(2分) 2.2.4 参照样张“2.2.4.1.gif”,使用素材“2.2.4.2.jpg”完成网站logo制作 (1)按要求,新建Fireworks文档; (2)参照样张,制作网格背景效果; (3)参照样张,添加外发光LOGO文本; (4)参照样张,制作文本淡入动画效果; (5)按要求,保存操作路径及文件。 3、操作要求 (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.2.4”子目录,将所有操作结果保存至该文件夹下。 (2)采用标准LOGO中的最大尺寸,新建Fireworks文档。 (3)参照样张,制作背景效果: 2) 将素材文件夹中的图片“2.2.4.2.jpg”作为背景; 3) 使用圆角工具,对图片“2.2.4.2.jpg”制作如样张所示的特殊效果。 (4)参照样张,添加LOGO文本“Carnegie”。 (5)参照样张,制作文本动画效果: a. 文本由小到大淡入舞台; b. 动画过程中,背景保持不变; (6)按要求保存:(重要步骤,不操作全题不得分) a. 保存所有的历史记录为命令“2.2.4”保存。(重要) b. 保存fireworks文件为“2.2.4.png”。 c. 将文件以“2.2.4.gif”为文件名导出动画文件。 操作步骤: (1)考生务必在指定位置建立考生文件夹,并在其下建立“2.2.4”子目录,将所有操作结果保存至该文件夹下。 解答:考生务必在指定位置建立考生文件夹,并在其下建立“2.2.4”子目录,将所有操作结果保存至该文件夹下。(考生文件夹命名:“网页设计制作员3级_考生准考证号_姓名”) (2)采用标准LOGO中的最大尺寸,新建Fireworks文档。(5分) 解答:开始-程序-新建fireworks文件(120像素*90像素)。 (3)参照样张,制作背景效果:(5+5分) 解答:1:导入背景图片素材:文件——导入——选择考生文件夹内2.2.4文件夹内的2.2.4.2.jpg图片——确定,在界面下方的属性面板中修改图片的高和宽120×90,xy坐标(0,0)。点选一下图片,在属性面板上修改图片的透明度值为40,左侧“层”面板中选中层1 点选右上角的选项按钮,点选共享此层;最后将层1锁定(层1为背景图层)。新建图层:层面板底部如图,点选第一个按钮“新建”新建图层,将2.2.4.2.jpg再次导入背景图片,修改大小及坐标,做法同步骤3。 2:制作蒙版组合:选择“圆角矩形工具”,在属性面板上修改圆角矩形高宽
本文档为【网页设计制作员模块2操作步骤】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_526412
暂无简介~
格式:doc
大小:503KB
软件:Word
页数:86
分类:互联网
上传时间:2013-05-29
浏览量:44