firework操作教程

合集下载

Fireworks的基本操作

Fireworks的基本操作
第2篇 用Fireworks制作与处理图形
第9章 Fireworks的基本操作 第10章 用Fireworks制作和处理位图
第11章 用Fireworks制作和处理矢量图
第12章 用Fireworks创建和编辑文字
第13章 Fireworks的自动化功能 第14章 Fireworks的Web功能
第2 篇 第9 章
9.7 应用颜色、笔触和填充
9.7.1 使用工具面板设置颜色、笔触和填充色 9.7.2 设置颜色、笔触和填充的其他方法
9.8 应用图层 思考题
9.1 Fireworks的工作环境
9.2 工作环境的修改
9.3 使用标尺、网格和辅助线
• 执行“视图” | “标尺”命 令,在文档窗口的上方和 左侧显示水平标尺和垂直 标尺. • 用鼠标可以从标尺中拖出 绿色的水平辅助线或垂直 辅助线,用于标记文档的 重要部分或放置和对齐对 象。
– 移动对象
9.6.2 编辑对象• 变形对象(工具箱“缩放”工具组 具)
– “缩放”(Scale)工具 – “倾斜”(Skew)工具 – “扭曲”(Di)对象
– 水平翻转:Modify | Transform Flip | orizontal – 垂直翻转:Modify | Transform | Flip Vertical
• 【例9-4】 组合对象的应用。P143
– 对齐对象:多个对象在画布平面(x轴和y轴方向) 的排列方式
• • • • • • • • 左对齐(Modify | Align | Left) 中心垂直对齐( Modify | Align | Center Vertical) 右对齐(Modify | Align | Right) 顶对齐(Modify | Align | Top) 中心水平对齐( Modify | Align | Center Horizontal) 底对齐(Modify | Align | Bottom) 均分宽度( Modify | Align | Distribute Widths) 均分高度(Modify | Align | Distribute Heights)

第1章 Fireworks的基本操作

第1章 Fireworks的基本操作

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

FireWork快捷键和切图法

FireWork快捷键和切图法

快捷键工具指针、选择后方对象【V】,【0】部分选定【A】,【1】选取框、椭圆选取框【M】套索、多边形套索【L】裁剪、导出区域【C】魔术棒【W】线条工具【N】钢笔工具【P】矩形、圆角矩形、椭圆、多边形【U】文本工具【T】铅笔、刷子【B】矢量路径、重绘路径【P】缩放、倾斜、扭曲【Q】自由变形、更改区域形状【O】滴管工具【I】油漆桶、渐变【G】橡皮擦工具【E】模糊、锐化、减淡、加深、涂抹【R】橡皮图章工具【S】刀子工具【Y】矩形热点、圆形热点、多边形热点【J】切片、多边形切片【K】手形工具【H】缩放工具【Z】隐藏/显示切片【2】设置默认笔触/填充色【D】交换笔触/填充色【X】切换屏幕模式【F】菜单命令新建文件(N) 【Ctrl】+【N】打开(O)… 【Ctrl】+【O】关闭(C) 【Ctrl】+【W】保存(S) 【Ctrl】+【S】另存为(A)… 【Ctrl】+【Shift】+【S】导入(I)… 【Ctrl】+【R】导出(E)… 【Ctrl】+【Shift】+【R】导出预览(R)… 【Ctrl】+【Shift】+【X】在浏览器中预览【F12】在辅助浏览器中预览【Ctrl】+【F12】,【Shift】+【F12】打印(P)… 【Ctrl】+【P】退出(X) 【Ctrl】+【Q】撤消【Ctrl】+【Z】重做【Ctrl】+Y,【Ctrl】+【Shift】+【Z】插入新建按钮(B)… 【Ctrl】+【Shift】+【F8】新建元件(Y)… 【Ctrl】+【F8】热点(H) 【Ctrl】+【Shift】+【U】切片(S) 【Alt】+【Shift】+【U】查找和替换(F)… 【Ctrl】+【F】剪切(T) 【Ctrl】+【X】复制(C) 【Ctrl】+【C】复制HTML代码(H)… 【Ctrl】+【Alt】+【C】粘贴(P) 【Ctrl】+【V】清除【退格】,【DEL】贴入内部(I) 【Ctrl】+【Shift】+【V】粘贴属性(A) 【Ctrl】+【Alt】+【Shift】+【V】重复(L) 【Ctrl】+【Alt】+【D】克隆(N) 【Ctrl】+【Shift】+【D】参数选择(F)… 【Ctrl】+【U】放大(Z) 【Ctrl】+=,【Ctrl】+(小)+,【Ctrl】+【Shift】+【=】缩小(O) 【Ctrl】+-,【Ctrl】+(小)【-】缩放比率50% 【Ctrl】+5,【Ctrl】+(小)【5】100% 【Ctrl】+1,【Ctrl】+(小)【1】200% 【Ctrl】+2,【Ctrl】+(小)【2】300% 【Ctrl】+3,【Ctrl】+(小)【3】400% 【Ctrl】+4,【Ctrl】+(小)【4】800% 【Ctrl】+8,【Ctrl】+(小)【8】1600% 【Ctrl】+6,【Ctrl】+(小)【6】选区符合窗口大小(S) 【Ctrl】+【Alt】+0,【Ctrl】+【Alt】+(小)【0】文档符合窗口大小(F) 【Ctrl】+0,【Ctrl】+(小)【0】完整显示(D) 【Ctrl】+【K】隐藏所选(H) 【Ctrl】+【L】显示全部(A) 【Ctrl】+【Shift】+【L】标尺(R) 【Ctrl】+【Alt】+【R】显示网格(G) 【Ctrl】+【Alt】+【G】对齐网格(S) 【Ctrl】+【Alt】+【Shift】+【G】显示引导线(U) 【Ctrl】+【;】锁定引导线(L) 【Ctrl】+【Alt】+【;】对齐引导线(S) 【Ctrl】+【Shift】+【;】切片引导线(L) 【Ctrl】+【Alt】+【Shift】+【;】隐藏边缘(E) 【F9】隐藏面板(P) 【F4】,【Tab】选择全部(S) 【Ctrl】+【A】取消选择(D) 【Ctrl】+【D】整体选择(E) 【Ctrl】+【→】部分选定(U) 【Ctrl】+【←】反选(V) 【Ctrl】+【Shift】+【I】修剪画布(T) 【Ctrl】+【Alt】+【T】符合画布(F) 【Ctrl】+【Alt】+【F】选择动画(A)… 【Alt】+【Shift】+【F8】转换为元件(C)… 【F8】补间实例(T)… 【Ctrl】+【Alt】+【Shift】+【T】平面化所选(F) 【Ctrl】+【Alt】+【Shift】+【Z】向下合并(D) 【Ctrl】+【E】任意变形(T) 【Ctrl】+【T】数值变形(N)… 【Ctrl】+【Shift】+【T】旋转90°顺时针【Ctrl】+【Shift】+【9】旋转90°逆时针【Ctrl】+【Shift】+【7】移到最前(F) 【Ctrl】+【Shift】+【↑】向前移动(B) 【Ctrl】+【↑】向后移动(S) 【Ctrl】+【↓】移到最后(K) 【Ctrl】+【Shift】+【↓】左对齐(L) 【Ctrl】+【Alt】+1,【Ctrl】+【Alt】+(小)【1】垂直居中(V) 【Ctrl】+【Alt】+2,【Ctrl】+【Alt】+(小)【2】右对齐(R) 【Ctrl】+【Alt】+3,【Ctrl】+【Alt】+(小)【3】顶对齐(T) 【Ctrl】+【Alt】+4,【Ctrl】+【Alt】+(小)【4】水平居中(H) 【Ctrl】+【Alt】+5,【Ctrl】+【Alt】+(小)【5】底对齐(B) 【Ctrl】+【Alt】+6,【Ctrl】+【Alt】+(小)【6】均分宽度(W) 【Ctrl】+【Alt】+7,【Ctrl】+【Alt】+(小)【7】均分高度(D) 【Ctrl】+【Alt】+9,【Ctrl】+【Alt】+(小)【9】合并路径(J) 【Ctrl】+【J】拆分路径(S) 【Ctrl】+【Shift】+【J】组合路径(G) 【Ctrl】+【G】取消组合路径(U) 【Ctrl】+【Shift】+【G】缩小字体(S) 【Ctrl】+【Shift】+【,】增大字体(L) 【Ctrl】+【Shift】+【.】粗体样式(B) 【Ctrl】+【B】斜体样式(I) 【Ctrl】+【I】左对齐(L) 【Ctrl】+【Alt】+【Shift】+【L】右对齐(R) 【Ctrl】+【Alt】+【Shift】+【R】两端对齐(J) 【Ctrl】+【Alt】+【Shift】+【J】强制齐行(S) 【Ctrl】+【Alt】+【Shift】+【S】附加到路径(P) 【Ctrl】+【Shift】+【Y】转换为路径(C) 【Ctrl】+【Shift】+【P】检查拼写(S)… 【Shift】+【F7】重复插件【Ctrl】+【Alt】+【Shift】+【X】新建窗口(N) 【Ctrl】+【Alt】+【N】显示隐藏”工具”(T) 【Ctrl】+【F2】显示隐藏”属性”(P) 【Ctrl】+【F3】显示隐藏”答案”(A) 【Alt】+【F1】显示隐藏”优化”(O) 【F6】显示隐藏”层”(L) 【F2】显示隐藏”帧”(R) 【Shift】+【F2】显示隐藏”历史记录”(H) 【Shift】+【F10】显示隐藏”样式”(S) 【Shift】+【F11】显示隐藏”库”(Y) 【F11】显示隐藏”URL”(U) 【Alt】+【Shift】+【F10】显示隐藏”颜色混合器”(M) 【Shift】+【F9】显示隐藏”样本”(W) 【Ctrl】+【F9】显示隐藏”信息”(I) 【Alt】+【Shift】+【F12】显示隐藏”行为”(B) 【Shift】+【F3】显示隐藏”查找和替换(F) 【Ctrl】+【F】其它下一帧【PgDn】,【Ctrl】+【PgDn】克隆并向上大幅推动【Alt】+【Shift】+【↑】,【Ctrl】+【Alt】+【Shift】+【↑】克隆并向上轻推【Alt】+【↑】,【Ctrl】+【Alt】+【↑】克隆并向下大幅推动【Alt】+【Shift】+【↓】,【Ctrl】+【Alt】+【Shift】+【↓】克隆并向下轻推【Alt】+【↓】,【Ctrl】+【Alt】+【↓】克隆并向右大幅推动【Alt】+【Shift】+【→】,【Ctrl】+【Alt】+【Shift】+【→】克隆并向右轻推【Alt】+【→】,【Ctrl】+【Alt】+【→】克隆并向左大幅推动【Alt】+【Shift】+【←】,【Ctrl】+【Alt】+【Shift】+【←】克隆并向左轻推【Alt】+【←】,【Ctrl】+【Alt】+【←】前一帧【PgUP】,【Ctrl】+【PgUP】向上大幅推动【Shift】+【↑】向上轻推【↑】向下大幅推动【Shift】+【↓】向下轻推【↓】向右大幅推动【Shift】+【→】向右轻推【→】向左大幅推动【Shift】+【←】向左轻推【←】播放动画【Ctrl】+【Alt】+【P】用所选填充象素【Alt】+【退格】,【Alt】+【DEL】粘贴于内部【Ctrl】+【Shift】+【V】编辑位图【Ctrl】+【E】退出位图模式【Ctrl】+【Shift】+【E】网页切法切片在制作网页的过程中占有很重要的地位,切片的成功与否直接决定日后网页制作的进度快慢和网站运行的速度.切片作用1.切片是将图片转换成可编辑网页的一座桥梁,通过切片才可以将普通图片变成Dreamweaver可以编辑的网页格式2.切片后的图像可以更快的在网络上传播3.切片后的图像也是网页中片的主要来源切片方法1.切片首先保证切出网页中需要多次修改的区域,例如文字区域2.切片图像的大小尽量保持在15K以内(便于网络传输)3.充分利用Dreamweaver中的自动拼贴功能减少垃圾切片操作技巧技巧1:使用键盘的方向键移动对象时,按住【Shift】键不放,每次可以移动10个象素。

Fireworks 全套教学课件

Fireworks 全套教学课件
FireWorks
北京工商大学 计算机与信息工程学院
毛典辉 maodianhui@
一、Fireworks的工作环境
启动Fireworks Fireworks的人机交互界面
Fireworks的启动
FireWorks的工作环境
Fireworks的工作模式
矢量绘图模式 位图编辑模式
利用画笔预设工具还可以定义自己感兴趣 的画笔形状(执行[编辑]->[自定义画笔 预设]);
可以设置画笔的颜色、笔触、散布、透明、 纹理等项目。
三、铅笔工具
绘制没有笔锋的图形使用的画笔。
四、擦除工具
橡皮擦用来将图像的某些区域涂抹成背景 或透明色。
使用橡皮擦
擦除图像的多余部分,可通过设置透明度 来达到部分擦除的效果。
使用[曲线]命令——与色阶命令类似,但 使用的控制变量更多;
使用[自动色阶]命令——由计算机将图像 像素的最亮与最暗定义为白色和黑色,按 比例自动分配中间像素的值。
通道使——用选择[色调整阶的]颜命色;令
输入色调——调整暗、中 间和高光的值,对应下面 的三个滑块;
输出色阶——限定处理后 图像的亮度范围;
持续移动鼠标,在边缘的顶点处单击
[魔术棒]工具
根据预想边缘颜色的近似度来选取选区
鼠标单击选取颜色,通过调整容差、消除锯 齿等参数来选取。
使用[全选]命令
选择图像中的全部像素
使用[反选]命令
选择选区之外的区域
使用[选取相似]命令
选取与选区颜色相类似的区域
4、选区的编辑
选区的移动 选区的删除、合并、减少、重叠运算 选区的反转 选区范围的调整
创建Fireworks文档的基本操作
创建Fireworks文件(PNG格式图片) 绘图画布的设置 图像大小的调整 简单绘图与添加文字 操作的撤销与恢复 历史纪录面板的作用

fireworks讲课

fireworks讲课

注意:
• 选择正确的分辨率
像素/英寸(ppi)是一种至于印刷领域相关的 度量单位。处理屏幕图形时,用户惯性的时像素 尺寸(640x480、760x420等)。Fireworks默认 使用的分辨率为96ppi(在Mac中,为72ppi), 如果使用Fireworks处理印刷项目,应向印刷商资 讯因使用的分辨率。对印刷而言,通常应使用 300ppi的分辨率。然后,需要注意的是, Fireworks的强项在于处理屏幕图形,而非用于打 印的图形。例如,不能将标尺的单位改为英寸,
• 在屏幕上只有像素是重要的,因此只能将 标尺的单位设为像素,同样,Fireworks不 能理解也不使用CMYK颜色和打印机配置文 件,因此最终的作品肯恩更不能精确打印。 好消息是Fireworks现在支持PDF导出, 因此将涉及方案打印出来一边向客户展示 时,其结果的可预测行更高。
1.2 工具面板
中文版经典教程Adobe Fireworks CS5
——徐建超
第一课 了解工作区
本章重点: 【1】建立新文档 【2】打开现有的文档 【3】绘制矢量形状 【4】熟悉工作面板 【5】储存文件; 【6】使用属性面板修改选定的对象的属性;
【7】定制工作区 【8】在选项卡试图下使用多个文档 【9】使用历史记录面板
工 • 颜色 • 视图
第二课 重要的工作流程工具:页面 面板、状态面板和图层面板
• 主要内容: 导入新页面 创建新图层 创建子层 调整图层的堆叠顺序 重命名图层 保护图层和对象 访问图层选项 编辑状态的内容
面板的介绍
• 在windows 中,fireworks的默认工作区有顶部的 应用程序栏和主工具栏、左边的工具面板以及右 边的面板停放区打开的面板组成。 • 当用户打开多个面板的时候,系统就会默认将在 一个文档窗口的多个选项卡中显示他们,但可通 过将选项卡从文档窗口中拖拽出来时期成为独立 的浮动文档窗口。

第5章 Fireworks基本操作

第5章 Fireworks基本操作

【例5.6】粘贴为蒙板
(1)打开一张图片文件,选择“椭圆”工具,边按住键盘上的Shift 键边拖动鼠标可以在图片上画一个圆,然后克隆一个一样的圆,用 “指针”工具调整两个圆的位置,如下图所示。
(2)按住键盘上的Shift,同时选中这两个圆。 (3)执行“修改”→“组合”菜单命令,将两个圆组合在一起。 (4)执行“编辑”→“剪切”菜单命令,剪切两个圆。
【例5.3】位图的编辑
【例5.3】位图的编辑
(1)执行“文件”→“打开”菜单命令打开文档 “car.jpg”。 (2)选择工具面板上的“魔术棒”工具,在图片空白 处点击一下,即选中空白区域。 (3)选择工具面板上的“渐变”工具。 (4)在“属性”面板上,按下“填充颜色”按钮向下 的箭头,设置渐变色,点击左边的颜色样本改为黄色, 右边的颜色样本改为白色。 (5)再将“属性”面板上的纹理设置为“钢琴键” 。 (6)在选中的空白区域内单击,即将渐变色运用到选 区中。

【例5.5】文字蒙板
(1)创建一个空白文档(400*300像素),画布颜色为黑色,选择工具 面板中的“刷子”工具在属性面板中设置笔触属性。 (2)使用笔刷在文档中拖动,绘制位图图像 (3)使用“文字”工具在文档中输入:HAPPY LIFE,在属性面板中设置文 字属性。 (4)按住键盘上的CTRL键,在层面板中选择文字层和位图层后松开,执行 “修改”→“蒙板”→“组合为蒙板”命令,即可完成蒙板效果的创建。
Fireworks的工作界面
样式面板的使用

通过创建样式,可以保存 并重新应用一组预定义的 填充、笔触、滤镜和文本 属性。将样式应用于对象 后,该对象即具备了该样 式的特性。Fireworks 提供 了许多预定义的样式。可 以添加、更改和删除样式。 还可将样式导出以便与其 他 Fireworks 用户共享,或 者从其它 Fireworks 文档导 入样式。

fireworks修改图片中的文字 fireworks如何修改图片文字

fireworks修改图片中的文字 fireworks如何修改图片文字

Fireworks修改图片中的文字Fireworks是一款由Adobe Systems开发的图像编辑软件,它具有强大的功能,可以对图片进行编辑、修饰和优化。

其中一个重要的功能是修改图片中的文字,Fireworks提供了多种方式来实现这一功能。

本文将介绍Fireworks如何修改图片文字,以及可用的工具和步骤。

准备工作在开始修改图片中的文字之前,确保已经安装Fireworks软件并打开所需的图片文件。

步骤 1:选择文本编辑工具Fireworks提供了文本工具,用于编辑和修改图片中的文字。

要选择文本编辑工具,可以在工具栏上找到“文本工具”图标,点击该图标即可激活该工具。

步骤 2:选择文本对象在激活了文本编辑工具后,可以鼠标单击图片中的任意文本对象,以选择要修改的文字。

文本对象将被高亮显示,显示出其可编辑的状态。

步骤 3:编辑文字内容一旦选择了要修改的文本对象,您可以直接在文本编辑工具上编辑文字内容。

可以使用键盘输入所需的文本,也可以复制和粘贴文本到文本编辑工具上。

在编辑文字时,可以使用工具栏上的选项来修改字体、大小、颜色等文本样式。

步骤 4:调整文本位置和大小在编辑了文字内容后,您可以通过拖拽文本对象来调整文本的位置。

鼠标光标会变成一个十字箭头,您可以点击并拖动以重新定位文本。

此外,还可以使用文本编辑工具上的控制点来调整文本的大小。

通过将鼠标悬停在文本对象周围的控制点上,鼠标光标会变为调整大小的图标。

点击并拖动以增加或减少文本的大小。

步骤 5:保存修改后的图片完成所有的修改后,您可以保存修改后的图片。

在Fireworks中,可以使用文件菜单中的“保存”选项来保存图片。

还可以选择不同的文件格式(如JPEG、PNG、GIF等)来保存图片。

替代方法:使用层样式来修改文字除了直接编辑文本对象之外,Fireworks还提供了使用层样式来修改文字的替代方法。

以下是使用层样式修改文字的步骤:1.在图层面板中,双击要修改文字的图层,以打开“属性”面板。

fireworks教程

fireworks教程

fireworks教程Fireworks是一款由Adobe公司开发的图形编辑软件,主要用于创建和编辑Web图像,特别适用于设计师和开发人员在制作网站时进行图像处理和优化。

本教程将介绍Fireworks 的基本功能和使用方法,帮助读者快速上手并提升其设计能力。

简介Fireworks是一款在Adobe Creative Suite软件套件中独立存在的软件,最早被设计用于处理和优化Web图像。

它的特点是集成了矢量图形编辑器和位图编辑器的功能,能够同时处理SVG、PNG、GIF、JPEG等多种图像格式。

Fireworks的设计理念是帮助用户快速创建和编辑Web图像,提供丰富的工具和特效,支持切片和优化,以及生成HTML和CSS代码。

下载和安装Fireworks可以通过Adobe官方网站下载安装程序。

安装过程与大多数软件相似,跟随提示完成即可。

安装后,启动软件并进入主界面。

界面概览Fireworks的主界面分为几个主要区域:1.菜单栏:包含各种工具和功能的菜单。

2.工具栏:包含常用工具的按钮,用于选择和应用工具。

3.画布:用于显示和编辑图像的区域。

4.图层面板:显示和管理图像的各个图层。

5.属性面板:用于调整和修改工具和图层的属性。

基本操作创建新文档要创建新的Fireworks文档,请执行以下操作:1.单击菜单栏中的“文件”>“新建”。

2.在弹出的对话框中,设置文档的尺寸、分辨率和背景颜色等选项。

3.单击“确定”创建新文档。

绘制基本图形Fireworks提供了多种绘图工具,可以帮助用户创建各种基本图形。

以下是创建基本图形的一般步骤:1.选择合适的绘图工具,例如矩形工具或椭圆工具。

2.在画布上单击并拖动,绘制出所需大小的图形。

3.在属性面板中设置图形的颜色、边框大小和样式等属性。

编辑图像Fireworks提供了丰富的编辑工具和功能,可以对图像进行调整和修改。

以下是一些常用的图像编辑操作:1.裁剪图像:选择裁剪工具,拖动鼠标选择要保留的区域,点击“裁剪”按钮完成裁剪操作。

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

Fireworks教程(一)制作虚线操作步骤:1.启动Fireworks,新建一个文件,文件宽和高都设为200象素,也可以是任意大小,背景为白色。

2.单击“工具”面板“矢量”部分的“线条”工具,并且按住键盘上的“Shift”键,在编辑区任意绘制一条直线。

3.在“工具”面板的“选择”部分中选择“指针”工具,选中这条直线。

4.单击“属性检查器”中的“描边种类”下拉框。

5.选中“笔触选项”。

6。

选择“铅笔”。

7.选择“彩色铅笔”。

8。

在纹理中设置纹理为“0%”。

9。

单击“高级”按钮。

10.在“间距”项输入“200%”,注意这里是手工输入,这个步骤是产生虚线效果的关键。

在网页设计中,也常采用“300%”这个值。

其实到这一步,虚线已经做好了。

11.在“形状”选项卡,如果不选中“正方形”,并且“大小”大于8,刷子尖端就显示为圆形。

制作细虚线时需要选中“正方形”。

刷子尖端也被称作笔触。

12。

“大小”是用来设定刷子尖端的大小。

网页制作中常选择“大小”为1来制作细虚线。

13。

“方向”设置刷子尖端宽度。

正圆或者正方形,选择“100”或者“0”。

14。

“角度”只对正方形有影响。

15。

为了方便以后使用这种自定义的虚线笔触,需要把这些步骤保存为命令。

选中“历史记录”面板中的描边。

16。

点击将“步骤保存为命令”。

17.在“保存命令”对话框中,输入名称。

实例中输入“虚线”。

18。

当需要应用虚线的时候,选择“命令”菜单下的“虚线”即可。

Fireworks教程(二)制作环绕文字1.新建宽和高都是300像素的文件,背景设为白色。

2. 2.点选“工具”面板中的“文本”工具,在工作区输入文本“,字体选择“Arial Black”,字号为20像素大小,颜色为黑色。

3.4. 3.点选“工具”面板“矢量”部分的“椭圆”工具。

5.6. 4.按住“Shift”键,在工作区画一个圆。

7. 5.在“属性”检查器中输入新的宽度 (w) 或高度 (h) 值,这里都是130。

6.单击“填充颜色框”图标。

7.在颜色弹出窗口中选择“透明按钮”。

8.选中“描边”工具。

9.在“描边种类”中选择“铅笔”>“一像素柔化”。

10.按住Shift键,使用“指针”工具同时选择圆和文字。

11.打开菜单栏的“文本”菜单,单击“附加到路径”。

12.环绕文字就做好了。

13.如果想旋转文字,选择“工具”面板中的“缩放工具”。

14.出现圆形箭头,就可以旋转文字。

15.如果希望文本沿路径的内侧排列,选择“文本”菜单中的“倒转方向”。

Fireworks教程(三)改变图片大小1.打开一个图片。

此图片大小为宽2950,高2094。

目的是要把这个图片变成宽400的图片。

2.打开“修改”菜单,单击“画布”里的“图象大小”。

3.在宽度中输入400。

4.选择“文件”菜单中的“导出”,给文件命名,保存即可。

Fireworks教程(四)羽化图片1.打开一个图片。

2.点击“工具”面板“位图”部分的“选取框”工具。

也可以选择“椭圆选取框”工具。

3.选择部分图象。

4.在属性检查器中,“边缘”项中选择“羽化”5.调整羽化大小。

6.打开“选择”菜单,单击“反选”。

7.反选过的图片:8.按键盘上的Delete键删除。

9.羽化后的图片:fireworks教程(五)缺角矩形的制作1.新建一个宽为150象素,高为100像素的文件,背景色任意。

2.选中工具面板中的矩形工具,在编辑区画一个矩形。

3.选择工具面板矢量部分的“刀子工具”,并且按住Shift键,把矩形右上角的边框进行切割。

4.切割后的图片:点选“工具”面板中的“部分选定”工具。

6.选择顶点。

7.按键盘上的DEL键删除。

8.继续把左角变成缺角。

选择“工具”面板矢量部分的“钢笔”工具。

9.在左下角的两个边框等距离各单击一下。

10.使用“部分”选定工具选择左下角的顶点。

11.按键盘上的DEL,删除左下角顶点后如图。

fireworks教程(六)制作两头半圆的矩形1.在“工具”面板的“矢量”部分中选择“圆角矩形”工具。

2.在属性检查器中,单击矩形圆度旁边的滑块,拖动滑块到100。

3.在工作区画一个两头半圆的矩形。

fireworks教程(七)制作渐变按钮1.使用矩形工具在工作区画一个矩形。

2.在“工具”面板“位图”部分中的“油漆桶”工具上单击并按住鼠标按钮。

从出现的弹出菜单中选择“渐变”工具。

3.单击属性检查器中的“填充颜色”框。

选择“线性”填充。

4.打开“编辑渐变”弹出窗口,在色阶下面单击添加一个色样。

实例中添加的色样在中间。

5单击色样,分别设置几个色样的颜色。

6.在矩形上,由上向下拖动,一个渐变按钮就做好了fireworks教程(八)制作圆角三角形1.选择“多边形”工具。

2.在“属性”检查器中,在“边”文本框中输入3。

3.按住 Shift 键,在画布上从上到下拖动,画出一个正三角形4打开菜单:修改>改变路径>伸缩路径。

5方向选择“外部”,宽度为15,也可以是其它数值,角选择圆弧,如下图。

6.做好的圆角三角形。

fireworks教程(九)制作抽线图1.打开一幅图像。

2.选择“矩形”工具。

3.点击属性检查器上的填充类别下拉框。

4.单击“填充选项”。

5.在如下图中,设置“填充类别”为实心,也可以试试其它项。

纹理为水平线4。

纹理总量为100%,只要不为0就可以。

选择透明项。

在纹理总量中不为0,就可以选中透明项。

6.使用矩形工具在图像上拖动,覆盖图像,抽线图就做好了。

Fireworks教程(十)荧光按钮1.新建一个文件,大小任意,背景为透明。

2. 2.在透明画布上,使用圆角矩形工具画一个两头半圆的按钮,颜色为黑色。

制作方法见《制作两头半圆的矩形》一文。

3选中当前图层,单击层面板右上角的弹出菜单按钮,在弹出的菜单中选择复制图层命令,复制当前选定图层,在弹出对话框中选择“在顶端”,将复制的图层命名为“效果层”。

4.在层面板中,选中刚才命名的效果层,把效果层中的按钮变成白色。

用缩放工具对其进行缩放操作,缩放后的效果:5.对缩放后的图形应用透明渐变效果。

在属性面板中选择“线性”渐变。

6.点击油漆桶旁边的颜色块,弹出渐变颜色设置面板7。

设置左边的颜色块颜色为白色,右边透明块的不透明为0。

8在效果层上从上到下拖动应用白色到透明的渐变。

9.最终效果如下图。

Fireworks教程(十一)Mac按钮1.新建一个文件,背景色自定。

使用圆角矩形工具,在编辑区绘制一个圆角矩形,矩形宽120象素,高40象素,矩形圆度为50。

2.选中这个圆角矩形,在属性面板上,描边设为无,填充方式为线性,填充颜色设置为灰色到白色。

选取油漆桶工具,从上向下拖动。

3.打开层面板,选中当前图层,拖到“新建复制层”按钮上,复制一个新层。

4.锁定层1。

5.选中层2,将填充方式变为实心,填充颜色为白色。

在菜单栏,选择修改,变形,数值变形,将宽高都设置为90%。

6.使用“刀子工具”,在圆角矩形的上部四分之一处,横向切割。

7.使用“指针”工具,点选下半部分,按键盘上的DEL键,删除。

如果无法选中,先在编辑区其它部分点击一下。

8.选中切割后的图形,打开效果面板,选择模糊,高斯模糊,数值为。

9。

点击层1前的锁图标,给层1解锁,选中层1下的图层,调整效果选项,选择“斜角和浮雕”,“内斜角”,设置如下图。

10继续选择效果命令,选择“阴影和晕光”,“发光”命令,将颜色设置为灰色,具体设置如下图。

11.按CTRL+A,选中所有对象,在菜单栏上,选择“修改”,“组合”,Mac按钮就做好了。

Fireworks教程(十二)立体按钮1.新建一个文件,使用矩形工具在画布上绘制一个矩形,宽90,高20,填充颜色为#656565。

2.单击属性检查器中的“添加效果”按钮,然后从“效果”弹出菜单中选择“斜角和浮雕”/“内斜角”。

3.在弹出的对话框中设置如下图。

4.做好的效果。

Fireworks教程(十三)制作虚线背景图片1.新建一个文件,设置如下图。

2.导出文件,在dreamweaver中,就可以把这个图像作为单元格的当前图像3.使用“缩放”工具,把画布放大800%。

4.使用矩形工具,在最中间处画一个点。

导出这个文件,在dreamweaver中,把这个图像作为单元格的背景,就可以做出虚线效果。

Fireworks教程(十四)去背景图1.打开要去背景的图片,使用魔术棒工具,选择图片中的背景。

3.在属性面板中设置容差,边缘可以选择羽化。

4.删除选中的背景,反复进行这个过程,最后的图片如下Fireworks教程(十五)圆角矩形框1.在工具面板上选择圆角矩形工具,在画布上绘制一个圆角矩形。

2.在属性检查器中设置如下。

3做出的圆角矩形框。

Fireworks教程(十六)制作阴影线1.新建一个文档,画布颜色为黑色。

2.选中“线条”工具,按住SHIFT键,画一条直线,颜色为黑色。

3按Ctrl+Shift+D键,克隆这条线,点击键盘上的向下键一下,然后把这条线的颜色变为白色。

最终的效果如下图。

Fireworks教程(十七)制作圆角图片使用圆角矩形作为蒙版,可以轻松的把图片变成圆角形状。

1.打开一个图片。

2使用圆角矩形工具在画布上画一个圆角矩形,在属性检查器上,输入它的大小,大小和上图的大小一样。

选中上图就可以知道它的大小。

3调整圆角矩形的填充颜色为白色。

把圆角矩形和实例中的“花”图片完全重合。

5.在层面板中,选中这两个图片,如果只有这两个图片,可以按CTRL+A全选。

选择菜单中的“蒙版”/“组合为蒙版”。

6.如果要输出有透明背景的图片,必须选择GIF或者PNG格式,PNG对照片级图片支持更好。

这里选择GIF,Alpha透明。

7.做好的圆角图片。

Fireworks教程(十八)文字蒙盖图像文本蒙版是一种矢量蒙版,只需将文本用作蒙版对象即可。

要取得成功的效果,文字的颜色需要改成白色,并且选择的字体尽量粗,实例中使用的是“汉仪超粗黑繁”。

1. 打开一副图像。

3.把文字的颜色改成白色,如果增加效果,产生的效果也要改成白色,实例中给文字增加白色投影。

4.同时选中文字和图片,使用菜单命令中的“修改”/“蒙版”/“组合为蒙版”命令。

5.创建的效果如图。

Fireworks教程(十九)使用“橡皮图章”工具修复图像“橡皮图章”工具克隆位图图象的部分区域,可以将其压印到图象中的其它区域。

当要修复有划痕的照片或去除图象上的灰尘时,克隆象素很有用。

可以复制照片的某一象素区域,然后用克隆的区域替代有划痕或灰尘的点。

1.打开一个有划痕的图像。

相关文档
最新文档