fireworks 8 绿色版是用来设计和制作专业化网页图形的软件,在图形处理软件中,能够直接优化网页上图片的工具是比较少的,大多数都是通过制图软件设计以后才能上传到网页上,本软件就不一样了,它具备独立创建网页图形的功能,您可以直接利用软件设计需要的页面模型、处理设计出来的图片、设计网页的横幅、创建网页等,功能非常丰富,fireworks 8 绿色版主要的特色就是创建矢量图形,让您在使用网页图形的时候可以自由拖动,放大、变化,增加网页图形的扩展性。
软件功能
使用 Fireworks,您可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。
Fireworks 用于可视化工具,无需进行编程即可创建具有专业品质的网页图形和动画,如变换图像和弹出菜单。使用许多新的创作选项可以对图像进行精确控制。
Fireworks 使您可以在单个应用程序中创建和编辑位图和矢量两种图形。并且所有元素都可以随时被编辑。
除此之外,工作流可以实现自动化,从而满足耗费时间的更新和更改要求。
Fireworks 与多种产品集成在一起,包括 Macromedia 的其它产品(如 Dreamweaver、Flash、FreeHand 和 Director)和其它您喜欢的图形应用程序及 HTML 编辑器,从而提供了一个真正集成的 Web 解决方案。
利用为您所使用的 HTML 编辑器自定义的 HTML 和 JavaScript 代码,您可以轻松地导出 Fireworks 图形。
软件特色
“图像编辑”面板
这个新面板是一个中枢位置,从这里您可以访问常用的图像编辑工具、滤镜和菜单命令。
更多导入文件格式
Fireworks 8 现在支持导入 QuickTime 图像、MacPaint、SGI 和 JPEG 2000 文件格式(QuickTime 支持需要 QuickTime 插件)。
优化的批处理工作流程
对此工作流程的优化包括:简化的重命名功能,在批处理过程中进行缩放时检查文件尺寸的功能,以及增加了状态栏和日志文件,等等。
CSS(层叠样式表)弹出菜单
Fireworks 8 使用 CSS(层叠样式表)格式创建交互式的弹出菜单。这可以帮助用户轻松地自定义与使用 Dreamweaver 构建的网站进行完美集成的代码。
矢量兼容性
在 Flash 和 Fireworks 之间移动对象时,会保留矢量属性(填充、笔触、滤镜和混合模式)。
更多切片选项
当所选对象是多边形路径时,将自动插入多边形切片。
识别 ActionScript 颜色值
将 ActionScript 颜色值从 Flash 复制并粘贴到 Fireworks 颜色值字段中时,Fireworks 可识别该颜色值。
使用“另存为”命令将位图保存为其它文件类型。
在“另存为”对话框中选择单一文件输出格式,如 gif、jpg、tiff。
改进的打开、保存和导出逻辑
由于减少了所需的导航过程,用于确定“打开”、“保存”、“另存为”、“保存副本”和“导出”对话框中的默认文件夹的逻辑得到了增强。
减少了插入的网格
如 Flash,网格现在使用虚线和颜色较浅的默认网格颜色。
使用方法
创建和保存新文档
预览了完整的页面模型后,您将准备开始此项目。
在 Fireworks 中,选择“文件”>“新建”。
在“新建文档”对话框中,输入宽度值 700,高度值 600。确保这两个值的测量单位均为像素。
将“画布颜色”设为“自定义”,然后从自定义颜色菜单中选择黑色。
“新建文档”对话框的外观应如下所示:
导入横幅图形
您拥有的横幅图形是您将在实际页面上使用的横幅的模型。您将在教程: 创建页面横幅中制作横幅的最终版本。
选择“文件”>“导入”并浏览到硬盘上的如下文件夹:
local_sites/cafe_townsend/fireworks_assets/
选择 banner-mockup.jpg,然后单击“打开”。
此时会显示插入指针,指示要将图形左上角放置到的位置。
将指针与画布的左上角对齐,然后单击,以插入横幅图形。
此时会显示四周带有蓝色框的横幅图形,表明该图形是当前所选的对象。
创建和编辑圆角矩形
要创建的第一个对象是表示内容区域顶部和底部栏的圆角矩形。您决定创建一个定义内容区域总范围的圆角矩形。
在“工具”面板的“矢量”部分中选择“圆角矩形”工具。
“圆角矩形”工具是一种形状工具。单击形状图标上的扩展图标,以选择它。
在文档窗口中,将十字型指针定位在画布上,并向右下方拖动以创建一个形状。
可以在画布上的任何位置绘制此圆角矩形。不要担心此时的大小和位置;您将在此过程的稍后阶段调整它的大小和位置。
释放鼠标按钮后,将在您定义的区域中显示一个圆角矩形,并且该矩形处于选定状态。
当对象被选定时您可以看出来,因为这时它会显示蓝色的角点。大多数对象的外边缘还以蓝色高亮显示,但矩形除外。圆角矩形形状还带有显示为黄色菱形的控制点。这些控制点使您可以更改圆角矩形的大小和圆角值。
当圆角矩形仍处于选定状态时,在“属性”检查器中,单击颜料桶图标旁的“填充颜色”框。
“填充颜色”弹出窗口打开。
在窗口顶部的文本框中键入 6B1101,然后按 Enter 键。
单击铅笔图标旁的“笔触颜色”框,然后单击“笔触颜色”弹出窗口顶部的“透明”按钮。(它在默认情况下应处于选定状态。)
现在,圆角矩形具有暗红色的填充色且无笔触。
下一步,您需要调整此圆角矩形的大小和位置。您决定使用“属性”检查器来准确执行这一操作。
当此圆角矩形仍处于选定状态时,在“属性”检查器的宽度框 (W) 中,键入 700,在高度框 (H) 中,键入 340,对于 X 轴位置,键入 0,对于 Y 轴位置,键入 255,然后按 Enter 键,以应用最后的值。
注意:Y 轴位置仅为近似值。或者,也可以使用箭头键向上或向下推动此圆角矩形,直至其距幻灯片放映占位符图像下方大约 6 像素即可。
在调整了圆角矩形的大小后,您注意到圆形边缘发生了扭曲。您要对其进行调整,以创建适当的圆角。
圆角矩形是一个 Fireworks 自动形状,因此您可以使用“自动形状属性”面板来调整边角的圆度。
当此圆角矩形仍处于选定状态时,通过选择“窗口”>“自动形状属性”(不是“窗口”>“自动形状”)来打开“自动形状属性”面板。
为第一个边角的圆度输入 20,然后按 Enter 键。
由于值是锁定的,因此更改一个圆度值将更改所有其它值。
同时,Fireworks 将调整画布上形状的边角。
关闭“自动形状属性”面板,然后单击画布以外的任何位置,以取消选定该圆角矩形。
保存所做的工作。
创建倾斜边缘效果
您需要在横幅中创建倾斜边缘效果,如横幅草图所示(请参阅任务回顾)。为产生此效果,您决定创建一个形状并将其用作蒙版。
在“层”面板中选择“图形”层。
在“工具”面板中选择“钢笔”工具。
在“属性”检查器中,设置“钢笔”工具的下列属性:
单击铅笔图标旁边的“笔触颜色”框,然后单击“透明”按钮。
在“填充类别”弹出菜单中选择“实心”。
单击颜料桶图标旁边的“填充颜色”框,然后用滴管指针选择黑色样本。
在文档窗口中画布之外,单击四下画一个矩形,然后单击第一个点使图形闭合。
您的矩形应比横幅图形稍高,大概是其长度的三分之一。
选择“指针”工具(或按快捷键 V),然后移动图形使其覆盖横幅的左侧。
注意:因为该图形在“图形”层,所以它只会遮挡背景图像,而不会遮挡徽标。从“层”面板上显示的堆叠顺序可以看出,“徽标”层位于“图形”层之上,而“背景”层则位于“图形”层之下。
选择“部分选定”工具(或按快捷键 A)并单击该形状的锚点以调整它的形状,使其右侧倾斜,如下图所示。
主要优势
25 种新的混合模式:25 个新选项可改变您的颜色和对象的外观。
透视阴影:为打开的路径和文本对象添加透视阴影。
纯色阴影:对多次所应用到的对象印上标记的新动态滤镜。
移动界面组件:使用位图界面组件快速创建移动界面模型。
示例按钮、动画、主题和项目符号:快速学习使用功能强大的新资源,如按钮、动画、主题和项目符号。
“自动形状属性”面板:此新面板可用于修改自动形状属性的属性,如“星形自动形状”、“箭头自动形状”或“智能多边形自动形状”。
动态选取框和转换选区(选取框到路径及路径到选取框):将当前选区转换为可编辑的矢量路径,反之亦然。获取有关应用于选区的滤镜和设置的即时反馈信息。
自动命名文本:如果您输入文字,则将以该文字自动命名层。
“特殊字符”面板:使用此新面板可将特殊字符直接插入文本块中。
更改路径上的文本的形状:附加文本后编辑路径点。
新版改进
最近使用过的字体和优化可记住上次使用的设置:最近使用过的字体现在显示在字体菜单的顶部。优化现在默认为上次使用的设置。
保存多个选区:保存、恢复、命名和删除 PNG 文件中的多个选取框。
在“层”面板中选择共享边缘的对象。:按住 Shift 键并单击可在层面板中选择共享边缘或边界的对象。
自动保存首选参数:Fireworks 8 首选参数可更加频繁地进行自动保存。
将连续轻推分组:连续轻推现在被视为一次移动。
增强的绘图板支持:绘图板支持得到了增强,可用于“路径洗刷”工具和笔触压力敏感度。
锁定对象:在“层”面板中可锁定每个对象。
∨ 展开