推荐阅读

(6-9):制作网页翻转按钮
大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮,参见范例网页。这称之为鼠标翻转效果,这是根据英文rollover翻译而来的,其实不是很符合中文的语境。其原理是利用两张图片,平时显示一幅,当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作,首先在Photoshop中将它们制作成图片,然后再做成网页。首先新建一个400×300的白底图像,新建一层,利用形状工具椭圆〖U/SHIFTU〗,在公共栏选择第3种绘图方式(填充像素),调出信息调板〖F8〗观看数值,用任意颜色在新建层中间位置画一个直径40左右的正圆(按住SHIFT保持正圆)。如下左图。0614【窗口>样式】调出样式调板,点击右上角圆三角按钮,选择“替换样式”,在出来的样式列表目录中选择“Web翻转样式”,确认目前选择的是新建层,然后使用“选中状态的蓝色胶体按钮”样式。如下中图红色箭头处。大家也可以自己选择其他颜色的。0615将新建层与背景层合并,然后【图像>修整】,如下右图所示。确定操作后图像将被裁剪为和所画的圆同等大小。这个命令的作用是根据左上角第一个像素处,或右下角最后一个像素处的颜色,在我们这幅图像中这两个地方都是白色。然后就将画面中连续的白色部分裁剪掉。这就好像现实中打印图像之后将纸张的边缘裁剪掉一样。接着将背景图层复制一层,对复制出来的图层使用曲线工具,合并高光和暗调区域(高光点229,255;暗调点60,0),形成加亮按钮的效果。如下左图。完成后我们得到两个图层,分别是暗色按钮的背景层,和亮色按钮的背景复制层。如果以上步骤无法完成,点此下载范例文件0616使用【文件>在ImageReady中编辑】〖CTRLSHIFTM〗,或点击工具栏最下方按钮,将会跳转到ImageReady中,这是Photoshop附带的一个软件,用来制作动画和网页。我们找到Web内容和图层两个调板,如下右图。后面的操作就是由这两个调板配合完成。 在完成以上5个步骤后,我们就可以开始制作鼠标翻转效果了。开始之前我们先简要介绍一下制作的原理。范例网页大家也看过,是随着鼠标的接触而发生的。这里涉及一种概念,叫事件和方法。我们的日常生活就是由许多事件和方法组成的,比如口渴是事件,喝水就是解决这个事件的方法。肚子饿是事件,吃东西就是方法。想学习是事件,看《大师之路》就是方法等等。这其实就是一种编程的思想,和人一样,电脑也是由事件和方法组成的一套逻辑系统。所以下面我们也要按照这种思路,去创建一个事件和解决方法。这个事件就是鼠标接触事件。平时鼠标不接触,我们只显示暗色按钮层(背景层)。而在鼠标接触的事件发生后,显示亮色按钮层(背景副本层)。

AutoCAD 2007 入门教程-CAD图形的输入输出
AutoCAD 2007 提供了图形输入与输出接口。不仅可以将其他应用程序中处理好的数据 传送给 AutoCAD ,以显示其图形,还可以将在 AutoCAD 中绘制好的图形打印出来,或者 把它们的信息传送给其他应用程序。此外,为适应互联网络的快速发展,使用户能够快速有效地共享设计信息, AutoCAD 2007 强化了其 Internet 功能,使其与互联网相关的操作更加方便、高效,可以 创建 Web 格式的文件 (DWF) ,以及发布 AutoCAD 图形文件到 Web 页。 AutoCAD 2007 除了可以打开和保存 DWG 格式的图形文件外,还可以导入或导出其他格式的图形。 导入图形 在 AutoCAD 2007 的 “ 插入点 ” 工具栏中,单击 “ 输入 ” 按钮将打开 “ 输入文件 ” 对话框。在其中的 “ 文件类型 ” 下拉列表框中可以看到,系统允许输入 “ 图元文件 ” 、 ACIS 及 3D Studio 图形格式的 文件。 在 AutoCAD 2007 的菜单命令中没有 “ 输入 ” 命令,但是可以使用 “ 插入 ” | 3D Studio 命令、 “ 插入 ” | “ ACIS 文件 ” 命令及 “ 插入 ” | “ Windows 图元文件 ” 命令,分别输入上述 3 种格式的图形文件。 插入 OLE 对象 选择 “ 插入 ” | “ OLE 对象 ” 命令,打开 “ 插入对象 ” 对话框,可以插入对象链接或者嵌入对象。 输出图形 选择 “ 文件 ” | “ 输出 ” 命令,打开 “ 输出数据 ” 对话框。可以在 “ 保存于 ” 下拉列表框中设置文件输出的路径,在 “ 文件 ” 文本框中输入文件名称,在 “ 文件类型 ” 下拉列表框中选择文件的输出类 型,如图元文件、 ACIS 、平板印刷、封装 PS 、 DXX 提取、位图、 3D Studio 及块等。

自己动手制作活动菜单条
用QQ聊过天的朋友都对它的自动隐藏窗口功能爱不释手,它可以使窗口显得清爽整洁而且富有动感,笔者的几个朋友都想在自己的网页中加入类似的东东,经过共同摸索发现用Dreamweaer 就可以实现这种效果,下面我们通过一个活动菜单条的制作来看看吧。 第1步:制作菜单外貌 在Dreamweaer 中新建一个文件,绘制一个层,在该层中插入一个表格(如图1),对该表格进行修饰,然后加入菜单项并建立各项的超链接,为了去掉超链接的下划线,可以编辑超链接的Css样式,在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration(装饰)”均设置为“None(无)”,将“Hover”的“Color(颜色)”设置为红色,最后将设置好的样式应用到各个菜单条中(可按“F12”键预览效果)。 第2步:设计菜单的动态效果 1、选定层面,当鼠标变成“十”字形时按住左键将层面拖动到页面右上角(使整个菜单条完全露出但上边缘正好靠拢页面上边界),在窗口菜单中打开时间线面板,选定层面将其拖动到时间线上,Dreamweaer会自动产生一个长度为15帧的动画对象,拖动该动画对象的最后一个关键帧到第30帧,将其长度设置为30帧。然后在第15帧处单击右键,在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧,并将层面拖动到适当位置(如图2)。

数码摄影10个技巧
以前一定听过这种话:数码相机(以下用DC)无所不能。你只要按下按钮,一张伟大的照片就会变魔术般展现在你面前。相机越好,照出来的照片越好。果真如此吗?见鬼,当然不是了! 事实是你可以用一个简单的消费级傻瓜DC拍出一张伟大的照片,也可以用最贵的DC拍出一张垃圾照片。漂亮的照片不是相机搞出来的,而是摄影师搞出来的。只要有一些拍摄方面的知识,再加上不断改进的愿望,你可以用你的小DC拍出能登上时代周刊的大照片。 为了帮助你在成为伟大摄影师的道路上快步前行,这里送给你10个技巧,它们会让你即使不花大价钱买昂贵的设备也能像专业人士一样拍照。 1.暖化你的照片 你注意过有些时候你拍的照片有一种冷冷的感觉吗?如果答案是肯定的,那你并不是孤独呵呵。DC的默认白平衡设置是“自动(auto)”,虽然在大部分情况下都是适用的,但有时候却会让景物太“冷”了。 当你拍户外景物的时候,特别是当阳光充足时,试着把你的白平衡调到“多云(cloudy)”那一档。对,就是“多云”那一档,这个变化跟在你的镜头前加一个暖色滤镜的效果是一样的。它使得照片中红色和黄色的更加丰满,从而暖化了这张照片 图1a是在一个山区拍摄的,白平衡设置在“自动(auto)” 图1b 同一个场景,我把白平衡换成了“多云(cloudy)”,同时把一副Costa Del Mar太阳镜放在了镜头前(佳能PowerShot S200,程序模式program mode) 如果你不相信我,那就试试吧。在户外分别用自动白平衡和多云白平衡拍两组照片,然后在你的电脑上对比着看,我猜你一定会喜欢看上去暖洋洋的那一组的 2.用太阳镜做偏振镜
最新发布

样式在FW MX 2004中的应用
样式是将描边、填充、效果以及文字属性应用于一个对象上的命令。样式的优势在于可以创建具有统一外观的站点元素或者在原有版本的基础上进行创新性设计而无须作大量工作。你可以与别人分享你的样式以及在网络上广阔的资源中发掘你所需要的。一经安装,样式就出现在样式面板里面(window>styles)。他们一直保留在那里直到你删除他们,让它们为你未来的项目提供服务吧!样式可以包含单一的元素(例如描边),或者几种元素(例如描边、填充、效果)。一旦你将样式应用到一个对象上,样式的属性将成为对象的一部分,你可以对他们进行微调以适应项目的需要而不必影响到保存的样式。Fireworks可以将属性随对象保存下来,这意味着你的工作可以在其他没有安装样式的电脑上进行,一切属性和功能都不会受影响。 本文涉及到的素材文件 http://download.macromedia.com/pub/developer/fw_sample_files.zip 安装STL文件 1.打开样式面板,如果该面板不可见,你可以选择window--style 2.点击面板右上角的option按钮,选择import styles 3.选择解压出的stl文件 样式文件一经安装就会出现在样式面板里面,每个样式会显示一个小预览图片(注:每个stl文件可以包含多个样式)。虽然样式不需要安装在某些特定目录当中,但是为了安全保存起见把他们保存在fireworks目录里面还是值得的。一旦你获得了一些样式文件你不需要一次性的全部安装好,将他们保存在安全的地方,一旦当你在fireworks里面删掉样式后还有机会重新安装它们。 关于文件包含的例子 里面包含了3套独立的项目文件,包括png和stl,还有一个styles.html文件列出了每个对象需要应用的样式。 媒体播放器皮肤 包含了很多很酷的材质和效果

Fireworks MX 2004版本控制和文件上传
Studio MX 2004将站点管理功能扩大到了每个软件中,充分考虑到了团队合作对版本控制的要求,同Dreamweaver一样,新版本的Flash和Fireworks都加入了站点文件管理的功能。不过Fireworks MX 2004的站点功能是整合在Dreamweaver MX 2004中的,也就是说二者只能协同工作,单独的Fireworks MX 2004无法进行站点文件的管理。下面我们来简单看看Fireworks MX 2004中的文件版本控制及FTP管理。一、站点的建立 也许有些朋友已经注意到了FW中的文件管理按钮,

Fireworks MX2004之Shapes工具组应用实例一 变形花朵
在FWMX2004之Shapes初探系列的教程中,曾经给大家演示了用工具箱Shapes工具组的Star(星形)工具制作的一个变形的花朵效果,不知道大家是否还记得,这里我们再次制作了一种变形花朵效果,如下图所示: 3、通过前面的学习我们知道,目前编辑区绘制的星形对象共有5个调整控制点,我们可以通过调整这5个控制点来进行进一步的编辑操作。为了便于随后的叙述,我们同样是将星形对象的几个控制点进行编号。如下图所示:4、选中1号控制点,向下方拖动,本步操作的目的是为了减少星形对象的角的数量,只需要将5角星变成4角星即可了,如下图所示: 5、选中2号点,用鼠标向图形中心方向拖动该控制点,直至出现如下图所示图形:

Fireworks MX2004 之Shapes初体验
估计最近让大家高兴的一个消息无外于是MM公司刚刚推出的“三剑客”MX2004试用版了!想必大家都已经开始试用了吧!这里我们不谈别的,只管来看FWMX2004,呵呵,FWMX2004到底还是真的带给了我们一些让我们心动的东西:更新的软件界面;虚线描边的加入;增强的模糊滤镜--添加了动态模糊、径向模糊等滤镜;完美的双字节支持--对于汉语的支持非常棒了;更加亲和的材质填充展现;增强的位图颜色替换、处理工具;当然还有我们今天要重点谈到的Shapes--好多漂亮的Shapes等我们来使用啊!那么如何来灵活运用这些Shapes呢?今天我们就一起来看看!我们可以发现,在FWMX2004中,涉及到的Shape组有两处。一是工具箱上罗列的形状组,如下图所示: 2、选中箭头对象,我们除了可以调整它的填充颜色,描边形状外,大家应该可以注意到,在该绘制对象上有六个黄色的菱形标记。如下图所示: 3、如果大家对微软的Word软件中的图形工具经常使用的话,相信对这些菱形的图标不会陌生,而且估计你首先想到的就是会用你的鼠标去拖拽它们。呵呵,会有什么效果出现呢?我们依次来看看各个数值标示的调整点的拖拽情况: a、1号点 当我们选中该调整点的时候,就出现一个黄色背景的提示框:Roundness。圆角数值调整。向箭头的方向拖动鼠标,会发现原来的默认直角会变成圆弧的样式。 b、2号点 当我们选中该点进行调整的时候,不会出现相应的背景提示框。但是奇妙的事情是我们可以向下、向左右方向进行拖拽了(不能向上,也就是说,不能比箭头的现有水平高度还小),形成了弯角箭头,如下图所示:

抢先体验:Fireworks MX 2004 新功能
Fireworks MX 2004是Mcromedia公司即将推出的Studio MX 2004中的组件之一,虽然还没有发布,但是我们可以先了解一下它有些什么新功能。 一、执行效率的提高 1. 更快的运行 在打开大图片或进行一些交互操作时Fireworks MX 2004的执行效率最大能提高85%,一些诸如笔刷,缩放,添加特效,编辑文本等操作的执行效率也有提高。 2. 改良的数据驱动图形向导 用户使用这个向导会变得更简单。创建那些相似性较大得图形也将更容易。 二、用户界面的改进 1. 改进的属性面板 Fireworks MX 2004在材质、填充、笔刷菜单中都提供了实时预览功能,应该还增加了一个Fit to Canvas(适合工作区)按钮。 2. gif和jpg支持 在mx版本中,打开gif和jpg格式的文件再保存时,只能选择导出来保存,否则就只能直接保存成png格式,比较麻烦。现在Fireworks MX 2004中可以直接保存成原来的格式。 3 .面板和选项卡 现在多文档打开时可以使用标签切换,类似于dwmx的风格。原来的预览、2幅、4幅标签被作成了按钮放在标签下面的工具栏区域里,比较方便。

Fireworks MX 2004 制作远古兽皮卷轴
本FW教程系原创,转载请注明出处:lostidea's blog 谢谢! 效果图: 1.新建一个500×400的画布 2.做一个500×400 填充:#74350C无边框矩形 3.给矩形添加效果Eye candy 4000LE-->marble 设置如图 4.给矩形添加杂点 如图 5.此时的矩形已经有点兽皮的感觉了

Fireworks MX 2004 创建新文档
在绘图方面Fireworks结合了位图以及矢量图处理的特点,不仅具备复杂的图象处理功能,并且还能轻松地把图形输出到Flash,Dreamweaver 以及第三方的应用程序。 在网页制作方面Fireworks能快速地为图形创建各种交互式动感效果,不论在图象制作或是在网页支持上都有着出色的表现。 随着版本的不断升级,功能的不断加强,Fireworks受到越来越多图像网页制作者的青睐。目前的最新版本Fireworks MX 2004 中文版更是以它方便快捷的操作模式,和在位图编辑、矢量图形处理与GIF动画制作功能上的多方面优秀整合,赢得诸多好评。 为了使更多的初学者能够尽快掌握Fireworks,编者选用了Fireworks MX 2004 中文版为蓝本进行系列教程讲解,希望能为大家学习Fireworks带来帮助。 一、创建新文档 在启动Fireworks MX 2004中文版时,会出现一个启始页面窗口,在这里你可以快速访问最近编辑过的文档或创建一个新文档,也可以访问帮助一类的文件或网页。 当我们选择“创建一个新文档”后,就会弹出“新建文档”的对话框,如图1—01。 图1—01 画布大小: 设置文件画布的宽、高度,可以用象素、英寸或厘米为单位。 分辨率: 文件的分辨率越高,图像越精细,但同时文件也会越大。

Fireworks MX 2004 工作界面
二、Fireworks的工作界面 新建文档完成后就可以看到Fireworks的工作界面了,如图。 Fireworks的工作界面由“菜单栏”、“工具栏”、“工作区”、“工具条”、“组合面板”和“属性框”六个部分组成。 图1—02 工作区: 在工作区上不仅可以绘制矢量图,也可以直接处理点阵图(位图)。工作区上有四个选项卡,当前是“原始”选项窗,也就是工作区,只有在此窗口中才能编辑图象文件。而在“预览”选项窗中则可以模拟浏览器预览制作好的图象。“2幅”和“4幅”选项卡则分别是在两个和四个窗口中显示图像的制作内容。 工具条: 新版的Fireworks工具条除了新增了一些工具以外,还与原有的工具重新进行优化组合,使其更加的直观和人性化。 属性面板: 当选择对像或选取工具的时候,其相关信息都会在属性面板中显示出来。同时也可以通过修改属性面板中的数据或内容来调整图像的相关属性。例如图像的大小、位置及色彩等等,如图1—03。 图1—03 点击窗口标题的“属性”可展开或折叠属性窗口。在标题栏右边的下拉列表中可以设置窗口只显示一半的高度和关闭该窗口。 组合面板: Fireworks的组合面板共有14个,分别为“信息、层、混色器、颜色样本、样式、URL、库、形状、帧、历史记录、行为、查找、优化和对齐面板”。每个面板即可相互独立进行排列又可与其它面板组合成一个新面板。但各面板的功能依然相互独立。点击面板上的名称可展开或折叠该面板。例如图1—04中,则是把“样式”面板与“对齐”面板进行组合,形成一个新的组合面板,如图1—05所示。 图1—04

Fireworks MX 2004 图像文件的导入
三、图像文件的导入 通过菜单栏上的“文件—打开”或工具栏上的“打开”按钮即可启动打开文件对话框,如图1—07。 图1—07 选中要导入的图形文件后在右边的预览框内会显示该文件的预览图。选中“打开为未命名”项是把选中的文件作为无名的文件打开。选中“以动画打开”项是把选中的文件作为动画打开。Fireworks还支持一次性同时打开多个相邻或不相邻的文件,也可以直接打开或导入Photoshop制作的PSD格式文件进行编辑处理。

Fireworks MX 2004 画布修改
四、修改画布 Fireworks中的画布也就相当于图像的背景,在绘图的过程中为了使画布的大小或色彩能够和前景的图象保持协调,我们经常要修改画布的相关属性。方法是,用鼠标点击画布,或在画布的工作区外点击一下,从而在属性栏中调出画布的属性对话框,如图1—08。 图1—08 修改画布颜色:在该属性对话框中,点击画布颜色选择框,可以重新点选新的画布颜色。 图1—09 画布大小: 点击“画布大小”按钮将弹出设置对话框,从中可以看到,当前画布的宽为650像素,高是263像素。在“新尺寸”项内可以输入新的宽、高像素。在“锚定”右边是画布的固定点,当画布的大小被改变时会以选中的固定点不变来更改画布的大小。 图1—10 图像大小: 对于图像区域大小的改变,也可以通过画布的属性对话框中的“图像大小”进行修改,如图1—11。 图1—11 在像素尺寸项下可以设置工作区的宽、高度数值。选中“约束比例”项后,当宽度或高度中某一数值被改哟后,另一个数值也会等比例地随着改变。如果取消此项选择,就可以单独改变宽度或高度的数值了。“图像重新取样”项是设置图像的重新取样功能。