设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
连续跳跃数字(Animated Numbers)
返回列表
发布主题
连续跳跃数字(Animated Numbers)
[复制链接]
查看:
562
|
回复:
0
gggds
当前离线
积分
22725
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:52:49
|
显示全部楼层
|
阅读模式
本文由
http://www.it365cn.com?
织梦Juven 翻译
2 T8 G. P. K1 ^, w* j
闲来无事,译了篇FW的基础文章,效果如图:
9 w5 X- y( G3 T9 R% ^1 I/ k( a
6 W1 m/ A8 G- D+ r$ G
J0 V1 ^" C- H* u0 }
+ I. u0 r; p* n6 L$ a* q
(原文出处:Pyroteknix.co.uk网站:Animated Numbers)
! n- i% `1 Z. S. p& @ g# t) b/ n
这是一个你可能喜欢的简单动画技术,使用Fw中的“逐帧”制作出来的效果。
5 q6 A! H; R9 \ i3 P; l7 |
在Fireworks中打开一个新的画布,选择工具栏中的文本工具,输入第一个数字,并设置好文字的字体、像素大小等样式。
5 @' x" P2 ?% q0 p i9 O. p
; t/ @/ x! j$ `
6 A0 d; a4 {, \8 `6 `
4 p- U* D9 {- C: Y
打开帧面板,使用黑白选择工具,在面板是右上角点击,弹出下拉菜单,选择“重制帧...”。
* @1 V1 ?) q& y6 T4 U
2 e( P; q% s7 O# w2 y6 `7 j& ~
* ^2 U4 e5 y0 R& M$ @7 ~
* O$ g5 t: P) Q5 d, ?* i6 d
在弹出的对话框中,如下图设置:
4 E" X9 r5 [1 u0 V+ K& A8 Y v7 v
. ~) g; Z. [7 J) M2 T& x' k
* p$ K# R0 z" z: K5 B1 C* [
选择9个新帧,是因为动画包含0-9个数字(相当于10帧)。
: |, M0 B1 U% {& I1 ]/ h2 D
然后选择每一帧,并修改画布中的相应数字。
* F8 Z: y' i' o/ u* P
帧面板如下图所示:
( a7 G- L5 j6 o3 g
8 U- q2 i$ u4 b6 c; h
- z+ d/ m6 D9 ~& f) M
提示:帧面板中右手边显示的是默认的帧延时值7毫秒,即7/100秒的速度。如果动画播放的速度有些快,可以修改这个延时值。选择顶部帧,按住Shift键,点击底部的最后一帧,全选这些帧,在帧延时值处双击,在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。
( h" m* G8 b3 T# v' `, K
最后一步,打开优化面板,设置导出文件格式为“Gif动画”,如图:
; S( j, s8 P; O; b7 z
) Z+ ]4 ]1 l7 G& a0 J1 w
' b% S# E: o2 q" w. C" \3 H
也可以在帧面板的底部设置Gif动画循环,默认为“永久”选项。
: [3 s4 b! n7 h4 J2 L l
$ p& K, T, L# Z
a+ P" @. |6 [7 s2 q
OK,使用F12预览你的作品吧,最后可以输出文件了。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表