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

閃電、下雨效果Logo的教程






　


　


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



　
　
　
　

效果：


制作方法：




　


　
下面是源文件：

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

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


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

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

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

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

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

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

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

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

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

　　步驟六：選擇菜單中的文件->輸出向?qū)�，按默認(rèn)進(jìn)行，最后選擇輸出預(yù)覽中的動(dòng)畫菜單，將2個(gè)幀都選中，調(diào)節(jié)沒幀的速度為15，輸出成為GIF動(dòng)畫，如圖：

　　完成實(shí)例：

　　好了，一個(gè)邊框虛線移動(dòng)的logo做好了，很簡(jiǎn)單吧？同樣的，這也是一般動(dòng)畫logo的制作基礎(chǔ)，希望大家舉一反三，做出各種效果來。Fireworks制作Logo


光照邊框運(yùn)動(dòng)的Logo制作
如何做出像下圖一樣的LOGO呢？

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

再用油桶工具填充為深一點(diǎn)的顏色。如圖：

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

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

再把圖層一設(shè)為共享層。
然后選中左上角準(zhǔn)備向下運(yùn)動(dòng)的直線，按Modify/animation/animation selection，在Frame這項(xiàng)里填6幀，點(diǎn)確定，再按住紅色的那個(gè)圓點(diǎn)，拖成如下圖的樣子：

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

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

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

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

選擇上面的Animation標(biāo)簽，把第一幀都設(shè)置成2/100S　如圖設(shè)計(jì)成2就行啦！Export保存！一個(gè)新的邊框運(yùn)動(dòng)的logo就誕生了。