网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群

Fireworks轻松制作动画图片,滚动效果的gif动画图片。

时间:2020-01-08 11:03 来源:网络 作者:佚名 阅读:
Fireworks轻松制作动画图片,滚动效果的gif动画图片。fw mx在web的gif动画上面无论从制作出来的动画体积以及质量上来说,都是最优化的,而且许多操作和面板都跟mx系列结合在一起,让web designer可以以最好的创意、最快的速度和最优化web输出快速建立一个web site。

下面是我做的一个动画,通过这个例子我们来看看fw mx如何让我们的web design变得更easy:

Fireworks轻松制作动画图片,滚动效果的gif动画图片。

(1)新建一文件,大小为450x116,然后我们用圆形、线条、钢笔等矢量做图工具做一个车轮的样子,如图所示:

Fireworks轻松制作动画图片,滚动效果的gif动画图片。

车轮的画法就不用我说了吧,不过fw mx里面的矢量绘图方式也增强不少,因为比较容易,就自己去体验一下了吧,还有车轮里面那个红点不要偷懒不画哦,等下有用处的。

(2)选中画好的图形,按f8键,将图形转换为animation,这时我们可以在library面板中看到它,呵呵,有点像做flash的感觉,如图所示:

Fireworks轻松制作动画图片,滚动效果的gif动画图片。

(3)选中这个animation元素,在属性面板中的frame栏里面填写数值10,属性面板的出现真的是太好太方便了,又可以将设计制作的速度提高一层了,如图:

Fireworks轻松制作动画图片,滚动效果的gif动画图片。

这个frame的数字根据自己的动画长度来决定,按下回车,这时会出现一个警告窗,如图:

Fireworks轻松制作动画图片,滚动效果的gif动画图片。

说的是将自动添加到帧上去,按ok,你也可以点击don't show again,以防它下次又来搅乱视线。这时我们会在看到车轮的中心出现了一个小红点,这个小红点可很重要,代表着动画最后运动的一个图形,我们可以按住这个小红点拖动到右边,发现中间出现了很多的“关键帧”,点取其中任何一个帧点,都会将这一帧的图形显示出来。如图:

Fireworks轻松制作动画图片,滚动效果的gif动画图片。

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程