现在位置:中国IDC吧>网页设计>Fireworks教程> 文章内容

Fireworks4功能介绍

收藏发布 来源:互联网 作者:中国IDC吧 更新日期:2008-10-07 点击:

在效果面板中,选择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按钮来编辑渐变色 单击左面的颜色方块选择米色#CCCC99


单击右边的方块,并且选择高亮的兽皮颜色#cc9966 在渐变编辑器外面单击来关掉它 在Fill面板,改变填充的Edge,把Hard改成Anti-aliased 现在,让我们调整渐变色以便我们可以从上到下,在矩形按钮上垂直地渐变 在矩形物体上,拖动渐变填充线上的黑色小园点,将它拖到靠近物体顶端 拖动渐变填充线上的黑色矩形小方框,将它移动到物体的底端。确保连接这两个小点的线是完全垂直的

在Effects panel面板中,选择Bevel&Emboss/Inner Bevel 在下拉菜单中把"Flat"改成"Smooth" 在Bevel窗口外单击关掉这个窗口 当按钮还是被选择时,按住Option键(Mac)或者按住Alt键(PC),单击按钮向下拖来进行复制

上一页 1 23 4 5 6 下一页
[点击复制本页地址发送给 QQ/MSN 好友] [ 发布内容][ 举报][ 关闭窗口][ 返回顶部]
收藏此页到网摘/书签:
所有评论

评论列表

用户名: 新注册) 密码: 匿名评论