引用:

其實所有教程都可以靈活變通的！~

可以用在很多方面的！~[/COLOR]



“心跳”文字动画LOGO[图解教程]









步骤一:建立300*300的画布,在画布上用矩形工具拉出一个88*31的矩形;选择这个矩形,从对象这个菜单中修改圆角尺寸





技巧：当然，你也可以直接用圆角矩形工具拉圆，不过他的圆角角度也需要这样调节……

另外还有可以在拉矩形的同时按键盘上的方向键--上和下--同样也可以起到调节圆角的功能……

步骤二、下面我们要做那个类似新浪网站的眼睛了。

（1）眼睛的轮廓：用圆形工具直接画出2个椭圆，放在一起，分别填充不同的颜色。





（2）眼球：画一个小的正圆，填充成深色，加上平滑化内斜角的效果。





（3）眼毛：画一个长矩形，用缩放工具旋转他的角度。一共5个，分别按不同的角度排列起来。





（4）下面的部分：画一个圆角长矩形，选择倾斜工具，点中矩形的底部角上的点，向内拉，形成梯形





把刚才做的那些东西放在一起，就成了SINA的眼睛





小技巧：此教程主要是介绍了文字的“转成路径”功能，这个功能很重要，在一些软件中被称为“转换曲线”，比如你设计是使用了某种字体，保存源文件，但是如果对方的计算机上没有这个字体，就会被别的字体替代，而将字体转成路径后，就会保留住你原有的字体（因为它已经不是字体了，而是路径），这个功能还有很多的作用























光泽闪过及文字抖动的LOGO[图解教程]



步骤一、建立300*300画布



步骤二、用矩形工具画一个88*31的矩形，边框填充为灰白色，内部为灰黑色。再用钢笔用具画一个多边形;边框为灰白色，笔尖为1PX,纹理为Grid

100%,形成虚线；内部填充为粉红色。





步骤三、将多边形与矩形组合，再将组合后的矩形加入效果，设置如图：





步骤四、拉一个高27宽12的白色矩形，选择倾斜工具，将这个矩形拉成平行四边形；设置添充为线性（灰--白--灰），“羽化”度为3；这个图层的透明度为65%。





步骤五、在背景矩形中输入你要加入的文字，并将刚才制作的羽化半透明图层放到最上面。





步骤六、重新建立一个88*31的画布，将刚才制作的所有图形拷贝到新建的画布中

步骤七、对动画进行设置：





第一桢到第七桢：从右到左，平行移动半透明的羽化矩形部分，每个分桢的速度=0，产生闪光的效果。

第八桢去除半透明举行光泽感，分桢速度=80，是动画稍作停顿。

第九到十二桢上、下、左、右的移动上部文字，分桢速度=2，叫文字产生晃动的感觉。

最后一桢同第八桢，分桢速度=100，完成动画过程。

至此，一个既具有文字动感，且具有光泽闪过的logo就做好了，很简单吧？但是还算是很精致的哦！































边框虚线运动的LOGO标题



步骤一、建立一个88*31的空白图片，背景色为白。



步骤二、选中线段工具，拉出一条长88的直线（水平）。

步骤三、将这条直线的笔触选择铅笔，1像素，纹理为Grie5

100%，这条直线就形成了虚线的效果（也可以通过Fireworks的Command命令插件完成虚线的制作--此插件需自行加入）。如图：





步骤四、选中刚才制作的虚线，按Ctrl+C复制，再按3次Ctrl+V粘贴，这样就有了4条这样的虚线，将其中的两条旋转90度，成为竖直的虚线，将4条虚线（2横2竖）分别放到图形的4个边上。（如果旋转后无法显示虚线，请调节线段的笔触大小）如图：





步骤五：点击帧面板下面的增加一个桢，复制第一桢中的所有线段图形到第二帧，再细微调节四个边上的相交处的虚线位置，叫2个帧有所区别。如图：





步骤六：选择菜单中的文件->输出向导，按默认进行，最后选择输出预览中的动画菜单，将2个帧都选中，调节没帧的速度为15，输出成为GIF动画，如图：





完成实例：





好了，一个边框虚线移动的logo做好了，很简单吧？同样的，这也是一般动画logo的制作基础，希望大家举一反三，做出各种效果来



























FW4制作有光泽质感logo的文字动画效果



步骤一、建立一个300*300的画布



步骤二、用矩形工具画出一个88*31的方框（边框颜色填充；中间部分不填充）；再随便截取一张图片大小也是88*31，将刚才的矩形方框放到这张图片上，形成一个带边框的矩形图案。如图：





步骤三、用矩形画出一个高8px

长88px的矩形，填充为白色，再创建一个大小同样的矩形，填充为线性（黑、白），调节线性填充的方向。如图：





步骤四、将刚才作的两个矩形重叠，（白色的在下方，线性填充的在上方）然后选中这两个矩形，选择菜单-->修改-->蒙板-->组成蒙板。如图：





步骤五、把刚才做好的蒙板移到图案矩形的上部，修改蒙板的填充边缘为羽化度1，使其与图形的结合不至于太生硬。这样就形成了一种有光泽度的感觉。如图：





步骤六、从新建立一个88*31的画布，将刚才制作的制作的所有图形复制到新建的画布上。

步骤七、加入4桢，

第一桢保持没有文字的图案；（桢延时=50）

第二桢插入文字，并将文字效果定义为高斯模糊，模糊度为1.5，（桢延时=10）如图：





第三桢完全复制刚才的第二桢所有内容，只是将文字部分的高斯模糊效果去掉，使文字清晰；（桢延时=100）

第四桢完全复制第二桢的所有内容，保留刚才的高斯模糊效果，（桢延时=10）

步骤八、如再有文字的加入，只要重复刚才第七步中的四个分桢设定即可。

这样一个有光泽感的，并且有文字动画效果的logo就做好了，请朋友们借鉴，发挥想象力，作出更漂亮的logo来。






渐隐渐现的LOGO







1 新建画布 88*31象素 颜色选透明色。





2 选者矩形工具建立一矩形层 88*31 边框用黑色。用#B3D335填充





3 按如图数值填充。





4 填加文字层。。 文字颜色为#EED20A。选不消除剧齿





5 在文字层上选用PENCIL描边。数值如图





6 然后填加影格。。先建立18个影格。除第五侦和14侦是100/100秒。其余各侦延时为0/100秒，





复制矩形和文字到其他侦上。

在第五祯开始把文字向前后侦每个把文字透明度降低20%设置。





如图所示,85为透明度.

第6.4侦透明度分别80%/7.3侦为60%/8.2侦为40%,/9.1侦为20%



然后我们做文字变动:

变动杂第九侦和十侦之间开始!

更改第十侦文字....透明度为20%





然后把文字层复制都其余各层!透明度依次以每侦20%的速度递增.



























+++fw教程，白光划过教程+++









就这个例子

第一步





第二步





第三步





第四步





完成

































制作简单LOGO——闪框教程



1、首先打开Fireworks

MX。新建一个88*31透明空白文件图。

如图：







2、用矩形工具制作一个简单的LOGO。（框边用黑色）

如图：





3、保存制作好的图。（保存时使用“导出预览”，调色板选“精确”，保存名为LOGO）

4、保存好后关闭新建图，打开LOGO图。打开后，按“帧和历史记录”的选项，如图：





5、然后选“帧”的选项，再按右下角中间的“新建/复制帧”的选项。复制5个。回到帧一，对着LOGO图按右键选“编辑”的“复制”键，然后粘贴在帧二，帧三……上。（帧延时调到7/100秒，循环选永久）

6、然后在帧二，帧三……上分别用直线工具（颜色用白色）在边上画直线……

如以下各图：





















7、保存LOGO图，也是使用“导出预览”，但在格式的地方选“GIF动画”（不然不会动的哦！！！注意！）。覆盖原来的文件就OK啦！^_^~

完成图：

































PS制作滚动边框效果手把手



首先看这个例子，





这个文件其实很简单，它只有8帧，为什么是8帧呢？是因为4象素的黑边和4象素的白边加起来正好是8象素，而这个GIF是每一帧移动一个象素，那么就是说要8个象素就会重复或还原！

首先新建1*8象素的文件，再用白色填充左边4象素，黑色填充右边4象素，并定义成图案，如图所示





再新建立一个88*31的文件，然后选取一个边，再填充，用图案，就可以看到效果了~如图~





道理，竖边框就做第一步的长一象素，高8象素的再填充就行了~

注意，这四个描边不能保存再一个层里，分别在4个层里面！





然后，就可以保存为第一帧了~

第二帧就是如图，上边框所在的层向右移动一个象素，右边框所在的层向下移动一个象素，下边框所在的层向左移动一个象素，左边的向上移动一个象素，保存为第二帧~~

如此类推~保存为第八帧，再连成一个GIF就搞定~





这个多少帧在于描边的大小，如果用6象素，就是3黑3白的话，那就做6帧~




闪电、下雨郊果的教程



成品！





先来个闪电的……………………

































最后用imagereday加工一下做成动态郊果。这个是下雨的！

这个是下雨的！



我想这种方法不是很科学，但好在简单。













































Fireworks

MX制作像素动画







　　[B]步骤1：[/B]

　　打开Fireworks

MX，使用菜单命令File-New新建一个文件，在弹出的文件属性对话框中设置此文件的大小为宽88像素，高31像素，背景色为透明。

　　[B]步骤2：[/B]

　　在工具栏上选择矩形工具，并且设置其填充色为深红色，边框色为无。





　　绘制一个矩形。在Properties面板上调整矩形的大小与位置，使其居中对齐。





　　[B]步骤3：[/B]

　　在Properties面板上的填充选择区域中选择Texture为Grid4，并调整其透明度为50%





　　此时的矩形效果如图所示:





　　[B]步骤4：[/B]

　　使用圆形工具以边框色为白色，填充色为无绘制一个小圆，并放置在画面的右下角。





　　使用矩形工具以无边框色、深红为填充色绘制一个小矩形，放置在文件的上端。

　　[B]步骤5[/B]：

　　在工具栏中选择直线工具，在Properties面板中设置直线的宽度为2，线形为Hard

Line。在图形上点一点，并使用同样的方法点出不同的小点，并调整其位置最后形成一个像素小人。





　　[B]步骤6：[/B]

　　打开Frame and

History面板，点击右上角的三角按钮，在弹出的菜单中选择Duplicate Frame复制一个Frame，在弹出的Duplicate

Frame对话框中如图进行设置。





　　[B]步骤7：[/B]

　　向右侧移动像素的位置，并改变小人的造型，向左适当移动圆环的位置。





　　[B]步骤8：[/B]

　　使用同样的方法复制Frame3、Frame 4、Frame 5、Frame

6，并且改变小人与圆环的位置，最后每一个Frame 上的图形分别如图所示：





　

　





　









　　[B]步骤9：[/B]

　　在Frame and History面板上双击Frame

1，将时间间隔调整为25毫秒，并且用同样的方法调整所有Frame 的时间间隔。





　　[B]步骤10：[/B]

　　点击“播放“按钮，可以看到整个动画的效果，像素小人飞身跃过滚动的圆环，只要你稍加改变就可以得到更多的不同动画。

























齿轮LOGO教程



演示





























转换成图形以后用修改----------动画----------选择动画工具

创建一个360度的滚动动画！参数如下~~呵呵





可以试着将第三层中的齿轮变形弄小一点，

然后按照逆时针360度旋转，这样一个简单的齿轮LOGO就完成了

如果还有什么不明白的地方可以下载PNG





点击下载源文件


Fireworks制作苹果按钮



在这篇教程里，我们要制作一个按钮，像苹果站点





那样。曾经在5D多媒体站有用Photoshop制作这种按钮的方法，这次我们使用Fireworks，下面的每一个步骤，有些可以合并和忽略，当然得看您的理解能力了。



　　首先建立新文件，大小为420*220，背景设置为透明然后画出按钮的轮廓，我们可以使用画笔，建立一个圆角矩形。打开标尺，选择菜单View>Rulers，然后拖曳出两根水平导线定好按钮的上边和下边。建立一个圆，将鼠标指针放在上面的导线上，按住Shift拖曳出圆形，终止于下面的导线上，选择白色填充。







　　为了建立另外一个圆，拷贝第一个圆，然后粘贴在工作区里，使用鼠标移动第二个圆到右边位置，移动时按住Shift键，这样可以平行移动，接着画出一个矩形放在两个圆中间，如图。选择圆和矩形，Modify>Combine>Union合并，我们就做好了按钮的轮廓。







　　现在使用复制层选项建立一个新层，命名为Reflex。





　　选择第一层使用相近于apple按钮的颜色填充，设置RGB色为#283c78，然后使用油漆桶工具填充轮廓，接着，我们要建立按钮上方的光影，选择Reflex层，选择变形工具Ctrl+T，如图所示变形，或者你可以使用info面板，设置宽为289，高为43。







　　仍然在Reflex层，建立一个白色矩形覆盖在原来的变形区域上，我们要给它建立遮照。点击D键，删除掉边框，然后选择Fill为Linear线性填充，选择Paint

Bucket工具移动填充控制柄，改变渐变填充的方向，如图所示，然后同时选择渐变矩形和倒影区，使用Select

Behind工具，或者按V键，最后旋转菜单Modify>Mask Group>Mask to Image，结果如图。











　建立一个新层，命名为inf，在导线之间建立一个圆，选择Fill面板，选择radial选项。选择Edit

Gradient修改渐变选项，在弹出的面板里，分别设置RGB色为#b4e6fa和#283c78。





保持圆为选择状态，使用小刀工具将其分成两半，然后使用移动工具将两半分别移到按钮的两头，选择其中半个圆，使用菜单Modify>Merge

Images，然后使用Marquee工具选择2pixels宽的的矩形。





　　单击v键，按住Alt键用右键头水平移动矩形，直到到达另一个半圆。





　　全选inf层，选择菜单Modify>group，然后将其往下移动，按Ctrl＋T变形，移动到原来的轮廓高度的三分之一的位置处，使用Info面板设置它的宽为310，高为87。









　　使用滤镜Xtras>Blur>Gaussian

Blur高斯模糊，设置为18，现在怎么样，看上去有点像Apple按钮了吧，我们再加上文字。











　　现在我们要让它有透明感。先建立边框发亮的效果。建立新层放在最上面，命名为amschera，选择Marqree工具，选择Options面板，设置边界Feather羽化，设置羽化度为66。拖曳出矩形覆盖在按钮上，选择Paint

Bucket工具，设置颜色为白色，再选择Options面板设置边界反锯齿，tolerance为90，填充选择区。按Ctrl＋Shift＋I反选，按Del键删除多余的白色，然后Edit>Deselect取消选择。使用Magic工具，设置Options面板为边界反锯齿，tolerance容差为110，选择你刚刚建立的中心部分，按Del再取消选择。最后，给该层应用高斯模糊，设置为7。







　　接着我们加上墙纸，因为它可以使透明度增强。建立新层，命名为Background，建立矩形区，填充为：solid,颜色为:#999999，Amount:100%。







　　接着建立阴影，复制inf层，命名为shade，位置放在第一层下面。选择Object面板设置Blending

Mode混和模式为multiply，透明度为75%，为了效果更加真实，将inf层的明亮度提高15%，选择菜单Xtras>Adjust

Color>Brightness/Contrast。隐藏background、shade和文字层，然后选择Modify>Merge Layers。













　　最后，选择Xtras>Adjust

Color>Brightness/Contrast对比度增加15%，然后设置透明度为80%。OK，Apple按钮完成！

































PS中的倒影效果

水中倒影的製作實際上是非常簡單的，這次我只把步驟寫出來，具體每一步的圖我就不上了，大家有什麽不明白再問吧：）



（1）

打開素材圖

（2） 按Ctrl+J鍵複製並建立一新圖層，圖層1

（3）

在右邊的控制圖層面板裏雙擊“背景”層，使其變爲可編輯圖層，命名爲“圖層0”。

（4）

單擊圖層1，按“Ctrl+T”組合鍵，對圖層1進行變換處理（可將圖形向上壓縮，正好到一半多一些的部分），同樣對圖層0進行變化（先向下壓縮，然後垂直翻轉，即可得到想要的垂直鏡面效果了。）

（5）

建立一個新圖層爲“圖層2”，將其填充爲白色，並將其拖動到“圖層控制面板”的最下層。

（6）

單擊圖層0，在工具箱中選擇“橢圓框選工具”，在圖層0中畫一橢圓，大小即爲水波範圍。

（7） 執行濾鏡→扭曲→水波 功能表命令，將彈出的對話方塊設置成：數量

100%，起伏10到15之間都可以，樣式：水池波紋。確定後可得像要的效果嘍！（做完這步後心裏有底了吧？哈哈哈……但還沒完成喲，別心急，好心在後頭呢！）

（8）

將圖層1的透明度設置成80%，再將圖層2的顔色改爲藍色，哈哈哈……這樣就做好了，湖要多藍就要看你自己嘍！最後合併圖層就finish了！簡單吧？p(^0^)q





只有文字！~圖片製作中！~