ps动画教程实例

来源:百度文库 编辑:神马文学网 时间:2024/03/29 15:57:18
PS教程ps动画教程实例
ps动画教程实例(2008-09-02 19:38:00)
标签:杂谈
原图和制作后的效果:
  
一、制作方法,首先打开PS新建一张与原图一样大小的黑色画布来。使用椭圆选框工具制作出下图所示的同心圆环效果,画好后把圆环的几个图层合并,拖到素材图片里面,中心位置跟素材图片中心一致:
         

二、选择同心圆背景按Ctrl键,同心圆环图层调出图层选区,然后选择----羽化(数值为6),然后回到背景图层按Ctrl + J复制一层(图层2),如图下图:
  
三、按 Shift + Ctrl + X进入液化面版,选择膨胀工具,然后在圆环上涂抹,这样涂抹的部分就会膨胀,涂的时候要顺着圆圈涂,用力要均匀。大的圆环需要大一点的笔画,涂好后按确定:

四、回到圆环图层那层,按Ctrl + T,然后在上面的属性栏把宽和高等比例放大20%,然后确定,再按Ctrl点图层调出图层选区,然后选择----羽化(数值为6),回到背景图层按Ctrl + J再复制图层(图层3):


                
五、把图层3,同样。按照上面的方法液化处理,然后把圆环再放大20%,这样重复4次,不过放大的时候如果最里面的圆环太大,需要适当补充一个小圆环,下图为制作好的所有图层:

六、点工具栏最下面的按钮进入IR面版。动画栏新建5个桢,时间设置为0.2秒。设置与动画相应的桢:
      
七、设置好后,按下播放按钮播放预览,然后选择菜单:文件 --- 储存优化结果,保存为GIF格式就OK了!
         

====================
一、PS制作,用PS制作动态的水波倒影需要下载滤镜插件,点击即可进入下载此滤镜的插件,下载解压后,把此插件放入到:\Photoshop.CS2.chs\Plug-Ins\滤镜文件夹中。下面说一下制作方法:
(1)、在IR中打开图片,在公共菜单栏点击图像---画布大小,加长一下图片下方的画布:

(2)、在透明处填充白色:

(3)、填充后,在动画栏复制4帧:
     
(4)、复制后点动画栏右上方的小三角---将帧拼合到图层,这样每个帧都有对应的图层:
    
(5)、下面我们首先编辑第一帧(第一图层),点击滤镜----Flaming pear----Flood 104,进入水波滤镜菜单栏。这里是我设的数值,其实数值可以自定,可以调节出很多种动态的水波效果。设置好数值后点击确定---OK第一帧做出来了:
             
(6)、下面再点击第二帧(第二图层),同样也是点击滤镜----Flaming pear----Flood 104,进入水波滤镜菜单栏。这一帧与上一次不同的是直接在设置下方点击一下种子就可以了,然后点击确定即可:
            
(7)、接下来第三、四、五帧,与第二帧相同,进入滤镜菜单后,点击种子---点击确定。这样我们把五帧的动画都做出来了。我们设置一下动画的时间,我设的是0.2秒,也可以设为0.5秒。

OK了!图片做出来了,我们把图片保存为GIF图片,下面是做出后的效果:

二、上面是PS滤镜制作动态水波的方法,懂得一些PS知识的人,很容易就可以学会。下面还有一种方法是还有一种动态水流制作软件,点击进入下载:这种软件只是针对制作水流效果的,制作后可以将图片存储为Flash与JPG、BMP文件。目前我还未发现可以直接转成GIF动态的图片,所以保存为JPG图片后,软件会把每一帧都保存起来。然后在IR里导入后,保存为GIF图片。
(1)首先在软件中打开图片,点击红色按扭,选取制造水波流动的区域,选取好后右击鼠标:
 
(2)、然后点击上方的动态效果设置数值,设置好以后,点击查看效果:

(3)、最后点击上方菜单---动画---文件次序---保存---保存为JPG文件(要先新建一个文件夹),把图片保存到此文件夹中,保存后,你打开文件夹会发现有很多JPG图片,一张图片为一帧。这时候打开IR---导入---作为帧的文件夹,导入后在动画栏中设置一下时间,然后保存为GIF图片即可,下面是用此软件做出来的图片:

三、以上两种是借助于软件制作出来的,那么有很多不会用PS软件的朋友们是不是也希望可以做出来呢,这里呢有一个网站http://www.layoutcodez.net/watereffect/  。浏览电脑中的图片----点击下面的Upload按键,稍等一会就OK了。(这个网站不能制作动态图片,水流效果也就只有一种)

下面是在此网站做出图片的效果:
     

=======================
PS教程之动态水珠
经常在网上看到许多漂亮的动态花草图片,上面常常会有闪闪发亮的水珠,或者水珠滴滴滑落的动态效果。我也一直在找关于水珠的素材,目前只发现透明flash有水珠的素材。可是我把透明水珠的flash转换为GIF图片时,背景却成了白色的了。因为水珠是透明的,所以我也没办法抠下来。其实我也知道PS可以做出来的,可是一直没有去学。今天下午在网上找了一些教程,学会了怎么做水珠,然后我试着做出了几张动态的水珠效果图片来,感觉还算不错。大家在做图片,或模板时加上动态效果的水珠,一定会很漂亮。下面是我的制作过程:
一、打开喜欢的图片,双击图层解锁。在需要做水珠的地方按住Shift键不放,用圆形选框工具,在图片上画一个正圆,然后再按Ctrl+J键将选区内的图象复制到新层。
           
二、点击上方公共栏滤镜---扭曲---球面化(一次或两次),然后再点滤镜---模糊---高斯模糊(数值不要太高)
 
这是做出后的效果:(我放大了一些)

三、选择图层样式---内阴影与投影(阴影不透明度10%,投影为70%,其它数值可自定。其中颜色的选择可选黑色,也可根据图片色彩中选取最深的颜色,这样看起来比较自然一些):
    
设置好以后点确定,下图为设置好的效果;

四、在水珠上面选取适当的位置,用圆形选取工具画一个圆或椭圆,点击渐变工具,选由白到透明,然后在选区内拉一下(从哪个方面拉,可根据光的位置及方向)
                  
做好后,再在反方面或中心位置选取一个小圆,选取后点上方公共栏的选择----羽化,再点编辑---填充(白色)
     
下图为做出后的效果(如果水珠大些,羽化半径可适当调高一些):

OK啦~~水珠做出来了,可是我们还要让它变成动态的(那么我们利用变形工具,让水珠慢慢从叶子上滑落)
首先在水珠图层上右击复制出一层来,利用编辑---自由变换工具,将水珠向下推动,也可用编辑---变换工具里的扭曲与变形,改变水珠的形状及大小,(要记住一点,每推动一次就要复制一次图层):
            

全部做好后,我把所有图层上面的眼睛点开让大家看一下,大家可以看到水珠滚动的轨迹:

OK了,下面我们把图片转到IR里打开,打开后可看到下面的动画显示帧数,然后我们在图层面板上依次点开眼睛图标,首先,我们打开第一层的眼睛,然后再动画面板下方点新建“醇,然后再关上图层1的眼睛,打开图层2,再新建一次动画帧。就这样依次把所有图层的眼睛打开一遍,每开一次,都要记得在动画面板上新建帧:
             
就这样,我们把所有的动画帧做好后,设置一下动画时间,然后保存为GIF图片就完成了,下面是我做的几幅动态水珠效果的图片。


其实还有一种做法,就是把水珠做成透明的,就是刚开始选取圆形选区的时候,不按CTRL+J新建选区内图层,而是直接按图层面板下方的新建透明图层,然后水珠上方直接使用渐变工具(由黑到白),图层选择叠加。然后再做球形---模糊---水珠上方(渐变由白到透明),后面操作都差不多是相同的,自己实践一下吧。
==================
PS教程之钻石效果
不知道为什么,一直超喜欢韩国动态的卡片,而且收集了许多。可能是上面闪闪的钻石吸引了我。所以才想自己来制作钻石的闪光效果,钻石素材收集了不少,可是怎么做,刚开始也是不知道从何做起。只知道闪闪光的是用笔刷刷出来的效果,自己尝试着做了一下,原来也很简单,下面说一下我是如何制作钻石镶嵌与闪光效果的。
一、打开PS选一张喜欢的图片,然后找一颗钻石素材贴到你喜欢的位置上去。

二、然后打开星光笔刷,通常星光笔刷的原始取样大小都很大,可是一般的钻石上的闪光,也就用30*30的就够了,那么把笔刷缩小时,星光又成了一个小点,没有了星光的效果。不知道大家知不知道怎么自定义笔刷,我在这里简单的说一下,打开笔刷后,先新建一块透明画布,把喜欢的星光刷上去。然后把图片缩小为30*30,当然大的钻石的星光可以适当调大一些,尺寸自定。在这里为了大家能看清楚,我把星光设成了黑色,缩小成50*50。把星光缩小后,打开PS的编辑---定义画笔预设---点确定。这样你的笔刷里又多出一个小的星光笔刷来,
       
三、然后用你自定义的星光笔刷,在你贴好钻石的图片上刷上星光吧。看到了没有,两张图片我刷的位置不同哦,这样才会有闪光效果。然后在ImageReady里面打开这两张图片连在一起,这样就成了。
             

  呵呵```这样就做成了,漂亮吧?下面再给大家介绍几项需要注意的地方,否则就做不出来这么漂亮的星光哦。我做的时候发现了一个问题,笔刷刷在不同的图片上效果就不相同,有的刷出来有亮光和透明感,有的刷出来就是一个不透明的小点,下面有两张图片,大家做一下比较。
                    
为什么会出现这种情况呢,嘿嘿```我也不知道,完全都没有学过PS,所以是什么原因我不也知道。不过试过几次后,我知道解决的办法,一般笔刷刷在jpg的图片上,会像第一张图片那样很漂亮,可是有时候,在一些GIF图片上刷的效果就是第二张图片那样子了。这时呢,你在PS里新建一张同样大小的透明画布,把原图拷贝到透明的画布里,这样就会刷出漂亮的效果来了。这里呢,我把怎么做钻石闪光效果的过程,详细的告诉大家了,如果还有什么不明白的地方,可以留言给我。下面是我收集的一些钻石素材,喜欢的朋友拿去用吧。(看到喜欢的闪光钻石的图片时,也可以在ImageReady里打开,找到不闪的那一帧,然后把钻石抠出来)。
                                            

=========================
PS教程之(动态效果)
网易博客的模板自从可以上传gif动态图片以后,许多博友都爱上了动态效果的风格了。其实我也喜欢呢,加一些动态的雨、雪、星星、花瓣之类的大自然的效果,会让你的博客更浪漫,更有诗意呢。这两天有许多朋友问我怎么给图片加动态效果,其实这方面我懂的也不多,只是在做图片过程中,自己慢慢摸索出来一点。可是具体怎么做,一句话两句话也说不清楚,所以在这里我把我怎么做动态效果图的方法写出来。由于我本人也并非是学这个专业的,所以说的不好,或者不对的地方,请不要笑我哦,如果有更好的方法也请指点。下面我就用我做过的模板来做一个示范。
一、做图的朋友们,当然不会对PS陌生了,绝对不能缺少哦。

下面说一下制作雨滴、星光、效果。以图为例:(这一张是做好后没有加下雨效果的图片)

如何下雨呢,方法有许多种,有一种最简单的方法就是用PS笔刷,下载一个雨效果的笔刷。在网上很容易找到,如果找不到,可以留信箱给我,我可以给你们发过去。首先选区,矩形选框选中要下雨的区域,(不选区的话,用笔刷刷雨的效果时,会让你的屋内也跟着下雨哒),如果全图都要有下雨的效果,那就不用选区了,如图:
    
选好后,用雨的笔刷,刷出你想要的效果。画笔设白色:

这样看起来好像就是在下雨了,其实一张动态图片,要很多帧,那我们就多做出几张图来,记住哦,不可以拿第一帧的图片做第二帧用,这样就没有动态的效果了,我们只要按上面的步骤,重复做出几张雨的效果图来,还有一点,是要用同一张原图来制作,如果图的大小,位置不同,那么做出来的图片就会让你有“地震”的感觉。我做了三张同样的下雨效果图出来:


这三张图片,从外表看不出来有什么不同,其实这三张的图片的雨,我刷的有的多一点,有的少一点。这样才会有动态效果,好了这三张图片,要分别保存起来,为了方便辨认,我们给这三张图片的名字设为1、2、3。下面我们要把这三张图合到一起啦,首先打开:

在(ImageReady)打开刚才做好的三张图,

三张图片一起打开,先选第2张图片,在图片下面的动画里点一下旁边的按扭:
点开以后,出来一张对话框,上面有“拷贝帧”点一下。
然后打开第1张图片

点完粘贴帧后出现一个对话框:

然后用同样的方法,打开第3张图片:

拷贝帧以后,再回到第1张图片,此时第一张图片已经有两帧了:


OK!粘贴好以后,第一幅图片就有三帧了。如图:

下面让我们看看整体动态效果吧,选点一下效果预览,然后就可以看到下雨的动态效果了:
    
这样就完成了,还有最关键的一步就是,最后保存时,一定要把图片保存为gif类型,这样图片才会动哦~
    
(注意一点,每次要打开第几张图,一定要按我说的做,我用红色字体标明了,不要弄错了。)
这样最后才算完成了。。。这里只是做了雨的效果,其实,雪,星星、花瓣基本都是一样的,(星星笔刷,花瓣笔刷,雪花笔刷,网上全都有下载的)用笔刷在你选好的图片上刷出来,大小、颜色自定。在同一张图片上,多做出几幅图来,(只要每幅图片上刷的东西,位置、大小不同,拼合后的图片就可以做出你想要的动画效果来),以后有空呢,我会把如何做人物,动物,花草,动态的教程写下来,供大家参考。
下面是我做的两张星闪图:
    

-=================================
PS教程之闪边制作
今天看了一位博友写的U5闪图教程,其实我以前也经常给图片加闪底的,用U5做过,也用过PS。其实做法很简单,可是看到有些图片,做出来细细的闪边就不知道怎么弄了。今天看了博友的教程,用U5做的闪边很漂亮。可是自己做的时候却发现闪边的底色会露出来,可能是自己不太会操作U5吧,所以自己试着用PS制作。经过实践,终于做出自己想要的闪边了。不知道大家会不会呢,在这里写个教程吧。嘿嘿`````不过用PS做好像比U5麻烦些哦,但对U5陌生的朋友们也一样可以用PS自己制作。(可能自己想出来的制作方法略繁琐,知道简单方法的朋友也可以留言和大家分享)
一、在PS中打开喜欢的图片,把花边的纹理描出来。
                  
二、黑边描出来了,下面在IR中打开闪底图片,在IR打开后,再转到PS中,因为PS直接打开的话只有一帧。在PS打开后,点上方公共菜单栏里的窗口,把动画栏打开。此闪底共三帧,分别点击下面每一帧,把下面三帧分别设为自定义填充图案,把三帧的图案名称分别设为1、2、3。

三、然后把花儿的图片,也在动画栏里复制出三帧来,图层栏里复制三个图层。

这时候选魔术棒工具,在第一帧、第一层上的黑边上面点一下,然后点上方公共栏里的编辑---点填充。(把刚才自定义填充图案的三张闪底图片,分别填充到花儿图片的三个帧里面,要记住图层与帧的顺序)。三帧全部填充好后,把图片转到IR里编辑,设定好动画时间。最后保存为GIF图片。OK了~~~~

下面是做出来后的效果图:
                   

===================
PS中GIF图片保存优化设置
大家在做GIF图片时,保存后常常会出现图片失真的情况。至于种失真严重的情况,我只有在几张GIF图片拼合时才遇到过,平时保存GIF图片时虽然也会有失真的状况,但颜色差别也不是很大,所以也一直没有在意。下面介绍一个解决办法,还有我平时如何保存GIF图片的。
解决ImageReady中gif动态图片优化保存后失真变色问题
1、需要先把帧导出到一个文件夹,然后再重新导入mageReady。文件--〉导出--〉动画帧作为文件--〉选取--〉新建文件夹(文件夹命名为01,用来存放帧文件)--〉确定,
2、重新导入图片:文件--〉导入--〉作为帧的文件夹(导出帧时所起的文件夹01),选择全部帧(整个文件夹),按确定,
3、在帧画面上方点击右键,选择帧的处理方式,这里选“不处理”。如果在下面时间处点击右键或左键,则可以选择每帧的延迟时间。
4、最后预览一下,效果满意了就可以保存图片了:文件-->将优化结果存储为;这样基本就可以解决失真的问题了。(有时候“将优化结果存储为”显灰不可选,只要转换到ps里再转回来就可选了)
在保存为Gif的时候进行色彩优化。道理是这样的,gif的确只支持256色,但是,每张Gif所支持的这256种颜色并不是固定的,而是可以由你来选择的。换句话说,你可以通过优化把你的图片当中没有使用到或较少使用的色彩从gif调色板中去除或者简化,腾出更多的调色板位置给那些渲染得比较多的色彩。当然了,色彩优化不用你手工来做,ImageReady可以帮你完成,找到“重新构建颜色表”。
从“颜色表”调板菜单中选取“重新构建颜色表”。当“自动重建”选项关闭时,使用该命令生成新的颜色表。GIF做完了肯定会失真的。只能自己尝试调高色彩的位数就可以使图片质量高一些。在IR里面做好了GIF后导出-动画帧做为文件,这样就不会失真了,然后用U gif的向导导入刚才输出的图片然后另存就ok了,颜色和原来的颜色没什么区别把那个"颜色"调高点.256最高.."仿色"那里选"扩散"。
5、如果遇到质量特别不好的图片的话,可以适当的降低饱和度,然后再用色彩平衡等办法调出颜色。
我是如何制做GIF的图片的呢,我每次做图前,都会在PS中新建一层与原图片相同大小的纯色画布,再把原图拷贝上去,最后才在上面制作,尽量一次制作完成,如果来回的保存、再打开、再制作,这样的话也许会加重GIF图片的失真状况。
下面是回答好友妖娆的几个问题,1、IR保存的时候不弹对话框?是说保存GIF图片时不弹设置对话框吗?打开IR------窗口----优化(打勾),这样优化设置对话框就出来了吖。在PS中存储时,可以选文件-----存储为Web所用格式里设置。2、有毛边。下面介绍一下解决保存GIF出现毛边和锯齿的方法。
一般保存透明的gif图片时,除非图片的不透明区域是规则的矩形(而且没有羽化和阴影,外发光等),直接保存,都会出现锯齿。
这是没阴影的:

这是有阴影的

这是photoshop中的透明区域的演示

在保存的时候,有个选项,叫“杂边”的,如果把鼠标放到其上方,会出现说明:“定义颜色以混合透明象素“。在那里设置一下颜色,就可以比较好地解决这个问题,如图:

一般只要把这里的颜色设置成跟网页的背景颜色相同或相近,然后把这个图片放到网页里,就不会察觉到有锯齿。 比如最初那张幅透明gif图片,如果在保存的时候设置”杂边“为#F2F3F7然后保存,之后贴到这里,就不会有锯齿了:

上面所说的是GIF图片是锯齿的情况,下面是GIF图片出现的毛边情况(抠图不好的结果),下面一张图在白色背景下看不出有什么不妥,但当背景是别的颜色时,就看出来毛边来了
           
遇到这种情况,我会适当的给图片的人物“减减肥”,魔术棒点透明区-----选取相似----反远---顶栏(选择)----修改----收缩1像素(如果毛边严重,图片稍大些的话,像素可以多些)----反选----Delete后完成,每帧都要同样步骤哦。(也可用羽化的方式修改,效果好像不太好。嘿嘿````本人技术不够),修改后如下图:

关于妖娆所说的透明背景是黑色,保存后又没了。这个我也不太明白,从没遇到过这种情况。