推荐阅读

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的第三层是“感光片”,这层主要是负责将穿过滤色层的光源转换成电子信号,并将信号传送到影像处理芯片,将影像还原。
最新发布

首字下沉和嵌套样式在InDesign中的应用
图5-62所示为首字下沉和嵌套样式对照图,图中快捷菜单为“段落”调板的快捷菜单。图5-62 首字下沉和嵌套样式对照图一次可以对一个或多个段落添加首字下沉。首字下沉的基线比段落第一行的基线底一行或多行。根据第一行中的首字下沉字符是半角罗马字还是全角中文,首字下沉文本的大小会有所不同。下面通过操作来学习怎样设置首字下沉。(1)将“Download.indd”文件关闭不保存,然后在“秦俑”文件中双击“段落样式”调板中的“文本”样式,打开“段落样式选项”对话框。(2)单击该对话框左侧的“首字下沉和嵌套样式”项目,然后选择“预览”复选框,这样可在视图中实时观察所设置的效果。如图5-63所示。图5-63 首字下沉和嵌套样式(3)首先对“行数”选项参数进行设置,然后在“字数”选项的文本框中单击,这时“字数”选项中的数值将直接转换为1,页面中每段第一行的首字将变为两行的高度,效果如图5-64所示。

介绍InDesign中连字选项的应用
连字是根据特定的规则,在行尾断行的单词间添加的标识符。只有在使用强制对齐(强制对齐、强制右对齐、强制中对齐和强制齐行)才会出现连字符,因为为了让左右段落长度相同,不得不断开行尾的单词。单词断开的位置是由词典来决定的。图5-50所示为连字对照图。图5-50 连字对照图(1)执行“文件”→“打开”命令,将本书附带光盘\Chapter-05\“Download.indd”文件打开,如图5-35所示。图5-51 置入文本(2)确认置入的文本框为选择状态。按下<Ctrl+T>键打开“字符”调板,设置“语言”选项为“英语:美国”。这时在文本中出现了连字符,如图5-52所示。图5-52 连字符(3)单击“段落”调板右上角的调板菜单图标,在弹出的菜单中执行“连字(H)…”命令,打开“连字设置”对话框,并选择“预览”复选框,如图5-53所示。

调整InDesign中的字距
使用“字距调整”对话框中的选项,可以设置允许InDesign偏离标准“单词间距”、“字母间距”及“字形缩放”的程度。在中文文本中,会忽略(罗马)字距调整设置的“单词间距”、“字符间距”及“字形缩放”。要设置中文文本字符间距,请使用“标点挤压”对话框。“最小值”、“最大值”和“所需值”只有在设置双齐文字时才会生效。若是其他所有段落对齐方式,InDesign将使用在“所需值”中输入得值。“最小值”和“最大值”的百分比与“所需值”的百分比差异越大,InDesign在调整每行对齐时就可以在更大范围内增大或缩小间距。书写始终都会尝试让行间距尽可能地接近“所需值”设置。图5-55所示为字距调整的对照图。图5-55 字距调整对照图(1)确认置入的文本为选择状态,单击“段落”调板右上角的调板菜单图标,在弹出的快捷菜单中执行“罗马字距调整”命令,打开“字距调整”对话框,如图5-56所示。图5-56 “字距调整”对话框(1)将“预览”选项复选,然后设置“单词间距”选项调整单词之间空格的宽度,如图5-57所示。图5-57 “单词间距”选项(2)设置“字母间距”选项参数调整字母之间的距离。包括字偶间距调整或字符间距调整,如图5-58所示。

InDesign中保持选项命令的应用
“保持选项”可以让用户防止寡行和孤行发生。寡行是指落在一栏顶部的段落作后一行,如图5-40所示。孤行是指落在一栏底部的段落第一行,如图5-41所示。当一个段落在栏的底部被分开时,可以让它保持与一个段落的文本在一起。图5-42所示出示了保持选项对照图,图中的菜单为“段落”调板中的菜单。图5-40 寡行图5-41 孤行图5-42 保持选项(1)在“段落样式”调板中“文本”样式上双击,打开“段落样式选项”对话框,在左侧选择“保持选项”项目,如图5-43所示。图5-43 “保持选项”项目

在InDesign中使用段前和段后线
段前线和段后线是嵌套在段落间的样式,可以随文本一起移动,并且可以根据字符调节线条的长短。在一个段落中可以同时添加段前线和段后线。图5-34所示为段前线和段后线对照图。图5-34 段前线和段后线对照图(1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-05\“秦俑.indd”文件,如图5-35所示。图5-35 素材光盘(2)打开“段落样式”调板,双击“小标题”样式,打开“段落样式选项”对话框,选择“预览”复选框,接着单击左侧的“段落线”项目,打开“段落线”选项,如图5-36所示。图5-36 段落线(3)单击“段前线”选项的下拉按钮,在弹出的下拉列表中选择“段后线”,然后选择“启用段落线”复选框,即可在视图中的小标题上显示出段落线,如图5-37所示。

具体应用InDesign中的缩近和间距选项
图5-10所示为缩进和间距对照图,图中菜单为“段落”调板中的菜单。图5-10 缩进和间距对照图(1)使用“选择”工具将文本选中,单击“段落”调板左上角的“左对齐”按钮,将文本框中的文本以文本左边缘为基准排列文本,如图5-11所示。图5-11 “左对齐”文本(2)然后依次单击“居中对齐”按钮和“右对齐”按钮,效果如图5-12所示。图5-12 设置对齐方式文本可以与文本框架一侧或两侧的边缘对齐。当文本与两个边缘同时对齐时,即成为两端对齐也称为双齐。可以选择对齐段落中除末行以外的全部文本,也可以对齐段落中包含末行的全部文本。如果末行只有几个字符,则可能需要使用特殊的文章末尾字符创建右齐空格。

定位符在InDesign中的使用方法
在文本中插入定位符,可以在“定位符”对话框中,根据定位符调整文本的位置,使文本左齐、居中、右齐或小数点对齐。接下来通过实际操作来学习定位符的使用方法。(1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-05\“上半年产量表.indd”文件,如图5-28所示。图5-28 素材文件(2)使用“选择”工具将文本框选中,然后执行“文字”→“定位符”命令,打开“定位符”调板。图5-29 打开“定位符”调板提示:如果“定位符”调板没有和选择的文本框对齐,可以单击该调板右侧的“将面板放在文本框架上方”按钮。(3)单击“定位符”调板左上角的“左对齐定位符”按钮,然后在定位符标尺的上侧单击,插入左对齐定位符,然后在X选项的文本框中输入数值,使该定位符精确定位,如图5-30所示。

常规选项在InDesign中的应用
如图5-3出示了“段落样式选项”对话框内的“常规”项目,该项目与“新建字符样式”对话框内的“常规”项目相比,只是多了“下一样式”选项,该选项功能在输入完本段文本后,下一段文本自动应用提前设置的段落样式。图5-3 常规选项(1)启动InDesign,执行“文件”→“打开”命令,打开本书的附带光盘\Chapter-05\“一剪梅.indd”文件,如图5-4所示。图5-4 素材图片(2)参照图5-5所示,使用“文字”工具,将相应文字选中,并在“控制”调板中对文字属性进行设置。图5-5 设置文字(3)保持选择的文字不变,执行“窗口”→“文字和表”→“段落”命令,打开“段落”调板,单击调板上的“居中对齐”按钮,将选择的文本居中对齐,如图5-6所示。

介绍InDesign中的特殊符号
特殊符号有三类:分隔符、特殊字符和空格字符,如图5-1所示。这三类特殊字符都可以从“文字”菜单中的“插入……”命令子菜单中选择。除分隔符和部分空格字符以外的其他特殊字符都可以在“字形”调板中找到。图5-1 特殊符号命令在编辑文本时,如果能看到像空格、段落结尾、索引标记和文章结尾等非打印字符,将会对排版有所帮助,如图5-2所示上图为隐藏,下图为可见。这些特殊字符只有在文档窗口和文章编辑器中可见,这些字符不会被打印出来或输出到PDF文件和XML文件中出现。执行“文字”→“显示隐含的字符”命令后,可以隐藏或显示这些字符。图5-2 隐藏和显示特殊符号分隔符中命令、快捷键和说明如表5-1所示。 命令快捷键

InDesign种描边调板的具体操作
在“描边”调板中设置对象的描边效果。如描边线条的粗细、线条的样式、线条连接、起点形状和终点形状等选项。下面通过操作学习这些选项使用的方法。(1)使用“钢笔”工具在视图相应的位置创建直线图像,如图6-79所示。图6-79 创建直线图像(2)执行“窗口”→“描边”命令,打开“描边”调板,如图6-80所示。图6-80 “描边”调板(3)在“粗细”选项的文本框中输入数值,可以调整描边图像的宽度,数值越大描边越宽,如图6-81所示。图6-81 “粗细”选项