设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks制作LOG
返回列表
发布主题
Fireworks制作LOG
[复制链接]
查看:
301
|
回复:
0
gggds
当前离线
积分
22692
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:24:04
|
显示全部楼层
|
阅读模式
学用Fireworks 4制作LOGO GIF动画
/ I% o0 l Y6 R. f4 J
作者:e4
! e' d4 K; U+ ?3 ~" ^
Fireworks我想每个制作或正在学制作网页的朋友都会用到的东东,一个功能还算强大的图形处理软件!网页图片切片,批量缩略图处理,用处多多,不一而述!我最常用的就是用它来做GIF动画!在我看来,用它来制作GIF动画,它比Adobe的ImageReady强!
# N) J0 S: s7 K; l" a
今天我就教大家用它来作518WWW.NET那个LOGO.GIF!.当然,要全部把它做出来,要不少时间,我们只做动画的那一部分,我很喜欢那个移来移去的小三角,就做它吧!^_^ ①新建一层1,导入背景图片,这个背景是我用518WWW的原LOGO在Photoshop中处理好了的,只有两个步骤,熟悉PHOTOSHOP的朋友很容易就可以把它做出来,这是不必花口水! ②新建层2写上[18www.net]字样,这个不用花口水吧!只是记住,写字时应选\\\"不消除锯齿\\\"一项,这样用小字体时字才清楚!] ③新建层3把那个小三角画出来!双击多边形工具,弹出多边形工具选项,将边数设为3,画出小三角 ④新建层4写上[极点网络]字样 ⑤518www.net与背景是不用运动的而且将要在所有帧可见,因此将两者设为共享层!⑥极点网络与那个小三角是要运动的,按F8将两者转换为元件! ⑦在层3选取小三角将其克隆[Ctrl+Shift+d],移动到你想要的位置,按住Shift同时选取层3的两个小三角元件,将两者组成实例[Ctrl+Alt+Shift+t],在弹出的对话框中记得勾选“分散到帧”,要不它可是不会动的喔!看看,动是动了,可是人家那个是到了上面再慢慢移下来的啊!不急,跟住来!来到帧窗口,此时共有12帧,点击第12帧,重复执行克隆->实例的工作,不过此时克隆的那个小三角应是往下移!怎么样,还像吧!⑧该到极点网络了!在帧窗口中选取第1帧,回到层4将元件克隆,选取原元件设定透明度,将两者组成实例!好像完工了,看看,咍,不对,后面怎么没了!来到帧窗口,到第13帧极点网络这个元件凌空消失了,原来这两个元件只运行了12帧,没关系,选取第12帧,然后回到层4将元件重复执行克隆->实例的工作,记住设定透明度啊! ⑨还有一个在上面的小三角,就由大家去做了,哈哈,当是我布置的家庭作业,希望大家好好练习,这个例子涉及到了FW的许多基本,特别是在做动画方面,只要大家掌握了此例,用FW做动画那是相当易了,当然在做动画方面另一个重要的一面:遮罩没用到,唉,以后再写一个例子,没想到做动画用了我20分钟,写这个东东却用了我2小时,不认老是不行的了,哼,想当年老夫一夜间在漠北单挑漠北四鬼再纵骑千里横扫闽南的黑风岩,单掌独斗黑风十三鹰!余下的工作就是将其导出为GIF动画了!如果觉得速度太快了可在帧窗口中将其的速度稍加或稍减.当然,其中有很多细节是要大家去做的,我不写是因我是懒啊! 嘿嘿,我很少写教程的,所以写出来的东西往往是四不象,大家不要用那种可以杀人的眼光看着我,写得不好,可叫我OUT,不要欲杀之后快嘛!^_^下面是我在做之时的一些截图!
2 X# `4 s; k( U
- n$ Q* @" l2 Q, M1 v N/ M; a
]- F6 \7 r3 g3 A! @% C
图一
4 V$ v# _. d D6 Z( c! F
9 E5 J6 ~1 F3 q _) E
/ p- a) Y# `; _( x' C2 m6 H
图二
n5 j- m6 ?& F" v! M" o
2 v+ F; g5 d8 P" [$ u
3 Z; W S J8 g5 M% d2 p
图三
- _3 z+ H( H& u9 y N) r1 x
9 [8 U8 \9 i# z$ }% D1 _
# v& ~+ Z+ G4 ~# z) _, V3 }
图四
5 j( ^, I6 o4 r
" Y# K5 M) E, ~+ u4 C2 J: E
* |5 S( n. _2 \4 G |
图五
' c; d( a8 B. N1 R% p# l/ N, N% k
& x- }& N) T7 @, ?
1 {. t& B3 t7 G
我作的LOGO
7 k7 R6 Y) e+ c+ q. O! L
8 u- }1 ~/ w: V- n+ r+ b$ c
/ p$ Y9 z3 M5 [, I. s
原LOGO
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表