萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Flash教程 >> Flash教你制作悠閒來喝茶動畫教程

Flash教你制作悠閒來喝茶動畫教程

   一、打開Flash,新建一個空白文檔,設置下背景色,我這裡設置的是綠色,你可以根據你的喜好去設置哈~ 然後按CTRL+F8新建一個影片剪輯,命名為茶。

Flash教你制作悠閒來喝茶動畫教程  三聯

  二、開始畫茶杯(因為剛新建影片剪輯了,所以這會應該是在名為茶的影片剪輯中了喔~)。把填充色設置為無,線條色選個顏色,然後先用橢圓工具畫一個橢圓,再用線條工具畫一條直線,調整如圖~橢圓工具的筆觸高度設置為2。

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網
Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  三、給杯子填充下顏色,橢圓裡填充白色,杯外面嘛,顏色看自己的意思來就行了,不過最好是用漸變來填充,我這裡用了放射狀來填充,顏色左邊為: #B97B3E 右邊為:#664422 杯子的外線顏色為:#86592D 填充完杯子的漸變後,可以用填充變形工具調整下具體位置,這個以前說過的了,就不重復了~PS:這些顏色只是給大家做個參考,具體可以按個人意思來設置。

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  茶杯畫一個就可以了,填充完顏色,把整個茶杯選起來,按CTRL+G組合下,然後按住Alt鍵不放,用鼠標去拉茶杯,這樣就可以直接復制出一個來了,當然也可以用復制粘貼的方法哈,復制多兩個茶杯出一就可以了~

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  四、畫完茶杯要來畫茶壺了~新建一個圖層,開始畫茶壺了~同樣先畫一個外形,線條顏色為:#86592D方法一樣,借用橢圓工具和線條工具進行調整得出,先拼現大概的外形,然後用選擇工具細細調整,得出下圖:當然,不一定要一模一樣哈,大家可以按自己的想法來,畫出一個特別的茶壺也行~

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  五、給茶壺上色了~我還是選擇用的放射漸變填充,左邊顏色:#C18446 右邊:#664422;同樣最後用填充變形工具調整,調整完後,把壺頂的小圓時面的那條線條刪掉~

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  光光的外表,不想再去畫別的,就直接打個茶字加上去了~

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  最後,記得把整個茶壺全選起來組合下喔~好了,基本收工,但就這樣,感覺太簡單了,再來做點動畫吧,也讓空空的茶杯裝上香香的茶吧~

  六、在茶壺的那一層,第15幀插入關鍵幀,在30幀再次插入關鍵幀,然後把這一幀的茶壺移動到茶杯上面,最後,在15到30幀中間任意一幀右擊創建補間動畫~

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  七、在35幀插入關鍵幀,把茶壺的位置再傾斜下,然後在茶壺的圖層下面建一個新的圖層,用線條畫上茶水,如圖:

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  八、往下倒茶,這茶總是要出現的是吧,再新建一個圖層,放在茶水那層下面,在35幀插入關鍵幀,畫上一個半圓,填充上茶的顏色,我這裡填充:#FFCC33;在第50幀插入關鍵幀,然後點下35幀,把這裡的半圓填充色的透明度改為0。

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  點下35到50中間任意一幀,在下面展開屬性面板,創建形狀補間。

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  九、用同樣的方法,繼續移動茶壺到第二個茶杯那裡,新建一個層再畫個半圓當茶水,倒下來的那個茶水就不用新建圖層了,把中間不用倒茶水的地方插入空白關鍵幀就可以了~

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  最後圖層如圖,記得把茶水的幀都延長到一樣了,茶壺的移動要快要慢,就看自己的意思插入多少幀~

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  十、這茶我還想讓它冒下香氣,好了,繼續畫香氣~按CTRL+F8新建一個影片剪輯,在第20幀和40幀分別插入關鍵幀,然後畫好煙的形狀調整好如圖,最後分別在第一幀和第二十幀創建形狀補間動畫~PS:這裡的煙我用了白色,透明度為百分之20填充的,第40幀的煙填充的是百分之零。

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  十一、再新建一個影片剪輯,在這裡把剛弄好的煙動畫拖到場景中來,然後按CTRL+C復制,在第15幀插入關鍵幀,按CTRL+SHIFT+V粘貼到原來的位置。這樣,15幀裡就有兩個煙元件了。同樣,再在第25幀插入關鍵幀,再按一次CTRL+SHIFT+V粘貼一下,最後點下25幀,按F9展開動作面板,輸入:stop();

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  十二、反回茶的影片剪輯中,在茶壺圖層下面插入一個圖層煙,然後,在35幀插入關鍵幀,然後按CTRL+L打開庫面板,把上一步弄好的影片剪輯拖到茶杯上,如圖,展開性性面板,把透明度改為百分之30(這個要根據你的實際情況來設置了哈~),然後再在61幀插入關鍵幀(因為我從這裡開始往第二個杯子倒茶,所以就放這裡,第三個杯子也一樣,從倒茶那插入關鍵幀,然後拖一個元件放上去,透明度都為百分之30)。

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  最後,在茶壺圖層最後一幀按F9打開動作面板,寫上:stop();

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  十三、茶是弄好了,回到場景中吧,布置下,要不光有茶太單調了。新建個圖層畫個茶盤吧,再新建個圖層,打上個大大的茶字,按F8把它轉成元件,然後改下透明度,再復制多個,改變大小,形成一個背景,記著把字這個圖層放在最下面,然後再新建個圖層放上首詩吧,隨意哈~

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網

  都弄好了,就打開庫面板,把茶拿出來吧~

Flash教你制作悠閒來喝茶動畫教程,PS教程,思緣教程網
copyright © 萬盛學電腦網 all rights reserved