fireworks教案课件第8章滤镜和混合
Fireworks8教案
2、给“切片”增加行为 、 切片”
• 简单交换图像:
– 在第一帧中创建切片, – 添加第二帧,在切片区域导入或绘制图像, – 在第一帧的切片中单击行为手柄,选择“简单交换 图像”。
• 不相交翻转图 • 将多个变换图像应用到所选切片:
– 将手柄拖动到同一切片的左上边缘时可创建一个交 换图像, – 将手柄拖动到其它切片时可创建不相交变换图像。
– 修改菜单
• 修剪画布(Ctrl+Alt+T) Ctrl+Alt+T
– 裁去多余的画布和图像
• 符合画布(Ctrl+Alt+F)
– 让画布与图像大小一样
• 旋转画布:修改/画布
二、工具的使用
• • • • • 常用位图图形工具 常用矢量图形工具 对象的选择与编辑 图形特效的设置 使用文本
1、常用矢量图形工具
3、使用切片导出图像
图层的操作
• • • • 新建、复制和删除图层(Alt键) 锁定和隐藏图层 图层透明度的设置 平面化、合并图层:将图层转化为位图层
–“向下合并”只对用于位图层,对于路径、切片、 热点和按钮是无效的 – 修改/平面化图层,修改/向下合并或层面板
• 网页层:包含Web对象(切片和热点)。
– 特殊的层,只有一个,在所有帧之间共享 – 不能停止共享、删除、复制、移动或重命名、合并
• 绘制基本的多边形和星形
– 边数3~360、拖动滑块可设选取工具
– – – – 选择规则区域:正方形或正圆选区 选择不规则区域:“套索”与“多边形套索” 选取相似色彩区域:选择——选择相似 调整选择区域
• • • • • 移动选区(光标置于选区内) 增加选区:Shift 减少选区:Alt 取消:Ctrl+D 相交选区:Alt+Shift
FIREWORKS8标准实例教程教程配套全册教学课件
1.2.3 色彩模式 合理地运用色彩,会使网页的视觉效果更加舒适,同时还能够激发浏览者的想象与情感,让
网页作品先声夺人。下面介绍几种网络上常见的色彩模式。 1.RGB色彩模式 该模式俗称三基色。这种模式是以红、绿、蓝三种基本色为基础,进行不同程度的叠加,从
而产生丰富而广泛的颜色。RGB模式大约可反映出1680多万种颜色,是应用最为广泛的色 彩模式,所有的电影、电视、显示器等视频设备都依赖于这种模式。 2.CMY色彩模式 CMY模式是减色模型,通常在印刷行业中使用。它以青色、品红、黄色、黑色为基色,因 此又叫CMYK模型。CMY模型的数值以十进制表示,同时色谱图上显示的是全彩图。 3.HSB色彩模式 该模式将色彩分为色调、饱和度和亮度三个要素。色调是指光经过折射或反射后产生的单色 光谱,即纯色;饱和度用于描述色彩的浓淡程度,各种颜色的最高饱和度为该颜色的纯色, 最低饱和度为灰色;亮度用于描述色彩的明亮程度。 4.灰度色彩模式 灰度色彩模式是用0~255种灰度值来表现图像中像素颜色的一种色彩模式,该模式可以使图 像的过渡更加平滑细腻,也是一种能让彩色模式转换为位图和双调图的过渡模式。彩色模式 转换为灰度模式后,彩色将丢失,且不可恢复。 5.网页安全色 在网页中,能够被正常显示的颜色只有256色。由于目前的浏览器使用了256色中的40种颜 色,所以这40种颜色不再用于网页设计,剩余的216种颜色被称为网页安全色。使用网页安 全色来设计网页,可以保证网页在各种浏览器和计算机平台上表现出一致的外观。
用户也可以直接在文档编辑窗口中单击鼠标,图片也能被导入。单击 的位置即为图片左上角的位置,图片的大小不变,保持原尺寸。
1.3.8 辅助设计工具的使用
Fireworks 8为我们编辑网页图像提供了极为方便的辅助工具,例如: 标尺、辅助线、网格等,使用它们可以使操作更加精确,大大提高工 作效率。
Fireworks 全套教学课件
北京工商大学 计算机与信息工程学院
毛典辉 maodianhui@
一、Fireworks的工作环境
启动Fireworks Fireworks的人机交互界面
Fireworks的启动
FireWorks的工作环境
Fireworks的工作模式
矢量绘图模式 位图编辑模式
利用画笔预设工具还可以定义自己感兴趣 的画笔形状(执行[编辑]->[自定义画笔 预设]);
可以设置画笔的颜色、笔触、散布、透明、 纹理等项目。
三、铅笔工具
绘制没有笔锋的图形使用的画笔。
四、擦除工具
橡皮擦用来将图像的某些区域涂抹成背景 或透明色。
使用橡皮擦
擦除图像的多余部分,可通过设置透明度 来达到部分擦除的效果。
使用[曲线]命令——与色阶命令类似,但 使用的控制变量更多;
使用[自动色阶]命令——由计算机将图像 像素的最亮与最暗定义为白色和黑色,按 比例自动分配中间像素的值。
通道使——用选择[色调整阶的]颜命色;令
输入色调——调整暗、中 间和高光的值,对应下面 的三个滑块;
输出色阶——限定处理后 图像的亮度范围;
持续移动鼠标,在边缘的顶点处单击
[魔术棒]工具
根据预想边缘颜色的近似度来选取选区
鼠标单击选取颜色,通过调整容差、消除锯 齿等参数来选取。
使用[全选]命令
选择图像中的全部像素
使用[反选]命令
选择选区之外的区域
使用[选取相似]命令
选取与选区颜色相类似的区域
4、选区的编辑
选区的移动 选区的删除、合并、减少、重叠运算 选区的反转 选区范围的调整
创建Fireworks文档的基本操作
创建Fireworks文件(PNG格式图片) 绘图画布的设置 图像大小的调整 简单绘图与添加文字 操作的撤销与恢复 历史纪录面板的作用
第8章 Fireworks CS4 基础PPT课件
10
8.2.1 矢量图和位图概念
一、 矢量图像 矢量图像使用数学的方法描述,是用包含颜色和位置属性的直线
或曲线(即称为矢量)来描述图像属性的一种方法。比如说一个椭圆, 它就包括由通过椭圆边缘的一些点组成的轮廓和轮廓内的点两部分。
对于矢量图像,椭圆的颜色取决于椭圆轮廓曲线的颜色和轮廓封 闭的区域颜色,与轮廓内单独的点无关。我们可以通过修改描述椭圆 轮廓的直线或曲线来更改椭圆的性质,也可以移动、放缩、变形,或 者在不改变图像显示质量的前提下,改变具有矢量性质的椭圆的颜色。
网页设计与制作
20
8.2.4 矩形及相关工具
在这里,我们通过一个星形工具来实现一个 光芒四射的效果,进一步学习该工具的使用。 最终效果如图8-12所示
网页设计与制作
21
8.2.4 矩形及相关工具
网页设计与制作
22
8.2.4 矩形及相关工具
网页设计与制作
23
8.2.5 文本工具
网络图像的制作当然离不开文本。在Fireworks里刚创建的文本对象,既 不是位图对象,也不是普通的矢量对象。使用文本工具就可以在图像中输入 文本,步骤如下:
第八章 Fireworks CS4 基础
本章内容
8.1 熟悉工作环境 8.2 绘制和编辑对象 8.3 GIF动画 8.4 图像优化和导出
网页设计与制作
2
Fireworks CS4 简介
Fireworks CS4是Adobe公司推出的专门针对网络图形设计的工具 软件,是专业网络图像设计和处理的最好选择之一。Fireworks把位 图处理和矢量处理完美的结合在一起,并提供图像的优化和预览功能, 大大简化了网页图像和屏幕图形的制作过程。有了Fireworks,设计 者的工作就不再是复杂地从一个工具转到另一个工具,大量的重复工 作被省略,由此可以节省大量宝贵的时间。
fireworks混合模式的介绍
fireworks混合模式的介绍Fireworks8合了大量有趣的功能,但在我看来,其中最酷的一个就是新增的26种混合模式。
这些新增的混合模式打开了一个创造性潜能的世界。
下面小编就为你介绍fw的混合模式吧。
fw混合模式的详解:一、混合模式-快速入门。
坦白的说,我从未意识到混合模式涉及到如此多的数学问题,我并不想假装理解这些数学公式,但是如果你有兴趣,请先浏览以下网址:/delphi/blendmodes/ 以了解这些模式所蕴含的数学公式而不仅仅是在PNG文件中不停的改变他们。
我在这里所介绍的混合模式是基于我自己的一些试验和研究。
无论如何,对我来说这些色彩模式的一些解释只有那些科学家才能明了。
在这种情况下我只是尽可能的说明我所能理解的一些变化。
对任何混合模式来说,必须有至少两个对象或者两个保持像素的图层。
混合模式的结果是基于每一个对象上的像素通过选择的模式如何发生变化。
一个混合模式包含了如下元素:Opacity:不透明度。
Blend color:混合颜色。
使用填充工具的填充色或将要应用混合模式的层已有的色彩。
Base color:基本颜色。
混合模式下面的颜色。
Result color:结果颜色。
混合后的色彩。
混合模式由一个图层或一个对象与它下面的对象混合而成,如果你在层面版中应用了一个混合模式,它将影响整个图层或对象。
你不能对一个位图选区应用混合模式,但你可以将混合模式应用在填充工具和笔刷工具上。
每一个对象和每一个图层可以有它自己的混合模式。
混合模式也可以被应用在矢量工具上,如:Shapes、文本、钢笔和直线工具。
你可以再绘制前设定好混合模式,也可以在绘制好之后设置。
即使矢量对象填充了位图纹理或图案以后,应用到矢量图形上的混合模式也总是可编辑的。
删除混合模式的另一个强大功能是你可以将它应用在位图填充工具上(笔刷、铅笔、油漆桶)。
选择以上的一个工具,选择一种填充色,然后从属性面版选择一种混合模式开始绘制,这给了你一个非常细致的控制混合效果的途径,但不幸的是与对象和图层应用效果不同,这种方法也是破坏性的,它永久的改变了像素的色值。
Fireworks.ppt
选择“滤镜”>“颜色调整”>“亮度/对比度”,参数设置如下:亮度 = -16; 对比度 = 100。这个效果是为了得了一个纯黑白对象。
实例一环绕文字
新建宽和高都是300像素的文件,背景设为白色。 点选“工具”面板中的“文本”工具,在工作区输入文本
“/fuguotao/,字体选择“Arial Black”,字号 为20像素大小,颜色为黑色。 点选“工具”面板“矢量”部分的“椭圆”工具。按住 “Shift”键,在工作区画一个圆。在“属性”检查器中输入 新的宽度 (w) 或高度 (h) 值,这里都是130。 单击“填充颜色框”图标。在颜色弹出窗口中选择“透明按 钮” (无填充) 选中“描边”工具。在“描边种类”中选择“铅笔”>“一像 素柔化”。按住Shift键,使用“指针”工具同时选择圆和文 字。打开菜单栏的“文本”菜单,单击“附加到路径”。 如果想旋转文字,选择“工具”面板中的“缩放工具”。出 现圆形箭头,就可以旋转文字。 如果希望文本沿路径的内侧排列,选择“文本”菜单中的 “倒转方向”。
一 文件窗口
fireworks 的文件窗口上有四个标签,可以同 时编辑和预览图象,你可以同时预览四种不 同的优化设定所产生的效果,选择最理想的 一种选 择、创建、编辑图象 的工具,有的工具按钮 的右下角有一个小三 角,说明这个工具包 含有几种不同的形式, 按住这个工具不放就 能显示其他的形式。
实例二 羽化图片
打开一个图片。点击 “工具”面板“位图” 部分的“选取框”工具。 也可以选择“椭圆选取 框”工具,选择部分图 象。
Fireworks8使用基础优秀课件
中文版Fireworks 8基础与上机实训
属性面板
属性面板位于绘图窗口旳底部,其中旳参数伴随绘图窗口中旳对象 不同而变化,如下图所示。当编辑矢量图形时,属性面板中会出现笔触、 填充、滤镜等参数设置选项;而当编辑位图图像时,属性面板只出现滤 镜参数设置选项。灵活利用属性面板旳各项参数设置,能够制作出许多 独特旳图形效果。要打开或关闭属性面板,选择“窗口”|“属性”命令 即可 。
2. Fireworks 8旳工作界面主要由下列几种部分构成: _____ 、 _____ 、 _____ 、
_____和_____。
3.
面板能够显示撤消和重做旳命令列表,合理利用该面板能够大大简化工作流程。
4. 要在“打开”对话框中同步选中多种文件,按住键盘上旳 _____ 键,可选择多种相连旳文 件;按住_____ 键,可选择多种不相连旳文件。
中文版Fireworks 8基础与上机实训
1.7 思索与练习
操作题
14. 在Fireworks 8中创建一种名为“我旳快捷键”旳自定义快捷键方案,并设置该方案中部分 常用旳快捷键。
15. 在Fireworks 8中新建一种800×600旳文档,并导入一幅图像,然后将画布旋转180°。
7. Fireworks 8提供了_____ 、 _____ 和 _____ 3种视图界面。
中文版Fireworks 8基础与上机实训
1.7 思索与练习
选择题
8. 在Fireworks 8中能够经过( A. 双击“手形”工具按钮 B. 双击“缩放”工具按钮
)措施迅速设置文档为100%显示。 C. 在画布中双击 D. 按住Alt键在画布中单击
9. 在Fireworks 8中,用复制命令复制一种对象后,再新建一种文档,则该文档旳默认画布大 小为( )。
Fireworks教案
Fireworks教案第一章一、概述1、简介:adobe公司旗下的集图像处理与动画制作为一体的制作软件2、特点:丰富的位图处理功能强大的优化输出功能(可根据需要更改图片格式)可导入各种文件格式制作网页动画制作兼容性增强3、网页制作概述网页元素组成网页制作过程前台美工应用4、网页四剑客(比对fw和ps)二、图形简介1、位图2、矢量图3、网络图形(jpeg,gif,png简介和特点)Jpg:支持颜色多,文件容量大。
Gif:支持256色,支持透明背景和动画Png:兼并了jpg和gif的特点,支持直接编辑,逐渐流行。
三、安装与进入Install.exe(安装在非系统盘)sn.txt(keygen。
exe)为注册码绿化软件的安装。
四、基础知识1、界面简介2、快捷键工具(ctrl+f2)属性(ctrl+f3)克隆(ctrl+shift+d)数值变形(ctrl+shift+t)对齐(没有)层面板(f2)优化(f6)混色器(shift+f9)帧(shift+f2)历史纪录(shift+f10)行为(shift+f3)3、辅助工具首选参数(ctrl+u)标尺(ctrl+alt+r)网格(ctrl+alt+g)网格以及辅助线的编辑4、界面设置三种界面切换(f)创建以及画布设置第二章工具(一)一、选择区域1、选取工具组(v)后方选择工具:先选中前面的物体,后单击后方物体,进行后面物体的选中。
2、任意变形工具组(q)缩放倾斜扭曲注意:ctrl+t只可以调用缩放工具3、裁减工具组(c)导出区域:除了进行图片的裁减以外,可以对所选中的部分直接进行导出二、位图区域1、选取框工具(m)椭圆选取框工具用于对位图进行选择,选择区域以外的物体将不会被更改。
2、套索工具(L)分为普通套索和多边形套索,用于制作不规则选区3、魔术棒工具(W)用于选取相似颜色的区域注:讲解所有位图选取工具时要配合选择菜单以及属性面板的介绍三、实例:图片修饰第三章工具(二)一、位图工具1、笔刷和铅笔工具(B、Y)用于绘制软线条和硬线条使用属性面板操作(特别是画笔样式以及如何使用其它画笔样式)2、橡皮工具(E)用于擦除图片区域注:透明度设置以及应用3、位图修饰工具组模糊工具锐化工具减淡工具加深工具涂抹工具4、图章工具组仿制图章工具替换颜色工具去除红眼工具二、钢笔工具和部分选区工具工笔工具用于绘制路径使用注:使用钢笔工具时如何绘制直线不封闭路径,以及绘制完曲线路径后如何绘制直线路径。
Fireworks 全套教学课件
北京工商大学 计算机与信息工程学院
毛典辉 maodianhui@
一、Fireworks的工作环境
启动Fireworks Fireworks的人机交互界面
Fireworks的启动
FireWorks的工作环境
Fireworks的工作模式
矢量绘图模式 位图编辑模式
算,选区会扩大; 按住Alt键再选取则两个区域作差运算,
选区会缩小; 同时按住Shift和Alt再选取则两个区域
作乘积运算;
选区的反转
执行[反选]命令
选区边缘范围的调整
扩展或收缩选区 对选区扩边 对选区平滑处理 扩大选取与选取
相似
扩展或收缩选区
对选区扩边
对选区平滑处理
扩大选取与选取相似
一、设置绘图颜色
颜色是创作的重要组成部分,使用绘图工 具进行创作时必须选择一种颜色;
颜色包含前景色和背景色两种; 颜色的设置通过调色板或拾色器来完成。
前景色和背景色
前景色是指当前绘画工具所使用的颜色; 背景色是指图像的底色。
1、使用“拾色器”
是最基本的颜色设置工具; 可以直接在颜色区取色(单击前景色按钮,
五、位图图片的处理
导入位图图片 使用选区工具 位图图片的效果处理 使用图层 使用蒙板
六、创建图片动画
图片动画的概念 帧的种类及其作用 元件和实例 动画的创建
七、网页图片的输出
关于Web图片的切片 图片格式的选择与优化 图片的输出
设计举例
设计一个北京工商大学的宣传图片
2、学习内容
创建选区的工具介绍 选区的编辑 柔化选区边缘
3、创建选区的工具
[选框]工具
[矩形]选框工具; [椭圆]选框工具;
第8章 Fireworks 8网页设计
第8章 Fireworks 8网页设计
8.1 Fireworks 8工作环境 8.2 更改画布 8.3 位图 8.4 创建弹出菜单
8.5 8.6 8.7 8.8
用Fireworks 8制作立体感照片 用Fireworks 8制作倒立文字 用Fireworks 8制作飞舞的蝴蝶 用Fireworks 8制作按钮
冶金工业出版社
8.3.6 向图像中增加杂点 在图像编辑中,“杂点”是指组成图像的像素中随机出现的不同颜 色。 可以出于艺术原因向图像中添加杂点,方法是:打开要操作的图像, 选择“滤镜”→“杂点”→“新增杂点”命令 。 8.3.7 渐变和图案填充 在Fireworks 8中可以对图像进行渐变和图案的填充。 编辑渐变填充的方法是单击任意“填充颜色”框,然后使用“编辑 渐变”弹出窗口。 8.3.8 制作实例 Fireworks 8中内建的6类效果中,“斜角和浮雕”和“阴影和光晕” 类效果常用于对按钮对象的设计修饰中,而“调整颜色”、“模 糊”、“其他”和“锐化”4类效果通常应用在图像编辑模式中, 而且它们属于非动态效果。 介绍一下“斜角和浮雕”这种动态效果的应用实例
冶金工业出版社
8.2.3 旋转画布 旋转方法:选择“修改”→“画布”→“旋转180°” (或顺时针Байду номын сангаас旋转90°”或逆时针“旋转90°”)。 8.2.4 修剪画布 要修剪画布以适合图像面积的尺寸,可在菜单中选择 “修改”→“画布”→“修剪画布”命令。 8.2.5 符合画布 当文档超出画布的边界时,可扩展画布来以放入文档, 方法是:选择“修改”→“画布”→“符合画布”命 令。
冶金工业出版社
8.3.2 位图的绘制、绘画和编辑 位图的绘制、 “工具”面板的“位图”部分包含选择、绘制、绘画和编辑位图对 象的工具。 1. 绘制位图对象 “铅笔”工具可绘制单像素自由直线或受约束的直线,也可以放大 位图用“铅笔”工具来编辑单个的像素。 2. 绘画位图对象 可以用“刷子”工具,使用“笔触颜色”框中的颜色绘制刷子笔触。 3. 选取笔触颜色 可以使用“滴管”工具从图像中选取颜色来指定一种新的笔触颜色 或填充色。 4. 擦除位图对象 可以用“橡皮擦”工具删除像素。 5. 羽化选区 羽化使像素选区的边缘模糊,使所选区域与周围的像素融合。
fireworks CS3入门与提高配套全册教学课件
1.2.4 工具箱
使用Fireworks处理图像,必须绘制各种图形和对象,还须插入Web 元素、编辑颜色等,这就必须使用到各种工具。在Fireworks CS3中, 图像处理工具都放置在工具箱中,图所示的就是Fireworks CS3的工 具箱。
1.2.1 标题栏
标题栏显示的主要有Fireworks标记、应用程序的名称、编辑图像的 名称、最小化按钮、最大化和正常之间的切换按钮以及关闭按钮。其 功能与Windows的标题栏相似。
1.2.2 菜单栏
标题栏的下面就是菜单栏,它包括【文件】、【编辑】、【视图】、 【选择】、【修改】、【文本】、【命令】、【滤镜】、【窗口】、 【帮助】10个菜单项,如图所示。
行为面板:Fireworks中动作的实现是通过行为面板实现的。使用行 为面板可以方便地为图像添加需要的动作组合,并删除不满意的动作。 避免了编写JavaScript代码。如图所示。
查找面板:在批量处理时使用该面板可以起到事半功倍的效果,如图 所示。
页面板:Fireworks CS3支持多页,即可以在单个文档(PNG 文件) 中创建多个页面,并分别设置每个独立页的各种参数,诸如画布大小、 颜色、图像分辨率等,甚至可以添加超级链接和热点,并在多个页面 之间共享图层。因而可在原型中方便地模拟网站流程,使创建复杂的 多页网站原形变得更为方便。页面板如图所示。
1.2.6 修改工具栏
修改工具栏提供了一些常见的图形操作命令——图群组、对齐、排列 以及旋转等。Fireworks CS3的修改工具栏位于主界面的下部,如图 所示。
《Fireworks应用》课件
工具栏
提供常用工具的快速访问,如选择工具、画 笔工具等。
工作区
显示和编辑图像的区域。
创建和编辑图像
01
02
03
创建新图像
通过选择“文件”>“新 建”命令,可以创建一个 新的空白图像。
导入图像
通过选择“文件”>“导 入”命令,可以将其他图 像或图片导入到当前工作 区。
编辑图像
使用各种工具和命令对图 像进行编辑,如裁剪、调 整亮度/对比度、应用滤镜 等。
件时。这得益于Fireworks的优化和专为网页设计的功能。
与Illustrator的比较
设计目的
Fireworks和Illustrator都是矢量图形设计工具,但 Fireworks更专注于网页设计和原型设计,而Illustrator则 更适合印刷品设计和图形设计。
操作方式
Fireworks的操作方式更直观,容易上手。而Illustrator的 操作方式则更为专业,需要更多的学习和实践。
详细描述
Fireworks支持多种移动设备尺寸和分辨率,提供了丰富的移动界面设计工具和 资源,如矢量图形、图标、按钮等。通过实例展示,可以深入了解Fireworks在 移动应用界面设计方面的应用和技巧,提高设计师的设计水平和效率。
游戏界面设计实例
总结词
游戏界面设计实例展示了Fireworks在游戏界面设计方面的应 用,包括游戏图标、菜单、界面布局等方面的设计技巧。
Fireworks的未来展望
更加高效的设计工具
Fireworks将不断优化性能,提高设计和制作效率,满足用户快速 迭代和高效工作的需求。
更加丰富的素材和模板
Fireworks将提供更加丰富和多样的素材和模板,降低用户寻找和 制作素材的时间成本。
Fireworks教案
第一部分 Fireworks基础知识1、了解Fireworks的作用、特点2、熟悉Fireworks窗口内容3、掌握常用工具的打开:常用工具栏/修改工具栏/工具箱/属性面板/层面板/帧面板/历史记录面板/样式面板/URL面板/库面板/行为面板等4、掌握文档的基本操作新建/打开/保存/导出/导入/页面设置/设置文件属性/打印第二部分图形的绘制1、掌握绘制图形的方法:包括基本几何图形/自由路径/直线线段和曲线线段2、掌握如何调整颜色与填充效果3、了解辅助绘图工具的使用标尺/网格/引导线第三部分编辑、修改图像掌握基本操作方法选择/撤消与恢复/对象的显示与隐藏/对齐/排序/复制/删除/组合与取消组合/旋转、缩放与变形第四部分位图文件的处理1、掌握创建位图的方法导入/利用特定工具创建(选区与填充)2、编辑、修改位图:掌握“橡皮擦”/ “裁剪”/ “橡皮图章”/ “模糊”/“锐化”/“减淡”/“加深”/“涂抹”等工具的使用第五部分编辑文本1、掌握文本的创建方法(文本工具)2、文本的编辑与格式设置3、特殊编辑(文本附加路径)第六部分图层与蒙版1、掌握图层的基本操作创建/复制/重命名/删除/显示与隐藏/锁定与解锁/叠放次序等2、掌握创建与编辑蒙版的具体操作第七部分特效、样式1、应用特效面板设置特效斜角/浮雕/阴影/发光等2、利用样式面板应用、编辑和管理样式第八部分滤镜的应用(滤镜菜单)1、利用Fireworks中的内置滤镜完成常见图像的处理操作2、Fireworks中的第三方滤镜的使用3、安装使用Photoshop滤镜第九部分高级辅助工具掌握查找与替换、批处理、脚本的具体操作方法第十部分制作动画1、利用帧面板创建动画并完成对动画帧的管理2、动画的优化和控制第十一部分图像的优化1、掌握优化图像的各种基本操作2、选择图像文件格式进行优化设置3、优化调色板第十二部分热点、切片和行为面板的使用1、掌握热点的创建与编辑操作2、掌握切片的作用、创建及编辑操作3、利用行为面板为切片或热点添加行为第十三部分文件的导入与导出1、掌握文本文件、图形文件的导入方法2、将优化和修改后的图像导出包括动画、图像映射、切片等。
Fireworks提供的13种混合模式简介
Fireworks提供的13种混合模式简介关于混合模式选择混合模式后,Fireworks 会将它应用于所有选择的对象。
单个文档或单个层中的对象可以具有与该文档或该层中其它对象不同的混合模式。
当具有不同混合模式的对象组合在一起时,组的混合模式优先于单个对象的混合模式。
取消组合对象会恢复每个对象各自的混合模式。
注:层混合模式不能在元件文档中使用。
Fireworks 3提供的13种混合模式简介Fireworks 3提供的13种混合模式(blending mode)的作用比较:1、(normal)普通模式这是最基本的也是FW3默认的图像混合模式,在这种模式下位于上层的图像将覆盖掉下层的图像,并根据透明度的设定来显示被遮盖的部分。
2、(multiply)累加模式累加模式是以上层图像的色彩为标准来增加混合后图像的重叠处的深度,因此结果往往会产生亮度更低的颜色。
用黑色叠加其他颜色的图像产生的结果永远是黑色,而用白色叠加其它颜色的图像将不起任何变化。
累加模式和屏幕模式配合使用可以给底图加立体效果。
3、(screen)屏幕模式这种模式的作用与累加模式正相反,它是根据上层图像的色彩为标准来减少混合后图像的重叠处色彩的深度,因此结果往往会产生亮度更高的颜色。
同样相反的是用黑色图像作为上层,使用屏幕模式后底图将不会改变,而使用白色图像将产生的结果将永远是白色。
4、(darken)暗模式暗模式计算混合的上下层图像,如果下层图像色彩的亮度高于上层图像同位置处色彩高度则将在显示结果中使用上层高度低的色彩代替下层高度高的色彩。
5、(lighten)亮模式与暗模式相反,亮模式计算混合的上下层图像,如果下层图像色彩的高度低于上层图像同位置处色彩亮度则将在显示结果中使用上层高度高的色彩代替下层高度低的色彩。
6、(difference)交错模式交错模式计算上下混合层中的颜色,用亮度高的那个颜色减去亮度低的那个得到的结果作为混合结果所显示的颜色,因此使用白色和底图进行交错模式混合产生的将是底图的反色图像,而使用黑色与底图进行交错混合将无任何变化。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
4.编辑单个滤镜 默认的大多数的滤镜设置已经可以满足设计的需要,但是有时候也可
能希望对滤镜进行修改。例如,可以设置斜角的宽度或投影的深度等。 Flash允许对各种滤镜进行修改和编辑。 编辑单个滤镜的具体操作如下: (1)单击编辑列表中的需要编辑的滤镜名。 (2)在属性列表区域根据需要设置选项中的参数。 5.禁止和恢复滤镜 如果在对象上应用了滤镜,修改对象时,系统会重新对滤镜进行重绘。 因此,应用滤镜会影响系统的性能。如果应用到对象上的滤镜较多较 复杂,修改对象后,重绘操作可能占用很多计算机时间。同样,在打 开这类文件时也会变得很慢。
第8章 滤镜和混合模式
本章重点
本章介绍了Flash CS4中的滤镜和混合模式这两项重要的功能。通过 使用滤镜,可以为文本、按钮和影片剪辑增添许多自然界中常见的视 觉效果;使用混合模式,可以改变两个或两个以上重叠对象的透明度 或者颜色,从而创造具有独特效果的复合图像。
学习目的
通过本章的学习,用户应该: 学会使用滤镜。 学会使用混合模式。 复制和粘贴图形滤镜设置。
按钮,在弹出的快捷菜单中选择相应的滤镜名即可。
此外,用户可以重命名或删除预设滤镜,不能重命名或删除标准 Flash 滤镜。
重命名预设滤镜的具体操作如下: (1)单击“滤镜”面板底部的“预设”按钮,在弹出的下拉菜单中
选择“重命名”命令,打开“重命名预设”对话框。如图所示。
(2)双击要修改的预设名称。 (3)输入新的预设名称,然后单击“重命名”。 删除预设滤镜的具体操作如下: (1)单击“滤镜”面板底部的“预设”按钮。在弹出的下拉菜单中
通常在对象上先应用那些可以改变对象内部外观的滤镜,如斜角滤镜, 然后再应用那些改变对象外部外观的滤镜,如调整颜色、发光滤镜或 投影滤镜等。
改变滤镜应用到对象上的顺序的具体操作如下: (1)在滤镜列表中单击希望改变应用顺序的滤镜名。选中的滤镜将
高亮显示。 (2)在滤镜列表中拖动被选中的滤镜到需要的位置上。
击左下角的“添加滤镜”按钮,即可打开滤镜菜单。 (3)选中需要的滤镜选项,将在滤镜的属性列表中显示对应效果的
参数选项。 (4)设置完参数,即完成效果设置。此时,属性列表区域将显示所
用滤镜的名称及各个参数的设置,如图所示。 (5)再次单击“滤镜”面板左下角的“添加滤镜”按钮,打开滤镜
菜单。通过添加新的滤镜,可以实现多种效果作用重叠。
8.1.3 创建滤镜设置库
如果希望将同一个滤镜或一组滤镜应用到其他多个对象,可以创建滤 镜设置库,将编辑好的滤镜或滤镜组保存在设置库中,以备日后使用。
创建滤镜设置库的具体操作如下: (1)选中应用了滤镜或滤镜组的对象。 (2)单击“滤镜”面板底部的“预设”按钮,在弹出的下拉菜单中
选择“另存为”命令,打开“将预设另存为”对话框,如图所示。 (3)在名称文本框中填写预设名称。 (4)单击“确定”。“预设”子菜单上即会出现该预设滤镜。 以后在其他对象上使用该滤镜时,单击“滤镜”面板底部的“预设”
Flash CS4中提供了7种可选滤镜,早期版本中独立存在的滤镜面板已
整合为属性面板的一部分,如图所示。
8.1.2 滤镜的基本操作
1.在对象上应用滤镜 通常,使用滤镜处理对象时,可以直接从Flash CS4的“滤镜”检查
器中选择需要的滤镜。基本步骤如下: (1)选中要应用滤镜的对象,可以是文本、影片剪辑或按钮。 (2)在属性面板中单击“滤镜”折叠按钮,打开“滤镜”面板,单
这一节主要过Photoshop等图形图像处理软件的用户一定了解“滤镜”。所 谓滤镜,就是具有图像处理能力的过滤器。通过滤镜对图像进行处理, 可以生成新的图像。滤镜实际上是一个应用程序包,其中的各种滤镜 以不同的形态存在。
应用滤镜后,可以随时改变其选项,或者重新调整滤镜顺序以试验组 合效果。在“滤镜”检查器中,可以启用、禁用或者删除滤镜。删除 滤镜时,对象恢复原来外观。通过选择对象,可以查看应用于该对象 的滤镜;该操作会自动更新“滤镜”检查器中所选对象的滤镜列表。
8.1 滤镜
滤镜是扩展图像处理能力的主要手段。滤镜功能大大增强了Flash的 设计能力,可以为文本、按钮和影片剪辑增添有趣的视觉效果,并且 经常用于将投影、模糊、发光和斜角应用于图形元素。Flash 所独有 的一个功能是可以使用补间动画让应用的滤镜活动起来。不但如此, Flash还支持从 Fireworks PNG 文件中导入可修改的滤镜。Flash CS4还新增了滤镜复制功能,可以从一个实例向另一个实例复制和粘 贴图形滤镜设置。
地设置固然可行,但如果对象很多,工作量势必会很大。利用Flash CS4新增的复制和粘贴滤镜功能,这个问题就简化多了,用户只需要 简单的复制、粘贴操作即可对其他多个对象应用需要的滤镜设置。具 体操作如下: (1)选择要从中复制滤镜的对象,然后打开“滤镜”面板。 (2)选择要复制的滤镜,然后单击滤镜面板底部的剪贴板按钮 , 从其弹出的菜单中选择“复制所选”命令。如果要复制所有应用的滤 镜,从弹出菜单中选择“复制全部”命令。 (3)选择要应用滤镜的对象,然后单击滤镜面板底部的剪贴板按 钮 ,从其弹出的菜单中选择 “粘贴”命令。
很多有经验的用户在设计图像时并不立刻将滤镜应用到对象上。通常 是在一个很小的对象上应用各种滤镜,并查看滤镜应用后的效果,当 设置满意后,将滤镜临时禁用,然后对对象进行各种修改,修改完毕 后再重新激活滤镜,获得最后的结果。
6.复制和粘贴滤镜 如果要将某个对象的全部或部分滤镜设置应用到其他对象,一个一个
2.删除应用于对象的滤镜 删除已应用到对象的滤镜的操作如下: (1)选中要删除滤镜的影片剪辑、按钮或文本对象。 (2)在滤镜列表中选中要删除的滤镜名称。 (3)单击滤镜面板底部的“删除滤镜”按钮。若要从所选对象中删
除全部滤镜,在滤镜菜单中选择“删除全部”。删除全部滤镜后,可 以通过“撤销”命令恢复对象。 3.改变滤镜的应用顺序 对对象应用多个滤镜时,根据对象上各滤镜的应用顺序不同,可能产 生不同的效果。