网站地图    收藏   

主页 > 前端 > photoshop教程 >

PS动态教程之FLASH动态效果的应用图解教程_自学

来源:自学PHP网    时间:2014-12-04 23:23 作者: 阅读:

[导读] 图片中的星光效果是怎么做出来的。其实那种星光效果在PS中虽然可以完成,但不知道要麻烦多少倍!从星光的运动轨迹,和若隐若现的效果上来说,用PS中不是那么简单几帧几十帧就可...

图片中的星光效果是怎么做出来的。其实那种星光效果在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动态效果应用 - 逸雨寒烟 - 逸雨寒烟的博客

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论