用动态gif使个人主页背景图动起来-学习笔记

来源:百度文库 编辑:神马文学网 时间:2024/04/28 08:03:34
用动态gif使个人主页背景图动起来   

 

  自从网站新版可以个性化设置主页以来,铃儿就想让个人主页背景图动起来。swf是不能用的,但可以用动态gif。那就做个动态gif大图,或者在jpg大图上加个动态gif小图,使个人主页背景图动起来。铃儿昨天学着在jpg大图上加个动态gif小图,然后保存为gif,用做页面背景图片。现在进入铃儿小屋,就看到背景图上有个圣诞老人驾着马车在奔跑。

  主页背景图是动起来了,铃儿得赶紧把制作方法记下来,不然,很快就会忘记的。呵呵!

 

用动态gif使个人主页背景图动起来

 1、在photoshop工具栏的下方,找到羽毛图标,点击打开ImageReady。
2、打开一张大图。



 

3、打开一个动态gif小图。



4、在图层中创建新图层组。

5、将gif各层拖入组内(当图层拖入组内时,即见gif向右缩进)。




6、将图层组拖入大图中,并调整到自己需要的位置。



7、在动画中复制帧(复制多少帧,由gif有多少层来决定。这个gif有10层,所以,动画里就要复制到10帧)。



8、在图层中将图层组拖入垃圾箱,删除时选“仅图层组”,以保留gif各图层。



9、在动画中选中第1帧,到图层中点开图层1的小眼睛,关闭其余各层的小眼睛。


 



在动画中选中第2帧,到图层中点开图层2的小眼睛,关闭其余各层的小眼睛。
在动画中选中第3帧,到图层中点开图层3的小眼睛,关闭其余各层的小眼睛。
用同样的方法操作,做完10帧。


10、设置动画各帧的延迟时间。这次都设置为0.05秒。



11、点播放,预览,ok了。
12、在优化面板中选gif。



13、文件——将优化结果存储为——保存。