Fireworks 8 教程第01章 Fireworks 8使用基础

合集下载

第1章 Fireworks的基本操作

第1章 Fireworks的基本操作

学习目标
• 掌握Fireworks中各种绘图工具的使用 • 理解路径的概念,并掌握路径修改命令的 使用方法 • 理解图层的概念,并掌握通过修改图层编 辑图像的方法 • 理解蒙版的概念,并掌握使用蒙版编辑图 像的方法
Fireworks的基本操作 第1章 ks绘制简单RSS图标 1.2 使用Fireworks绘制苹果LOGO 1.3 使用Fireworks绘制卡通风格壁纸 1.4 使用Fireworks设计网站LOGO
本章主要内容
• 使用Fireworks编辑图像,制作者可以将制 作的图像放到导出预览界面中,通过更改 导出设置来优化图像格式,使之适合于网 上传输。因此,Fireworks可以在不降低图 像品质的前提下缩小文件体积,提高网站 速度,以便更好地满足广大浏览者的要求。

Fireworks8教案

Fireworks8教案

2、给“切片”增加行为 、 切片”
• 简单交换图像:
– 在第一帧中创建切片, – 添加第二帧,在切片区域导入或绘制图像, – 在第一帧的切片中单击行为手柄,选择“简单交换 图像”。
• 不相交翻转图 • 将多个变换图像应用到所选切片:
– 将手柄拖动到同一切片的左上边缘时可创建一个交 换图像, – 将手柄拖动到其它切片时可创建不相交变换图像。
– 修改菜单
• 修剪画布(Ctrl+Alt+T) Ctrl+Alt+T
– 裁去多余的画布和图像
• 符合画布(Ctrl+Alt+F)
– 让画布与图像大小一样
• 旋转画布:修改/画布
二、工具的使用
• • • • • 常用位图图形工具 常用矢量图形工具 对象的选择与编辑 图形特效的设置 使用文本
1、常用矢量图形工具
3、使用切片导出图像
图层的操作
• • • • 新建、复制和删除图层(Alt键) 锁定和隐藏图层 图层透明度的设置 平面化、合并图层:将图层转化为位图层
–“向下合并”只对用于位图层,对于路径、切片、 热点和按钮是无效的 – 修改/平面化图层,修改/向下合并或层面板
• 网页层:包含Web对象(切片和热点)。
– 特殊的层,只有一个,在所有帧之间共享 – 不能停止共享、删除、复制、移动或重命名、合并
• 绘制基本的多边形和星形
– 边数3~360、拖动滑块可设选取工具
– – – – 选择规则区域:正方形或正圆选区 选择不规则区域:“套索”与“多边形套索” 选取相似色彩区域:选择——选择相似 调整选择区域
• • • • • 移动选区(光标置于选区内) 增加选区:Shift 减少选区:Alt 取消:Ctrl+D 相交选区:Alt+Shift

第1章 Fireworks 8概述

第1章 Fireworks 8概述

1.2 绘图工具的使用
1.2.3 “位图”工具区 位图” “位图”工具区包含处 位图”工具区包含处 理位图的16个工具, 16个工具 理位图的16个工具,如图 23所示 其中: 所示。 6-23所示。其中:
1.2 绘图工具的使用
1.2.3 “位图”工具区 位图”
1.2 绘图工具的使用
1.2.4 “矢量”工具区 矢量” “矢量”工具区的工具用于编辑矢量图形、编辑 矢量”工具区的工具用于编辑矢量图形 的工具用于编辑矢量图形、 路径和输入文字等。 矢量” 路径和输入文字等。 “矢量”工具区包含处理矢量 图的24个工具,如图6 24所示 其中: 24个工具 所示。 图的24个工具,如图6-24所示。其中:
1.2 绘图工具的使用
1.2.2 “选择”工具区 选择” “选择”工具区如图6选择”工具区如图 如图6 22所示 提供了指针、 所示, 22所示,提供了指针、部分 选定、缩放和剪切工具。 选定、缩放和剪切工具。在 有下三角的按钮上鼠标左键 不放, 不放,就能看到工具组中的 其它工具。其中: 其它工具。其中:
1.1 Fireworks 8的工作界面 8的工作界面
1.1.1“工具” 1.1.1“工具”面板
1.1 Fireworks 8的工作界面 8的工作界面
1.1.2“属性” 1.1.2“属性”检查器 “属性 ” 检查器 将根据当前所选工具和所选中的 属性” 检查器将根据当前所选工具和所选中的 对象发生变化,默认情况下,它位于文档窗口的底部, 对象发生变化 , 默认情况下 , 它位于文档窗口的底部 , 如图6 所示。 属性” 查器是一个上下文关联面板, 如图6-4所示。“属性”检查器是一个上下文关联面板, 它显示当前选区的属性、当前工具选项或文档属性。 它显示当前选区的属性 、 当前工具选项或文档属性 。 默认情况下, 属性”检查器停放在工作区的底部。 默认情况下,“属性”检查器停放在工作区的底部。

Fireworks8

Fireworks8
工作界面介绍
绘图编辑区 属性检查器 工具箱 工具栏:主要工具栏、修改工具烂 控制面板 菜单栏
2021/4/4
3
1. Fireworks8操作基础
Fireworks基本操作
文档操作 画布与图像操作 画面调整与辅助功能的使用 操作的撤销与重做
2021/4/4
4
1. Fireworks8操作基础
运用矢量对象可以创建矢量蒙版,即矢量形状作为蒙版外 观、位图图像作为蒙版所遮盖的对象。位图通过矢量蒙版 的填充部分显露出来。
消除红眼
用灰色和黑色替换照片中的红色区域,解决红眼 问题
橡皮图章
“橡皮图章”工具用于复制像素
2021/4/4
13
3. 位图工具的使用
调整色调
由三原色配出的各种颜色,大体可分为冷色调和 暖色调,调整照片中的色调,就是调整照片中红、 蓝、绿三种颜色的比例,使照片的颜色呈现出不 同的效果。
在Fireworks中调整色调有三种方法:
绘制宝马标志
笔触面板
绘制中央5套标志
弯曲和扭曲
“自由变形”工具:可以直接对矢量路径进行弯曲变 形
2021/4/4
“更改区域形状”工具:拉伸变形工具指针内的所有路16
4. 矢量图工具的使用
剪裁——绘制LG标志
刀子工具
联合、交集与打孔——绘制花朵与雨伞
【修改】|【组合路径】|【联合】 【修改】|【组合路径】|【交集】 【修改】|【组合路径】|【打孔】
自动色阶:【滤镜】|【调整颜色】|【自动色阶】 色阶: 【滤镜】|【调整颜色】|【色阶】 曲线: 【滤镜】|【调整颜色】|【曲线】
2021/4/4
14
3. 位图工具的使用
调整亮度和对比度

第1课 Flash 8入门基础

第1课    Flash 8入门基础

第1课Flash 8入门基础♦本课要点♦具体要求♦本课导读♦上机练习本课要点♦摄制Flash 8工作界面♦管理Flash 8文档♦设置Flash 8动画制作环境♦了解Flash 8的应用领域。

♦认识Flash 8基本界面并掌握设置工作界面的方法。

♦掌握Flash 8中管理动画文档的基本操作。

♦掌握设置动画制作环境的基本操作。

本课导读Flash是目前功能最强大的矢量动画制作软件之一,利用Flash制作的动画作品被广泛应用于网页广告、动画MTV以及网站片头等领域中。

在学习Flash 8的过程中,首先需要对Flash 8的工作界面有所了解,并掌握文档管理以及设置动画制作环境等基本操作,为以后的学习做好必要的准备。

在正式学习Flash之前,首先对Flash 8的基本概念以及应用领域等知识进行了解。

1.1 常用的二维图形修改命令为了对Flash 8有一个更全面的了解,下面分别对Flash 8的基本概念、应用领域、学习方法以及启动和退出的方法进行简单的介绍1. 什么是Flash 8Flash是美国Macromedia公司出品的专业矢量图形编辑和动画创作软件,主要用于网页设计和多媒体创作。

利用Flash自带的矢量图绘制功能,并结合图片、声音以及视频等素材的应用,可以制作出精美、流畅的二维动画效果。

通过为动画添加Action动作脚本,还能使其实现特定的交互功能。

2. 使用Flash 8可以做什么利用Flash 8制作的动画作品,风格各异、种类繁多,若将其以作品目的和应用领域来划分,可将其归纳为以下几个方面。

⏹动画短片⏹网页广告⏹动态网页⏹交互游戏⏹多媒体教学3. 怎样学好Flash 8采用正确的学习方法,可以节约时间,提高效率。

为了能更合理、更快速地学好Flash 8,下面就介绍几点学习Flash 8的基本方法,以供参考。

⏹打好基础⏹通过实践练习⏹注意观察和思考⏹交流和学习4. Flash 8的启动与退出启动Flash 8启动Flash 8主要有以下三种方式:♦在Windows桌面中选择【开始】→【所有程序】→【Macromedia】→【Macromedia Flash 8】命令,启动Flash 8。

fireworks8如何画圈

fireworks8如何画圈

fireworks8如何画圈
怎样在fireworks中画圆呢?画圆需要交什么特效呢?今天我们就来学习吧。

下面小编给大家整理了关于一些用fireworks8画圈的方法,希望大家喜欢
先看看效果图:
fireworks8画圈的方法步骤
1、在fireworks中先用面圈形工具画一个圆环,如下图:
2、在刚才画的圆环上填充渐变,选择星状放射(可适当调一下渐变的不透明度),然后在纹理上选择“脉纹”,总量20%,如下图:
3、在fireworks中设置滤镜,参数如图所示:
滤镜参数:
滤镜参数:
等高线设置:
4、色相饱和度设置,如下图:
5、最后弄点投影(略)
最终效果:
附上源文件玉石.png:
参数不同效果也尽不同。

第八章 Fireworks入门

第八章 Fireworks入门

8新增功能 ห้องสมุดไป่ตู้ireworks 8新增功能
工作流程的优化包括简化的重命名功能, 工作流程的优化包括简化的重命名功能,在批 处理过程中进行缩放时检查文件尺寸的功能, 处理过程中进行缩放时检查文件尺寸的功能, 增加了状态栏和日志文件等。 增加了状态栏和日志文件等。 8增强矢量图兼容性 增强矢量图兼容性。 4、 Fireworks 8增强矢量图兼容性。在 Flash和Fireworks之间移动对象时 之间移动对象时, Flash和Fireworks之间移动对象时,会保留矢 填充、笔触、滤镜和混合模式) 量性(填充、笔触、滤镜和混合模式)。 8能识别ActionScript颜色值 能识别ActionScript 5、 Fireworks 8能识别ActionScript颜色值 0xFFCC00) 在将ActionScript ActionScript颜色值从 (0xFFCC00)。在将ActionScript颜色值从 Flash复制并粘贴到Fireworks颜色值字段中 复制并粘贴到Fireworks Flash复制并粘贴到Fireworks颜色值字段中 8可识别该颜色值 可识别该颜色值。 时,Fireworks 8可识别该颜色值。
Fireworks简介 Fireworks简介
8是Macromedia公司推出的Studio8的 公司推出的Studio8 Fireworks 8是Macromedia公司推出的Studio8的 组件之一,是第一个完全为网页制作者设计的软件。 组件之一,是第一个完全为网页制作者设计的软件。 它极大的简化了网络图形设计的工作难度, 它极大的简化了网络图形设计的工作难度,使用 Fireworks可以轻松制作出十分动感的GIF动画 可以轻松制作出十分动感的GIF动画。 Fireworks可以轻松制作出十分动感的GIF动画。

使用Fireworks8制作图像

使用Fireworks8制作图像

【实例6.4】绘制一本打开的书,并且上 面有两个半圆的LOGO图片。
【实例6.5】绘制向外扩展的五角星。
文本的编辑
Fireworks 8提供了许多文本功能。使用工具箱中的 “文本”工具,在画布中希望文本块开始的位置单击或拖 动光标,可产生一个文本块,可以在其中输入文字。
1.固定宽度文本块和自动调整大小文本块 2.设置文本属性 3.文本附加到路径 4.文本转换为路径和位图 【实例6.6】制作圆形印章效果。
1.选择描边种类 2.在路径上放置笔触 3.为笔触增加纹理
填充
Fireworks的填充可以将路径变为实际应用中的各种 图形效果。
1.填充对象 2.设置填充 3.设置渐变填充 4.调整填充效果 5.为填充增加纹理和设置边缘 【实例6.7】制作一个立体效果的按钮。
使用样式和形状
Fireworks的“资源”面板组中提供了大量定义好的 样式和图形,可以在制作图像时直接使用。
创建和编辑位图
1.绘制图形 2.导入外部图像 3.擦除位图
编辑选区
在网页制作时对位图的处理主要是进行修饰处理,如 改变大小、修改颜色、增加特效、去除红眼和多余的色斑 等。修饰图像前一般先要选取要修饰的区域,形成一个闪 烁虚线组成的选区。
1.增加选区 2.选区边缘设置 3.编辑选区
【实例6.8】制作羽化的图像。
6.1 Fireworks 8简介
Macromedia Fireworks 8的工作界面与Dreamweaver 8的工作环境相似,都采用了非常人性化的设计界面,用 户可以根据实际需要进行设置。
网页图像的格式
在计算机图形学中,根据成像原理和绘制方法的不同,可 以将图像分为两大类:基于数学公式描述的矢量图形和基于 像素的位图图像。位图是由屏幕上许多细微的小点组成,基 于位图的图形程序实际上就是把图形中的像素点作为处理的 对象。位图的优点是能够真实地模拟现实生活中的色彩,缺 点是放大后会失真。矢量图形是由直线和曲线构成的,其显 示质量与屏幕分辨率无关,当进行缩放时,图形仍将保持原 有显示质量,不会失真。

Fireworks 8 教程第01章 Fireworks 8使用基础

Fireworks 8 教程第01章  Fireworks 8使用基础

中文版Fireworks 8基础与上机实训
1.3 创建Fireworks文档
在Fireworks 8中创作图片时,首先要创建一个新文档或者打开一 个已经存在的文档。建立文档时的一些重要参数可以在创作过程中随时 改变 。
❖ 新建新文档 ❖ 打开文档 ❖ 保存和导出文档
中文版Fireworks 8基础与上机实训
保存和导出文档
在Fireworks 中创建的文档一般都会保存为PNG格式文档。如果想 生成Web页中常用的JPEG或GIF格式,则需要使用“导出”命令。
选择“文件”|“保存”命令,打开下图所示的“另存为”对话框。 在该对话框的“文件名”文本框中输入文档名称,并选择保存路径,然 后单击“保存”按钮即可保存文档 。
中文版Fireworks 8基础与上机实训
快速创建切片和热点
切片是Fireworks中用于创建交互性对象的基本构造块,它不像矢 量图形或位图图形那样以图像的形式存在,而是作为网页对象以HTML 代码的形式出现。在Fireworks的“层”面板的“网页层”中可以查看、 选取和编辑切片对象。此外,使用拖放交换图像的方式将交互性添加到 切片也是一种快速创建交换图像效果的方法。下图所示为在网页图像上 创建的切片 。
中文版Fireworks 8基础与上机实训
1.7 思考与练习
填空题
5. 若要在文档的水平和垂直尺寸之间保持相同的比例,可以选择“图像大小”对话框中的 _____ 复选框。
6. Fireworks的_____ 在画布上显示为一个由横线和竖线相交构成的网状体系。它不随设计的文 档一同导出,只是起到辅助设计的作用,只能在工作环境中看到。
在Fireworks 8中,工具箱可以在窗口中任意移动,用户只需在其 上按下鼠标左键并拖动,即可在非功能区改变其放置位置。。

FIREWORKS8标准实例教程教程课件第一章初识Fireworks8

FIREWORKS8标准实例教程教程课件第一章初识Fireworks8
属性(如:填充、笔触、滤镜和混合模式)。 7.更多切片选项。当所选对象是多边形路径时,自动插入多边形切片。 8.可将位图保存为其它文件类型。 9.25 种新的混合模式可以轻松改变对象的颜色和外观。 10.新增〖自动形状属性〗面板,可用于修改自动形状的属性。 11.当前选区与可编辑的矢量路径可相互转换。 12.自动命名文本。输入的文字自动命名层。 13.新增的〖特殊字符〗面板可将特殊字符直接插入文本块中。 14.可以保存、恢复、命名和删除 PNG 文件中的多个选区。
1.分板停靠在同一个面板停靠架上,选择 其中一个面板,整个面板停靠架便会一起出现。也可以手动对浮动面 板进行停靠和拆分操作。
例如,要将〖外形〗面板以选项卡形式从资源组合中拆分出来,具体 操作如下:
(1)单击〖资源〗面板组右上角的选项按钮,打开选项菜单。
第一章 初识Fireworks 8
1.1 Fireworks 8的新功能
1.Fireworks 8不仅继承了以往Fireworks的强大功能,还增添了许多新的特性。 下面我们看一下它与以前的版本相比有哪些改进。
2.新增〖图像编辑〗面板,使用该面板可以快捷地访问常用的图像编辑工具、 滤镜和菜单命令。
Fireworks参数设置中设置历史面板中保留的撤销步数的最大步数。 (5)样式:通过Fireworks大量内置的样式,用户可以灵活地创建对象所需的属
性。也可以将对象的集体属性保存为样式,或导入编辑好的样式。 (6)库:通过将符号从库中拖到文档工作区可以迅速创建Fireworks的一个实例,
创建的实例同库中的元素符号有对应的动态链接,可以通过在库中修改对所 有实例同时进行修改。 (7)URL:通过URL面板,系统可以自动保存用户编辑过的URL地址。此外还 允许用户在URL面板中添加新的地址。 (8)颜色混合器:允许不同的编辑者根据自己的需要调整或选择颜色模型。 (9)外形:选择所需要的对象外形。可以方便地实现对象的三维效果处理等操 作。 (10)信息:通过信息面板可以迅速读取对象的大小和位置信息,用户还可以 根据需要输入数值精确调整这些设置。 (11)行为:使用行为面板可以方便的为图像添加需要的动作组合,并删除不 满意的动作。避免了编写JavaScript代码。 (12)查找:在批量处理时使用该面板可以起到事半功倍的效果。

使用Fireworks8变换图片大小操作方法.

使用Fireworks8变换图片大小操作方法.

使用Firtworks8变换图片大小操作方法教程
在要进行操作的图片上,单击鼠标右键,选择打开方式中的Fireworks8,在Firewoks8中打开图片。

具体操作过程如下图:(也可以先运行Fireworks8,通过“文件”菜单中的“打开”选项来打开所要操作的文件)
选择Fireworks8“编辑”菜单中的“复制”选项,复制已打开的图片文件,具体操作过程如下图:(也可以通过快捷键Ctrl+C来实现)
选择Fireworks8“文件”菜单中的“新建”选项,新建一个图片文件,具体操作过程如下图:
在弹出的新建文档对话框中,输入画布大小,宽度:720,高度:540,其余参数不变,具体操作过程如下图:
选择Fireworks8“编辑”菜单中的“粘贴”选项,将图片文件复制到新建的图片文件中,具体操作过程如下图:(也可以通过快捷键Ctrl+V来实现)
选择新建图片文件左下角的属性面版,具体操作如下图:
在属性面版中输入图片的参数,分别为宽:720;高:540;X:0;Y:0,具体操作如下图:
选择Fireworks8“文件”菜单中的“另存为”选项,将新建图片文件保存到文件中,具体操作过程如下图
在弹出的另存为对话框中,首先选择“另存为类型”为JPEG 类型文件,然后输入文件名,确定保存路径,点击“保存”按钮,具体操作过程如下图:
通过上述步骤实现将一个图片素材变换为适合在网站上发布的图片,然后就可以在网站后台管理系统中的使用“插入图片”功能实现图片在网站的发布。

Fireworks 8一小时极速入门

Fireworks 8一小时极速入门

计算机培训系列Fireworks 8 一小时极速入门1 Fireworks 8 入门1.1 进入Fireworks 8Fireworks 8是一款面向网页设计的图像处理软件,可以完成网页设计中绝大多数的图形图像设计。

在开始菜单中找到macromedia,展开点击Fireworks 8,即可启动软件。

点击文件菜单的新建,输入宽度和高度(根据屏幕分辨率而定,这里定为1024和768),如图:进入后选择要导出的文件格式,如图:注意:根据格式要求的不同,选择不同格式;一般GIF格式的颜色数较少,用于保存简单图片,对于照片一类的图片,要选择高品质的JPG格式将文件保存。

1.2图像文件的导入为了使用图片背景与整体统一,需要将白色边框去除,使用魔术棒工具:在白色区域点击,按下键盘上的Delete键,得到如下的效果:重复这一过程,将内部的白色区域去除。

1.3 其它图形导入与层的设置继续执行导入操作,得到下面图形:注意:后面的导入的图形盖住前面的图形和文字,在后面导入的图形上单击右键,在排列项中找到“上移一层”或“移到最前”,使所有元素按顺序显示。

将需要显示的层移动到最前面,背景移动到后面。

选中“淮阴师范学院”,如下图,调整图形的颜色,在滤镜中还有阴影等,可以将这些效果加入到图形中。

调整相对位置,得到下面图形:1.4 在图形内放入文字在工具箱中找到文字工具A,在需要放置文字的地方点击,输入文字,修改字体和颜色。

或者在“窗口”菜单中找到“样式”,选中相应的样式,再进行文字的设置。

选中需要处理的子图形,在命令菜单中找到创意,找到需要的效果项:如图像渐隐:效果如下图:可以看到背景色以一定的程度呈现出来。

1.6 图像的修饰——橡皮擦与刷子在实际的图象运用中,经常有一些元素是用户不需要的,可以使用橡皮擦工具将不需要的地方擦除。

如果仅仅遮盖已有的一些小标志,也可以使用刷子工具,先在擦除的区域附近取色,然后进行擦除,这样能保持颜色一致。

Fireworks 8课堂实例

Fireworks 8课堂实例

Fireworks 8课堂实例实例一(新增):触摸Fireworks制作地球实例步骤1:执行菜单“文件/新建”命令,打开“新建文档”对话框,在对话框中设置画布大小:宽度=170像素,高度=151像素,画布颜色自定义为黑色(#000000),分辩率=96像素/英寸。

单击“确定”。

步骤2:在“工具”箱“矢量”上选择“椭圆”工具,选择填充颜色=#0099FF,填充类别=实心;填充边缘=羽化,羽化总量=9;填充纹理=脉纹,纹理程度=50%,设置不透明度为85%,“正常”。

实例二(新增):“橡皮图章”工具复制小狗:步骤1:执行菜单“文件/新建”命令,打开“新建文档”对话框,在对话框中设置画布大小:宽度=340像素,高度=300像素,画布颜色为白色,分辩率=96像素/英寸。

单击“确定”。

步骤2:导入图像。

选择“文件|导入”菜单项或按Ctrl+R,在对话框中选择U盘上的2007631303521.png。

单击“打开”按钮,返回到画布中。

鼠标移到画布左上角按住拖动,将选中的图像导入到画布中。

步骤3:点击“橡皮图章”工具,在位图中需要被复制的区域单击鼠标,选取复制源(十字型指针);然后将鼠标移动到图像的其它位置(蓝色圆圈指针),按下鼠标左键进行拖动,就可以看到在鼠标经过的位置显示了源区域的图像。

使用“橡皮图章”复制的小狗图像。

【实例5。

1】将图5-7中的两张猪笼草图像进行合成处理,效果如图5-8所示。

操作步骤:步骤1:新建文档。

点击“文件|新建”命令,在“新建文档”对话框里设置画面宽度为340像素,高度为420像素,分辨率为72像素/英寸,画布颜色为黑色。

步骤2:导入图片。

选择“文件|导入”命令,导入图片猪笼草a.bmp。

步骤3:选取区域。

用“多边形套索”工具选择需要的区域,结合“Alt”键去除部分选区。

步骤4:清除选区以外图像。

使用“选择|羽化”命令项,羽化3个像素;选择“选择|反选”命令,选中选区以外的区域,按Del键清除选区。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.5 使用辅助工具
在使用Fireworks进行图像制作时,通常需要使用一些辅助工具,如网格,标 尺和辅助线等.通过这些工具可以更加准确,方便地绘制图形.
使用标尺 使用网格 使用辅助线
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
保存和导出文档
在Fireworks 中创建的文档一般都会保存为PNG格式文档.如果想 生成Web页中常用的JPEG或GIF格式,则需要使用"导出"命令. 选择"文件"|"保存"命令,打开下图所示的"另存为"对话框. 在该对话框的"文件名"文本框中输入文档名称,并选择保存路径,然 后单击"保存"按钮即可保存文档 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
快速创建切片和热点
切片是Fireworks中用于创建交互性对象的基本构造块,它不像矢 量图形或位图图形那样以图像的形式存在,而是作为网页对象以HTML 代码的形式出现.在Fireworks的"层"面板的"网页层"中可以查看, 选取和编辑切片对象.此外,使用拖放交换图像的方式将交互性添加到 切片也是一种快速创建交换图像效果的方法.下图所示为在网页图像上 创建的切片 .
绘图窗口
绘图窗口是Fireworks 8工作界面的主要部分,用户所编辑的对象都 在这里显示,而且可以通过它方便地进行查看比例,动画控制和文件导 出等操作,如下图所示 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
属性面板
属性面板位于绘图窗口的底部,其中的参数随着绘图窗口中的对象 不同而变化,如下图所示.当编辑矢量图形时,属性面板中会出现笔触, 填充,滤镜等参数设置选项;而当编辑位图图像时,属性面板只出现滤 镜参数设置选项.灵活运用属性面板的各项参数设置,可以制作出许多 独特的图形效果.要打开或关闭属性面板,选择"窗口"|"属性"命令 即可 .
菜单栏 工具箱 面板组 绘图窗口
属性面板
中文版Fireworks 8基础与上机实训 中文版Fireworks 8的菜单栏包括"文件","编辑","视图","选 择","修改","文本","命令","滤镜","窗口"和"帮 助"10个菜单 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
简答题
10. 在Fireworks 8中如何创建一个新文档? 11. 在调整图像的尺寸时,图像中的内容会发生变化吗?影响画布尺寸吗? 12. 在Fireworks 8中如何旋转画布? 13. 在Fireworks 8中如何使用辅助工具绘制图形?
1.6 调 整 视 图
在Fireworks中,图片的尺寸最小可以缩小到原尺寸大小的6%,最大可以放大 到原尺寸大小的6400%.可以使用工具箱中的"视图"工具组进行设置,下图所示
"手形"工具
"缩放"工具
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
本章章节内容安排如下: 1.1 Fireworks 8的功能介绍 1.2 Fireworks 8的工作界面 1.3 创建Fireworks文档 1.4 设置文档属性 1.5 使用辅助工具 1.6 调 整 视 图 1.7 思考与练习
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.4 设置文档属性
使用Fireworks进行设计创作时,有些文档的属性设置在一开始时 无法确定,这需要随着制作的进行渐渐确定.例如画布的大小,图像内 容在画面中的位置,图像的分辨率等.本节将详细讲述如何来改变文档 的这些属性 . 设置画布大小 设置画布颜色 设置图像大小 旋转画布 修整画布
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.2 Fireworks 8的工作界面
Fireworks 8的工作界面非常简洁,主要由以下几个部分组成:菜单 栏,工具箱,绘图窗口,属性面板和面板组,如下图所示.下面详细介 绍它们的特点和作用. 菜单栏 工具箱 绘图窗口 属性面板 面板组
工具箱
默认情况下,工具箱位于Fireworks 8工作界面的左侧,其中包含 了10多种工具.选择"窗口"|"工具"命令可以显示或隐藏工具箱. 在Fireworks 8中,工具箱可以在窗口中任意移动,用户只需在其 上按下鼠标左键并拖动,即可在非功能区改变其放置位置..
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
打开文档
在Fireworks 8中,用户可以很容易地打开,导入和编辑在其他图形 应用程序中创建的矢量和位图图像.打开已有的Fireworks文档时,可以 选择"文件"|"打开"命令,然后在下图所示的"打开"对话框中浏览 文件所在的文件夹,选择需要的文件并单击"打开"按钮即可 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
通过本章的理论学习和上机实训,读者应了解和掌握以 下内容:
Fireworks 8的工作界面 文档的创建方法 文档属性的设置方法 辅助工具的使用 视图的调整
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
新建新文档
要在Fireworks 8中创建新文档,可以选择"文件"|"新建"命令, 打开"新建文档"对话框,如下图所示.在对话框中输入画布的宽度和 高度数值,单位可以选择像素,英寸或厘米.然后输入图片的分辨率数 值,单位有像素/英寸和像素/厘米 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.7 思考与练习
填空题
5. 若要在文档的水平和垂直尺寸之间保持相同的比例,可以选择"图像大小"对话框中的 _____ 复选框. 6. Fireworks的_____ 在画布上显示为一个由横线和竖线相交构成的网状体系.它不随设计的文 档一同导出,只是起到辅助设计的作用,只能在工作环境中看到. 7. Fireworks 8提供了_____ , _____ 和 _____ 3种视图界面.
填空题
1. _____是Fireworks中用于创建交互性对象的基本构造块,它是作为网页对象以HTML代码的 形式出现. 2. Fireworks 8的工作界面主要由以下几个部分组成: _____ , _____ , _____ , _____和_____. 3. 面板可以显示撤销和重做的命令列表,合理利用该面板可以大大简化工作流程. 4. 要在"打开"对话框中同时选中多个文件,按住键盘上的 _____ 键,可选择多个相连的文 件;按住_____ 键,可选择多个不相连的文件.
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
1.3 创建Fireworks文档
在Fireworks 8中创作图片时,首先要创建一个新文档或者打开一 个已经存在的文档.建立文档时的一些重要参数可以在创作过程中随时 改变 . 新建新文档 打开文档 保存和导出文档
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
制作GIF动画
在Fireworks中可以创建和编辑简单的GIF动画,其原理是首先创建 动画元件,然后添加到多帧上,并通过移动,缩放和旋转等动作来实现 元件在屏幕上的动画效果.此外,还可以给每帧上的动画元件添加不同 的滤镜特效.下图所示为一个GIF动画里面不同帧的显示效果 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
处理文本
Fireworks 8提供了强大的文本处理功能,除了可以进行一般的文本 操作,如运用不同的字体和调整文字之间的间距外,还可以同"笔触" 面板,"填充"面板,动态滤镜相结合,设计出更为美观的文本.下图 所示为在普通文本上运用了投影滤镜后的效果 .
中文版Fireworks 8基础与上机实训 中文版Fireworks 8基础与上机实训
第1章 Fireworks 8使用基础 章 使用基础
Macromedia Fireworks 8是一个用来设计和制作专业化网页图形的应用软件,它 给网页图形设计人员和开发人员提供一个快捷方便的制作环境.在Fireworks中,用 户可以利用系统所提供的位图与矢量图工具创建,编辑Web图形与动画,利用可配 置的输出和优化图像功能,将制作好的图像输出到Macromedia Dreamweaver或其他 HTML编辑环境中.同时,在Dreamweaver和Flash内可以直接启动与编辑Fireworks 图形,从而使网页制作变得更加轻松自如 .
相关文档
最新文档