推荐阅读
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的第三层是“感光片”，这层主要是负责将穿过滤色层的光源转换成电子信号，并将信号传送到影像处理芯片，将影像还原。
最新发布
Illustrator CS的新功能
Adobe CS 不仅是一套前所未有的全新设计工具，还能提供最能展现您创造力所需的增强效能。下面我们来看看Adobe 宣传的Illustrator CS 十大全新功能。 高级印刷样式控制功能 使用全新文字排版控制、文字与段落样式等功能，设定精美打印类型。 Adobe PDF 文件制作 使用与 Adobe Acrobat Distiller 软件相容的设定与选项制作 Adobe PDF 文件。 支持 Adobe PDF 图层 可在 Adobe PDF 文件中建立个别图层，以便在 Adobe Acrobat 6.0 软件中显示或隐藏，可灵活组织作品或显示不同的设计选项。 高效快速 打开、储存、打印文件，复制、粘贴以及显示图形等操作速度都得到提高。 3D 效果 支持建立自定义 3D 图形和类型处理、增加光线、将作品沿特定形状缠绕排列以建立包装模型。大家可以在Effect > 3D菜单中试用此功能。 Illustrator CS 的新例图
Illustrator绘制图案
电脑绘图软件的强大功能使得相当一部分手工劳作可以省略，在图案构成和变形组合方面更是能带来出人意料的创意。在设计人员所偏爱的失量绘图软件中，以其多样化的绘图手法和精确的定位辅助，已成为图案设计的首选。 创作工具：Illustrator 10 网格编织图案的绘制 依据纺织物的经纬构成来生成图案是非常古老的设计方式。在Illustrator中，你只需在“Preferences（首选项）”下调出“ Guides and Grid（辅助线与网格）”对话框，定好“Grid（网格）”的间隔，然后在“View（视图）”菜单下点选 “Show Grid（显示网格）”。根据我的经验，最好是将网格设置为每英寸内含40个等分，然后将整个绘图区域放大300~600%即可开始绘制。所谓的绘制过程也就是将与网格等大的小方块在纵横方向上进行平铺，为了快捷省时，你可以点选“View（视图）”菜单下的“Snap to Grid（对齐网格）”一项，这样在网格的复制移动中将会非常精确方便（如图1）。 图1 网格编织图案 需要强调的是，这种图案设计方式尽管古老但却有着极为浓郁的装饰效果，非常值得尝试。 四方连续图案的绘制 四方连续图案的特点就是可以在平面空间中纵横展开时做到无缝拼接。这就需要在绘图时有精确的定位辅助工具。Illustrator恰好提供了一个非常实用的“Smart guides（灵敏辅助）”模式，其设置位于“View（视图）”菜单下。同时还需打开“View（视图）”菜单下的“Snap to points（点对齐）”。绘制过程如图2所示。 图2 四方连续图 1. 首先画一个矩形，然后在这个矩形框架内部及四边绘制一些形态。注意，此例中左边的头像轮廓和叶子形状显然超出了边框，或者说与矩形的左边界相交了。上方的螺旋线也是如此。 2. 选择矩形和头像轮廓以及叶子形状，将光标放在矩形的左上角点上（“Smart guides”会清楚地提示：Anchor）,按下键盘上的“Alt”键，复制并向右移动。将所复制的矩形的左上角点与原来那个矩形的右上角点（“Smart guides”会清楚地提示：Anchor）对齐。现在，图案在横向上的无缝拼接已没有问题。 3. 同样，要保证图案在纵向上的无缝拼接，还是用上述方法将原来那个矩形和上方的螺旋线向下复制对齐即可。 4. 将前后复制出的两个矩形删除。此时，你可以对图形作一些后期加工，将某些线条可以连接起来，以加强其视觉上的连续感。 5. 选择最初的那个矩形，将其叠放次序调至最前，并将其边框线设置为无。注意，这一设置非常关键。 6. 选择全部图形，在编辑菜单下点选“Define pattern（定义图案）”。矩形框架范围以内的图形将成为一个完整的、无缝拼接的四方连续图案，你可以将其填充到任意形状的图框中去。
Illustrator制作精确六面体
在很多站点上我们经常可以看到运用六面*作的漂亮作品或壁纸。 六面*作看起来十分简单，但是想制作出比较规矩的六面体还需要一点小技巧。 下面就随着Relen一起看看在中如何运用参考线制作严谨六面体的方法吧！ 旋转物体的方式有几种，这里要注意的是。我们使用变换面版，因为在面版中填写数值，这个做法可以达到精确的旋转角度。
Illustrator教你画粉红色的小猪
闲来看看我们用illustrator制作的成品，一头可爱的卡通小猪 现在我们开始了。 首先，把扫描好的白描稿在AI中用钢笔工具描出来。 步骤： 1、先将整体的轮廓描出来，这一步主要是为了定型，要不然以后的胳膊腿有可能装错位哦：） 2、然后分别将身体的大部组件分别描绘成闭合区域（因为要填色嘛，当然要描绘成闭合的了），这里注意千万不要盯住一个细节描，不是越细越好哦，有时候反而会影响到整体效果。好，我们现在将猪头：）、猪脚、帽子等描出来了。 这里还要注意一点，描绘不同的部分的时候最好用不同颜色的线条进行描绘，这样可以避免在以后填色中的很多麻烦。不信？亲手做一做就知道是真是假了。 3、接下来呢，对描绘好的着几个部分填上基本颜色，因为在后面要在这些区域里做复杂的网格渐变，没有基色难道一点一点去填？（废话，偶也知道，你当偶时白痴啊） 4、整体颜色大概定下来了，我们开始将小一点的部件装上去（眼睛、鼻子、领带、外衣、腰带等等啦）。
图案艺术的绘画巧用Illustrator绘制图案
电脑绘图软件的强大功能使得相当一部分手工劳作可以省略，在图案构成和变形组合方面更是能带来出人意料的创意。在设计人员所偏爱的失量绘图软件中，以其多样化的绘图手法和精确的定位辅助，已成为图案设计的首选。 创作工具：Illustrator 10 网格编织图案的绘制 依据纺织物的经纬构成来生成图案是非常古老的设计方式。在Illustrator中，你只需在“Preferences（首选项）”下调出“ Guides and Grid（辅助线与网格）”对话框，定好“Grid（网格）”的间隔，然后在“View（视图）”菜单下点选 “Show Grid（显示网格）”。根据我的经验，最好是将网格设置为每英寸内含40个等分，然后将整个绘图区域放大300~600%即可开始绘制。所谓的绘制过程也就是将与网格等大的小方块在纵横方向上进行平铺，为了快捷省时，你可以点选“View（视图）”菜单下的“Snap to Grid（对齐网格）”一项，这样在网格的复制移动中将会非常精确方便（如图1）。 图1 网格编织图案 需要强调的是，这种图案设计方式尽管古老但却有着极为浓郁的装饰效果，非常值得尝试。
AI处理照片 快速将你的相片矢量化
有数码相机的朋友真的是越来越多。有了相机，一定会给家人或朋友照几张人像。照出好的照片，难免想要做一些艺术处理，甚至打印出来以供保存。用Photoshop进行艺术化处理比较容易也比较常见，尤其是现在Photoshop制图应用如此普遍的情况下，即是非专业的人，也可以用上几种方法把照片处理的十分漂亮。 在这里Relen给大家一种AI处理照片的方法。对初学者而言比较简单，也容易接受。做出来的矢量效果也具有一定的个性风格，并不常见。同时，需要打印的话，矢量图的打印质量可要比向量高上很多，用途很广阿。 作者：Relen
Illustrator 10版本的增效插件
大家都知道Photoshop的插件非常多，然而，不但可以使用Photoshop所有的位图滤镜，本身也附带有大量的矢量滤镜。了解AdobeIllustrator的朋友一定知道，除了本身带的矢量滤镜，Illustrator还有更多的外挂插件。Illustrator衍生到版本10，功能已经十分强大。8/9版本的多数第三方插件已经不需要了，但是谁有会拒绝超玄快捷的效果呢？好比下图，你能想象它可是矢量的噢。这是用Illustrator10加上增效插件Vectorstudio 2制作出来的。 以上两例均是由Kpt Vector effects 1.5生成的噢，在XP系统上，10版本，也可以支持的很好。作者：Relen（来源：relen.com）
Illustrator中参考线的妙用II
大家好，我是Relen，这次还是要和大家继续探讨有关参考线妙用。如果你已经看过Relen写的《参考线的秒用1―制作精准的六面体》，那么你一定对参考线的操作：制作、释放、变化、删除等有了一定的了解。参考线，顾名思义是为了我们在制作图形图像是可以参照的线条。不仅仅AI有这个概念，的各种软体均含有参考线的概念，这完全可以说明，它的作用是非常之大的。 如图一所示，打开已经做好的六面体阵列，选择其中的一个六面体，把被选择的六面体更换为其他颜色，同时象抽屉一样挪出一部分来。
Illustrator裁剪标志制作与使用
提到裁剪标志，不做排版或印刷品的朋友可能会非常陌生，其实即使我们不制作印刷品，的裁剪符号也很有用处，用来输出图像非常方便。今天我们就来仔细聊聊 Illustrator（以下简称AI）裁剪标志制作与使用，文章末尾提供.ai原文件下载。 裁剪标志，也可以叫做裁剪符号，是用来打印文档时沿图形边缘进行剪切的细线。在裁剪时不会裁切到图像边界之内，相反，还会在边界退让一点。 AI文挡中的画板线和页面拼贴虚线，在导出、输出图像时是不起作用的。软件自动查找最高点最低点，以及左边和右边的最点，输出的图像是“顶天顶地”的。如果在Photoshop中继续操作这个图像，我们还要给它扩大画布。另外如果在同一个AI文档中制作了多个图形，而现在我们只需要其中一个，或局部图像，麻烦一点的操作是把你要的图形拷贝到新的文挡中，设置边框再输出。又或者把整个图形全部输出后，再进行裁剪。 其实通过裁剪符号将自动的为一个从Illustrator导出的文件设置画布尺寸。修剪我们不需要的图像，或者放大图像的画布。简化很多操作。 创建裁剪符号的方法 方法一：使用矩形工具，绘制一矩形，圈住你选择图形。然后选择菜单：对象>裁剪标志>制作 即可生成裁剪标志的四角细线。当你输出图像到格式时，软件自动只输出被选择的区域。这种方法适合输出时候使用。 TIP： 1、必须是矩形图形，可以放缩，调整高度、宽度，但是不能旋转。 2、这种方法制作的裁剪符号，是不能被选择、移动、更改的。 3、如果你觉得制作好的裁剪符号不符合你的要求，可以选择菜单：对象>裁剪标志>释放 即可删除现有的裁剪符号。释放不代表删除，释放是把裁剪符号还原为原矩形。 4、这种制作裁剪符号的方法，在同一文档内只能生成一套裁剪标志。也就是说，无论你制作出多少个矩形，你只能选择其中的一个制作成裁剪符号。如果文档中已经有了一个裁剪符号，你绘制了新的矩形，再次制作时，软件会自动删除旧的裁剪符号，生成新的裁剪符号。 5、如果你在没有选择矩形的情况下选择菜单进行如上步骤，裁剪符号则是根据画板大小制作。如果把这种没有选择矩形的裁剪符号释放后，会出现一个无充填无勾边的矩形。 方法二：绘制矩形后，选择菜单：滤镜>制作>裁剪标志 即可制作裁剪符号。这种方法适合对多页印刷品建立裁剪标志。 TIP： 1、不需要一定是矩形，但是软件自动回把图形的最高点最低点，以及左边和右边的最大点找到，并且制作出矩形的裁剪区域。 2、这种方法制作的裁剪符号，可以选择、移动、更改颜色、勾边，宽度等参数。 3、使用这种方法，在同一个文挡中可以出现多套裁剪符号，还可以与第一种方法制作的裁剪符号共存。但是，当你选择输出图像时，软件默认的区域是第一种方式制作的裁剪符号选择的区域。 4、最重要的一点，这种方式制作的裁剪符号，并不能自动裁剪输出图像的区域。也就是说。这种方式制作出的裁剪符号是图形图像。另外请不要自己制作裁剪符号，即麻烦又不会很标准，这样的事情我想你也不会做吧。 5、如果你在没有选择矩形的情况下，是无法制作裁剪符号的。 【 Ctrl + K 】打开软件预设面版中的常归选项。选中“日式裁剪标志”。用上述方法制作出的均会是日式的裁剪符号。