1 / 4
文档名称:

网站banner设计实例.doc

格式:doc   大小:19KB   页数:4页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网站banner设计实例.doc

上传人:fyyouxi23 2022/1/14 文件大小:19 KB

下载得到文件列表

网站banner设计实例.doc

文档介绍

文档介绍:. .
. v .
Banner设计实例
一、Banner设计实例
Banner也称为横幅广告,是互联网广告中最根本的广告形式。Banner可以位于网页顶部、中部或底部的任意一处。可以是GIF、JPG等格式的图像文件,同时还可使用Java等语言使其产生交互性,用Shockwave等插件工具增强表现力。
二级页面Banner最终效果如以下图。
二级页面Banner具体的操作步骤。
〔1〕执行"文件〞| "新建〞命令,新建文档。
〔2〕执行"视图〞|"标尺〞命令,显示出标尺,鼠标移动到标尺上,在图像的中间位置拖出标尺辅助线。
〔3〕工具箱中选择"钢笔工具〞,在路径面板上新建"路径1〞,绘制路径。〔闭合路径〕
〔4〕新建"图层1〞,设置前风光为*e4fd7e,在"路径1〞上单击右键,在快捷菜单中选择"填充路径〞,设置填充路径效果如以下图。
〔5〕工具箱中选择"钢笔工具〞,在路径面板上新建"路径2〞,绘制路径。在图层面板上新建"图层2〞,设置前风光为*f68e15,填充"路径2〞。 填充效果如以下图。
〔6〕工具箱中选择"钢笔工具〞,在路径面板上新建"路径3〞,绘制路径。新建"图层3〞,工具箱中选择"渐变工具〞,编辑渐变色,选择直线方式填充渐变色,方向从左到右,填充效果如以下图。
〔7〕图层面板上新建"图层4〞,工具箱中选择"椭圆形选框工具〞,按【shift】键绘制正圆形选区,在选区中填充白色,调整图层4的不透明度。
〔8〕同理绘制其它正圆形选区,填充白色并调整图层的不透明度,效果如以下图。
〔9〕设置前风光为*90090f,工具箱中选择"文字工具〞,输入文字。复制LOGO图标。
〔10〕执行"文件〞|"存储〞命令,文件名:banner,扩展名:jpg,单击"保存〞按钮。
. .
. v .
二、网页按钮和导航栏设计实例
导航栏是组成网页的元素之一,它的任务是帮助浏览者在上方便地查找信息。同时,合理的导航栏可以让浏览者清楚自己浏览的网页在中的位置。导航栏的样式多样,常见的是简单的文字、图片、按钮,还可以是下拉菜单导航。

按钮在网页中的应用较广泛,很多导航栏由按钮组成,先介绍一下常见的按钮设计方法。
【案例】水晶按钮设计
〔1〕执行"文件〞|"新建〞命令,新建文档。〔图像大小200×50像素〕
〔2〕新建"图层1〞,重命名为"按钮〞。工具箱中选择"矩形工具〞,选项卡栏选择"填充像素〞,绘制矩形图像。
〔3〕双击"按钮〞图层,弹出"图层样式〞对话框选择"渐变叠加〞选项,对该选项进展相应的设置,如以下图。
〔4〕在对话框中的"样式〞列表框中选择"发光〞选项,对该选项进展相应的设置,如以下图。
5〕在对话框中的"样式〞列表框中选择"描边〞选项,对该选项进展