译 / www.loadskill.com Donger

　位图编辑

• 单击Frame 6，帧的名字为Diving，并且选中这个图片

• 图片进行处理后，就对他进行颜色的调节，使用生动效果

• 在效果面板中，选择Adjust Color/Levels

• 在Levels分布图中有三个滑尺。把最左边的一个滑尺向右拖动，直到Input Level最左边的一个数值是40

• 然后，把最右边的滑尺向内拖，直到Input Level最右边的数值为230

• 点击OK

• 在工具面板中点击缩放工具

• 在图片上通过单击右键（PC）或是单击控制键（Mac）来访问弹出的下拉菜单

• 从下拉菜单中选择Numeric Transform这个命令

• 把图像按比例缩放到20%，单击OK

译 / www.loadskill.com Donger

　建立用遮照做的位图图标

• 选择长方形工具画一个矩形

• 在Info面板中，设置这个矩形的尺寸为65W×50H

• 当矩形被选中，把它的填充改为透明，边框可以为任何颜色

• 这将创造一个直观的辅助的帧，这个帧将不在遮照的图像中

• 将矩形放置到潜水员上面，是一个漂亮的图标

• 选定Edit/Cut剪切这个帧

• 选择潜水员图像

• 选定Edit/Paste As Mask

• 选定:矢量图遮照

　　完成图标

• 选择下一个帧

• 选择图象，再次使用缩放工具的Numeric Transform,缩放的数值为40%

• 使用单击右键（PC）或是单击控制键（Mac）来访问"Numeric Transform"功能

• 选定Edit/Paste as Mask。这个遮照仍旧在剪贴板中

• 抓住图片的中心点向四周移动，直到图片在帧中看起来感觉满意

• 打开完成的图标：Activity_icons2.png在第二部分的文件夹来显示最后的成果

  

  译 / www.loadskill.com Donger

  　　现在我们有了我们网页的基本构思，我们可以把它输出成带有层的Photoshop文件。Fireworks可以将每个遮照物体输出为每个图标的遮照层，因此在Photoshop中进行设计工作可以使用相同的遮照，并且保证图标一样大小。

  　　在本地输出带有层的Photoshop文件

  • 从菜单中选择File/Export
  • 在对话框中，在下拉菜单中选择Photoshop PSD格式
  • 输出的名字为"Layout.psd"

  

  
  　　矢量编辑

  • 打开Demo_04.png或者继续工作在你的演示文件中。我们将在活动图标下面的主要白色区域创建三个带有软边斜角的按钮
  • 在菜单中选择File/Import
  • 定位Icons.png
  • 在主要的白色区域的活动的位图图标下面单击放置icons.png文件

  

  

  译 / www.loadskill.com Donger

  　　现在,我们将创建倾斜的按钮在图标后面

  • 选择长方形工具
  • 拖出长方形
  • 在Info面板中，尺寸设置为70W×40h
  • 在Object面板中，设置圆角为30

  

  • 在Fill面板，选择linear模式
  • 在Fill面板中，单击edit按钮来编辑渐变色