如何用Fireworks制作經(jīng)典的掃光字GIF動(dòng)畫

本教程是向大家介紹如何利用Fireworks制作經(jīng)典的掃光字GIF動(dòng)畫方法,制作難度不大,教程介紹制作過(guò)程非常詳細(xì),非常實(shí)用,轉(zhuǎn)發(fā)過(guò)來(lái),希望對(duì)大家有所幫助!
前言:
Fireworks制作掃光字動(dòng)畫主要技巧是圖層蒙板的使用。我們也可以使用ImageReady, Flash等工具實(shí)現(xiàn)掃光字動(dòng)畫效果,基本的原理也是一樣的,讀者可以舉一反三,觸類旁通。
效果:
1、首先我們把背景選為黑色。再輸入文字用白色填充,注意調(diào)整文字之間的間隔。
2、選中字體,對(duì)其進(jìn)行轉(zhuǎn)換為路徑文件。
3、對(duì)間隔再做少許調(diào)整。
4、復(fù)制文字改為黑色,做平移,出現(xiàn)立體效果。
5、再?gòu)?fù)制一次文字,并用部分選取工具選中路徑進(jìn)行顏色的填充。顏色根據(jù)自己喜好來(lái)
6、用矩形選框工具畫一個(gè)矩形填充白色,羽化10象素,矩形最好放在文字上方。
7、接著就要進(jìn)行動(dòng)畫的操作過(guò)程了,因?yàn)榭紤]到只有第一層圖片有動(dòng)畫效果,所以可以對(duì)另外2個(gè)圖層進(jìn)行共享層的操作。我們點(diǎn)擊層面板上的按扭進(jìn)行新建層。
新建層,并在共享此層上打勾:
將需要共享的圖層拖至層2內(nèi)并放在層1下面
8、接著在幀面板上點(diǎn)擊,選擇重置幀,就是復(fù)制相同的幀。
9、選擇第2幀,剪切白色羽化矩形,選中最上面需要做動(dòng)畫的圖層,使用編輯—粘貼于內(nèi)部,看....效果出來(lái)了,不過(guò)重要的是這里才剛剛開(kāi)始。
10、我們?cè)倏磳用姘澹焰i定選項(xiàng)點(diǎn)掉,再選中蒙板處。
11、用指針工具在圖形里面選擇羽化后的矩形,用鍵盤的<--方向鍵進(jìn)行移動(dòng),到達(dá)需要的位置。
用方向鍵移動(dòng)羽化后的矩形
12、選中第2幀,再重置一個(gè)幀,請(qǐng)按照第8步部來(lái)做。
13,重復(fù)第11步,把白色的閃光效果幀一幀往后移,接下來(lái)幾幀如此類推。
14、到這里要做個(gè)過(guò)渡,把第一幀復(fù)制一下放到最后一幀,做為最后的總結(jié),并調(diào)整等待時(shí)間。
15、最后就是導(dǎo)出效果了,咱們選擇文件導(dǎo)出向?qū)В獔D片色彩更好點(diǎn)就選擇256色吧,默認(rèn)128,設(shè)置好按導(dǎo)出就行了。
最終效果:
以上就是用Fireworks制作經(jīng)典的掃光字GIF動(dòng)畫過(guò)程,感興趣的朋友可以一起來(lái)學(xué)習(xí)一下,感謝大家觀看本教程!
相關(guān)文章
- firework輸入的文字可以根據(jù)需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來(lái)看看詳細(xì)的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實(shí)現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個(gè)工具在哪?怎么使用呢?詳細(xì)請(qǐng)看下文介紹2024-05-23電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來(lái)看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05fw怎么設(shè)計(jì)科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設(shè)計(jì)科技干的線條?fireworks中想要畫曲線線條,我們需要用到混合路徑工具,下面我們就來(lái)看看fireworks混合路徑工具制作圖形的技巧2023-01-09Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來(lái)看看fw中幾種制作高光效果的方法2022-12-21fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個(gè)效果呢?下面我們就來(lái)看看Fireworks給圖片添加漸隱效果的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導(dǎo)入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來(lái)看看fw給圖片增加陰影效果的技巧2022-11-28fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影?fw中輸入的文字想要添加陰影,該怎么添加內(nèi)陰影呢?下面我們就來(lái)看看Fireworks給文字添加陰影的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來(lái)看看FW蒙版功能的使用技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28