首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

Fireworks教程之网页设计综合实例(下)

[ 作者来源:梦觉 编辑整理:PhotoShop资源网 更新时间: 2007-06-13 录入: 黄叶飞扬 ]


  6、 当您选择了Image格式时,需要在下部的两个窗口设置Up和Over状态的菜单样式,您的悬想也许和我们这里的不同,这是因为我们使用了自定义的样式文件。我们可以根据不同设计项目的需要将自定义的样式作为弹出菜单的选项。

  7、 我们首先绘制一个最终的弹出菜单的矩形,并设定好需要的填充、描边和特效。
如下图:

按此在新窗口浏览图片


  8、 打开Style面板,选中刚才创建的矩形,在Style面板的弹出菜单中选择New Style创建一个新的样式,并命名为MyStyle,如下图:

按此在新窗口浏览图片


  此时您的Style面板中已经添加了一个新的样式
  9、 选择Style面板弹出菜单中的Export Styles将刚才的这个自定义样式输出到Fireworks目录里/Configuration/Nav Menu/,并将它命名为Styles.stl,但要注意必须先将原有的Styles.stl文件备份。
  10、 我们再次编辑刚才创建的弹出菜单,就可以选择我们自定义的样式了。
  11、 按F12预览生成的弹出菜单,如下图:

按此在新窗口浏览图片


  12、 此时表示二级菜单的小箭头默认为黑色,所以看不见,我们也可以在最后修改此箭头样式和颜色,具体方法参见本书前面章节。

  十一、 创建变形动画

  给一个网站添加动画对于访问者的时间和金钱都是一个不小的花销,因此在添加您的动画前,一定要先考虑好如下问题:动画能否增进您的信息传达力度,访问者下载和播放动画是否迅速、方便,是否有足够的组成动画的内容和资源。尽管网络动画及其传递方式正在不断的发生改变,但传统的GIF动画依然有着不可忽视的优势,我们在这里介绍一下创建GIF动画的两种途径。

  1、 在层面板新建一个Logo层,将其置于Web Layer层下方。
  2、 我们需要将背景层修改为一个共享图层,打开层面板,切换到背景层,在弹出菜单中选择Share This Layer,将背景层共享,此层上的内容将在所有帧都可见,此层的后面将出现一个共享图标,如下图:

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!