推荐阅读
(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 MX2004来制作这种水印效果的两种常见方法。首先，还是先来看看制作完成的效果图。第一种制作方法：使用蒙版处理的方法 1、打开需要进行进行水印效果处理的位图对象，本例打开图像如下图所示。2、接下来，我们要对图像进行一番简单的处理。选取工具箱的套索工具，在属性面板上做一些相关设定，将边缘设为“羽化”并将羽化值设为10。具体设定如下图所示。3、在打开的位图对象上用套索工具圈画出需要进行处理的区域，如下图所示。4、选择菜单命令“选择保存位图所选”，这样就可以将上步圈选的区域临时保存起来备用。 5、按键盘上的“Delete”键，将选择区域删除。如果按“Delete”键无法删除所选区域的话，可以打开层面板，看看选区是否在位图对象上，如果出现如下图所示的情况，则说明选区目前并未在位图对象上，而是直接新建了一个选区的位图图层，解决的方法很简单，直接单击打开的位图对象所在的图层即可。这样层面板上就只有一个位图图层，而且编辑区上的选区对象也可以被删除了，请看下图所示。6、选取工具箱的文本工具，在编辑区输入文字“水印效果”。字体这里采用了一种笔体较粗的字体“方正超粗黑简体”，字号为“66”，字体颜色采用了白色，字体边缘效果为“平滑消除锯齿”。此刻编辑区的效果如下图所示。【提示1】此处可选择“文件另存为”菜单命令保存一个目前状态的png文件，以备将来使用。总之记得保证随后有这个步骤生成的png文件可以使用即可。 【提示2】为了实现最佳的水印效果，文本颜色建议最好使用白色，而不是其他的颜色。 7、分别（或同时）选定编辑区的位图对象和文本对象，按“Ctrl＋Shift”键克隆它们，此刻可以看到层面板上共有四个对象，如下图所示。8、选中位于上层的文本对象，按“Ctrl＋X”键，剪切它，选中位于上层的位图对象，选择菜单命令“修改蒙版粘贴为蒙版”，在编辑区上此时看不出有任何变化，但是层面板上已经发生变化了。选中剩下的文本对象，将其拖动到层面板的最下层，此刻层面板的对象排列应该如下图所示。 【提示】将文本对象拖动到最下层的目的希望大家自行考虑一下原因，这里就不作具体说明了。9、按Shift键同时选定蒙版对象层和文本对象层，执行属性面板上效果菜单命令中的“斜角和浮雕凹入浮雕”命令，进行相关设定如下图所示。10、回到编辑区，看看效果是不是已经尽现了？请看下图。补充介绍： 1、如果第9步选择的效果命令不是“斜角和浮雕凹入浮雕”命令，而是选择“阴影和光晕投影”效果命令，并且进行如下图所示的效果设定。 2、这样编辑区出现的图形效果就会如下图所示，但是因为使用了“投影”效果，所以可以看到蒙版对象边缘明显的阴影效果，和总体的水印效果不太协调，接下来就需要对其进行简单的处理。3、选中蒙版对象，按“Ctrl＋Shift＋Alt＋Z”组合键，将其转化为位图对象，层面板会如下图所示。4、记得上面第4步执行的菜单命令“选择保存位图所选”吧？这一步就需要用到保存的位图选区了。选择菜单命令“选择恢复位图所选”，这样刚才保存的位图选区就会重新出现在编辑区上了，如下图所示。
FW教程移动虚线框
//BK(blue1000.com) 子梦 原创，转载请注明出处//http://www.blue1000.com 1.新建2.用矩形工具做一个同样大小,填充为无,笔触选项为的框3.点高级把里面的间距设置为4.重制一帧,把间距设置为125%其它的不变5.导出预览就OK了.
Fireworks文本路径结合操作
输入的文本一般总是位于一个矩形的文本框中，很多情况下我们需要绘出动态的文本。为达到这个效果，我们可以绘制一条路径，然后将文本附着于路径之上，文本将随着路径的改变而改变。不过此时路径又失去了笔触、描边、填充等路径属性。下面我们具体看看Fireworks中文本和路径的结合操作可以实现哪些灵活丰富的效果。 1. 附加文本到路径 在Fireworks中，我们可以将文本附加到某个路径上，此时文本会按照路径的方向和形态排列。当文本被附加到路径后仍然可以编辑文本，描边、填充和效果属性都将用于文本，而非路径。不过一旦文本与路径剥离，路径还能恢复它的原有属性。下面看看如何将文本附加到路径的： （1） 新建一个文件，然后选择工具箱中的钢笔工具，在绘图区中绘制出一条路径，如图1所示。 图1 绘制路径 （2） 选择工具箱中的文本工具在绘图区单击添加一个文本。然后使用工具箱上的选择工具按住Shift键同时选中路径和文本对象，如图2所示。图2 选中文本和路径 （3） 点击“Text”菜单，在下拉菜单中选择“Attach to Path”（附加到路径），文本即被附加到路径上，这时文本随着路径的形状而改变其原先的方向和位置，如图3所示。图3 将文本附加到路径上
FW制作片头文字渐显渐隐动画
本实例模仿了一些影片片头的文字一行行显现，并且亮度、颜色不断改变的动画效果。这里，我们综合应用了渐层色、文字遮罩和动画等多种技巧，制作了李白的“将进酒”诗句从右到左逐行显示，亮度不断变幻的效果。 完成效果如下： 图1 “将进酒“字体设置 3） 再用文本工具书写侠客行的诗词内容，注意行文顺序从右到左，颜色为紫色，字号为16，其他设置如图2所示。 图2 诗词内容的字体设置 4） 选择工具箱中的缩放工具调整诗词内容的对象大小，使其刚好整齐地安全排列在画布上，调整后地文字如图3所示。 图3 调整文字后的文字排列 5） 同时选中两个文字对象，执行“修改”菜单下的“组合”命令，将它们组合成组。 6） 用矩形工具绘制一个宽450像素，高与诗词对象相同的矩形。 7） 打开“填充”面板，将填充方式设置为“线型”，单击“编辑”按钮，设置渐变色彩为白－深灰－深灰－白，如图4所示。
FW制作苹果水晶图形
Mac的风格大家一定不陌生，而且近些年越来越流行 我是做软件SKIN设计工作的，当然更加深有体会。但像这样风格的图标、按钮却不是那么好找。我之前经常为了找几个合适的水晶图标而浪费大把的时间。经过自己简单的分析，我发现这种图标的制作方法其实非常简单。完全可以把自己需要的图形、符号用我自创的方法做的和上图一样，晶莹剔透作图先要选择一个图形图像处理软件，现在有很多这样的软件，还有很多专业的图标制作软件这个是以前在第三方软件区贴的但我用的是Frieworks（FW）,这个软件操作起来很灵活，比较适合做网页的按钮大家如果想用PS的话，当然也可以废话不说了，我就来讲下FW下水晶图标的制作过程1、新建文件，参数自定，画布不要开得比图标小就可以了2、在画布上画出你需要制作的图形，文字也可以（只是文字将来要转换为路径）3、我做的是文字，字体为：Cooper Black(如果没有这种字体，找一个粗一些的，圆一些的，这样做出的文字看起来效果更好，而且比较可爱)，文字大好后就将文字转换为路径，如果是多个文字，转换路径后，还需要将文字解散群组4、选中其中的一个文字，在属性面板中对其填充颜色进行更改，更改为线性渐变5、再点击填充色的取色框对其渐变颜色进行调整，滑块的一边为白色，一边为红色，将红色的滑块拖到图中的位置。再用黑键头工具选中文字，对其渐变色调杆进行调节，改变渐变的方向。6、接下来需要将文字的边框色进行更改。点击属性面板右侧的边框色取色框，将颜色定为#AA0000，这样文字下面的反光效果就做出来了7、接下来要做文字上半部分的高光，这样才有水晶的光滑通透感。用钢笔工具勾出一个图形，如果图形的边缘不满意，可用白箭头改变曲线的曲力。如图8、将文字选中，ctrl+c，ctrl+v这个大家都应该知道是在干什么。然后同时选中文字和刚才绘制出的路径，选择Modify菜单里Combine Paths下的Intersect命令。//这是对路径进行修改的一组命令。第一个join是将路径进行组合，类似于图形之间的Group（群组）第二个Split，这个命令和join是相对应的，就是将路径解散第三个Union是将路径进行融合，和join不同的是，两个路径完全结合变为一个图形，而且除了ctrl+z以外无法逆向操作第四个Intersect命令是取两个相交图形所共有的部分第五个Punch使用后绘制出的图形在先绘制出的图形上打洞第六个Crop和Intersect的效果差不多，具体有什么不同，我暂时忘了//好了，接着将我们水晶字，使用Intersect命令后，我们得到了一个新图形，这就是文字的高光部分。9、对高光部分的颜色进行调节。首先把这部分的边框色去掉，（这部就不用我废话了吧），然后对其填充进行仔细的调节，这里的填充也是渐变填充，从白到白，不过其中一侧的不透明度为80，如图调节渐变方向控制杆，整体不透明度为90。好了，基本上完工了，最后一步，给R加上一个投影效果，这样看起来就更漂亮了这样，第一个字就做好了。后面的字作法和第一个一样。大家自己做吧，我的手已经酸了最终效果图这是源文件
圆形文字的环绕制作
文 / donger圆形文字的环绕制作(一) 有时候可能需要做一些圆形文字的环绕，类似于左边的文字。其实这类文字实际上就是一种文字环绕路径的效果，不过只简单的通过Attach to Path功能是无法实现这种效果的，仔细地观察一下：环绕路径的文字的上半部和下半部实际上方向相反，所以光使用Fireworks3提供的文字环绕路径功能无法一次性实现类似的效果，其中还需要一些小技巧。：）请看制作方法： 步骤一：新建一个空白图片，用Ellipse工具，画一个圆，用knife工具，将需要环绕的圆形路径在横向的两个顶点处一分为二。
自动颜色变换
文 / donger自动颜色变换 象flash一样，Fireworks也能做由一种颜色到另一种颜色的渐变变化，呵呵，这也是我今天刚刚想到的，：）下面我们开始吧 一、 新建文件。 二、使用工具面板中的文字工具，在text editor面板中输入如下DONGER。字体为arial black.尺寸为40，颜色为蓝色。点击OK表示确定。 三、选中文字，按F8键，跳出symbol properties 窗口，类型选择graphic。这时DONGER这几字就变成一个symbol了。
Loading动画的制作
文 / dongerLoading动画的制作(二) 五、在数字变形对话框中进行如下设置。在下拉菜单中选择resize（调整尺寸）。取消对Constrain Proportions的取消，这样的话对象的长和宽就不用成比例进行缩放了，否则你调整一个，另一个也会跟着比例进行调整。在宽度的文字输入框中输入200。点击OK按钮。 六、用指针工具全选这二个实例，使用菜单命令Modify->Align->left，使这二个实例左对齐，看下图 七、此时二个实例都处于被选择状态，使用菜单命令Modify->Symbol->tween Instances。在弹出的Fireworks4的警告窗口中点击OK按钮。在实例对话框中设置Steps为15，选定Distribute to Frames。这样这些生成的实例就会分布到每个帧中去。点击OK按钮。 八、制作完成了，感觉满意的话，我们就可以把这个动画进行输出了。使用菜单file->eXPort preview，在输出对话框中，format（格式）选择为animated gif（动画GIF）按export按钮输出到指定的目录中。好了，这个Loading动画效果就做完了？欣赏一下吧。：）
彩色线条的填充
文 / donger彩色线条的填充 按理说用钢笔或是铅笔画的一个象素宽的线条一般来说都是只一种颜色的，如何才能使其填充彩色渐变色呢，象下图一样，呵呵。看着觉得蛮惊奇的吧，不过说穿了，其实也不难，看看这个教程，你也马上就会学会了。：） 一、 首先还是新建一个文件，大小自定义啦，看你的实际需要吧。 二、 用钢笔工具钩一条路径，由于这儿只是个教程，教你学会如何制作渐变色线条，所以路径是随便画的，当然你也可以使用铅笔、笔刷、直线工具等所有可以用来画路径的工具来画，所得到的只是形状不同而矣。默认的线条填充色为黑色。 三、 此时线条处于被选中状态，选择菜单modify->alter path->eXPand stroke，对路径进行扩充 四、 在弹出窗口中进行如下设置，最主要的是width设为1，其实因为宽度只有1象素，都显得次要了。
用MASK做动画
文 / donger用MASK做动画(二) 四、打开Layers（层）面板，点击层面板下面用红笔圈出来的按钮，新建一个图层。按Ctrl+v，粘贴上面拷贝的文字层。改变文字的填充颜色为黑色。 五、选择工具面板中的椭圆形工具，按住Shift键，画一个正圆形，大小如下图所示，填充颜色为黑色。在Layers层面板中，把这个圆的图层拉到文字图层的下面。 六、用指针工具按住Shift键把圆和文字同时选中，使用菜单命令Modify->Mask->Group as Mask。并把这个MASK层拖到如下图所示的位置，和黄色的文字稍微错开些距离。 七、选择Layers面板，点击下图用红笔所圈出来的地方，让这块白色的链接符号消失掉。这样做的目的是使遮照和文字取消关连。等会会派上很大的用处哦。这时用鼠标点击Layer2层的遮照的圆形，也就是刚才取消掉的白色链接符号的前面一部分。