推荐阅读
(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.用太阳镜做偏振镜
最新发布
模拟条形码制作
教程开始之前，首先请看如下所示效果： 在FW4里面产生如图所示的模拟条形码效果是比较容易的，但是我们要首先明确一点，那就是这种条形码的效果我们只能是进行模拟制作，如果想要精细的制作一个正规的严格的条形码的话，就需要精确的来定位操作了。好了，模拟条形码的效果如何产生，请看后面的详细步骤：第一步、打开FW，新建文件，文件的大小设定为：宽88像素，高31像素；背景颜色自定，这里采用了透明的背景图。第二步、选取工具箱的矩形绘制工具，在编辑区绘制一个矩形，矩形的填充设定是我们制作这种模拟条形码效果的关键所在，所以我们一定要按照下面的设定来进行。选定绘制的矩形，打开Fill（填充）面板，将填充方式变为Folds，具体的填充方案为“White，Black”，其余选项保持默认值不作修改，具体设定如图01所示：图 01 Fill填充设定第三步、选定矩形对象，打开Info（信息）面板，将W、H、X、Y内各个数值框的设定值进行相应修改，来改变刚刚绘制矩形的大小和位置，使得矩形的大小正好适合编辑区的大小，具体的设定如图02所示：图 02 Info面板设定第四步、按照上面所示步骤进行操作的话，会产生如图03所示的效果：
印章制作
近期，不断有朋友询问古印章效果的制作方法，试着做了一个效果图，感觉还不错，下面就拿出来同大家一起来学习一下制作方法：【印章效果图】第一步：打开FW，新建文件，宽高均为100像素，背景色采用白色。第二步：选取工具箱的矩形绘制工具，配合Shift键，在编辑区绘制一个正方形，用来做为印章的边缘部分。正方形的各项相关设置为：Fill（填充）选项选择“None”；Stroke（描边）选项为设置的重点所在，描边类型选择“Unnatural”，描边的具体形状为“Fluid Splatter”，描边的Tip选择默认的形状，描边宽度为2像素，Texture（纹理）选项可以选择一种你认为比较适合，也可以不选择，Stroke（描边）选项的具体设置如图01所示。图01 Stroke描边选项具体设定第三步：此时编辑区的矩形应该如图02所示。图02 矩形形状[暂停]通过第二步的详细设定，想必后面的步骤各位已经能够想出来了，建议你现在自己去试着做一个印章效果，然后回头来看看后面的解说时候和你的步骤类似。:) 第四步：输入文字。这一步的关键在于文字字体的选择上，为了体现古印章的效果，我们最好采用一些古体繁体字，比如本例所采用的“文鼎古印体繁”，或者采用“汉鼎繁印篆”等等，这样效果会更逼真些。其余各项设定如图03所示。[注意]字号的大小要参考刚刚所画的正方形的大小来设定，最好能够恰恰容纳进正方形内。
Fireworks打造金属效果
很多朋友都很羡慕一些金属的效果，那么现在就让我们通过Fireworks简易强大的功能来制作一些该类的效果。 提示：不要认为金属效果很难创造，其实该类效果的基本形成完全依靠填充渐变来实现。只要我们能够掌握好光源照射以及扩散的角度，在感官上体现出一种立体的感觉就可以了。第一步：如图1所示。打开工具面板选择椭圆形工具（TOOLS-Ellipse Tool），同时按住Shift键在编辑区中画一个正圆形。颜色为白色。 第二步：如图2所示。选择多边形工具（Polygon Tool）并双击，在弹出的的选项面板（Option）中定义边角数量（Sides）为6。画出多边形后选择比例工具（Scale Tool）将该六边形横向压扁。第三步：如图3所示。通过不断的拷贝、粘贴六边形并转换角度造成基本的齿轮平面图。然后按下Ctrl+A全选所有图形，打开修改菜单选择联合功能中的结合（Modify-Combine-Union）将图形合并。第四步：如图4所示。打开填充面板选择放射渐变（Fill-Radial）填充图形。
FW动画类型及制作详解
写在前面的话： 我一直认为FW比之PS强大的地方主要体现在两点上，一是向量图形编辑模式与位图编辑模式的完美整合，二就是纯图形处理功能与GIF动画制作功能的整合。至于说在软件的使用简便性上的对比，我现在到觉得无益探讨，盖因对于某一软件使用操作的得心应手完全取决于使用者的喜好。续论上述两个优势。图形模式混合处理这一功能，ADOBE在PS６中以经引入，我们抛之不谈。就动画处理图形处理的整合上来说，PS比之FW仍有相当距离。（注：以上是作者的观点，并不代表pcedu.com.cn的立场） 现在就让我们共同走进FW中来仔细了解一下FW在动画处理上的强大功能及其灵活简便，并侧重分析一下可生成的动画形式。注意：在本篇中只针对软件直接生成的动画效果进行分析，不做手工分桢动画的讨论。提示：在FW中有两种“符号”可以通过软件内建指令产生运动及其它变化的效果。一是“图形符号（Graphic Symbol）”，二是“动画符号（Animation Symbol）”。逐步分析：虽然我们能够利用FW制作出很酷炫的动画效果，但它毕竟不是一个专业制作GIF动画的软件，所以纯软件生成的效果非常简单。大致可以分为以下两个类别：一是基本运动类，二是特效运动类：一、基本运动类包括： 直线运动：它包含了垂直、竖直、倾斜这三种运动情况。如图１所示。直线运动１
Fireworks 制作渐变动画
一、符号的运用 范例: 网络使用者对动画有偏好，曾有调查显示，和静态的广告比起来，网友们比较常点选动态的广告。网络上的广告几乎已和动态GIF画上等号，当然了，动态GIF在网站内容中一直扮演着重要的角色，而Fireworks就是创造动态GIF的最佳工具。结合了建立动态效果及绘图，图象编辑的功能，Fireworks将修改动态效果变得更简单，并且效果更显多样化。 (学会了制作fireworks的符号与分身，接下来就是要开始运用了，那就接着继续观看下一个课程分身的渐变) 这里的例子是让物件移动并且加上淡出的效果。有一种方法可以做到，就是用手动的方式改变物件在每一格frame里的位置，但是这必须具有细心及耐心，所以这里要教你如何用 Fireworks来帮你。 (学会了符号的渐变，接下来就是最后的步骤压缩与输出，那就接着继续观看最后一个课程压缩与输出) 图象所有调整及存取的东西都在一个复杂的对话框中完成，它的位置在文件下拉菜单中的File>EXPort Wizard 。
Fireworks4滚盖图技巧高级篇
本节学习重点：掌握使用Fireworks4制作高级滚盖图的技巧。掌握Firewroks4与Dreamweaver4结合使用的方法。1、打开fw，新建文件。大小为200*60像素，背景色采用透明（Transparent）。分辨率保持默认大小。2、制作按钮并输出相应Html文件。请看具体步骤：2、1 选取工具箱的矩形绘制工具，在编辑区绘制一个矩形，矩形的Stroke（描边）选项设为None（不要有描边）；Fill（填充）选项中填充类型选择Linear（线性填充），填充颜色的调配顺序为“#000066--#FFFFFF--#8787CF”，其余的选项保持默认，（当然，你可以选择相应的材质进行填充）填充效果请看图01所示：图 012、2 默认情况下，线性填充的方向是按照填充颜色从左向右的方向进行填充，现在，我们要改变一下它的填充方向，选中该矩形，点取工具箱的油漆桶工具，然后在矩形上方由上向下拖动油漆桶，这样，矩形的填充色就会变成由上向下的填充形式。如图02所示：图 022、3 选中该矩形，打开Info（信息）面板，将矩形的高度设为和画布的高度相同：60像素，宽度可以根据需要，自行设定。如图03：图 03
Fireworks4制作超酷金属字
如例图所示的这款金属字是否给你一种镏光溢彩的感觉呢？如果你回答No，我只好就此Stop了，呵呵。好了，废话不多，我们一起开始吧！看看到底如何制作出这样一款超酷的金属字效果来。本节要点：重点掌握Effect（效果）命令中Adjust Color--Curves效果命令和Hue/Saturation效果命令的使用方法！第一步、 新建文件，文件的大小为300*100像素，背景色采用白色。为了突出效果，建议你先不要采用其他色彩的背景色，等我们学习完毕，你自己重新开始时，再用其他的颜色来试验也不迟。第二步、 选取工具箱的Text Tool（文字工具），在编辑区点击，在随后弹出的文本编辑器中输入文字，这里输入的是“金属字”三个字，字体采用的是“方正超粗黑简体”（尽量选用较粗的字体）；字体的颜色为黑色；字号为91pt大小；字体边缘效果选择Smooth Anti-Alais（平滑边角）。其他的选项保持默认值即可。设定完毕，编辑区应该如图01所示：图01 输入文字后的编辑区第三步、 这一步，我们要调整文字的填充颜色。选中编辑区的文字对象，打开Fill（填充）面板，将文字的填充方式由原来Solid（单色填充）变为Linear（线性填充），点击颜色列表旁边的Edit（编辑）按钮，对渐变色进行编辑，从左到右的颜色排列顺序为“#CCCCCC--#000000--#CCCCCC”，具体设定请参考图02。（注意：文字的填充颜色设定很关键，如果你采用其他的颜色打牌方案的话，效果就不一定如我们所愿了，不过，你可以自行试验）图02 对文字的填充色进行调整第四步、 设定完毕后，文字的填充色已经发生了变化，由原来的单色填充变成了从左向右的渐变色填充，如图03所示：
fireworks制作送给心上人的礼物
送给心爱的人的一个礼物，那就是你的一颗心！哈哈 ：），不要害怕……。如何才能“掏出”这颗心呢？请看本教程！ 第一步：制作“心形”。 1.1 用椭圆工具画出一个正圆，然后clone它，将clone后的圆向右移动，调整位置如图1.1所示。为了力求使得两个圆保持水平，我们可以使用"align"（对齐）工具，（modify-->align-->center horizontal）让他们保持水平对齐。接下来，同时选中两个圆，选择菜单项的"modify --> combine --> punch"命令，这时候，应该如下图1.2所示：图1.1 --- --- --- >> 图1.2 1.2 用工具箱的超级选择工具（也就是工具箱右上角的白色箭头)，点中如上图1.2所示的节点，向下拖动到合适的位置，也就是你的心型图的高度。如下图所示： 1.3 还是用超级选择工具，点中如下图3.1所示的两个节点，此刻心型图已经形成了，如下图3.2所示：图3.1 --- --- --- >> 图3.2
活用Firework4制作下拉菜单
Firework4的一个新增加的功能就是能轻易地制作下拉菜单。下拉菜单是目前比较热门的一种网页交互方式之一。仿Windows界面的下拉菜单非常流行。但是由于制作菜单需要懂得一定的javascript语言或者操作步骤比较麻烦。因此在一段时间内还很少有人制作这样的东东。现在有了Fireworks就简单了。 闲话休提，言归正传。新版本的firework4.0，在界面上，跟firework3.0没有多大区别。打开firework4，新建一个文档，（记住页面大少要象素800×600）你利用一些基本作图技术，制作出几个按钮。如图1，我就搞了这样几个按钮。 接着点击左边工具栏slice tool(小刀工具)，将几个按钮割开。如图2：右击“我的历程”按钮，选取add pop-up Menu选项；然后右击“我的历程”，选择“pop-up memu”于是调跳出一个新窗口，如图3： 在文字栏中填上你菜单内容，连接在栏中填入你所要连接的页面，之后按加号添加。按类似的方法，再添加几个，在本文例子中填入四栏！之后，按next键继续。如图4 在此，让我详细地介绍一下以上窗口的内容。Cell栏：那是菜单选项的格式，html是html文本格式，而image是指图片格式。选择不同，会有不同的效果。在此，本人较赞成用图片格式，因为那看起来较漂亮些。下面的是字体和字号的选择，这随你喜欢啦！up state是指鼠标放到按钮时的字体设置和菜单格的设置，overstate是指鼠标放到菜单栏时字体的设置和菜单格的设置。你可以选择一种你喜欢的格式。Preview是预览栏，因为该软件对中文支持不好，所以显示为不正确，你可以不管它，因为导出时是正常的。之后，按“finish”搞定。完成这些设置后，按“文件”菜单的eXPort选项，导出html文件，这样你可以预览啦！哗，是不是很酷呢！如图5
Fireworks4.0大内秘籍之两仪剑法
小生不才最近发现,Fireworks菜单选项中有一个Xtras(扩展),其下包含了Adjust Color,Blur,shapen等子菜单,而在effect(效果)面板中,也有与Xtras下子菜单相类似的效果菜单选项.这两者在应用中是一样的还是有什么区别呢? 非常凑巧,不才在翻阅<<Fireworks大内秘籍>>时,看到了关于这个问题的一段专门的武功讲解――两仪剑法.现在摘录如下,让大家一起来参研. 两仪剑法摘录 两仪剑法为武当派两位高手积数十年之力所创,剑法中有阴有阳,亦刚亦柔.出招时,一人长剑大开大阖,势道雄浑,一人疾趋疾退,剑尖上幻出点点寒星.使用该剑法,首要的是要分清两仪,区别位图效果和实时特效,方能临阵不乱,从容秀图. 心法：位图效果 Xtras菜单中的命令是针对位图图形的,用于创作位图效果. 在Fireworks中,通常区分如下几类对象:位图图形,矢量对象,文字对象. 位图图形可以在位图编辑模式中对图像进行修改,而其他对象在位图编辑模式下,不受影响.所以,使用Xtras中的命令必须确定操作的是位图图形.如果您对其他对象使用Xtras,将出现如下对话框.