推荐阅读
PS制作与玻璃撞击的动感岩石文字效果
碎块字制作思路并不复杂，分为两个大的步骤。首先是文字部分的处理，用选区及移动工具把文字分成多个碎块；然后用图层样式及纹理素材增加质感和纹理即可。最终效果 一、新建一个960 * 560像素的文件，背景填充黑色。 二、选择文字工具输入所需的文字，文字颜色为白色。 三、在文字缩略图上右键选择栅格化文字。
20个“标准的”配色方案
20个“标准的”配色方案<html> <head> <title>Colors</title> <style type="text/css"> body{ margin:20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; } .style1{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #96C2F1; background-color: #EFF7FF } .style1 h5{ margin: 1px; background-color: #B2D3F5; height: 24px; } .style2{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #9BDF70; background-color: #F0FBEB } .style2 h5{ margin: 1px; background-color: #C2ECA7; height: 24px; } .style3{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #BBE1F1; background-color: #EEFAFF } .style4{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CCEFF5; background-color: #FAFCFD } .style5{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #FFCC00; background-color: #FFFFF7 } .style6{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #92B0DD; background-color: #FFFFFf } .style6 h5{ margin: 1px; background-color: #E2EAF8; height: 24px; } .style7{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #A9C9E2; background-color: #E8F5FE } .style8{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #E3E197; background-color: #FFFFDD } .style9{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #ADCD3C; background-color: #F2FDDB } .style10{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #F8B3D0; background-color: #FFF5FA } .style11{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #D3D3D3; background-color: #F7F7F7 } .style12{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #BFD1EB; background-color: #F3FAFF } .style13{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #FFDD99; background-color: #FFF9ED } .style14{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CACAFF; background-color: #F7F7FF } .style15{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #A5B6C8; background-color: #EEF3F7 } .style16{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CEE3E9; background-color: #F1F7F9 } .style17{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #CAE3FF; background-color: #F4F9FF } .style18{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #C9D9EE; background-color: #ECF8FF } .style19{ width: 800px; height: 100px; margin: 0px auto; margin-bottom:20px; border:1px solid #5C9CC0; background-color: #F2FAFF } h5{color:#CCCCCC;margin-left:680px} a{color:#CCCCCC;text-decoration:none} a:hover{color:#666666;text-decoration:underline} </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body> <div class="style1"><h5>Title</h5></div> <div class="style2"><h5>Title</h5></div> <div class="style6"><h5>Title</h5></div> <div class="style3"></div> <div class="style4"></div> <div class="style5"></div> <div class="style7"></div> <div class="style8"></div> <div class="style9"></div> <div class="style10"></div> <div class="style11"></div> <div class="style12"></div> <div class="style13"></div> <div class="style14"></div> <div class="style15"></div> <div class="style16"></div> <div class="style17"></div> <div class="style18"></div> <div class="style19"></div> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
Flash CS5实例教程：漂亮的气泡动画
function ball(r:int):MovieClip {//自定义函数 ball，参数为 r，整数型，返回值为 MovieClipvar col:uint=0xffffff*Math.random();//声明一个无符号整数型变量 col，获取任意颜色var sh:MovieClip=new MovieClip();//声明一个影片剪辑类实例 shsh.graphics.beginGradientFill(GradientType.RADIAL,[0xffffff,col,col],[0.5,1,1],[0,200,255]);//在 sh 中设置渐变填充样式（放射状渐变，颜色，透明度，色块位置）sh.graphics.drawCircle(0,0,r);//在 sh 中画圆（圆心坐标（0,0），半径为参数r）sh.graphics.endFill();//结束填充return sh;//返回 sh}var ballArr:Array=[];//声明一个空数组 ballArrfor (var i:int=0; i<10; i++) {//创建一个 for 循环，循环 10次var balls:MovieClip=ball(Math.random()*20+20);//声明一个影片剪辑类实例balls，调用函数 ball（参数r 半径的值为 20－40 之间的随机值）addChild(balls);//把 balls添加到显示列表balls.x=Math.random()*(stage.stageWidth-balls.width)+balls.width/2;//balls 的 X 坐标balls.y=Math.random()*(stage.stageHeight-balls.height)+balls.height/2;//balls 的 Y坐标，使它出现在舞台的任意位置balls.vx=Math.random()*2-1;//为 balls 设置自定义属性 vx，数值为-1－1 之间的随机数，表示 X 方向的速度balls.vy=Math.random()*2-1;//为 balls 设置自定义属性 vy，数值为-1－1 之间的随机数，表示 Y 方向的速度ballArr.push(balls);//把 balls 添加到数组 ballArr 中}addEventListener(Event.ENTER_FRAME,frame);//添加帧频事件侦听，调用函数 framefunction frame(e) {//定义帧频事件函数 framefor (var i:int=0; i<ballArr.length; i++) {//创建一个 for循环，循环次数为数组 ballArr 的元素数var balls:MovieClip=ballArr;//声明一个影片剪辑类实例 balls，获取数组 ballArr 的元素balls.x+=balls.vx;//balls的 X 坐标每帧增加balls.vxballs.y+=balls.vy;//balls的 Y 坐标每帧增加balls.vyif (balls.x<balls.width/2) {//如果balls 出了舞台左边缘balls.x=balls.width/2;//balls 的 X坐标获取balls 宽度的一半balls.vx*=-1;//balls.vx 获取它的相反数}if (balls.x>stage.stageWidth-balls.width/2) {//如果 alls 出了舞台右边缘balls.x=stage.stageWidth-balls.width/2;//balls 的 X 坐标获取场景宽度与 balls 宽度一半的差balls.vx*=-1;//balls.vx 获取它的相反数}if (balls.y<balls.height/2) {//如果 balls出了舞台上边缘balls.y=balls.height/2;//balls 的 Y坐标获取 balls 高度的一半balls.vy*=-1;//balls.vy 获取它的相反数}if (balls.y>stage.stageHeight-balls.height/2) {//如果 balls 出了舞台下边缘balls.y=stage.stageHeight-balls.height/2;//balls 的 Y 坐标获取舞台高度与 balls 高度一半的差balls.vy*=-1;//balls.vy 获取它的相反数}}for (var j:int=0; j<ballArr.length-1; j++) {//创建一个 for 循环，循环次数比数组 ballArr 元素数少 1var ball0:MovieClip=ballArr[j];//声明一个影片剪辑类实例 ball0，获取数组 ballArr 的元素for (var m:int=j+1; m<ballArr.length; m++) {//创建一个 for 循环，var ball1:MovieClip=ballArr[m];//声明一个影片剪辑类实例 ball1，获取数组 ballArr 的元素var dx:Number=ball1.x-ball0.x;//声明一个数值型变量 dx，获取var dy:Number=ball1.y-ball0.y;//声明一个数值型变量 dy，获取var jl:Number=Math.sqrt(dx*dx+dy*dy);//声明一个数值型变量 jl，获取小球的距离var qj:Number=ball0.width/2+ball1.width/2;//声明一个数值型变量获取小球半径之和if (jl<=qj) {//如果 jl 小于等于 qjvar angle:Number=Math.atan2(dy,dx);//声明一个数值型变量angle，获取ball1 相对于 ball0 的角度var tx:Number=ball0.x+Math.cos(angle)*qj*1.01;//声明一个数值型变量 tx，获取目标点的 X坐标var ty:Number=ball0.y+Math.sin(angle)*qj*1.01;//声明一个数值型变量 ty，获取目标点的 Y坐标ball0.vx=- (tx-ball1.x);//ball0 在X 方向的速度ball0.vy=- (ty-ball1.y);//ball0 在Y 方向的速度ball1.vx=(tx-ball1.x);//ball1 在 X方向的速度ball1.vy=(ty-ball1.y);//ball1 在 Y方向的速度}}}}
生态摄影奥秘
说到CCD的尺寸，其实是说感光器件的面积大小，这里就包括了CCD和CMOS。感光器件的面积越大，也即CCD/CMOS面积越大，捕获的光子越多，感光性能越好，信噪比越低。CCD/CMOS是数码相机用来感光成像的部件，相当于光学传统相机中的胶卷。 CCD上感光组件的表面具有储存电荷的能力，并以矩阵的方式排列。当其表面感受到光线时，会将电荷反应在组件上，整个CCD上的所有感光组件所产生的信号，就构成了一个完整的画面。 如果分解CCD，你会发现CCD的结构为三层，第一层是“微型镜头”，第二层是“分色滤色片”以及第三层“感光层”。 第一层“微型镜头” 我们知道，数码相机成像的关键是在于其感光层，为了扩展CCD的采光率，必须扩展单一像素的受光面积。但是提高采光率的办法也容易使画质下降。这一层“微型镜头”就等于在感光层前面加上一副眼镜。因此感光面积不再因为传感器的开口面积而决定，而改由微型镜片的表面积来决定。 第二层是“分色滤色片” CCD的第二层是“分色滤色片”，目前有两种分色方式，一是RGB原色分色法，另一个则是CMYK补色分色法这两种方法各有优缺点。首先，我们先了解一下两种分色法的概念，RGB即三原色分色法，几乎所有人类眼镜可以识别的颜色，都可以通过红、绿和蓝来组成，而RGB三个字母分别就是Red, Green和Blue，这说明RGB分色法是通过这三个通道的颜色调节而成。再说CMYK，这是由四个通道的颜色配合而成，他们分别是青(C)、洋红 (M)、黄(Y)、黑(K)。在印刷业中，CMYK更为适用，但其调节出来的颜色不及RGB的多。 原色CCD的优势在于画质锐利，色彩真实，但缺点则是噪声问题。因此，大家可以注意，一般采用原色CCD的数码相机，在ISO感光度上多半不会超过400。相对的，补色CCD多了一个Y黄色滤色器，在色彩的分辨上比较仔细，但却牺牲了部分影像的分辨率，而在ISO值上，补色CCD可以容忍较高的感光度，一般都可设定在800以上 第三层：感光层 CCD的第三层是“感光片”，这层主要是负责将穿过滤色层的光源转换成电子信号，并将信号传送到影像处理芯片，将影像还原。
最新发布
uga利用图层效果 制作类似ps的相片叠加效果
Ulead Gif Animator下载地址：http://www.onegreen.net/Soft_Show.asp?SoftID=94
UGA制作旋转钱币效果
Ulead Gif Animator下载地址：http://www.onegreen.net/Soft_Show.asp?SoftID=94 效果： 素材 教材： Ulead Gif Animator下载地址：http://www.onegreen.net/Soft_Show.asp?SoftID=94
用uga给妹妹换漂亮衣服
效果： 教程：1）打开软件，导入一张图大小自定，导入原图。 （2）是插入一张闪图闪底，要注意的是插入的闪底要[插入为新建桢}如下图（3）选取魔术棒，点要变闪的颜色，然后开始在第二桢操作。 （4）点蓝第二桢先复制后沾贴就会出现红圈中的内容。
Ulead GIF Animator 制作GIF的的简单流程
Ulead GIF Animator的使用方法本人也不知道怎么写教程，就把制作一简单的动态GIF图流程写下来。进一步的知识就靠大家自己领悟吧。首先我找到2张图 就用这两个图做个眨眼动态图打开Ulead GIF Animator就出现启动向导，运用Ulead GIF Animator的动画向导就可以简单轻松的完成GIF的制作。 然后出现了设置画布尺寸即图片大小。由于那两张图是128*128的，所以就设置成128*128了
Ulead GIF Animator 5 上手教程
一直以来，做GIF动画的人没有一个不认识Ulead GIF Animator的，可以毫不夸张地说，GIF动画天王的位置一直是让它坐着。这个极副盛名的网页GIF动画制作软件，最新版本是5.0，让我们先看看它精彩的画面。图片右上角Ulead熟悉的标志，让你第一次就会爱上它的软件。主体的滑雪男孩，充满阳光活力，暗示了软件本身生命力的顽强，功能的强大；几个暗影的滑雪男孩，显示出了速度无限，表明使用Gif Animator可以让你快速完成一个GIF动画！ 我们再来与Gif Animator程序界面亲密接触一下：打开的第一个对话框（蓝色的字是笔者加入的注释）： 简洁的控制面板会不会连你也一下子就被吸引了呢？ 不过瘾是吗？好，不过瘾就来看看我为一位网友制作一个简单的动画，让你亲身感受一下。先看看效果图：制作一个会眨眼的可爱小姑娘：1.新建一个文档，width=66pix,height=95pix。2.点击按钮，导入在photoshop中处理好的透明GIF静态图片，程序缺省含有一个空白帧，导入的图片就放入第一帧。工作区变成下图的样子：做好的开眼透明GIF图片 导入后的样子（因为程序缺省有一个白色空帧） 3.点击动画控制条中的增加一新帧按钮（如下图）。4.再次点击按钮，导入另一张在photoshop中处理好的透明GIF静态图片。做好的闭眼透明GIF图片 导入后的样子 5.由于想做的是一个透明的动画，所以要把程序缺省的白色背景层（位于第一帧）去掉。选择对象管理面板（Object Manager Panel）中的第一层，按键盘上的“Del”键。6.GIF Animator的动画制作面板中缺省第一帧的时间是0.1秒切换一帧，达不到希望的效果，要对停留时间进行调整。7.双击第一帧，在弹出的调整面板中设置停留时间为200(即2秒)8.就这样简单，完成了这个眨眼小姑娘的制作，现在来保存成动画GIF文件吧。9.不用返回，再来看一个这个作品，可不要流口水哟！顺便声明一下：此为个人专用，请不要copy另用！
Ulead GIF Animator 使用教程
图1 点击图1 中的 Try 按钮后, 在进入 Ulead GIF Animator 4.0 前还会出现另一个窗口, 询问您要注册还是要继续试用这个软件。点击 Try More 按钮继续试用 Ulead GIF Animator 4.0, 或是点 Order Now 按钮立即注册这个软件（图2）。 我们选择继续试用这个软件, 点击图2 中的 Try More 按钮, Ulead GIF Animator 4.0 就开始初始化程序, Ulead GIF Animator 4.0 需要和 QuickTime 3.0 for Windows 配合使用, 如果您还没有安装 QuickTime, Ulead GIF Animator 4.0 就会弹出一个提示您安装该软件的窗口（图3）。 如果您的 Ulead GIF Animator 4.0 是注册过的, 并且您在使用 Ulead GIF Animator 4.0 时已经安装了 QuickTime 3.0 for Windows, 那么启动之后, Ulead GIF Animator 4.0 就会直接进入使用界面, 上述的三个窗口都不会再出现。 二、 Ulead GIF Animator 4.0的特性 1、崭新的界面 GIF Animator 的新界面使您的工作过程就象在流水线上加工产品, 您需要使用到的按钮和工具都放在您触手可及的地方。在工作区中加入了颜色面板, 并且有 4 个选项卡, 让您在编辑和优化图像层的时候更加顺手。 2、便捷的工作模式 4 个选项卡使您在工作进程中的切换变得快捷, 这4个选项卡是: Compose（组合）, Edit（编辑）, Optimize（优化）和 Preview（预览）。 3、加强的图像层显示 现在您可以轻易地用三种模式显示图像层, 所需的仅仅是点击一下鼠标。 4、层叠模式 Edit（编辑）选项卡使您可以用层叠模式工作, 在这种模式下, 您可以在当前图像的下面看见以前的图像, 这样您就可以更加精确地操作了。 5、新的选取工具 使用 Edit（编辑）模式中新的选取工具, 您就可以灵活地控制正在编辑的图像。您还可以使用滤镜来处理被选取的图像。 6、动画融合功能 现在, 您可以将两个动画融合为一个新的动画, 创造出独特的效果。 7、动态标题文本效果 GIF Animator 能产生非常漂亮的标题文本, 您可以让标题文本在动画中滚动, 显示一条消息, 或是简单地改变颜色。 8、新增的 Video FX。 两个新的 Video FX 组件可以产生极佳的动画效果：Run & Stop Push 效果在动画中插入一个图像由模糊, 抖动变得清晰, 稳定的片断；而 Power Off 效果则在动画中插入一段好似关闭电视一样的效果, Power Off 效果一般可在动画结束时使用。 9、改进的优化 新的计算方法使图像在压缩比很高的前提下仍能保证非常好的质量。并且, 您可以很方便地使用优化向导或以前保存的设置来优化保存图像文件。 10、预设置管理 这项特性可以很好地管理您以前在优化选项中保存的设置, 并且根据使用的频率对它们排序, 以便提高工作效率。 11、批处理功能 如果您要重新优化整个网站中所有的 GIF 动画文件, GIF Animator 就可以大显身手了。使用批处理, 您可以使用 GIF Animator 优化引擎运行每一个 GIF 动画文件, 几秒钟以后, 您就可以看到优化以后的效果。 12、改进的动画打包 新的设置让您在打包动画时有更多的自由。您可以超级链接这个动画, 用户化消息框的风格, 以及更多的设置。 13、用户预览 您可以指定某个浏览器来查看动画。 14、改进的重定义尺寸 新的选项让您在重定义动画尺寸可以指定动画的质量, 以便于更好地满足您的特殊要求。 三、Ulead GIF Animator, Version 4.0 的界面（图4）图4 第一次进入 Ulead GIF Animator 4.0 时, 您会立即注意到 4 个主要的部分：工具栏（图4 中黄色部分）；工作区（图4 中蓝色部分）；工作区左边的层面板（图4 中绿色部分）, 层面板占据了界面的最主要的位置, 层面板也是使用最频繁的；层面板下方的调色板工具栏（图4 中红色部分）。在 Windows 标准工具栏的下方是属性工具栏, 属性工具栏中包含了 GIF 动画中每一层（动画中的每一帧为一层）的信息和设置。在层面板中列出了动画中的所有的层（或帧）, 当您点击层面板中的某一层时, 这一层的图像就会显示在工作区中, 而这一层的属性会显示在属性工具栏中, 同时这一层中使用到的所有颜色都会显示在调色板中（本地调色板）, 如果您没有选择本地调色板选项, 那么调色板中显示的是这个动画中使用到的所有的颜色（全局调色板）。 图像属性中的任意一项都可以重新定义或配置, 您有很大的自由去选择图像层的显示方式。当您在 GIF 动画中输入了一幅外部的图像, 而输入的图像没有这些属性时, GIF Animator 会为这幅图像指定缺省的属性。您可以在 Preferences 对话框中改变 GIF Animator 的缺省属性, Preferences 命令项在 File 菜单中。 小技巧：如果您使用鼠标的右键单击层面板中的任一个图像层, 就会有一个弹出式菜单出现, 菜单中列出了所有可用于编辑这个图像层的命令。这些命令在 Edit 和 Layer 菜单中可以找到。 （一）工具栏（图5）
Gif动画轻松瘦身Ulead GIF Animator
图1[点击这里下载] Ulead GIF Animator是一款专业的Gif动画图片制作软件，它的Gif动画压缩功能非常灵活，可以任意控制Gif动画的文件大小。下面就以QQ表情为例，介绍它的Gif动画图片"瘦身"方法。 第一步：打开QQ聊天窗口，点击"选择表情"按钮将无法使用的Gif动画图片发送到窗口中，然后用右键单击它选择"另存为"选项，将它保存到指定的目录中即可。 第二步：运行软件，弹出"启动向导"窗口，点击"打开一个现有的图像文件"按钮找到并打开刚才保存的Gif动画图片。 第三步：点击窗口*的"优化"标签项，切换到"优化"操作窗口。再点击"工具栏"中的"按尺寸压缩"按钮，弹出"按尺寸压缩"窗口，点选中"想得到的文件大小"选框。例如要将Gif动画图片压缩到40KB左右，就在下面的框中输入数字40（单位仍选择为"字节"），然后点击"开始"按钮即可开始执行压缩操作（如图2）。图2 小提示：QQ主要是针对群表情做了限制， 40KB以下的表情图片才能正常发送。有些动画比较复杂的Gif动画图片无法压缩到40KB以下，此时可通过QQ的"发送图片"功能来变相发送到QQ群里。 第四步：压缩完成后，在"原始文件大小"和"压缩后大小"窗口中会分别显示Gif动画原始效果和压缩后的效果，以及各自的文件大小等，一目了然。觉得满意后，点击"压缩后大小"窗口下方的"保存"按钮进行保存操作即可（如图3）。图3
