推荐阅读

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

Photoshop转手绘:快速把手机照片转成唯美手绘效果
最终效果原图1、打开原图先改下分辨率,图像-图像大小-分辨率300,宽度2000。然后调曲线,可选颜色,目的是调整肤色。2、把脸部和衣服单独选中,把脸调的稍微亮一些,衣服我改了下颜色。

工笔画图片,PS软件制作高档大气仿工笔画美女图片
工笔风的教程网络上有很多种,很少有人能把孙郡的照片的精髓抓住,而且效果并不好;这种片子的效果,整体层次,服装层次,色彩层次等都有鲜明的特点;把握好后,就可以做出大师级别的效果。 最终效果 一、打开人物素材,然后抓回高光和暗部的细节!做好修调,然后我们进入工笔风调色。 二、新建一个图层,上色,RGB数值我选到的是 R:174 G:157 B:129;然后,正片叠底,我们会得出这样效果的片子,这样可以整体让照片都能得到一个偏色的效果。 三、由于第二步整体上色因为用到的是正片叠底,让照片变得比较暗。 我们会复制上一层的正片叠底,然后改为滤色,把照片的明度提高,特别是把暗部区域层次提高,让照片暗部达到中性灰以下,这个图层的透明度为40%。而且我们可以就在这个层上面做到纹理效果。

广告海报图片,PS合成奢华亮丽宝石广告海报图片教程
本教程介绍珠宝类海报的制作方法。这类广告光影渲染非常重要,需要把珠宝的华丽及光芒四射的特性表现出来。作者在制做中非常注重光感的渲染,把珠宝的特性表现的淋漓尽致,非常值得学习。 最终效果 一、在photoshop中新建文件,宽600px、高700px,背景填充黑色。 二、使用矩形选择工具,取得宽600px、高度大约450px的矩形选区。新建图层,然后选择渐变工具,创建白到透明(由下而上)的径向渐变。降低图层不透明度为40%。 三、打开下图所示的钻石素材,把背景去掉,拖进来。执行“图形-调整-去色”。

广告图片,PS合成沉落海底手提包广告图片设计教程
本教程介绍创意的视觉广告设计。作者的思路及创意很不错哦,用一系列生动有趣的画面展示时尚产品。不过本教程没有提供素材的原始图。 最终效果 一、新建“海底情怀”文件,如图1所示: 二、打开“海底素材”图片,执行“选择”/“全选”命令,执行“编辑”/“拷贝”命令,然后回到“海底情怀”画布上,执行“编辑”/“粘贴”命令。按Shift键不松手,再按“Ctrl+T”进行自由变换调整;将图层重命名为“海底”,单击“好”。如图2所示: 三、建立选区。单击“椭圆选框工具”如图3所示: 四、羽化选区。按快捷键“Ctrl+Alt+D”,将羽化半径设为100,单击“好”。

沙漠图片,PS合成荒凉沙漠中唯美特效图片设计教程
效果并不复杂,合成的时候只需要按照自己的思路去发挥,先构思好场景,找好合适的素材,然后由背景开始慢慢溶图即可。 最终效果 一、新建一个1440 * 700像素的黑色文档。将沙漠素材拖到文档中,隐藏沙漠之外多余的部分,如下所示。 二、复制沙漠层,应用:滤镜 > 杂色 > 减少杂色,其目的在于减少噪点,同时保留图像细节。 三、调整所需沙漠部分,隐藏不必要的部分。 四、创建黑白调整层与色阶调整图层,设置及效果如下图。

唯美图片,PS合成唯美霞光烟雾特效古城图片
建筑图片常用的美化方法就是给图片加上朝霞效果。可能处理的难度较大,需要根据光源方向慢慢渲染整体颜色。天空部分最好选用日出素材,这样做出的效果更逼真。 最终效果 原图 一、打开原片后执行色阶命令-----单击自动(注:色阶命令中的自动,它是根据图像本身的曝光量和色彩的浓度以及图像中的黑场和白场,自动调整一个适合的分配数值,其调整的效果仅供参考,简单的说,它可以增加图像的对比度)。 二、打开所需素材,并将素材拖入画布中,如图所示(注:为什么要选择这样的素材做背景合成?那么这个素材在图像中起到什么作用?从原片上我们不难分析出这是夕阳下所拍摄的画面,由于相机的原因(这是傻瓜卡片机拍摄),使得画面中的天空过于苍白,失去层次和质感。为了让画面有种延伸感,所以在选择素材时,我们最好要选择背景层次比较突出,画面效果大气,而且还要和原片的拍摄时间以及角度相接近才可以。这样的素材在合成后,不仅可以弥补相机拍摄时所造成的不足,还可以让画面充满生机)

科幻图片,PS软件合成炫酷科幻水人图片效果
本教程的合成效果有点类似科幻片的角色,一个全部由水构成的人物,非常有创意。制作的过程比较简单:我们需要把人物手,脚,脸等部分用图章工具去掉,用水花素材替换,需要控制好水花的浓度及溅起的水花方向,后期再调整一下颜色即可。 最终效果 原图 一、打开原图素材,我们首先要用仿制图章工具将腿部去掉,露出后面的墙体。 二、擦除后的效果如图,在墙体上加上了一些阴影效果。 三、我们打开下图所示的水珠素材,形成左腿的形状,注意边缘的飞溅效果,这样才有动感和真实感,如图。

用PS精修玻璃喷雾瓶产品图片的photoshop修图教程
原图构造是比较复杂的,主图分为:瓶身和瓶盖,瓶身又包含:玻璃容器、塑料管、标签等;盖子也包含多个结构;绘制的时候先把图片拆解,然后按一定的顺序慢慢绘制。最终效果原图1、打开原图。把上面的产品图保存到本机,打开PS软件,再打开保存的图片。先来简单分析一下产品缺点:整体偏暗、产品角度不正、光影有点乱、局部不清晰。2、复制背景图层。按Ctrl + J 把背景图层复制一层。

用PS精修面霜护肤产品图片的产品图片精修教程
原图为比较常见的面霜产品图,瓶身为玻璃材质,盖子部分是木质结构;不过拍摄的时候没有把产品的剔透感拍出来,需要后面慢慢渲染出来。最终效果原图1、打开原图。把上面的素材保存到本机,打开PS,然后打开保存的图片。2、填充背景色。按Ctrl + J 把背景图层复制一层,然后选择背景图层,填充白色。3、新建原图组。选择复制的图层,然后点击图层面板右上角的菜单,选择“从图层新建组”,在弹出的对话框命名为“原图”,然后确定。