Fireworks设计清爽风格的网站界面

常用软件类：	\|杀毒安全	\|联络聊天	\|网络软件	\|多媒体类	\|系统工具	\|图形图像	\|系统工具	\|应用软件	\|行业软件
开发设计类：	\|动画制作	\|图像处理	\|3D设计	\|操作系统	\|站长学院	\|网络相关	\|WEB设计	\|数据库类	\|程序开发

您当前位置：您现在的位置：龙腾软件教程网 >> 文章中心 >> 图像处理 >> Fireworks >> 实列教程 >> 文章正文

Fireworks设计清爽风格的网站界面

　　5.使用直线工具画出两条长为153的线段，颜色为 #677387，描边种类为1 像素柔化，分别放在上方矩形的下边及下方矩形的上边。

　　6. 加入标题列的文字，字体为 elektr_02_5，大小为 10，不消除锯齿，加入内容区的文字，字体为 04b03b，大小为 8，不消除锯齿，

　　

　7. 在帧面板，单击“新建/重制帧”按纽，新增一帧。返回到第一帧，按“Ctrl”+“A”全选中画布上的所有对象，按“Ctrl” +“C” 复制，然后到第二帧，按 “Ctrl” +“V” 粘贴，然后按住SHIFT键不放，选择将帧二上的 HOME、FIREWORKS、DREAMWEAVER 文字，往上及往左各偏移 1 个像素，这是要制造当鼠标移到文字上时，使其产生偏移的效果。

　　8. 回到第一帧，选择工具栏上的切片工具，将文字链结的区切割出来。

　　

　　然后切换到指针工具，单击 HOME 的切片，在弹出的菜单中选择“添加图像交换行为…”，在弹出的交换图像对话框中，选择相对应的切片，单击确定。

　　

　　用同样的方法，分别制作 FIREWORKS、DREAMWEAVER 交换图像的行为。

　　提示：你可以先切换到预览视图，将鼠标移到链结上察看效果。　 9. 综合以上各步骤，将可以将整个网页版型制作完成，最终效果如图所示。

　　

　　这个页面是我喜欢的类型，感觉清清爽爽的，希望您也会喜欢。

上一页 [1] [2]

上一篇文章： Fireworks MX 绘制白炽灯泡

下一篇文章：没有了

收藏此文到

相关文章
Fireworks MX 绘制白炽灯泡 Fireworks打造漂亮流光吊坠 Firework绘制羽绒扇 Fireworks制作渐隐线的方法 Fireworks 绘制IE 浏览器图标 Fireworks鼠绘卡通小动物 fireworks 设计系列精致显示器图标 Fireworks打造经典石雕字效果 Fireworks制作闪光字体动画特效 Fireworks 打造无限宇宙视觉特效