细品DW MX 2004内建FW技术

2016-02-19 20:45 2 1 收藏

有了下面这个细品DW MX 2004内建FW技术教程,不懂细品DW MX 2004内建FW技术的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

  Macromedia官方将在其他软件中内建Fireworks技术称为Fireworks技术,网上也称之为内建图片编辑器。Dreamweaver MX 2004给人的一个感觉就是与Macromedia公司其它产品的全面无缝集成,这样就大大缩短了开发人员的开发周期,提高工作效率。

  以前的Dreamweaver中是没有图片处理功能的,即使你要处理也只能使用CSS中的相关滤镜进行一些效果的改变,而大多数特效的制作我们则必须使用Fireworks或者Photoshop工具。现在好了,新版的Dreamweaver MX 2004中集成了一些简单的图片处理工具,使Dreamweaver不仅具有本身应该拥有的功能,还能够对图片进行简单的处理,是不是很方便、下面让我们来了解这个工具的详细特性与使用方法。

  在Dreamweaver MX 2004环境中先选择一幅图片,在下边的属性对话框中就会出现内建图片编辑器(图1)。

  我们看一下对话框中的选项。用框圈起来的就是我们提到的内建Fireworks技术。我们先用最左边的copy工具来选择图像的一部分(图2),中间框住的部分就是我们最后要保留的部分。另外大家还可以通过拉动框四周的控制点来调整他的大小以及拖动它的位置,选择好后按回车,如何,图像是不是已经被我们裁了一块了?

  可能这时图片大小还有些不符合我们的要求,别急,我们来更改一下它的大小。在图片尺寸显示处输入你要的尺寸,如宽530px,高280px,当输入以后,宽和高之间用一个回旋的箭头连接起来,这个功能同样是新版Dreamweaver所特有的。在图片的尺寸处如果出现这种箭头,则表明你当前所选择的图片进行过人为的拖放变化,如果想恢复原始大小则点击回旋箭头即可。如果大家在调整好大小后想把图片的真实尺寸也变成530×280像素,那么就要用到另一个新工具resample(加框部分第2个图标),将图片大小调整后会发现原来灰色的resample工具变亮,点击后图片就会变成你所需要的大小。同时图片实际尺寸也发生了变化而不是以前简单的拉伸变化。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  以上谈到的两个工具都是对图片的尺寸进行调整的工具,而下面的两个工具则是对图像的画质进行简单变化的工具。brightness and contrast(亮度与对比度,加框处第3个图标)以及sharpen(锐化,加框部分第4个图标)。

  点击第一个亮度与对比度工具图标,弹出对话框,可以对一些较暗的图片进行亮度与对比度的处理,并填入调整后的数值(图3)。

  改变后图片的效果如(图4)。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  与前面的图比较是不是有了很明显的变化?锐化工具的使用与亮度和对比度工具的使用基本相同,操作方法也一样。现在即使不会其它图像处理软件,只用简单的Dreamweaver中的内建Fireworks技术也可以制作简单的图像后期效果了,真是方便!

来源:https://www.tulaoshi.com/n/20160219/1624431.html

延伸阅读
图像变换技术在网页中经常被用到,即当鼠标移动到某图像或按钮上时,会触发另一个图形的显示。在中,图像变换的制作原理就是使“帧”面板中某帧中的图形对象与来自任何帧的图象进行交换,从而达到在网页浏览时产生图形变换的效果。 1 、简单的图像变换 在Fireworks中制作简单的图像变换,就是把“帧”面板中第1帧里的对...
在Fireworks中,自动化的应用可以为我们省去不少在图像处理或网页制作过程中一些相同步骤的操作,从而有效地节约时间和提高工作效率。 1、“查找”面板 使用“查找”面板可方便快捷地查找或替换文件中的文字、字体、颜色等内容。这对于较大的网页制作或图像处理都将带来极大的方便。 图11—01 先要在“搜索所选范围...
为我们提供了强大的文字设计功能,为文字的输入和设置提供了专业的文本编辑功能,可以方便地对输入的文字进行诸如字体、大小、形状、填充、描边、上下左右的距离、自定义消除锯齿等各项操作。 1 、文本属性窗 点选工具条上的“文字”   工具后在画布上进行单击,即会显示文本的输入框,如图5—01。 图5—01 在该...
标签: Web开发
三、CSS Style面板的应用 在Dreamweaver MX 2004中界面最右边有一列各种选项面板的设置对话框,其中包括“CSS Style”,如图5。 图5 老版本的DW也有这个CSS Style面板,Dreamweaver MX 2004中只保留了CSS Style的编辑功能,去掉了套用模式(Dreamweaver MX 2004直接在属性面板中套用CSS样式)。Dreamweaver MX 2004在“Rules...
用惯了 MX,打开Fireworks MX 2004时的第一件事就是重组右侧的执行面板。Fireworks MX 2004本身的默认设置(800×600分辨率下),只有Assets,Colors,Frames and History三种面板群组(分辨率下右侧的面板区域组合会有不同),其余面板仍然藏在Windows弹出菜单下。这样的设置跟我们以往MX中熟悉的个人自订的工作界面太不同了,所以开始我...

经验教程

76

收藏

53
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部