推荐阅读

(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.用太阳镜做偏振镜
最新发布

Flash 8 线条实例演练―画一片树叶
现在我们就来实践一下,练习画一片树叶。 打开FALSH软件,系统会自动建立一个FLASH文档,在这里我们不改变文档的属性,直接使用其默认值。 (1)新建图形元件 执行【插入】|【新建元件】命令,或者按快捷键CTRL+F8,弹出创建新元件对话框,在【名称】文本对话框中输入元件名称“树叶”,【行为】选择“图形”,单击【确定】按钮,如图2-1-9所示。图1-1-9 创建图形元件 这时工作区变为“树枝”元件的编辑状态,如图2-1-10所示。图2-1-10 “树叶”图形元件编辑场景 说明:图形元件是Flash的基本元素,有关它的详细内容请参阅第4章的有关内容。

PS结合Flash制作瓢虫动画
大家好,好久没有写图文教程啦,今天我们学一个综合实例:瓢虫变色交互动画。今天我们换个形式,我一边写一边发,大家跟着我一起把这个东东做完。我们今天的主题是结合使用Photoshop CS3和Flash CS3,制作出一个瓢虫动画。如果只想学PS手绘的话,大家可以只学前一部分。如果对Flash编程有兴趣的话,可以跟我着,认识一下更加有趣的Flash。多个软件结合使用,会做出更加漂亮的作品来。本文我们可以学到的知识:1,手绘知识之分层绘制表现质感法,我们要表现出光滑的外壳和晶莹透亮的感觉,同时为下一步的交互做好准备。2,手绘知识之对称绘制法,可以只画一边,镜像得到另一边。3,手绘知识之渐变绘制法,利用渐变来手绘,可以事半功倍。4,手绘知识之路径基础,我们还要学会用路径运算和快捷键,本文教你如何活用路径制作出自己想要的形状。5,软件交互之导入透明图像法,我们可以利用Flash导入PNG格式的透明图像。做出自己想要的透明效果。如果你是一位课件程序开发者,这个功能非常重要。6,Flash新版本的新功能:导入PSD文件并分层。这个功能我们将在本文中提到,如果你还是使用老版本的Flash,可以使用第5条的方式来制作。7,编制简单的程序,实现看似复杂的功能。其实Flash编程看上去复杂,我们常用的功能并不多。本例的编程用不了多长时间就可以学会。同时我们还会为大家提供原文件,以方便大家查错。好了,多余的话就不讲了,我们开始今天的手绘之旅。先看一下我们将要达到的效果,这是我以前的作品,今天重新绘制它,可能最终的结果会有不同。事物都是在改进发展的,每一次练习,都是一次升华,也许你这次做得不如上次,但你会得到宝贵的实战经验。总体会是水平上升的趋势。看下面虫虫左边有三个拉杆,把它们向下拉,会怎么样呢? 先用Photoshop CS3来绘制瓢虫第一步,我们建立一张画纸。我们可以使用“文件”-“新建”打开新建文件对话框。当然我更支持初学者开始就使用快捷键,用鼠标在Photoshop空白的地方双击,也可以弹出新建文件对话框。或者按CTRL+N,也可以弹出新建文件对话框。如图所示,为新建文件对话框,我们设置宽度为800像素,高度为600像素,颜色模式为RGB混合模式,背景白色的文件。注意!单位一定要设置为像素,不要设置为厘米,否则也许你的电脑会死机了。 第二步,选择椭圆选框工具,注意要勾选消除锯齿选项。单击图层面板上的建立新图层按钮,在新的图层上,用椭圆选框选择一块。填充红色,如图所示:本步骤要注意的几个地方:1,必须在新的图层上填充红色圆形。2,可以使用快捷键来填充,填充前景色的快捷键是Alt+DEL,填充背景色的快捷键是Ctrl+DEL。我们可以在色板中单击红色,然后填充前景色。3,之所以建立大的图像进行绘制,是因为我们先画出大的图像,再缩小它,会比直接建立小图像进行绘制得到的结果精美得多。

Ulead GIF Animator 动画制作动画印章
1. 新建,宽高各300,完全透明。插入空白对象一个调整前景色为红色。点击填充工具在画布上点击,使之变为红色。点击“相同的选定对象。改变前景色为白色改画布为白色。选择变形工具,方式为调整大小,对白色画布右击,对象属性,调整尺寸,宽与高均为270,点选择工具,使列队中设定垂直居中、左右居中。选中红色图层,选择”选择工具――长方形工具,画出一个与白色区域相同大小的区域,即用其选中白色区域。剪切。删除白色图层。点击文本工具,设定字体(一般为华文行楷)颜色为红色,输入印章内容(注意文字顺序),确定。选中变形工具,右击文字内容,调整大小宽270高270。点选取工具设定为垂直居中左右居中。将两个图层全选中,右击,点选“关联为单一对象“。调整印章大小宽与高各100。再次调整其垂直居中、左右居中。点击对应的图层添加相同的对象4次,复制出四个图层,将所有的”眼睛“都去掉。2. 添加图像“印“的图片。处理让其背景透明,而后调整其大小:宽、高均为120(要大于文字)。设定垂直居中、左右居中。选中印的图层,点变形工具,用方向键,将图向上移动多半移出画布,添加相同帧,选中第二帧,将图片向下移动到下半部分距离下边儿较近(剩余章的一半)。3. 选中第一帧,选“中间“帧延迟改为15。选中全部7帧,右击,点相同的帧,共得到14帧。右击,反向帧顺序。4. 选中第8帧,即图片印的处在最下边的那一帧,选中其层中最下一帧将“眼睛“点中,向左旋转角度90度,调整大小高度为50(减小一半)宽不变。然后调整位置让字露出一半,上半部分被章图片盖住。设定水平居中。5. 先遣第十帧,在对应图层中倒数第二个图层选中点上对应的眼睛。改变大小宽、高各为70。变形工具向左旋转54度。移动字让字上面角儿上的字被章的图片盖住。调整为水平居中。选中第十一帧,将对应倒数第三个图层上的眼睛点上,调整大小宽、高各为80。变形工具向左旋转36度。移动字让章盖住其上方的边缘一点儿。再调整为水平居中。6. 选中第十二帧,将对应图层中的倒数第四个图层上的眼睛点上,直接变形工具,向左旋转18度。放到章的下边相接即可,调整为水平居中。7. 删除第十三、十四帧选中对应图层中对应的第五个图层将眼睛点上,直接调整水平居中。

Ulead gif animator5制动态闪电效果制作
Ulead Gif Animator下载地址:http://www.onegreen.net/Soft_Show.asp?SoftID=94软件名称: Xenofex滤镜套件下载地址:http://www.cgfancy.com/Soft/ShowSoftDown.asp?UrlID=1&SoftID=843 1:导入滤镜 把下载下来的滤镜解压 打开U5,按F6 选择插件程序过滤器-点1前面的白色框 跳出一个浏览框,找到你解压好的滤镜文件夹,点确定

合成图制作初级教程
合成图制作初级教程在学会制作简单的人物动画后,肯定有人想知道那些漂亮的乱舞格斗动画或搞笑动画是怎么做的,现在我就谈谈简单的合成图制作。 我把合成图分三种来说,一个是静态加静态,一个是静态加动态,还有就是动态加动态。1-静态+静态 这种最简单,只有一帧,就是把两个图片简单的叠加在一块,调整一下位移就好了。大家看下面这两幅图。用Ulead GIF Animator 5(以下简称UG5)先打开图1,很明显这个图的画布太小(图3) 如果要加入一张图,必须加大这个画布,如图4 点击“编辑”选“画布大小”适当加大画布的大小为180x120,成图6样。然后如图7 点“文件”选“添加图像”加入图2。

Flash CS5操作指南(75)ActionScript 3.0 的除错
ActionScript 3.0 的除错关于 ActionScript 3.0 除错程序Flash 包括不同的 ActionScript 3.0 除错程序,其运作方式与 ActionScript 2.0 除错程序稍微有点不同。 ActionScript 3.0 除错程序只适用于 ActionScript 3.0 FLA 和 AS 档案。FLA 档案必须有将发布设定设为 Flash Player 9。当您起始 ActionScript 3.0 除错会话时,Flash 会启动独立的 Flash Player 除错程序版本来播放 SWF 档案。 Flash Player 除错程序会在与 Flash 应用软件窗口不同的窗口中播放 SWF 档案。上次更新2010/5/27 使用 FLASH PROFESSIONAL CS5 ActionScript ActionScript 3.0 除错程序会将 Flash 工作区转换为除错工作区,后者会显示用于除错的面板,包括「动作」面板及/ 或Script 窗口、「除错控制台」和「变量」面板。「除错控制台」会显示呼叫堆栈,并包含用于逐步执行 Script 的工具。「变量」面板会在目前范围中显示变量与变量值,并可让您自行更新这些值。额外的资源下列资源提供有关 ActionScript 3.0 除错的额外详细信息: • Understanding ActionScript 3 debugging in Flash ( 了解 Flash 中的 ActionScript 3 除错) (Adobe.com) • Introducing the ActionScript 3 debugger (ActionScript 3 除错程序简介) (Adobe.com)

Flash CS5操作指南(76)ActionScript 1.0 和 2.0 的除错
ActionScript 1.0 和 2.0 的除错对 ActionScript 1.0 和 2.0 的 Script 进行除错当 SWF 档案在 Flash Player 中执行时,ActionScript 2.0 除错程序可协助您寻找 ActionScript 1.0 和 2.0 错误。使用 Flash 对 ActionScript 1.0 和 2.0 进行除错时,您会在 Flash Player 除错程序版本中检视 SWF 档案,这个版本会随 Flash 自动安装。若要安装独立的 Flash Player 除错程序版本,请在 /Flash 安装目录/Players/Debug/ 目录中执行安装程序。「ActionScript 2.0 除错程序」会以阶层方式显示目前加载 Flash Player 中的影片片段清单。使用「ActionScript 2.0 除错程序」,您便可以在 SWF 档案播放时显示及修改变量及属性值,也可以使用断点停止 SWF 档案,并依行逐步执行ActionScript 程序代码。然后您可以再次回到 Script 中进行编辑,以便产生正确的结果。C A D B 上次更新2010/5/27 使用 FLASH PROFESSIONAL CS5

将 Dreamweaver 文档窗口的大小调整为预定义的大小
从“文档”窗口底部的“窗口大小”弹出菜单中选择一种大小。注: (仅限 Windows)“文档”窗口中的文档在默认情况下是最大化的,文档最大化后,您无法调整其大小。若要取消最大化文档,请单击文档右上角的取消最大化按钮 。查看完全大小图形显示的窗口大小反映浏览器窗口的内部尺寸(不包括边框);显示器大小列在括号中。例如,如果您的访问者可能按其默认配置在 640 x 480 显示器上使用 Microsoft Internet Explorer 或 Netscape Navigator,则您应使用“536 x 196 (640 x 480,默认)”大小。