推荐阅读
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的第三层是“感光片”，这层主要是负责将穿过滤色层的光源转换成电子信号，并将信号传送到影像处理芯片，将影像还原。
最新发布
Fireworks 制作美式涂鸦文字
使用文本工具，输入以下文字，字体为Impact，大小为36，颜色#003300： 选定文字，Ctrl+Shift+P(文本->转换为路径)，全选，Ctrl+G组合,属性面板中：纹理使用 纤维 50％ 笔尖黑色，1象素柔化： 现在是最没技术含量却是最重要的一步，使用部分选定工具(就是那个白色的鼠标)修改路径(文本已经完全编程了路径)： 最后得到： 在用部分选定工具选定blueidea，将笔尖宽度改为2：
Fireworks 制作铁锈字
现在Photoshop做铁锈字的教程已经很多了, 这里放一个FW做铁锈字的方法, 我这个铁锈字的效果并不是十分到位，但主要说的方法~ 我担心有写朋友没有金属的滤镜所以我也没用，如果金属字的部分直接用滤镜来做整体的效果会更好！ 大家可以多多交流更好的方法~我也选择的笔触的方法,但效果不是很好. 制作铁锈字，重点除了金属外最重要的就是铁锈了，但由于使用FW没有办法得到PS中喷溅的效果，所有制作起来并没有Photoshop那么灵活，但通过这个教程可以提示大家灵活运用Fireworks的各个功能也可以实现很多效果！ 1、首先，建议一个400*150的空白文档，然后使用黑色作为背景；在上面写上几个字，并选择稍微酷点的字体，这里我使用的是Cloisterblack BT,字体大小170，字体颜色白色： 2、给文字增加内斜角效果，设置参数如下： 3、画一个350*200的矩形，并添加线形渐变，渐变色为#999999到#333333： 4、选择 工具栏->滤镜->杂点->新增杂点->，数量为40，得到下图的效果：
Fireworks 的文字效果总结
总结之一：模仿别人的效果 1. 找到其他站的一些不错的效果，把图保存下来（保存不了的截图也好）。 2. 打开FW，把图文放大数倍，看清文字到底有些什么效果。特别重要的是，把文字实现的效果层次搞清楚。 基本的一些层次由内到外是：字内光亮->字内阴影->文字主体->描边/发光->阴影（通常描边和阴影可以放在一个层里实现）->其他背景 3. 分清层次后就可以自己来做了。要完全仿照的话，要具备几个条件： 4. 如果是英文，韩文，日文等语言的文字效果，要做成中文，只能用相似效果的字体了。寻找相似的字体，注意几点： 总之，这些效果是多多收集，切勿滥用。 总结之二：几种常见特效
轻松制作显示输入朋友名字的贺卡网页
新的一年就要到来了，今天我们来制作一个很简单又非常有趣的动态贺卡页面送给自己的朋友们吧！我们首先用Fireworks来绘制一个可爱的新年场景，然后对绘制的图像进行切割，导出为HTML页面，再通过简单Javasript代码的调用，生成一个功能强大的贺卡页面：只要你输入好友姓名，就能够生成专门给好友的定制页面和链接。当朋友们收到你为他们送上的特殊祝福，一定会非常开心的。文章末尾提供原文件供大家下载参考。原文件下载 制作步骤： 一、静态场景绘制 场景描述：一场大雪之后，堆一个胖胖的雪人。蓝蓝的天空，白白的雪地上，一个憨厚可爱的雪人给寒冷的冬天带来了许多乐趣，就连顽皮的小狗狗都被吸引过来了，围着雪人好奇的看个不停。这个场景是不是也牵动了你们童年的思绪呢？ 1． 我们首先在Fireworks中新建一个大小为1024×768的图像，从而能够让这个图片可以作为桌面来使用。先在脑海中构想一下蓝色的天空、白色的雪地。首先使用矩形工具为图像绘制一个背景，这里填充使用线性填充，左边的颜色滑块设置为#013366，右边的颜色滑块设置为#FFFFFF，得到如图1所示的图像。 图1 绘制图像背景 2、接下来我们就开始绘制雪人了。首先是雪人圆圆的脑袋，先绘制一个椭圆，填充设置为用白色实心填充，笔触大小为4，颜色为#858786，采用柔化圆形的方式来得到一种朦胧的效果，如图2所示。
Fireworks 动画制作：蝴蝶翻飞巧写书法字
看到许多论坛上有一种漂亮的GIF动画写字效果：随着一只上下飞舞的小蝴蝶，漂亮的书法字就一笔一划地写出来了。于是自己研究了一下制作方法，这里特地把Fireworks的制作步骤写出来和大家共享。文章末尾提供原文件供大家下载参考。 完成效果如下，看上去特别清新素雅。 1.在Fireworks中新建一个宽100像素、高120像素、画布颜色为“自定义”（颜色值为#C6E0FF）的文档。 2.在左边“工具箱”中选择矩形工具 ，设置属性如下图所示（其中颜色值为#69ACFF），制作边框。 提示：如果这个矩形大小不合适，可利用“Ctrl+T”变形进行调整。
Fireworks简单方法打造网页“闪字”动画
最近网络上很流行一种超炫的闪彩文字及签名，在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影，一些具有个性的闪字还相当耀眼，那么这种炫彩字是如可制作出来的呢？其实制作炫彩字并不难，我们在Fireworks中用闪底素材+粘贴于内部的制作方法，可以省去相当大的工作量，是一种别出心裁的方法哟！ 下面我们来看看闪字的效果。闪字素材下载 制作步骤： 1.打开Fireworks软件，新建一个透明背景的文档。(文档大小可以先设置为390×68像素，如果不合适，后期再进行修改) 2.利用左边工具箱中的“文本工具”在画布中输入文字，然后在下方“属性面板”中调整文字的大小/字体，并在“消除锯齿级别”中设置为“强力消除锯齿”。 点击看大图
Fireworks 倒影文字特效
先看一个源文件：上方文字用蒙板制作，下方文字使用渐变矩形做遮盖制作。现在，我们介绍另一种方法，都有源文件提供。 PNG源文件： 另一种方法PNG源文件： 教程开始： 1、输入文字，设置合适颜色，克隆两次，将其一移动到下方并垂直镜象： 2、将上方文字（两层中的上层）选取，文本菜单——转换为路径，取消群组，修改菜单——组合路径——联合：
用Fireworks做数字连续翻滚动画
闲来无事，译了篇Fireworks（以下简称FW）的基础文章，效果如图： 这是一个大家可能都喜欢的简单动画技术，使用Fw中的“逐帧”制作出来的效果。大家可以用同样的方法做成倒计秒数的动画。 在Fireworks中打开一个新的画布，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式 打开帧面板，使用黑白选择工具，在面板是右上角点击，弹出下拉菜单，选择“重制帧...”。 在弹出的对话框中，如下图设置： 选择9个新帧，是因为动画包含0-9个数字（相当于10帧）。
Fireworks制作环绕圆形文字
圆形文字环绕实例 有时候可能需要做一些圆形文字的环绕，类似于左边的文字。其实这类文字实际上就是一种文字环绕路径的效果，不过只简单的通过Attach to Path功能是无法实现这种效果的，仔细地观察一下：环绕路径的文字的上半部和下半部实际上方向相反，所以光使用Fireworks3提供的文字环绕路径功能无法一次性实现类似的效果，其中还需要一些小技巧。：） 请看制作方法： 。 步骤一：新建一个空白图片，用Ellipse工具，画一个圆，用knife工具，将需要环绕的圆形路径在横向的两个顶点处一分为二 步骤二：使用文字编辑器将需要环绕在路径上的文字平均分为两个文字对象，并将它们的对齐方式设置为分散对方。