设为首页
收藏本站
3D模型素材下载
开启辅助访问
首页
集结展示行业资讯
展位展览
单体模型
整体展位模型下载
招聘企业
展览企业招聘人才
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks 中制作线框运动
返回列表
发布主题
Fireworks 中制作线框运动
[复制链接]
查看:
265
|
回复:
0
gggds
当前离线
积分
22506
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:03:25
|
显示全部楼层
|
阅读模式
' W0 q7 n2 u0 A) J4 G
看到这么酷的动画,你不想自已亲手动手做一个吗??把你的照片也加上这样的边框。 1、打开一张图片,选中该图片,Modify>Transform>Numeric Transform在弹出的设置框中,选中Resize重新设置图片的尺寸,这里我们把图片的长和宽设为150pixels(象素),你也可以随意把长宽设置。Modify>Canvas Color在弹出的设置框中,把Custom前面的框勾选,然后选一种你喜欢的背景色。要把图片的长和宽记住,因为我们要为它加上边框。 2,双击Layern面板中的Background背景层,在弹出的对话框中,把Share Across Frames前面的框勾选上。使背景层共亨。
' T: v1 O' n" L; K7 \
3 O V; g, ^/ R" _6 p
3、新建一层Layer1,在layer1层中,我们给图片加上黑色边框,用工具箱中的矩形工具,参照Info面板,拖画出一个长为150象素,宽为3象素的矩形。选中该矩形,Edit>Clone克隆出一个,把这两个矩形,分别放在图片的上,下边,再用矩形工具拖画出一个竖放的矩形,长为144象素,宽为3象素。然后克隆出一个,把它们分别放在图片的左右两侧。
7 j; m6 E( l4 a9 E2 _
( ^: t, L+ d! F+ F) d4 T4 W
4,用直线工具,画一条长180象素的线段,选中该线段,打开Storke面板,进行如图设置:
( x( { {1 C& }/ f+ [2 m
: Q% q8 j5 t' w3 j
5、点击面板右上角的黑色小箭头,在弹出的菜单中,选择Edit storke ,随后弹出一个设置框,在Options面板中如图设置:
5 e# o8 t" S U z% P7 Z
" }6 h$ J$ Z3 c: @2 C
6、再点开shape面板,把square前面的框勾选上,如果不勾选它,默认的虚线由圆点组成。 7、这时我们发现,刚才画出的线段变成了由矩形组成的虚线了,选中该线段,按F8键,在弹出的对话框中,把Graphic前面的框勾选上,这条白色虚线被我们定义成了符号,我们可以随时调用它。 8、现在我们要开始制作四个虚线运动的动画,它们分别是从左向右运动,从上向下运动,从右向左运动,从下向上运动。从而形成一个围绕黑色边框运动的效果。先做一个虚线从左向右的动画符号,Insert>New symbol在弹出的对话框中,我们在Name中,命名为1,把Animation前面的框勾选上,随后弹出一个动画符号编辑区,打开Library面板,我们刚才定义的虚线符号就在里面,按住鼠标左键不放,把这个符号拖到动画符号编辑区,选中编辑区的虚线符号,Edit>clone克隆一个,选中克隆出的虚线,按8下电脑键盘上的右方向键,把克隆出的虚线向右移动8个象素。同时选中这两个虚线段,Modify>Symbol>Tween Instances在弹出的对话框中如图设置。这样一个从左向右运动的动画符号就做好了,好,把编辑区关闭。
- V8 C6 `: Y T5 O! s# x
6 T8 O/ P' [" m7 H2 Q. I3 ]# \, s
9、这一步,我们将做一个从上向下运动的动画符号,Insert>New symbol在弹出的对话框中,我们在Name中,命名为2,把Animation前面的框勾选上,在随后弹出的动画符号编辑区中,把虚线符号从Library面板拖到编辑区,因为要做一个从上向下的动画,所以虚线应是竖立的,选中虚线,Modify>Numeric Transform在弹出的设置框中,选择Rotate,角度设为90度。这样我们得到了一个竖着的虚线段。然后克隆出一个线段,用电脑键盘上的下方向键按8下,同时选取编辑区的两个线段,Modify>Symbol>Tween Instances在弹出的对话框中steps:2,把Distribute to Frames勾选上。 10,再做出一个从右向左运动的动画符号和一个从下向上运动的动画符号,制作方法和上面相同,只是把克隆出的线段分别向左移8个象素。向上移8个象素。这里就不再重复了。把这四个运动方向的动画符号完成! 11,回到编辑区,打开Library面板,把动画符号1(从左向右运动)拖放到编辑区,把它和上面的黑色矩形对齐好。选取动画1,Edit>cut,把它剪切,然后选中上面的黑色矩形,Edit>
aste Inside 12、把动画符号2(从上向下运动)从Library面板拖到编辑区,把它和左边的黑色矩形对齐,然后选中动画2,Edit>cut。再选中左边的黑色矩形,Edit>
aste Inside。 13、把动画符号3(从右向左运动)从Library面板拖到编辑区,把它和下边的黑色矩形对齐,然后选中动画3,Edit>cut。再选中下边的黑色矩形,Edit>
aste Inside。 14、把动画符号4(从下向上运动)从Library面板拖到编辑区,把它和右边的黑色矩形对齐,然后选中动画4,Edit>cut。再选中右边的黑色矩形,Edit>
aste Inside。 你点播放键,看看效果是不是出来了???好,把它保存起来吧。记得把它保存为Animated Gif动画,不然它不会动起来哦。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表