注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

逸雨寒烟的博客

 
 
 

日志

 
 
关于我

因近期私人时间有限,暂拒绝加入任何圈子,也不会制作任何图片~博客会做相应的调整,暂时只会转载收藏一些较为实用的教程为主!

网易考拉推荐

PS动态教程之FLASH动态效果的应用  

2009-03-17 20:34:41|  分类: PS动态制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

       又是十几天没更新博客了,呵呵~觉得自己很懒呐!前几日好友蓝馨慧质在看过我做过的图片后,问我图片中的星光效果是怎么做出来的。其实那种星光效果在PS中虽然可以完成,但不知道要麻烦多少倍!从星光的运动轨迹,和若隐若现的效果上来说,用PS中不是那么简单几帧几十帧就可以做出来的!最近寒烟在韩国网站中收集了许多闪闪的卡片,动态效果都很漂亮哦!仔细观查,其中的动态效果大多都是在Flash中做出来以后再加在卡片上面的~或者说那卡片是在Flash编辑过后再转换成Gif图片的!寒烟在做图片时常常会加一些Flash中的动态效果,其实自己也跟本不会用Flash做图片的,去年时学了一些基础知识。因为中间有事要忙,所以也N久没碰过了。那么自己是怎么用Flash里面的动态效果来做Gif图片的呢!下面我就给大家介绍一下~

      首先要有一个将Flash转换成Gif的软件,就是MSwf2Gif

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

     在网上透明Flash的素材有很多,下载一个喜欢的透明flash。在MSwf2Gif打开(如图1),这时我们什么都看不到,因为星星是白色的,所以我们在显示窗口中看不到图片的。我们给Flash的背景换一下底色,我们把底色换成黑色(如图2、图3),这样我们就可以看到闪动的星光了(如图4):

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                          (图1)

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客                 PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                           (图2)                                                                        (图3)

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                              (图4)

      下面我们要做的就是把这个Flash转换成gif图片,首先我们用鼠标点击一下在SWF文件列表中的文件,列中的闪星的那个文件成蓝色(这样才可以完成转换)如图5:

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                  (图5)

      然后我们点选此软件下方的(转换成GIF文件)如图6),此图片一共19帧,很快就可以完成转换~转换完成后,会自动保存到该软件安装路径中的GifImg文件夹中。

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                          (图6)

      OK了!这就是我们想要的动态效果图片了(如图7):

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                    (图7)

      那么我们又是如何把这个闪闪的星光加到图片中的呢?因为要编辑动态图片,所以我们要打开ImageReady,然后在ImageReady中打开这张闪星图片!再打开你需要加星光的图片(如图8),我们现在就让这张漂亮的玫瑰图加上闪闪的星光

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                     (图8)

      在ImageReady中首先把我们需要的工具都打开,点上方工具栏中的窗口(如图9)依次打开动画、工具、图层、选项(因为朋友是初学PS,所以这里说的比较详细些):

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

              (图9)

      打开工具后,我们观察一下两幅图片!可以看到玫瑰图因为是静态图片,所以在动画中只有一帧,在图层中也就只有一个图层!然星光图因为是动态的,并且用了19帧才完成!所以有19个图层,在动画中也就有19帧!我们对比一下(如图10、图11)

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客  PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                  (图10)                                                                           (图11)

      现在我们要把这19帧的星光加到这张玫瑰的图层中去,首先我们在星光的动画栏中,点一下PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客!在弹出的菜单中选择全部帧(如图12),然后再点一下PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客~弹出的菜单中选择拷贝帧!(如图13):

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客     PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                        (图12)                                                                    (图13)

      在玫瑰动画栏中也同样点此按扭,我们这次要在菜单栏中选择粘贴帧(如图14):

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                         (图14)

      这时我们看到的效果是黑色的星光背景盖住了玫瑰图片,而且只有第一帧可以看到黑色星光下面的玫瑰(如图15)!第二帧以后就只能看到星光图案了!(如图16)

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客     PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                             (图15)                                                          (图16)

      现在我们要做的是让每一帧下面都有玫瑰图片!这时我们看图层栏与动画栏中的对应图层,在动画栏里的这一帧中和图层栏里都是显示玫瑰图片的(如图17):

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                          (图17)

      我们再用鼠标点击一下动画栏里的第二帧,然后我们看图层栏里的状态(如图18),这时我们可以看到对动画栏里的对应图层只有黑色星光图的那个图层前面是有“眼睛”的,而玫瑰图层中却没有:

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                      (图18)

      这就是为什么动画栏中除了第一帧中有玫瑰图片,而后面所有帧都没有玫瑰图片的原因了!这就是动画与图层的关系所在,因为图层中未显示,所以对应的动画栏中也一样不会显示~那我们要做的是就是把图层中的那们对应的玫瑰图层中前面的眼睛打开,这时我们就能看到对应的动画栏里的第二帧中有玫瑰图片了(如图19):

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                            (图19)

      下面该做什么就不用我说了吧,因为动画栏里后面的所有图层中都没有显示玫瑰图案~那我们就依次把对应图层中的玫瑰图片前面的眼睛打开就可以了,就是说下面用鼠标点击一下动画栏里的第三帧,然后再回到图层栏里,把玫瑰图层中前面的眼睛打开就可以了(如图20)!就这样,我们把这19帧中的动画依次按照上面的那个步骤去做,直到动画栏里的所有帧里都显示玫瑰图片为止(如图21):

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                              (图20)

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                           (图21)

      上面的步骤我们全部设置好以后,我们可以看到动画栏里第一帧的图片都是黑色的星光把玫瑰图片给盖住了!这样就算动画做出来了,能看到星光了~可看不到下面的玫瑰(如图22),不就没有我们要的那样的效果了吗?其实接下来的步骤很简单,我们只要依次把图层中的黑色星光图层改为滤色就可以了,下面跟我一起来做!我们同样在动画栏里点击第一帧,然后在图层栏中点击黑色星光的第一个图层。然后在图层栏的上面改一下模式,改成滤色就可以了(如图23)【注意:滤色模式一般用黑色背景图片最好】:

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                       (图22)

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                          (图23)

      这样我们就可以看到动画栏里的第一帧的玫瑰了,而且还看到了一个星星哦!!!这样就没有了黑色的背景遮挡了!那么下面还有第二帧,第三帧~也都是一样的步骤哦(如图24)!!!

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                        (图24)

      按照上面的步骤,我们把图层中所有星光图层的模式都修改好了,这样我们就可以看到动画栏里所有帧里的玫瑰与星星了(如图25)。接下来我们要做的就是设置动画时间了,在动画栏中点击PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客,在弹出的菜单中选择所有帧(如图26),然后在其中一帧的下方点一下,就可以看到时间的选择菜单了(如图27)~~我这里设置的是0.1秒!!!还有就是要千万注意哦,在动画栏左下角的那个位置,要点选取永远!这是新手们要注意的(如图27)!!!

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                         (图25)

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客            PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                       (图26)                                                                           (图27)

动画时间我们也设置好了,下面我们来保存~在上方菜单栏里点窗口----优化(如图28)。在优化栏中设置好(如图29):

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客                   PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

               (图28)                                                        (图29)

设置好以后,我们来保存图片。点文件---将优化结果存储为---对话框中点保存(如图30、31):

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                                (图30)

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

                                           (图31)

      这样我们的这张图片就做好了,让我们来看看效果吧:

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客      PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

下面还有一张我以前制作过的图片,也是用这种方法制作出来的动态效果!

PS动态教程之FLASH动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客 

                

           PS动态教程之FLASH动态效果的应用 - 逸雨寒烟 - 逸雨寒烟的博客 

                             

                                                   PS动态教程之FLASH动态效果的应用 - 逸雨寒烟 - 逸雨寒烟的博客         

 

  评论这张
 
阅读(2648)| 评论(41)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017