推荐阅读
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的第三层是“感光片”,这层主要是负责将穿过滤色层的光源转换成电子信号,并将信号传送到影像处理芯片,将影像还原。
最新发布
实例学用CorelDRAW9(一)
一直都在想写一篇CorelDRAW9的教程,但老是一开始动手,这样那样的事就忽然多了起来,再加上自己一直的不满意,于是一次次的重写。甚至到现在,连我自己也分不清楚,这篇讲解到底重写了多少次了。 一直拖到现在,终于勉强可算完成了。我有过这样的感受:在看一些知识性的文章的时候(特别是在网上),总是感觉特累,老是希望能轻松一些,直观一些!因此我会用一些教程来讲解,很简单,轻轻松松就能完成它。不过请注意:我的目的不在于让你学做这样那样的实例,而在于让你知道怎样操作CorelDRAW9,也就是说,重点不在于教程本身,而在于教程中说到的这样或那样东西,这也是后面很多小节用到同一教程的原因了。我把这篇教程分成两个部分:一、二、三、四小节是基础操作部分,五小节到十小节会讲一些工具或功能的应用,希望你能在中间找到喜欢的东西。现在,就开始我们的基础操作部分……?一、认识CorelDRAW9(海鸥)不管怎么说,在接触一个软件的时候,总得对其界面作个了解。现在,我就对CorelDRAW9的界面作一下简单的介绍:CorelDRAW9的界面和CorelDRAW8一样,没有什么大的区别,简单明了。屏幕最上方是菜单栏,包括文件、编辑、视图、版面、排列、效果、点阵图、文字、工具、窗口、帮助十一个菜单项。菜单栏下面是CorelDRAW9常用工具栏,常用工具包括有:建新文件、打开文件、储存文件、打印、剪下、复制、贴上、复原、复原、重做、重做、输入、输出、显示比例层次、应用程序启动盘、Corel Graphics community 、帮助等等。再下面一层是属性栏,显示各种对象的各种属性。屏幕左侧是工具箱,从上自下分别是:选取工具、选型工具菜单、显示比例菜单、手绘工具菜单、矩形、椭圆、多边形菜单、文字工具、互动式填色工具菜单、互动式透明度工具菜单、互动式渐变工具菜单、滴管工具菜单、外框工具菜单、填充工具菜单(这里,凡是按钮右下角有一个小三角形的,都表示具有隐藏工具,就可以:按下左键不放,等待菜单的出来,然后松开鼠标,点选工具)。通常,屏幕右侧都有一个缺 难丈调色板,另外CorelDRAW9的码头工也会出现在屏幕的右侧。
CorelDRAW 11预设形状工具探秘
CorelDRAW 11新增了一些强大的功能和工具,将矢量绘图软件推到了一个新的高度(请参见《CorelDRAW11抢鲜试用手记》)。 而CorelDRAW 11中全新的预设形状工具栏,则大大简化了很多常见图形的绘制过程。不要以为只是绘制简单图形的小工具噢,COREL公司新增此工具栏当然有它的道理,我们不妨深入研究一下。 先来做做准备工作,好好认识一下。打开CorelDRAW11(以汉化中文版为例),将光标移到标准工具栏的"预设工具"上面,单击并按住不放,会弹出预设工具栏,将它拖动到屏幕上合适位置DD好,我们的主角出场了。 在此工具栏上按右键,选择"自定义"-> "弹出自选图形 工具栏" ,将"小按钮"和"图象下面"选中,最终工具条就如图1所示。图 1 从上图图形按钮下的文字可以大致了解预设工具栏中各工具按钮的用途啦。 基本形状-用来绘制常见的基本形状,如平行四边形,梯形,三角形,心形及其他有趣的图形。 箭头形状-绘制单向,双向,多向等各种形状的箭头。 流程图形状-绘制流程图的各种图形元素 星形-绘制多种星形和多边形,以及其他特殊形状图形。 标注形状-绘制各种注释和说明文字所用的图形。 好了,不妨先绘制一些有趣的图形试试看。我们先从头开始,在预设形状工具条中单击"基本形状"按钮,然后单击属性栏上"自选图形"按钮,可以看到它提供了共15种自选图形,如图2。我们就来做一些例子研究一下吧。图 2 选择自选图形中的梯形,光标移动到工作区空白处单击并拖动,绘制出一个梯形图案(如果绘制时按住CTRL,就会绘制一个"正的"图形,预设图形工具条中的各种图形绘制基本如此)。 相对以前的版本,标准的梯形的绘制就这么简单!与先前不同的是,保持选中状态的梯形除了8个控制手柄外,还多了一个红色的菱形控制点(暂且这么称呼吧)。来试试它的用法:光标移动到控制点上(光标变成图3 ),拖动以改变梯形形状,最终就会变成三角形或者矩形,或者各种梯形。如图4图 4
融会CorelDRAW9之一
这是教程的第一小节,准备讲的内容是:“浮雕图案”。先看看图案效果吧。(如图1)(图1)首先:画一个矩形,点取“互动式填充工具”,在“填充类型”中选择“材质填充”,然后在“材质库8”中选择一种坚硬的石壁材质。我们已经得到了图片的背景,接下来,我们就应该生成文字“CorelDRAW9”了。接下来,点取文字工具,在画面中任意一处点击鼠标,输入文字“CorelDRAW9”(美术字文本),然后在属性条中进行字体(因较粗的字体力度较强,更能够体现浮雕感觉,所以建议使用粗体字)、大小、位置的设置,取消文字的边框。这时得到如图2的效果。(图2)这是我们进行实例的准备工作。现在,应该分支了,看看两种不同的方法――第一种方法:
融会CorelDRAW9之四
>(透明图案) 这篇教程也写了两个小节了,渐渐的,刚开始那一种有点“难”的感觉开始少起来,只觉得9这东西可真是奇妙,很多效果真的可用很多种方法做出来――哈哈,连自己都被征服了!――是不是有点自欺欺人的感觉?呵呵,反正我是这样了。而且教程走到这一步来,无论从那一方面说,我甚至有点欲罢不能的感觉了。这一小节说说如何做透明,没问题吧?当然也是两种方法了,这是老规矩嘛。先给你透露一点:这两种方法分别是用“交互式透明工具”和“透镜”。作好准备,实例开始了。第一种方法:这种方法使用“交互式透明工具”。先从CorelDRAW9的素材库中找一幅图片吧。如图13(图13)
融会CorelDRAW9之七
快捷键一览) 说实话,这一小节的内容来得最轻松:只是将9列出的一些快捷方式集中起来而已。集中起来,也许看起来会舒服一点――我想。下面就是……(这一些是CorelDRAW9菜单中列出来的)1、建新文件:Ctrl+N2、打开文件:Ctrl+O3、保存文件:Ctrl+S
融会CorelDRAW9之五
(透明、透镜与渐变) 教程走到现在,我们都是老朋友了。我想也不必再唠唠叨叨的说什么开场白了,就直接进入主题吧!至于这一小节的名字,我想来想去都没想好。不得已,应将就用有关的内容代替一下了,大伙儿谅解一下!这一小节的实例主要是如何减小图像的对比度,减弱图像在画面中的视觉强度,以避免喧宾夺主。方法有三种:透明、透镜、渐变。我并不打算对这三种方法进行多详细的讲解,因为这三种方法都很简单,只需一两个步骤就可以完成。主要目的是让你对这三种方法作一个比较直观的比较,从而……融会9.现在,我们先看图片,这是修改前的效果。(如图18)(图18)在这个图片里面,文字作为画面的主体,图片作为背景。但由于背景图片的对比太强了,因此减小了文字的视觉力度。所以我们要做的就是减小背景的对比度,以强调文字的视觉力度。先看看第一种方法:透明。
融会CorelDRAW9之二
(文字排版) 文字,是每一个图形软件所必然包括的重要组成部分,又尤其是在矢量图形软件中,又、又尤其在9中。CorelDRAW9的文字功能到底有多强大,太概不需要我在这里多说了。我在这里仅仅却准备运用CorelDRAW9的文字排版功能完成这一小节的排版实例,也算对其功能的一次小小的展示吧。但这只是这一小节内容的一部分。和第一小节一样,在这里仍然会运用别的办法来完成实例,目的,仍然只有一个:融会CorelDRAW9。下面,先让我们来进行第一种方法――CorelDRAW9的文字排版功能。第一种方法:第一步:导入图片(呵呵,我的素材库里实在没几张象样儿的图片,请将就一下),接着在画面任意位置输入一段“段落文本”(拉框输入即可!如果是英文,最好是语法正确的文章段落,千万别用字母拼凑哦),并调整好字体、大小。这一步效果如图6所示。(图6)看到图片上的那三朵玫瑰了吧?我们就是要将文字放在图片上方,并且围绕玫瑰排列。
融会CorelDRAW9之三
(镜框) 看到这个小节的小标题了吧?镜框!不是艺术镜框!我是一直不太喜欢提“艺术”这个词的,所以没有在镜框前面加上这两个字,因为我觉得是否“艺术”并不重要,它并不是这里讨论的主题,这里只告诉你这种东西怎么做,至于能否具有“艺术性”,我不能也不敢给你打包票,只能靠你自己的修为了。按老规矩,这一小节有两种方法。但谁好谁坏,我也说不准,看完了你自己比较一下就行了。你先看看原始的图片吧(找不到照片,用一张随随便便的图片代替一下,大伙儿通融通融吧,图9)(图9)现在,我们开始第一种方法……第一步:绘制一条闭合的曲线路径(这条曲线将作为镜框的基本形,随便你怎么画,你自己满意就成,你暂且看看我画的吧!)选择图片,在“安排”菜单下的“图框精确裁剪”命令中选择“置于容器内”子命令,于是鼠标在画面上变成了一个粗黑箭头,用它点取曲线,图片就被裁剪得只剩下路径内的部分(如果你对剪裁的位置不满意,可以单击右键,在出现的右键菜单中选择“编辑内容”命令,然后对图片进行位置移动)。看看这一步的结果吧,如图10
中文CorelDRAW 9应用速成(第八讲)
第八讲、将制作的Web页面向Internet网上发布 中文 9.0不仅具有制作网页的功能,并且还能将网页发布到Internet上。一、制作网页的参数设置 在使用中文CorelDRAW 9.0进行网页设计与制作时,最好将必要的页面参数进行设置,这样可避免因页面过大、显示分辨率过高等因素造成的浪费,还有一点比较重要,中文CorelDRAW 9.0的页面是不能被压缩或扩展的,这和使用Html编辑的页面是不一样的,所以在这里请用户一定要注意区分。 页面大小的可根据制作网页的内容而定,前面第五讲中已经讲述过了它的设置,在它里也就不再赘述了。页面的解析度可设为100dpi,因为显示器显示的解析度为一般为96dpi,这样的设置已经能够满足需要了。二、转换成HTML文本 将制作好的文档在Internet上发布之前,将它转换成HTML文本,这样它就可以在网络浏览器或的网络编辑器上进行编辑了,否则它将会在发行时被强制性转换成位图,也就无法进行编辑了。 将文档转换成HTML文本,可使用“档案”下拉菜单中的“Internet上发行”命令。在中文CorelDRAW 9.0中将文档转换成HTML文本时,会自动将文档中的图形以JPEG或GIF格式导出,并保存在HTML源文件夹内的一个子文件夹中。 三、在HTML文本中插入Internet对象
中文CorelDRAW 9应用速成(第七讲)
第七讲、制作文字特效中文 9.0工具箱中的“文字工具”,使用它可以十分轻松得将文本内容建立在图形的指定位置。文字是组成图形的重要部分,为使图形变得丰富多彩,可以在图形中制作出各种各样的文字。不同的文字有不同的创建方法,下面就将列举出常用文字的制作。一、制作透视文字 透视文字是在普通文字上增加透视效果而成的,透视文字会产生一种“深度”效果,文字看上去感觉它变远或变近了。如图27所示的是增加了透视效果的文字,制作所用的操作步骤如下所列。步骤一、单击选取工具箱中的“文字工具”。图28 输入文字“美来自真实”