幾種常見的網(wǎng)站友情鏈接動態(tài)Logo制作教程(8)

閃電、下雨效果Logo的教程






　


　


　　最后用imagereday加工一下做成動態(tài)郊果。
　　這個是下雨的！我想這種方法不是很科學，但好在簡單。



　
　
　
　

效果：


制作方法：




　


　
下面是源文件：

說說FW做LOGO，還是先看效果只有楨動畫造成的視覺暫留，雖然是最簡單的方式，卻也是我制作得最繁雜的一個LOGO。

　　1.打開原圖，剪接取舍得到88*31大小的圖。


　　2.這個LOGO里還有一支筆和一個印章的圖案，我借用了PS和FW工具欄里的兩個小圖標。

　　3.在圖象輸入“解語”，均勻去除鋸齒，顏色為#005A00，大小21號，方正行揩字體。

　　4.加入筆刷圖案后，將該楨復制成22楨。在每一楨上，將筆刷圖案依照“解語”的筆畫順序，移動到相應位置。

　　5.依照筆畫，將筆刷圖案未移動到的筆畫用于背景相同的顏色覆蓋。

　　6.第十三楨就該開始做印章的過程了，先將圖章工具的圖案進行適當?shù)睦�、傾斜、翻轉(zhuǎn)，使其與印跡的大小、傾斜度基本適宜。印章的過程分成“印章出現(xiàn)”—>“按在紙上”—>“稍稍移動，顯露出印跡邊緣”—>“印章上移”—>“完成”五步完成，適當調(diào)整每一步的時間，使其流暢即可。

　　7.最后還該在說說“丁丁冬”三字制作中，自己的一點具體做法。在FW里，輸入的文本和矩形框組成的印章在進行傾斜變形后，會走樣，變得不清晰。我的做法是建立一適當大小背景透明的畫布，輸入文本及矩形框后導出成圖形，然后再打開，這時候選取圖形，復制粘貼到LOGO中，這個時候再做傾斜處理，一般就不會太走樣了。

　　這個LOGO耗時間最多，但過程不難，只要注意每一步的變化，心細些就做出效果來。邊框虛線運動的Logo
　　步驟一、建立一個88*31的空白圖片，背景色為白。
　　步驟二、選中線段工具，拉出一條長88的直線（水平）。
　　步驟三、將這條直線的筆觸選擇鉛筆，1像素，紋理為Grie5 100%，這條直線就形成了虛線的效果（也可以通過Fireworks的Command命令插件完成虛線的制作--此插件需自行加入）。如圖：

　　步驟四、選中剛才制作的虛線，按Ctrl+C復制，再按3次Ctrl+V粘貼，這樣就有了4條這樣的虛線，將其中的兩條旋轉(zhuǎn)90度，成為豎直的虛線，將4條虛線（2橫2豎）分別放到圖形的4個邊上。（如果旋轉(zhuǎn)后無法顯示虛線，請調(diào)節(jié)線段的筆觸大�。┤鐖D：

　　步驟五：點擊幀面板下面的增加一個楨，復制第一楨中的所有線段圖形到第二幀，再細微調(diào)節(jié)四個邊上的相交處的虛線位置，叫2個幀有所區(qū)別。如圖：

　　步驟六：選擇菜單中的文件->輸出向?qū)В茨J進行，最后選擇輸出預覽中的動畫菜單，將2個幀都選中，調(diào)節(jié)沒幀的速度為15，輸出成為GIF動畫，如圖：

　　完成實例：

　　好了，一個邊框虛線移動的logo做好了，很簡單吧？同樣的，這也是一般動畫logo的制作基礎，希望大家舉一反三，做出各種效果來。Fireworks制作Logo


光照邊框運動的Logo制作
如何做出像下圖一樣的LOGO呢？

不急慢慢來！以下是在Firework MX下做的，F(xiàn)W 4.0下可能有些命令不一樣！
新建一88X31大小的圖像，選中Custom這項，背景隨便選，接著按Ctrl+=四次，使其放大到400倍，然后用marguee tool工具，在背景上正擊一下，接著按Ctrl+a進行全選，再執(zhí)行Select/contract Marquee命令，彈出來方框里填1PX接著按Ctrl+Shift+I后如圖：

再用油桶工具填充為深一點的顏色。如圖：

新建一層，然后用Line Tool工具畫出一個長14px，寬1px的直線，設置為白色，透明度為75%，再畫一個長6px，寬1px的白色直線，再把個圖重合放在一起按Ctrl+G進行組合。

接著Clone一個出來，并執(zhí)行Modify/Transform/Rotate 90　轉(zhuǎn)90度。并且最后一樣Clone一個，再把這四個直線放在他們相應的位置，如圖：

再把圖層一設為共享層。
然后選中左上角準備向下運動的直線，按Modify/animation/animation selection，在Frame這項里填6幀，點確定，再按住紅色的那個圓點，拖成如下圖的樣子：

在選左上角準備向右運動的直線，按Modify/animation/animation selection，在Frame這項里填14幀。
再選下面同樣執(zhí)行上述命令，但Frames這項里填20，出來后把他的位置拖放如下圖：

記得把第5幀的位置話這個圖的開始，這樣前5幀就空出來了，使其第5幀正好到圖上。
最后一個當然也一樣執(zhí)行上述命令，F(xiàn)rames也為20幀，當然最后一個是只留最后5幀在圖像上，最終這四個Animation Symbol成如下圖的樣子：

再回到第一層上添加你想要的文字！本文以04-8號字體做例，輸入議定Animation，設置好大小后確定。然后再在屬性面板里另上Effect里的Shadow and Glow/Glow命令，如圖：

OK搞定了！最后一步了，輸出 執(zhí)行File/Export Preview，彈出窗口如圖：

選擇上面的Animation標簽，把第一幀都設置成2/100S　如圖設計成2就行啦！Export保存！一個新的邊框運動的logo就誕生了。