第十二章 Fireworks入门 彭煜玮 武汉大学计算机学院 2009.9 一节课讲到40page.

Slides:



Advertisements
Similar presentations
广州市小学信息技术教学同步资源 第一册 第二章 第六节 《 Window窗口》 广州市荔湾区西华路小学 董绮珊.
Advertisements

第1章 Photoshop CS3概述 本章要点 本章导读 本章任务 上机实训.
第1章 Photoshop CS3 入门 Photoshop与图像处理 与Photoshop CS3初次见面 图像文件的基本操作
第1讲 CorelDRAW X3的基本操作 认识CorelDRAW X3 CorelDRAW X3的工作界面 文件基本操作
第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
项目2 字符格式和段落编排 2017年3月7日6时54分.
点击输入贵公司名称 年度工作总结汇报幻灯片模版 工作总结 年终汇报 工作计划 活动流程 汇报部门:XXXX.
插入超链接 高邮市第一实验小学 范太国 任务一:设置文本超链接 任务一:设置文字超链接 步骤:1、选定文字并右击,在快捷菜单 中选择“超链接”命令。 2、在弹出的对话框中选择左侧“链接到:”中的“本文档中的位置(A)”项,在“请选择文档中的位置(C):”中选择需要链接的幻灯片,单击“确定”按钮。
UI(用户界面)集训班 Illustrator 高级班.
PRESENTED BY OfficePLUS
第2章 基础操作入门 在了解了图像处理的相关知识和Photoshop CS2强大的图像处理功能后,本章将介绍Photoshop CS2处理图像的基本操作和一些辅助工具的使用方法,其中包括新建图像文件、打开和保存图像、为图像添加注释、导入和导出图像等。通过学习这些方法,为以后进行图像处理打下坚实的基础。
第三章 绘图与修饰工具的使用 第一节 绘图工具 第二节 修复图像工具 第三节 修饰图像工具 第四节 填充图像工具
第1章 初识Photoshop CS5中文版 本章简介:
第7章 Photoshop 图形图像处理.
第一章 Photoshop CS基本概述.
走进Word 认识Word2010的工作界面 计算机专业 赵德玲.
武汉纺织大学传媒学院 cm.wtu.edu.cn
第八章 菜单设计 §8.1 Visual FoxPro 系统菜单 §8.2 为自己的程序添加菜单 §8.3 创建快捷菜单.
P hoto s hop 第一临床学院 08级临床八年 昌金星.
第17章 网站发布.
2019/1/12 GDP设计协同 超级管理员操作手册 GDP项目组.
点击此处添加标题 ADD YOUR TITLE ADD YOUR TITLE 点击此处添加文本信息
Windows 7 的系统设置.
POWERPOINT TEMPLATE HI.
PRESENTED BY OfficePLUS
安徽省中小学信息技术课件(初中) 初中信息技术八年级下册第一单元 活动2 会徽制作显创意 活动2 会徽制作显创意 马鞍山市丹阳中学 刘斌.
噪声模拟操作说明 CANDA.
产品推广 PRODUCT PROMOTION PRESENTED BY OfficePLUS.
计算机及办公软件应用 ©2013 苏州工业园区职业技术学院
直接扫描保存成TIF格式, 其他图片格式用Windows XP自带的 Windows图片与传真查看器打开
标准配色方案 背景 文本和线条 阴影 强调色 主色一 主色二 主色三 主色四 推荐应用顺序. 标准配色方案 背景 文本和线条 阴影 强调色 主色一 主色二 主色三 主色四 推荐应用顺序.
PRESENTED BY OfficePLUS
第1章 c++概述 1.1 C++语言的简史及特点 1.2 简单的C++程序 1.3 C++语言的基本组成
网页设计与制作 —— 学习情境二:网页模板设计
PRESENTED BY OfficePLUS
姚金宇 MIT SCHEME 使用说明 姚金宇
Logo语言. Logo语言 视图窗口 小海龟 ?: 提示符 l: 光标 命令窗口.
POWERPOINT TEMPLATE PRESENTED BY OfficePLUS.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
电影海报设计 ——巧用“分层云彩”滤镜.
CLICK HERE TO ADD YOUR TITLE
第4章 Excel电子表格制作软件 4.4 函数(一).
企业宣传推广 Loem ipsum dolor sameman tanam casectetur adipiscing elit tamam dalam qoue sampe. dolor sameman tanam casectetur adipiscing elit tamam dalam qoue.
Word中活用“艺▪图▪框” 信息技术必修(一).
陈述或题注 包含映像题注的图片 (基本) 若要重现此幻灯片上的图片效果,请执行以下操作:
1 月 日 一 二 三 四 五 六 元旦 11/20 11/21 11/22 11/23 11/ /25 11/26 11/27 11/28 11/29 11/30 12/ /2.
iSIGHT 基本培训 使用 Excel的栅栏问题
PPT中视频的播放控制 苏州电教馆在线课程培训教程:PPT2003教程   制作:赵立锋 更多教程请见:
第六章 素材的加工与处理 第13讲 用GoldWave进行音频的截取、合并、淡入淡出操作
品牌推广方案 汇报时间:2018年8月 汇报人:优品PPT
现代教育技术应用 第六章 素材的加工与处理 第1讲 图像素材的加工与处理 单 位: 北京师范大学 作 者: 毛荷&王翠霞.
LOGIX500软件入门 西安华光信息技术有限公司 2008年7月11日.
VRP教程 2011.
熟悉PowerDesiner12操作环境 菜单栏 标题栏 工具栏 导航栏 工作区 浮动工具条 导航选项卡 控制信息栏 状态栏.
第六章 素材的加工与处理 第3讲 Photoshop的基本操作
计算机绘图 AutoCAD2016.
报头 的制作.
Python 环境搭建 基于Anaconda和VSCode.
Polarization of electro- magnetic wave after reflection
武汉纺织大学传媒学院 cm.wtu.edu.cn
《手把手教你学STM32-STemWin》 主讲人 :正点原子团队 硬件平台:正点原子STM32开发板 版权所有:广州市星翼电子科技有限公司
图片与视频数字化. 图片与视频数字化 图片分类 根据图片的构成元素来分 位图: 由像素组成,计算机按顺序存储每个像素点 的颜色信息的保存方式获得的图片。 位图放大后会模糊失真,存储空间相对较大。 矢量图: 由图元组成,通过数学公式计算获得的图片。 放大后不会失真,占用空间小。
YOUR SUBTITLE GOES HERE
第2章 初识Photoshop CS5 本章简介:
第8章 创建与使用图块 将一个或多个单一的实体对象整合为一个对象,这个对象就是图块。图块中的各实体可以具有各自的图层、线性、颜色等特征。在应用时,图块作为一个独立的、完整的对象进行操作,可以根据需要按一定比例和角度将图块插入到需要的位置。 2019/6/30.
创建、启动和关闭Activity 本讲大纲: 1、创建Activity 2、配置Activity 3、启动和关闭Activity
LOGO HERE 单击此处添加 您的标题标题标题 PRESENTED BY JANE DOE
培训课件 AB 变频器的接线、操作及参数的备份 设备动力科.
04 03 add your text. add your text. add your text. add your text add your text. add your text. add your text. add your text. add your text add your text.
Presentation transcript:

第十二章 Fireworks入门 彭煜玮 武汉大学计算机学院 2009.9 一节课讲到40page

内容提要 Fireworks概述 文档的基本操作 图像的基本操作

12.1 Fireworks概述 图像也是网页中不可缺少的部分,使用Macromedia公司开发的Fireworks 可以非常方便地处理网页图像。该软件不仅结合了位图以及矢量图形处理的特点,具有处理复杂图像的功能,而且还能为图像创建各种交互式动感效果。 网页中的各种图像:产品图片、背景图片、按钮图片、广告图片。 各种标志:网站标志、各种小图标。 网页动画:各种动画LOGO、动画Banner、动画广告。 网页界面设计:网页首页设计、网站内容页面设计。 辅助网页制作:导航条、按钮、交换图像、弹出菜单。 优化网页图像:减小图像文件大小。

Fireworks的工作界面 Fireworks 的工作界面,主要由标题栏、菜单栏、工具栏、工具箱、绘图区域、属性面板和功能面板等组成。

1)菜单栏 菜单栏位于标题栏的下方,包括文件、编辑、视图、选择、修改、文本、命令、滤镜、窗口、帮助10组不同功能的指令菜单。单击各主菜单项都会弹出相应的下拉菜单,有些下拉菜单还包括了下一级的子菜单。

2)绘图区域 绘图区域即编辑图像的区域,也被称为画布。它就是通过使用Fireworks的各种工具进行编辑图像的地方。 在绘图区域中上方有 、 、 或 4个按钮,可以在原始界面和预览界面之间进行切换,单击 按钮返回原始界面,单击 按钮显示预览界面,单击 按钮显示2幅图的预览界面,单击 显示4幅图的预览界面。

绘图区域 单击导出按钮将弹出快速导出的菜单,可以将Fireworks 中编辑的图像快速导出为Macromedia公司的其他产品或者是其他图像处理软件的格式。 在绘画区域的下方是所编辑图像文档的状态栏,分别用于控制Gif动画的播放、退出位图编辑模式、显示图像的尺寸和控制图像缩放比例。

3)快捷工具栏 快捷工具栏包含图像编辑中经常使用到的一些辅助工具,如新建、打开、保存、导入、导出、打印、撤销、剪切、复制、粘贴等一些功能按钮。

4)绘图工具栏 在绘图工具栏中包含着绘制和编辑图像的各种工具。选择【窗口】→【工具】命令或按【Ctrl+F2】快捷键可以打开或隐藏工具箱,它主要由选择、位图、矢量、网页、颜色和视图6个部分构成。其中各个工具的作用如下。 选择工具主要用于选择对象及对选择的对象进行变形操作,每个工具的作用如下。

绘图工具栏 “指针”工具 :用于选择或者拖动对象。 “选择后方对象”工具 :用于选择被其他对象覆盖的对象。 “指针”工具 :用于选择或者拖动对象。 “选择后方对象”工具 :用于选择被其他对象覆盖的对象。 “部分选定”工具 :可以选择对象组中的某个对象,也可以选择矢量图像中的各个控制点。 “缩放”工具 :用于缩放对象。 “倾斜”工具 :用于旋转和倾斜对象。 “扭曲”工具 :用于扭曲和变形对象。 “裁剪”工具 :用于对图像进行裁剪。 “导出区域”工具 :用于将选中的部分导出。

位图工具 位图工具主要用于绘制位图和对位图进行处理。 “选取框”工具 :用于创建矩形选区。 “椭圆选取框”工具 :用于创建椭圆或圆形选区。 “选取框”工具 :用于创建矩形选区。 “椭圆选取框”工具 :用于创建椭圆或圆形选区。 “套索”工具 :通过拖动鼠标的方式建立任意形状的选区。 “多边形套索”工具 :用于创建多边形选区。 “魔术棒”工具 :将颜色相近的区域创建为选区。 “刷子”工具 :用于创建具有填充效果的粗线条。

位图工具 “铅笔”工具 :通过拖动鼠标的方式创建任意形状的线条。 “橡皮擦”工具 :用于擦除不需要的区域或者对象。 “铅笔”工具 :通过拖动鼠标的方式创建任意形状的线条。 “橡皮擦”工具 :用于擦除不需要的区域或者对象。 “模糊”工具 :用于使编辑的区域或者图像具有模糊的效果。 “锐化”工具 :用于使编辑的区域或者图像具有锐化的效果。 “减淡”工具 :用于使编辑的区域或者图像颜色减淡。

位图工具 “加深”工具 :用于使编辑的区域或者图像颜色加深 “涂抹”工具 :用于在图像中沿拖动的方向推移图像。 “加深”工具 :用于使编辑的区域或者图像颜色加深 “涂抹”工具 :用于在图像中沿拖动的方向推移图像。 “橡皮图章”工具 :用于把图像的一个区域复制或克隆到另一个区域中。 “替换颜色”工具 :用一种颜色替换另外的一种颜色。 “红眼消除”工具 :用于除去照片中出现的红眼。

位图工具 “滴管”工具 :用于吸取鼠标所在位置的颜色。 “油漆桶”工具 :利用已设置的颜色填充所选择的区域。 “滴管”工具 :用于吸取鼠标所在位置的颜色。 “油漆桶”工具 :利用已设置的颜色填充所选择的区域。 “渐变”工具 :利用设置的渐变颜色填充所选中的区域。

矢量工具 矢量工具主要用于绘制矢量图形和对矢量图形进行处理。 “直线”工具 :在画布中绘画出直线。 “钢笔”工具 :用于绘制直线路径。 “直线”工具 :在画布中绘画出直线。 “钢笔”工具 :用于绘制直线路径。 “矢量路径”工具 :用于绘制各种形状的矢量路径。 “重绘路径”工具 :重新绘制路径。 矩形、椭圆和多边形工具:下拉菜单中的选项分别用于绘制相应形状矢量图形。

矢量工具 “文本”工具 :用于在图像中插入并编辑文本。 “自由变形”工具 :可以直接对矢量对象执行弯曲和变形操作。 “文本”工具 :用于在图像中插入并编辑文本。 “自由变形”工具 :可以直接对矢量对象执行弯曲和变形操作。 “更改区域形状”工具 :主要用于拉伸变形区域指针外圆内的所有选定路径的区域。 “路径洗刷”工具 :用于更改路径的外观。使用不断变化的压力或速度,可以更改路径的笔触属性。 “刀子”工具 :能够将一个路径分割成两个或多个路径。

Web工具 Web工具主要用于创建热点切片,每个工具的作用如下。 “矩形热点”工具 :可以在图像的目标区域周围绘制矩形热点。 “矩形热点”工具 :可以在图像的目标区域周围绘制矩形热点。 “圆形热点”工具 :可以在图像的目标区域周围绘制圆形热点。 “多边形热点”工具 :可以在图像的目标区域周围绘制多边形热点。 “切片”工具 :实现图像的矩形切片切割。

Web工具 “多边形切片”工具 :可以实现图像的多边形形状的切片切割。 “隐藏切片和热点”工具 :实现切片热点视图的隐藏。 “多边形切片”工具 :可以实现图像的多边形形状的切片切割。 “隐藏切片和热点”工具 :实现切片热点视图的隐藏。 “显示切片和热点”工具 :实现切片热点视图的显示。

颜色工具 颜色工具主要用于设置填充颜色和描边颜色。 “笔触颜色” :用于设置描边的颜色。 “填充颜色” :用于设置填充的颜色。 “笔触颜色” :用于设置描边的颜色。 “填充颜色” :用于设置填充的颜色。 “设置默认笔触/填充色” :将笔触颜色和填充颜色设置为默认值,即笔触颜色为黑色,填充颜色为白色。 “没有描边或填充” :设置没有描边或填充。 “交换笔触/填充色” :将笔触颜色和填充颜色进行交换。

视图工具 “标准屏幕模式” :将屏幕切换到“标准屏幕模式”显示模式。 视图工具主要用于转换屏幕的显示模式。 “标准屏幕模式” :将屏幕切换到“标准屏幕模式”显示模式。 “带有菜单的全屏模式” :可以用来将屏幕切换到“带有菜单的全屏模式”显示模式。 “全屏模式” :将屏幕切换到“全屏模式”显示模式。 “手形”工具 :用于移动画布查看图像。 “缩放”工具 :放大或缩小画布的显示比例。

5)“属性”面板 “属性”面板位于绘画区域的下方,用来设置绘图区域中正在编辑的内容的属性。可以选择【窗口】→【属性】命令或按【Ctrl+F3】快捷键打开或关闭“属性”面板,根据当前选择工具和对象的不同,“属性”面板中所显示的选项也会不同。

6)控制面板 在Fireworks 中有多个控制面板,一般位于工作界面的右侧。 在默认情况下有些面板没有显示,可以选择“窗口”菜单中相应的命令显示或者隐藏这些面板。

文档的基本操作 Fireworks文档的基本操作包括文档的新建、保存、打开和导入的操作。

1)新建文档 在Fireworks中新建文档的方法有以下几种: 在开始页中单击“新建”栏中“Fireworks文档”链接。 选择【文件】→【新建】命令或按【Ctrl+N】快捷键。 单击快捷工具栏中的“新建”按钮 。

新建文档 执行新建文档操作后将打开 “新建文档”对话框,其各项含义如下。 宽度:在文本框中输入画布宽度的数字,并选择相应的单位,包括“像素”、“英寸”和“厘米”三个选项。 高度:在文本框中输入画布高度的数字,并选择相应的单位,包括“像素”、“英寸”和“厘米”三个选项。 分辨率:在文本框中输入画布分辨率的数字。分辨率越高,则文件就越大,单位包括“像素\英寸”和“像素\厘米”两个选项。

“新建文档”对话框

2)保存文档 在Fireworks中保存文档有以下两种方法完成: 选择【文件】→【保存】命令或按【Ctrl+S】快捷键。 单击快捷工具栏中的“保存”按钮 。 如果文档是第一次保存或选择【文件】→【另存为】命令,则会打开 “另存为”对话框。在对话框中可以选择保存文档的位置和输入文件的名称,设置完成后单击 按钮进行保存。

3)打开文档 在Fireworks中打开文档有以下两种方法: 单击快捷工具栏中的“打开”按钮 、选择【文件】→【打开】命令或按【Ctrl+O】快捷键,在打开的“打开”对话框选择要打开的文档,再单击 按钮打开。 双击Fireworks图标的文档即可打开该文档。

4)文件的导入 在Fireworks中可以导入一幅图像到当前的文档中,有以下几种方法可以导入文档: 执行【文件】→【导入】命令或按【Ctrl+R】快捷键。 单击快捷工具栏中的“导入”按钮 。 执行导入操作后,在打开的“导入”对话框中选择需要导入的图像文件,然后单击“打开”按钮即可。

图像的基本操作 设置文档的属性就是在对图像的编辑过程中,对绘图文档的大小、颜色以及分辨率等进行调整或者修改。 图像的基本概念包括像素、分辨率、颜色深度和Alpha通道等概念。

像素和分辨率 像素是组成位图的最基本单元。可以把像素看成是一个极小的方形的颜色块,每个小方块为一个像素。 图像的分辨率是指图像在单位尺寸上所包含的像素数量。图像的分辨率与图像的精细度和图像文件的大小有关。

颜色深度和Alpha通道 颜色深度是指图像中可以显示出的颜色数,在计算机中,通常采用颜色深度这一概念来说明其处理色彩的能力。 Alpha通道使用不同灰度值表示透明度的大小,Alpha通道的作用主要用于合成不同的图像,实现混合叠加。

修改画布的大小 在Fireworks中,修改画布的大小是通过在“画布大小”对话框中来完成的。可以通过选择【修改】→【画布】→【画布大小】命令,或者在文档的“属性”面板中单击 按钮打开“画布大小”对话框。

改变画布的背景颜色 改变画布的背景颜色是通过在“画布颜色”对话框中完成的。选择【修改】→【画布】→【画布颜色】命令,打开“画布颜色”对话框。

旋转画布 可以选择【修改】→【画布】菜单下的命令对画布进行旋转。 菜单中各项命令的含义如下。 旋转180°:执行此命令,画布将旋转180°。 旋转90°顺时针:执行此命令,画布将顺时针旋转90°。 旋转90°逆时针:执行此命令,画布将逆时针旋转90°。

修剪画布 通过Fireworks中的修剪画布命令,可以使画布的大小同绘制图像或者文字的大小相匹配,从而减少文件量。 选择【修改】→【画布】→【修剪画布】命令或按【Ctrl+Alt+T】快捷键,修剪画布。

修剪文档 操作方法如下: (1)从“工具”面板中选择“裁切”工具,或者选择“编辑”>“裁剪所选位图”菜单。 (2)在画布上拖动鼠标。并调整修剪手柄,直到边框包围要保留的文档区域为止。 (3)在边框中双击或者按下Enter键以修剪文档。

使用标尺、辅助线和网格 标尺能够帮助测量、组织和计划作品的布局 辅助线是从标尺拖到文档画布上的线条。它们可作为帮助放置和对齐对象的辅助绘制工具 网格在画布上显示一个由横线和竖线构成的体系,网格对于精确放置对象非常有用。此外,用户可以查看和编辑网格、调整网格大小以及更改网格的颜色。

首选参数和快捷键 首选参数 快捷键

操作的撤消与重复 使用“历史记录”面板可以查看、修改和重复操作文档过程中所进行的动作。 在该面板中列出了最近在Fireworks中执行的操作及次序,所列动作个数最多不超过在 Fireworks“首选参数”对话框的“撤消步骤”域中指定的数值。

END