Fireworks切片效果实例制作

整理一实例,PS和FW切片的问题,希望能对大家有帮助

下图是网站的导航条:

接下来我们用“切片工具”(红圈内)来进行切图。

根据颜色或其他你所想要的情况来进行切割,如下图:

切片的好处:一、在网速较慢地情况下,本来要一张大图全部显示后才能看,现在切成众多小图后,速度加快,并且逐一显示;二、可根据每个切图的颜色和复杂情况进行不同的优化,以达到总体文件即保持必要清晰度,又能使文件达到最小,这是在大图时达不到的。

将各切片优化后,选择"文件——导出",在导出对话框中,为文件取名,并请注意导也类型为“HTML和图象”,如图。

时间: 2024-08-28 12:35:18

Fireworks切片效果实例制作的相关文章

HTML+CSS网页制作实例:制作左上角卷角效果的网页

文章简介:HTML+CSS网页制作实例:制作左上角卷角效果的网页. 英文原文 http://designshack.net/articles/css/code-a-simple-folded-corner-effect-with-css/ 这篇文章中我们将介绍如何制做paper左上角的卷角效果. 我想让我的几句文字以一张有卷角折叠效果的纸为背景,如果直接用一张图片,很容易实现,但是这里我要用css来实现. 我的这种实现方法并不是非常具有创新意义,但是还是值得拿出来分享的,简单的来说,除了一个矩形

Flash MX 2004实例制作视频教程:翻书效果(二)

教程|视频教程 第 5 节:翻书效果二(1) 课程目标:学习书本翻页效果的实例制作. 课程要点:介绍两种制作Flash书本翻页动画效果. 观看教程:[全屏观看] (必须安装Flash Player 7.0或更高版本的播放器,[官方下载] ) 下载教程:[下载教程] [源文件下载] 第 6 节:翻书效果二(2) 课程目标:学习书本翻页效果的实例制作. 课程要点:介绍两种制作Flash书本翻页动画效果. 观看教程:[全屏观看] (必须安装Flash Player 7.0或更高版本的播放器,[官方下载

Flash MX 2004实例制作视频教程:翻书效果

教程|视频教程 第 3 节:翻书效果(1) 课程目标:学习书本翻页效果的实例制作. 课程要点:介绍两种制作Flash书本翻页动画效果. 观看教程:[全屏观看] (1.54MB) (必须安装Flash Player 7.0或更高版本的播放器,[官方下载] ) 下载教程:[下载教程] 第 4 节:翻书效果(2) 课程目标:学习书本翻页效果的实例制作. 课程要点:介绍两种制作Flash书本翻页动画效果. 观看教程:[全屏观看] (1.38MB) (必须安装Flash Player 7.0或更高版本的播

Fireworks创意遮罩动画制作

本例使用Fireworks遮罩效果制作动画,对遮罩层的制作是本例的关键. 本实例用到的一些基本操作包括:钢笔工具.帧(Frames)面板.羽化填充(Feather).遮罩(Mask). 制作这类遮罩层有两种思路: 1.将人物脸部精确的抠出来,转成灰度,然后使用反色.用这种方法做的效果可能是最好的,能够以人物面部的明暗影响滚动的文字,使文字若隐若现,但完全在Fireworks中做是比较困难的,尤其是在抠图上最好能借助Pototshop,以达到最完美的效果. 2.使用圆形工具和钢笔工具绘制出脸部的大

Photoshop特效实例制作教程:瑰丽晚霞

"造化钟神秀",大自然中有很多令人感叹的艺术品,也许你苦于没有照像机,不能及时记录下这些美丽的画面.但如果你有Photoshop,一切就都解决了.下面是笔者用Photoshop做的一幅风景画,如下图所示. 这个晚霞的实例制作中主要运用了Photoshop渐变工具.加深工具.涂抹工具等,以及高斯模糊.动感模糊.基底凸现等滤镜效果.下面是整个绘制过程的详细过程. 图1 (1)选择"文件-新建"命令,打开"新建"对话框,设置它的大小为2730*1530

Flash MX 2004实例制作视频教程:高速运动的感觉

教程|视频教程 第 9 节:高速运动的感觉(1) 课程目标:学习高速运动的感觉的实例制作. 课程要点:介绍高速运动的感觉效果. 观看教程:[全屏观看] (必须安装Flash Player 7.0或更高版本的播放器,[官方下载] ) 下载教程:[下载教程] 源文件下载 第 10 节:高速运动的感觉(2) 课程目标:学习高速运动的感觉实例制作. 课程要点:介绍高速运动的感觉动画效果. 观看教程:[全屏观看] (必须安装Flash Player 7.0或更高版本的播放器,[官方下载]) 下载教程:[下

Flash MX 2004实例制作视频教程:水中倒影

倒影|教程|视频教程 第 1 节:水中倒影(上) 课程目标:学习水中倒影的实例制作. 课程要点:通过运用遮罩等Flash技巧制作效果比较真实的倒影效果. 观看教程:[全屏观看] (3.29MB) (必须安装Flash Player 7.0或更高版本的播放器,[官方下载] [太平洋下载]) 下载教程:[下载教程](鼠标右击该链接,从弹出菜单中选择"目标另存为-") 第 2 节:水中倒影(下) 课程目标:学习水中倒影的实例制作. 课程要点:通过运用遮罩等Flash技巧制作效果比较真实的倒影

Flash MX 2004实例制作视频教程(全集)

教程|视频教程 FIF小组隆重推出Flash MX 2004视频教程!该视频教程包括<超速入门系列>和<实例系列>.超速入门视频教程将通过实例讲解,帮助初学者快速掌握Flash基本知识.实例系列视频教程以精彩的实例制作过程,讲解Flash高级制作技巧. 本站将为您提供大量Photoshop, Flash, Dreamweaver, 3DS Max, Office等软件的视频教程,帮助您迅速掌握热门软件! Flash MX 视频 | Dreamweaver视频 | 3DS Max视频

Fireworks仿MSN浏览器制作哑铃按钮

  在这篇教程里,我们将学会如何利用Fireworks MX 2004仿MSN浏览器制作哑铃按钮过程,制作出来的按钮非常质感,而且方法很简单,推荐过来,希望脚本之家的朋友喜欢! 我们先来看看最终效果图: 现在不管是Windows Media Player播放器,还是MSN浏览器,甚至于腾讯的QQ浏览器都将前进后退的按钮改成了这种哑铃形状,下面我就教给大家如何在Fireworks MX 2004中制作这种简单的哑铃按钮. 1.新建300像素白色画布,选择"椭圆"工具按住Shift键画一个