推荐阅读

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

食色饰品制作01
本实例所安排的是一个饰品的产品宣传页,对于产品宣传页之类的出版物,其图片资料较多,内容较琐碎,在排版时要注意其版面内容的安排。本例中图片全部采用“自定义文本绕图”编排,有效地利用了版面的空间,实现了文字与图片之间的穿插。制作概览如图4-31所示。图4-31 制作概览(1)启动PageMaker,执行菜单栏中的“文件”→“新建”命令,打开“文档设定”对话框,参照图4-32所示在“页面尺寸”下拉列表中选择“B5”,并将“打印方式”设置为“横式”。在“页数”和“起始页码”文本框中均输入1;在“边界”选项组中,设置“内”、“外”、“顶部”和“底部”的边界均为3毫米;其他设置保持系统默认状态。设置完毕后,单击【确定】按钮,关闭对话框,创建一个新的出版物页面。图4-32 “文档设定”(2)执行“文件”→“置入”命令,打开“置入”对话框,选择本书附带光盘的Sura-04文件夹下的“底纹.tif”文件后,单击【打开】按钮,关闭对话框,在页面上单击,置入所选图像,并在“图像”控制面板中更改其“宽”和“高”参数,将其扩大至页面等大小,如图4-33所示。 图4-33 置入图像

食色饰品制作02
(11)将两个图形全部选定,执行“成分”→“组成群组”命令,将所选定图形群组,单击群组后的图形,在“图形控制”面板中查看其高度为13.1mm,然后再执行“编辑”→“复制”命令,复制群组图形,接着执行“编辑”→“多重粘贴”命令,打开“多重粘贴”对话框,在“粘贴”中输入所需要复制的份数,在“垂直偏移”文本框中输入的数值是参考群组对象的高度加上两个群组对象之间所要留空的距离的和,完成设置后,单击【确定】按钮,将对话框关闭。群组对象按照对话框设置进行多重粘贴,如图4-41A所示,将多重粘贴的对象全部选定,将其全部群组,然后再复制一份安排至如图4-41B所示位置。 图4-41 “多重粘贴”对话框及其应用效果(12)接下来,使用“文本”工具,分别输入四组段落文本,如图4-42所示。图4-42 输入段落文本(13)再分别将每个段落文本的第一个字改变颜色、字号和字体,并将其加粗,具体操作为:使用“文本”工具在段落文本的第一个字前单击,待出现闪动的插入字符的光标时向右拖动鼠标,将首字选中,然后从“字符控制”面板中设定其字体、字号以及粗体,然后在“颜色”面板中直接单击所需要的颜色名称即可填充文字颜色。其中“调”字为红色,“饰”字为深绿色(印刷色青色100、洋红0、黄色100、黑色0),“具”字为紫色,“发”字为青色。其效果如图4-43所示。图4-43 设置首字效果(

蛋糕宣传页制作03
(1)接下来置入一些蛋糕的图片。执行菜单栏中的“文件”→“置入”命令,打开“置入”对话框,如图5-56所示。选中图像文件“蛋糕 1”,该文件在本书配套光盘上的路径为:\Sura-05\蛋糕1,选择后单击【打开】按钮,完成置入图像的工作。图5-56 “置入”对话框(2)将鼠标在文档中单击一下,图像以原始尺寸置入。置入的图像相对于文档来说有些大,按住<Shift>键向内拖动图像周围的角控制柄,将其等比缩小并放置到如图5-57所示的位置。图5-57 调整图像大小及位置(3)接下来将为置入的图像添加投影效果。使用“椭圆”工具,绘制一个与蛋糕盘相似的椭圆,填充颜色设置为“无”;线型颜色为“黑色”,如图5-58所示。图5-58 绘制投影轮廓(4)保持绘制图形的选中状态,选择菜单栏中的“成分”→“排列”→“移至最后”命令,将线型椭圆移至蛋糕图像的下面。如图5-59所示。

蛋糕宣传页制作02
(1)在“图层”面板底部,单击【新建图层】按钮,打开“图层选项”对话框。参照图5-42所示在“名称”文本框中输入“文字”,设置完毕后,单击【确定】按钮,关闭对话框。图5-42 “新增图层”选项对话框(2)首先为要添加的主题文字绘制背景。使用“矩形”工具,在页面的左上角绘制两个矩形,下面的大矩形填充颜色为洋红色,上面小矩形填充颜色为黑色,效果如图5-43所示。图5-43 绘制并填充矩形(3)设置填充颜色为“黄色”,使用工具箱中的“文字”工具,参考图5-44所示在“字符”面板中,单击【加粗】按钮;在“字体”下拉列表中选择“汉仪黑咪体简”选项;设置“字体大小”为“24”;完毕后,按下<Enter>键确认。然后在黑色矩形上标题文字“甜蜜蜜”,输入文字后的效果如图5-44所示。图5-44 输入文字(4)使用“文字”工具选中刚输

蛋糕宣传页制作01
一年365天,天天都有新的生命诞生,也就是说每天都会有无数的人过生日,在生日的宴会上,蛋糕可是一个不可缺少的嘉宾。蛋糕的消费群体不分男女老少,如此庞大的队伍促使众多的蛋糕店频频开业,其广告也随之蜂拥而上,如何在众多的同类广告中脱颖而出,广告设计者们可是伤透了脑筋。颜色可以刺激人的食欲,也可以抑制人的食欲,设计食品类广告对于用色一定要注意,切忌乱用色,而导致不好的市场效应。本实例整体色调采用暖色,色彩明快,在视觉上具有一定的冲击力。本小节在制作过程中,对于工具箱中的一些基本工具加以充分运用,如使用“矩形”工具绘制直角矩形和圆角矩形,使用“椭圆”工具绘制正圆,结合复制和多重粘贴命令创建出有秩序的图形。本小节分为三个部分,第一部分是背景的绘制,首先使用“矩形”工具,绘制一个和页面等大的矩形,然后设置“矩形”工具为圆角类型,绘制两个圆角矩形,再设置“矩形”工具为直角类型,绘制直角矩形放置到圆角矩形的圆角上,将圆角矩形的个别角遮盖。第二部分是添加修饰图形及文字,修饰图形主要还是使用圆角类型的“矩形”工具绘制圆角矩形,标题文字的制作只是改变了各个文字的颜色。第三部分是编辑蛋糕图片,首先是置入蛋糕图片,然后使用“椭圆”工具,通过椭圆形状和颜色的运用,表现简单阴影效果。图5-31给出了该实例制作概览。图5-31 制作概览(1)启动PageMaker,执行菜单栏中的“文件”→“新建”命令,打开“文档设定”对话框。参照图5-32所示设置新建出版物的页面尺寸为216×136mm,页面打印方式为“横式”,设置完毕后,单击【确定】按钮,关闭对话框,新建一个与宣传页尺寸相当的出版物页面。

诺基亚宣传册--制作宣传册目录07
(12)将组成表格的所有部件选定,执行“成分”→“组成群组”命令,将所选对象群组,再执行“成分”→“锁定位置”命令,锁定表格。(13)执行“工具”→“创建目录”命令,打开“创建目录”对话框,在“标题”文本框中输入目录标题“目录 CONTENTS”,在“方式”复制选框中选择“页号置前”,然后单击【确定】按钮,关闭对话框。此时光标变为形状,在页面中单击,系统自动生成小册子的目录,如图12-95所示。图12-95 创建目录目录中所列出标题是上一节在制作宣传册内页时定义在排式中的标题,如出版物中的内容需要在目录中显示,可以在段落排式中设置。(14)系统生成的目录标题中的文字字号不统一,与宣传册中排版要求不符合,需要重新设置目录与目录内容的字号与字体,使其保持统一。使用“文本”工具在“目录 CONTENTS”前单击,然后拖动鼠标至字母结束处释放按键,将文字抹黑,使其处于选定状态,如图12-96A所示。接着在“字符”控制面板中设置文字字体及字号,参考图12-96B所示,再将目录内容文字的字体及字号统一进行设置。图12-96 统一目录字体、字号(15)系统自动生成的目录不适合我们刚才所绘制好的表格,接下来,将对目录进行编辑。首先,将页码后面的“……”删除,只留空格,如图12-97的所示。

诺基亚宣传册--编辑宣传册内主页05
(19)接下来开始制作宣传册的第四、五页。单击页面窗口下方的第四、五页的图标,将页面切换到第四、五页。然后使用“矩形”工具,在第四页页面中绘制如图12-62所示红色矩形图形。图12-62 绘制红色矩形图形(20)继续使用“矩形”工具,再绘制一个黑色的矩形图形放置在红色矩形图形的右侧,如图12-63所示。图12-63 绘制黑色矩形图形(21)参考步骤(5)绘制一些黑色的小矩形块,参考图12-64所示空一个位置摆放一个,其中下面三个分别旋转15度和45度摆放。图12-64 绘制小矩形色块(22)从本书附带光盘的Sura-12文件夹下分别将“04.tif”、“05.tif”、“06.tif”和“07.tif”四幅图像一一置入页面中,参考图12-65

诺基亚宣传册--制作宣传册目录06
目录是出版物中必不可少的一部分,它是出版物内容的提纲,可以方便读者快速查寻一本出版物中的内容。接下来,将以上节制作的宣传册为例,来为读者介绍如何为出版物创建目录。(1)打开上节所做的“NOKIA宣传册.p65”,单击页面窗口下的第一页图标,将页面切换到第一页,此时,可以看到主页所做底图,如图12-84所示。图12-84 宣传册第一页页面(2)在目录页面中不需要应用主页中的设置,可以执行“窗口”→“显示主页”面板,打开“主页”面板,单击“主页”面板上的“无”,系统弹出“询问”对话框,提示是否应用主页“无”,单击【是】按钮,将对话框关闭。应用“主页”为“无”,其效果如图12-85所示。图12-85 “主页”面板和“询问”对话框以及应用效果(3)接下来,开始绘制目录的背景部分,使用“矩形”工具,绘制一个191mm×90mm的矩形图形,将其填充为黑色,激活“颜色”面板,单击“黑色”,然后在“淡印色”下拉列表中选择10%,其效果如图12-86所示。

诺基亚宣传册--编辑宣传册内主页04
主页部分编辑完成后,接下来开始编辑宣传册的内页部分。(1)内页部分将从文档的第二页开始编排,第一页先空出来,留作目录使用,首先,单击页面窗口下方的“二、三页”图标,将页面切换到第二、三页。激活“图层”面板,单击其下方的【新建图层】按钮,弹出“新增图层”对话框,参考图12-45A,对对话框进行设置,完成设置后,单击【确定】按钮,将对话框关闭。在“图层”面板中,新增加一个图层,并将“图片”图层拖至“文字”层的下层,如图12-45B所示。图12-45 “新增图层”对话框与“图层”面板读者在页面中创建的对象可以放在相应的图层中进行编辑,图层之间是交替操作的,读者在制作中要注意切换相应图层,在“图层”面板中单击某一图层的名称,就可以切换到所选图层中进行编辑。在后面的操作中新建的图层会逐渐增多,本例在以下操作中就不提示切换图层,请读者根据图层名称安排页面中所创建对象所在的图层(2)执行“文件”→“置入”命令,打开“置入”对话框,选择本书附带光盘的Sura-12文件夹下的“01.tif”文件,单击【打开】按钮,关闭“置入”对话框。此时会弹出一个疑问对话框,单击【是】按钮,关闭该对话框,然后在第二页的页面中单击,置入所选图像,如图12-46所示。

诺基亚宣传册--编辑主页03
完成宣传册的封面与封底的制作后,接下来,开始编辑主页部分。一个产品的宣传册页面务必要做到全册风格统一,对于页数较多的小册子来说,每一页都去编辑相同的东西实在是费时费力。如果运用PageMaker中的主页功能,这些繁琐的重复性劳动,就会立刻解决。(1)首先,启动PageMaker,执行“文件”→“新建”命令,打开“文档设定”对话框。参照图12-31,直接在“自定尺寸”文本框中输入文档尺寸216×153毫米,将“打印方式”设置为“横式”,启用“双面”、“对页”选项,将“页数”设定为14,“起始页码”为1,分别在“边界”选项组中设置各边界线参数,“内”15毫米、“顶部”15毫米,“外部”10毫米,“底部”10毫米。其他选项设置,按其默认值,然后单击【确定】按钮,将对话框关闭,创建一个空白文档。图12-31 “文档设定”对话框(2)创建好空白文档后,单击页面窗口左下角的“主页图标”,切换到主页。通过设置辅助线确定出血线的位置,分别在“水平标尺”和“垂直标尺”上单击然后拖出四条辅助线,各边辅助线距页边3毫米如图12-32所示。图12-32 绘制出血线