-
[2008-10-15] Photoshop绘制有光泽的网页Banner
建立文件，宽度适合网页Banner，我设置的为760*180，然后进行渐变填充，颜色为#247ec6到#166bbc：
然后使用钢笔工具绘制如下形状：
转换为选区，然后创建一个新图层，进行透明到白色渐变填充：
用...
-
[2008-05-15] Fireworks制作水晶般剔透的banner
-
[2008-04-15] 用FireWorks制作Banner(旗帜)
。
2、启动Fireworks，点击“File→New”(或按组合键“Ctrl+N”)新建一个文件(注意调整好文件的尺寸，要和图片尺寸相适合)。
3、打开“Windows”菜单下的“Frames(帧)”面板，点击“New”新建一个帧，如...
-
[2008-04-15] Fireworks轻松绘制banner广告(一)
Banner，一般翻译为旗帜广告、横幅广告等。Banner是网站用来作为盈利或者是发布一些重要的信息的工具。Banner在设计上应该要做到制作美观、方便点击、与网页协调和整体构成合理。
本文中我们用Fireworks...
-
[2008-04-15] Fireworks轻松绘制banner广告(二)
（9）单击层面板右下角的按钮新建一个图层。然后将如图10所示的Library（库）面板中的Symbol 1拖到画布中去，并放置到Banner的最右角，如图11所示。同时记住它属性面板中的位置信息（X：282，Y：0）。
图1...
-
[2008-04-15] Fireworks轻松绘制banner广告(三)
（16）单击帧面板右上角的按钮，在弹出菜单中选择“Duplicate Frame”，这时弹出了复制帧对话框，我们在其中选择After current frame单选框将复制的帧放置到当前帧之后，如图19所示。
图19 复制帧对话框
...
-
[2008-04-15] Fireworks轻松绘制banner广告(四)
（24）下面来实现一个“动感模糊”效果。选中第6帧，这时我们发现所做的前5帧动画看不到了。点击工具箱上的矩形工具绘制一个矩形，将矩形填充设为Folds填充，如图28所示。
图28 将矩形填充设为折叠填充
...
-
[2008-04-15] Fireworks轻松绘制banner广告动画
完成效果如下：
Banner制作具体过程
（1）首先我们新建一个大小为468×60的文件，并设置画布颜色为黑色，如图1所示。
图1 新建一个文件
（2）然后我们导入一个要进行变色效果的位图文件，如图2所示。...
-
[2008-04-15] Fireworks轻松绘制banner广告动画(图)(2)
（4）选中其中的一个图片如左边的紫色图片，按快捷键F8或者右键在弹出菜单中选择Convert to Symbol准备将图像转换为符号。在弹出的对话框内为符号命名并选择动画符号(Animation)，如图5所示。
图5 将图像转换为符...
-
[2008-04-15] Fireworks轻松绘制banner广告动画(图)(3)
（8）接着我们点击“Window”菜单，分别把“Layers”、“Frames”和“Library”三个面板打开，为了我们将来创建动画服务。在Layers（层）面板中选中Layer 1图层双击鼠标给图层命名为Background，并选中“Shar...
-
[2008-04-15] Fireworks轻松绘制banner广告动画(图)(4)
（11）单击OK，这时弹出图13所示的对话框，询问是否要自动添加帧。
图13 提示是否自动添加帧的对话框
（12）选择OK这时候我们发现帧面板中出现了10个帧，如图14所示。
图14 帧面板中出现了新帧
（13）接...
-
[2008-04-15] Fireworks轻松绘制banner广告动画(图)(5)
图17 第一帧的效果
（15）下面我们就来制作第二个渐变效果了。也就是由红色变成绿色的了。在帧面板中选择第10帧，这时我们发现画布右边的图像是红色的，如图18所示。
图18 第10帧图像
（16）单击帧面板右...
-
[2008-04-15] Fireworks轻松绘制banner广告动画(图)(6)
（18）此时在层面板中选中Layer 2，将绿色的Symbol 3拖到画布中，在属性面板中设置与前面相同的XY坐标。点击“Modify”菜单，选择“Animation”>>“Settings... ”，在弹出的对话框设置动画同样是10帧，这时同...
-
[2008-04-15] Fireworks轻松绘制banner广告动画(图)(7)
（23）同理添加诺利网的网址“http://soft.yesky.com/”这个文本，并将其转换为符号，设置动画属性如图26所示。选择“OK”回到画布中，如图27所示。其中绿色点为动画起始位置，红色点为终止位置。然后在帧面板中...
-
[2008-04-15] Fireworks轻松绘制banner广告动画(图)(8)
（27）选中这个矩形，点击属性面板上的按钮，在弹出菜单中选择“Eye Candy 4000LE”>>“Motion Trail”，设置Motion Trail属性如图32所示。
图32 Motion Trail设置
（28）再一次使用Motion Trail特效，不过将...
-
[2008-04-15] Fireworks轻松绘制banner广告动画(图)(9)
（31）选中第12帧，输入文字“设计在线”，复制一下，然后在14帧粘贴，然后在16帧也粘贴，并将该帧帧速改为100，这样文字就有闪烁的效果了，如图37所示。
图37 Banner的第16帧图像
（32）选择第17帧，将文字...
-
[2008-04-15] Fireworks轻松绘制banner广告动画(图)(10)
（34）回到图像第1帧，点击下面工作区状态栏的图标就可以预览图像效果了。适当进行调整然后就可以选择导出向导，在导出向导对话框中选择导出类型为GIF动画，如图41所示，这样就可以将图像导出为GIF动画了。
图...
-
[2008-04-15] Fireworks制作变色banner(一)
Fireworks不仅在网页制图、切图、与Dreamweaver结合上有其独到的优势，制作GIF动画也是它的强项，本文我们一起学习如何使用Fireworks MX制作一个平滑变色效果的Banner，相信这样的Banner一定会让您的网站增色...
-
[2008-04-15] Fireworks制作变色banner(二)
5.好了，前期工作基本就绪，开始真正的动画了，现在看看你的几个主要面板都打开了吗？库面板(Window->Library F11)、帧面板(Window->frames Shift+F2)、层面板(Window->layers F2)。如果没有打开，按括号中的打开...
-
[2008-04-15] Fireworks制作变色banner(三)
10.变色是实现了，可没有文字的Banner是没有用的。加文字动画可以根据自己的需要设置，这里我罗嗦一下例子中的几个文字动画效果，大家也可以进一步熟悉动画制作的一些技巧。
接上面步骤，选中第1帧，然后...
