《ADOBE FIREWORKS CS5标准培训教材》——1.5 工作区的操作

简介:

本节书摘来自异步社区《ADOBE FIREWORKS CS5标准培训教材》一书中的第1章,第1.5节,作者: ACAA专家委员会, DDC传媒 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.5 工作区的操作

在工作区中,可以浏览和查看文档,更改画布和文档的大小,管理工作区视图,以及通过标尺、辅助线和网格这些辅助绘制工具帮助放置和对齐对象。

1.5.1 查看文档
在Fireworks中,通过控制文档的缩放比率、视图数目以及显示模式,可以快速地查看文档,如果打开了多个文档,可以通过“文档”选项卡切换文档。

使用“文档”选项卡

当文档窗口处于最大化时,可以使用文档窗口顶部的“文档”选项卡,轻松地在多个打开的文档之间进行选择切换。每个被打开文档的文件名,都会显示在“视图”按钮上方的选项卡上,如图1-5-1所示。

直接单击文档名称就可以查看或切换该文档。当移动鼠标滑过该选项卡时,将出现该文件位置的提示。

缩放和移动文档

在Fireworks中,可以对文档及图像按照预设的增量,或者是自定义的缩放百分比,进行放大或缩小。

除了可以使用“工具”面板“视图”部分的“手形”工具screenshot或“缩放”工具screenshot移动或缩放文档外,还可以单击Fireworks标题栏位置的“视图”工具,进行缩放和移动对象,也可自定义缩放比率,如图1-5-2所示。


2fb38f62c77c70483cfb2887f737e21d71ec2d1e

缩小或放大文档

使用“缩放”工具screenshot缩小或放大文档时,每次单击都将使图像缩小或放大到下一个预设的缩放倍数。

单击“缩放”工具的同时按着“Alt”键,可以缩小文档。

对文档执行“缩放”操作时,在单击“缩放”工具screenshot后,在文档的窗口内指定要缩小或放大的中心点,按下一个预设的百分比缩小或放大图像。

对文档及图像除了可以使用“缩放”工具操作外,还可以从文档窗口右下角的“设置缩放比率”列表,选择一种缩放比例设置。同样,在“视图”菜单中单击“放大”、“缩小”命令或预设缩放比率也可以放大或缩小文档。

在“设置缩放比率”框中,缩放选择值的大小决定了精确的缩放百分比。如果要将某个区域放大或者缩小,而不受预设的缩放增量的限制,可以通过“缩放”工具在需要放大或者缩小的图像部分进行拖动。缩小操作时需要同时按着“Alt”键。

双击“工具”面板中的“缩放”工具可恢复为100%缩放比率。

移动文档

如果画布被放大或画布本身过大,屏幕无法显示整个画布时,可以选择“手形”工具screenshot,拖动“手形”指针查看。

在对Fireworks中的文档及图像进行编辑时,可以通过“选择”工具区中的“手形”工具,拖动“手形”指针在文档中移动实现。移动到画布边缘外面时,视图将继续移动,这样就可以处理画布边缘的像素。

双击“工具”面板中的“手形”工具可调整文档使其适合当前视图。

1.5.2 视图管理
在Fireworks中,可以通过使用视图模式来管理工作区。在“工具”面板中,有3个视图模式,“标准屏幕模式”screenshot、“带有菜单的全屏模式”screenshot和“全屏模式”screenshot,可以从中选择一个模式来控制工作区的布局。

“标准屏幕模式”是默认的文档窗口视图;“带有菜单的全屏模式”是最大化的文档窗口视图,其背景为灰色,菜单、工具栏、滚动条和面板处于可见状态;“全屏模式”最大化的文档窗口视图,其背景为黑色,菜单、工具栏或标题栏不可见。

可以同时使用多个视图以不同的缩放比率查看文档。在一个视图中所做的更改会自动反映在同一文档的所有其他视图中。可以通过单击“窗口”菜单中的“重制窗口”命令,为新窗口选择一个缩放设置。在创建多个视图之前,通常需要确保文档在工作区中没有最大化,这样可以同时看到文档的多个视图。

如果需要在屏幕上重绘文档,可以通过单击“视图”菜单中的“完整显示”命令完成。在单击“完整显示”命令后,Fireworks会以全部可用的颜色显示文档的完整细节。

当“完整显示”命令处于取消选择状态时,Fireworks将路径显示为1个像素宽并且没有填充,而对于图像则显示一个贯穿整个图像_的_X。

如果需要查看文档在不同平台上的显示方式,可以通过单击“视图”菜单中的“灰度系数1.8”命令实现。

如果要关闭一个文档视图窗口,单击该窗口的“关闭”按钮即可。

1.5.3 画布的更改和设置
新建或修改Fireworks文档时,可以通过使用“修改”菜单或“属性”检查器,修改画布的大小和颜色,以及更改图像的分辨率。当处理文档时,还可以旋转画布或修剪多余的部分。

更改画布大小

画布的大小可以根据需要修改。通过单击“选择”菜单中的“取消选择”命令取消任何选择,然后选择“指针”工具,单击“属性”检查器中的“画布大小”按钮,弹出“画布大小”对话框,或通过单击“修改”菜单中的“画布”→“画布大小”命令,如图1-5-3所示。


<a href=https://yqfile.alicdn.com/2e04b88c2ebc172e9a4f3fbaa9ce2924ed33076b.png" >

在“画布大小”对话框中,可以对画布的尺寸进行修改,在“宽”和“高”文本框中输入新的尺寸,然后单击“锚定”按钮以指定Fireworks在画布的哪一边添加或删除,最后单击“确定”按钮。

在默认情况下,选择的是中心锚定,这表示对画布大小的更改将在所有边上进行。

更改画布颜色

如果对画布的颜色不满意也可以进行更改,通过单击“修改”菜单中的“画布”→“画布颜色”命令,弹出“画布颜色”对话框,如图1-5-4所示。


0d109b91e3de415d159d26ef174dea2331cfbf00

在“画布颜色”对话框中,选择画布颜色为“白色”、“透明”或“自定义”。如果选择“自定义”单选项,则直接在弹出的“样本”对话框中选择一种颜色即可。

除了通过菜单命令对画布的颜色进行更改外,还可以通过“属性”检查器来更改画布的颜色。单击“选择”菜单中的“取消选择”命令,或按快捷键“Ctrl+D”,然后选择“指针”工具,在“属性”检查器中单击“画布”颜色框,再从弹出的“样本”对话框中选取一种颜色,或者在屏幕上任意位置的某种颜色上单击“滴管”。如果要选择透明画布,可以单击“样本”对话框中的“无”按钮。

调整图像大小

单击“选择”菜单中的“取消选择”命令,取消文档内所有对象的选择,然后选择“指针”工具,此时“属性”检查器中显示文档的属性,再单击“属性”检查器中的“图像大小”按钮,弹出“图像大小”对话框。也可以单击“修改”菜单中的“画布”→“图像大小”命令打开“图像大小”对话框,如图1-5-5所示。


<a href=https://yqfile.alicdn.com/b9d38f2f8f73ee760240c2c141da76b58f2f1a29.png" >

在“图像大小”对话框中可以改更像素尺寸,打印尺寸,调整是否约束比例和是否要将图像重新取样,还可以更改“插值法”选项。

在“像素尺寸”文本框中输入新的水平和垂直尺寸。在“打印尺寸”文本框中输入打印图像的水平和垂直尺寸,在“分辨率”文本框中为图像输入新的分辨率。

在选择了“图像重新取样”复选框的情况下,只可以更改分辨率或打印尺寸,不能更改像素尺寸。分辨率以像素/英寸或像素/厘米作为单位,更改分辨率将更改像素的大小。

如果要在文档的水平和垂直尺寸之间保持相同的比例,可以选择“约束比例”复出框。如果取消选择“约束比例”,可单独调整水平和垂直尺寸。选择“图像重新取样”复出框,以便在调整图像大小时添加或去除像素,使图像在不同大小的情况下具有大致相同的外观。选择“仅限当前页”复出框可将画布大小更改仅应用于当前页面。

“插值法”是Fireworks用来设置缩放图像时,插入像素的4种不同缩放方法。“双立方”插值法,在大多数情况下可以提供最鲜明、最高的品质,并且是默认的缩放方法;“双线性”插值法,它所提供的鲜明效果比“柔化”插值法强,但没有“双立方”插值法那么鲜明;“柔化”插值法,它提供了柔化模糊效果并消除了鲜明的细节,当其他方法产生了多余的人工痕迹时,此方法很有用;“最近的临近区域”插值法,它产生锯齿状边缘和没有模糊效果的鲜明对比度,此效果类似于使用“缩放”工具在图像上放大或缩小。图1-5-6中的图A和图B分别显示了图标放大时,使用“双立方”插值法和“最近的临近区域”插值法的不同效果。


<a href=https://yqfile.alicdn.com/dc9e2e41fd355f8a401d1d353592811fe4d5e2a1.png" >

关于重新取样

Fireworks包含了基于像素的位图对象以及基于路径的矢量对象,因此它重新取样方法不同于大多数图像编辑应用程序对图像重新取样的方法。

在对位图对象进行重新取样时,将在图像中添加或去除像素,使图像变大或变小;在对矢量对象重新取样时,由于通过数学方式以更大或更小的尺寸对路径进行重绘,因此几乎不会有品质损失。

在Fireworks中矢量对象的属性是以像素方式表现的,在重新取样后,由于必须重绘组成笔触或填充的像素,因此有些笔触或填充可能看起来略微不同。

在更改文档的图像大小时,辅助线、热点对象和切片对象的大小都将被调整。调整位图对象的大小时总会产生一个特有的问题:是通过添加或去除像素调整图像大小,还是通过更改每英寸或每厘米单位上的像素数量调整图像大小。

可以通过调整分辨率或对图像重新取样来改变位图图像的大小。在调整分辨率时,更改了图像中像素的大小,可以使给定空间中的像素更多或更少。调整分辨率而不重新取样不会导致数据损失。

向上重新取样即添加像素以使图像变大。因为添加的像素不总是与原始图像相符,所以可能会导致品质损失。

向下重新取样即删除像素以使图像变小。因为要丢弃像素以调整图像的大小,所以总是会导致品质损失。图像中的数据损失是向下重新取样的另一种副作用。

旋转画布

要将导入的图像倒置或侧放,可以通过将画布旋转实现。可以通过单击“修改”菜单中的“画布”命令的子命令将画布旋转。有三种旋转方式:旋转180°、顺时针旋转90°和逆时针旋转90°。旋转画布时,文档中的所有对象都将旋转。

裁剪画布和文档

可以对画布的大小进行扩展或修剪,使其适应其中包含的对象。首先单击“选择”菜单中的“取消选择”命令,然后选择“指针”工具,在“属性”检查器中查看文档属性,再在“属性”检查器中单击“符合画布”按钮。图1-5-7中的图A和图B分别显示为修剪前的画布和修剪后的画布的效果。


c712e08f1fef6114186d4d30c4d6acc8b42e5b61

对画布进行裁剪操作会删除文档中多余的部分,画布将调整大小以适合定义的区域。在默认情况下,裁剪时会删除超出画布边界的对象,可以通过在裁剪前更改首选参数来保留画布外的对象。首先从“工具”面板中选择“裁剪”工具01%20(39).jpg,或者单击“编辑”菜单中“裁剪文档”命令,然后在画布上拖动边框,再调整裁剪手柄,直到边界框包含的区域符合所需大小,最后在边框中双击或者按下“Enter”键以裁剪文档。

1.5.4 使用标尺、辅助线和网格
在Fireworks中,可以通过标尺、辅助线和网格来放置和对齐对象的辅助绘制工具。辅助线是从标尺拖到文档画布上的线条,可以使用辅助线来标记文档的重要部分。网格在画布上显示为一个由横线和竖线构成的体系,可以精确放置对象。辅助线和网格既不驻留在层上,也不随文档导出。

可以通过“编辑”菜单下的“首选参数”命令更改标尺、辅助线和网络的颜色、大小以及其他相关设置。

显示、隐藏以及使用标尺

单击“视图”菜单中的“标尺”命令可以显示垂直标尺和水平标尺在文档窗口的边缘。标尺以像素为单位进行度量。

通过标尺可以创建水平辅助线和垂直辅助线。用鼠标左键从相应的标尺处拖动到画布,则在画布上定位出辅助线,此时释放鼠标键,辅助线即被创建。也可以通过拖动已有的辅助线来重新定位辅助线。

可以将辅助线移动到指定的位置。当鼠标指针移动至辅助线并变成"screenshot"的形状时,双击辅助线,弹出“移动辅助线”对话框。在该对话框中输入新位置并单击“确定”按钮,如图1-5-8所示。


<a href=https://yqfile.alicdn.com/b404b92e6500a4767ac7f830bb0201d1ead6a25a.png" >

辅助线或网格

通过单击“视图”菜单中的“辅助线”→“显示辅助线”命令或者单击“视图”菜单中的“网格”→“显示网格”命令可以显示文档中的辅助线或网格,如果取消选择,会隐藏文档中的辅助线或网格。

通过单击“视图”菜单中的“辅助线”→“对齐辅助线”命令或者单击“视图”菜单中的“网格”→“对齐网格”命令,可以使文档中的对象与辅助线或网格对齐。

如果需要锁定所有辅助线,可以单击“视图”菜单中的“辅助线”→“锁定辅助线”命令,如果取消选择将会取消锁定辅助线。

将辅助线从画布上拖出可以删除辅助线。

在将辅助线拖入画布的同时按“Shift”键,可显示辅助线之间的距离。

辅助线和网格的相关操作会应用到Fireworks的打开的所有文档中。

智能辅助线

智能辅助线是临时的对齐辅助线,可帮助其他对象创建对象、对齐对象、编辑对象和使对象变形。如果要激活和对齐智能辅助线,可以单击“查看”菜单中的“智能辅助线”→“显示智能辅助线”命令和“对齐智能辅助线”命令。

在创建对象时,可以使用智能辅助线将其相对于现有的对象放置,与矩形和圆形切片工具一样,直线、矩形、椭圆形、多边形和自动形状工具也显示智能辅助线。在移动对象时,可以使用智能辅助线将其与其他对象对齐。当对象变形时,会自动出现智能辅助线来帮助变形,在移动对象时智能辅助线可以使其对象对齐。

如果要更改智能辅助线出现的时间和方式,可以通过设置智能辅助线的首选参数进行
更改。
1.5.5 在浏览器中预览
在对文档进行编辑后,可以单击“文件”菜单下的“在浏览器中预览”命令,在指定的浏览器中查看设计的效果。

按快捷键“Ctrl+F12”可以在所有的页面都链接在一起的情况下,在主浏览器中预览所有页面的互动。

按“F12”键,可以在主浏览器中预览活动的Fireworks文档。如果计算机只安装了一个浏览器,则Fireworks将其设为主要浏览器。如果安装了多个浏览器,则可以单击“文件”菜单下的“在浏览器中预览”→“设置主浏览器”命令,选择一个显示Fireworks文档的主浏览器。

如果按快捷键“Shift+F12”,预览在辅浏览器中预览活动的Fireworks文档,需要首先设置备用浏览器。单击“文件”菜单下的“在浏览器中预览”→“设置辅浏览器”命令,在“定位浏览器”对话框中选择要使用的备用浏览器。

1.5.6 操作的撤销和重复
在Fireworks中,通过使用“撤销”和“重复”命令,可以节省大量的时间,有助于提高工作效率。

使用“历史记录”面板撤销和重复多个动作

“历史记录”面板列出了最近在Fireworks中执行的动作,使用“历史记录”面板,可以查看、修改和重复创建文档所进行的动作。“历史记录”面板中所列的步骤数可以通过单击“编辑”菜单中的“首选参数”命令更改,在“首选参数”对话框的“常规”类别的“最多撤销次数”输入框中输入撤销的次数,最高可设置为1 009次。

使用“历史记录”面板,可以快速撤销或重做最近执行的动作;可以从“历史记录”面板中选择最近执行的动作,并重复这些动作;将所选的命令作为JavaScript等效文本复制到剪贴板;将一组最近执行的动作保存为自定义命令,然后从“命令”菜单中选择该命令,以便将其作为单个命令重复使用。

撤销和重复执行动作

在Fireworks中,使用“历史记录”面板执行撤销和重复执行操作时,首先要单击“窗口”菜单中的“历史记录”命令,打开“历史记录”面板,如图1-5-9所示。


c055b3aa5f870ed6f2178c79ed138f5bde3f6237

在“历史记录”面板中,可以通过拖动左侧的上下滑动按钮screenshot来撤销操作。

在重复执行动作时,首先要执行一些动作,然后高亮显示要执行的动作。可以单击一个动作使其高亮显示:也可以按住“Crtl”键的同时单击,以高亮显示多个独立动作;还可以按住“Shift”键单击,以高亮显示连续的多个动作。最后单击“历史记录”面板底部的“重放”按钮,重复执行该动作。

除了从“历史记录”面板中,可以执行“撤销”和“重放”命令外,还可以通过工具栏中的“撤销”和“重做”按钮执行操作。单击“编辑”菜单中的“撤销”命令,“编辑”菜单中的“重复”命令也可以完成同样的操作,快捷键为“Crtl+Z”和“Crtl+Y”。“撤销”和“重放”是今后的设计中最常用的两个命令,一定要熟记!

保存动作以便重新使用

在设计过程中,可以将有些动作保存,以便以后再利用。首先通过选取,高亮显示“历史记录”面板中要保存的动作,然后单击面板底部的“保存”按钮screenshot。在弹出的“保存命令”对话框输入一个命令名称并单击“确定”按钮,如图1-5-10所示。


<a href=https://yqfile.alicdn.com/a53cc30ea7bbd939a0519795be300c3ec979f4a4.png" >

使用保存的自定义命令

为了提高工作效率,可以将重复执行的动作定义成为一些命令,将其保存在“命令”菜单中,如果要使用,直接单击“命令”菜单,选择命令名称即可。

相关文章
|
iOS开发 MacOS Windows
《ADOBE INDESIGN CS6标准培训教材》—第1章1.4节工作区操作
<span style='letter-spacing:1px'>本节书摘来自异步社区《ADOBE INDESIGN CS6标准培训教材》一书中的第1章1.4节工作区操作,作者ACAA专家委员会, DDC传媒,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
1229 0
|
iOS开发 MacOS Windows
《ADOBE INDESIGN CS5标准培训教材》—第1课1.4节工作区操作
<span style='letter-spacing:1px'>本节书摘来自异步社区《ADOBE INDESIGN CS5标准培训教材》一书中的第1课1.4节工作区操作,作者ADOBE INDESIGN CS5标准培训教材,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
1843 0
《ADOBE FIREWORKS CS5标准培训教材》——导读
心绪从大自然的悠然清爽转回到现实中,在现代科技造就的世界不断同质化的趋势中,创意已经成为21世纪最为价值连城的商品。谈到创意,不能不提到两家国际创意技术巨头——Apple和Adobe。
1197 0
|
API
《ADOBE INDESIGN CS6标准培训教材》—第2章2.6节图层
<span style='letter-spacing:1px'>本节书摘来自异步社区《ADOBE INDESIGN CS6标准培训教材》一书中的第2章2.6节图层,作者ACAA专家委员会, DDC传媒,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
1705 0
|
存储 XML 文件存储
《ADOBE INDESIGN CS6标准培训教材》—第1章1.3节文档操作
<span style='letter-spacing:1px'>本节书摘来自异步社区《ADOBE INDESIGN CS6标准培训教材》一书中的第1章1.3节文档操作,作者ACAA专家委员会, DDC传媒,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
1490 0
|
API
《ADOBE INDESIGN CS6标准培训教材》—第2章2.节页面设置
<span style='letter-spacing:1px'>本节书摘来自异步社区《ADOBE INDESIGN CS6标准培训教材》一书中的第2章2.1节页面设置,作者ACAA专家委员会, DDC传媒,更多章节内容可以访问云栖社区“异步社区”公众号查看。</span>
1696 0