Fireworks mx 2004製作風景類Logo全過程

來源:互聯網
上載者:User
過程

  由於我是初學FW,有欠缺的地方,希望能指出。十分謝謝!(PS:本教程僅僅針對ilogo-snake的這個logo進行展開,並不一定具有共性或定律。教程對象:新人)

  Best View:IE5.0+ or NetCaptor4.0+Display At:1024*768

----------------------------------

  【教程】:共3個部分。

  一、準備

  二、製作(Step1- 5。[背景Step1-3;邊框Step4;動畫Step5(稻田動畫、文字動畫、雲朵動畫、樹葉動畫)])

  三、修改

  本次logo的教程樣本如下:

  本logo的源檔案:

  製作軟體:Fireworks MX 2004

  製作周期:兩周左右

  製作目的:僅希望大家能通過這個logo展開去,開拓自己的創意,而不是單純的模仿。此logo教程僅做拋磚之用。

--------------------------

  下面我們開始從頭做起:

  整個製作logo的過程大致可分為3個步驟:準備,製作,修改。

  一、準備——基本上就是構思一個logo的大致的主題,色彩,動畫的輪廓,還有就是相關的素材和資料。

  主題:清新+收穫,主要是一種秋後的田園氣氛。

  色彩:主要以比較飽和的亮色為表現力。主色調:藍,綠,黃。以亮色和飽和色來增加清新度。

  動畫:以連貫的多個細節動畫橫向交錯為主線,所有動畫都可單獨成立,並完整接合。形成無限迴圈不間斷動畫。

  動畫元素有雲的變換,樹葉的飄零,風吹過稻田/菊花田 的波浪,以及oneleaf字樣的漸層。

  素材:主要就是找些天空,原野,樹木,稻田/菊花田 之類的照片或者圖片來觀察真實的效果,並可選取可用的地方。

  圖1為我用了google和yahoo的圖片搜尋引擎找了兩天,看了上百頁找到的相關圖片。千萬不要心急,一步一步來。

  圖1:

  這基本上就是所有的準備工作啦,我個人在這個基礎上還把每個動畫拆開來單獨做了一下,因為有些動畫你構思的不錯,但做出來就效果大減,所以創意和效果有時並不成正比。這裡就略過直接進入製作了。

  二、製作——從修改素材到繪製映像,從映像修改到動畫完成。(建議拿杯咖啡在手;p)

  通過準備工作我們大概可以定位整個logo的映像布局和動畫思路了。

  基本上是藍天白雲的背景下,丘陵前稻田旁的樹葉飄零,秋風吹過,標題顯現。

  那麼可以確定,我們需要的元素有:藍天,白雲,稻田,丘陵,樹,樹葉,樹下的土地,文字,風。

  下面就讓我們開始來真的了,步驟就是從背景到前景,從靜止到動畫,從長動畫到短動畫,從快動畫到慢動畫。

  1。開啟Fireworks並建立畫布——如圖2:

  2。讓我們先從背景中的藍天開始,畫一個直角矩形,大小為88*31像素。用漸層性填充顏色,並使映像如——圖3:(注意:不要把填充色拉成均勻的上下兩色,那樣,映像就會變的很呆板,缺少了美的張力。再有就是不提倡用深色的天空,一不符合秋天的意境,二則不能很好的突齣動畫效果。)

  3。

  (1)背景天空完成後,接下來就是地面的背景——丘陵,這裡可以自己畫,也可以截取相似的映像加以修改,反正是不動的,看著像就可以。如——圖4:(注意:丘陵形態是一個外行稍凸的斜坡,中心的高度在整個logo的高度黃金分割線上,低處不能為0,高處不能超過logo的1/2高,因為你要在樹的葉茂和丘陵之間留下一點空間。)

  (2)對丘陵唯一的加工就是調整飽和度,如——圖5:

  以上就是整個logo的背景,你可以組合後放在單獨一層。並雙擊層一,選擇共用交疊層幀。然後單擊眼睛的右邊小格鎖定層。因為我們不會再去動它們了。如圖6:

  4。下面我們來完成邊框。

  (1) 建立層2,在層2中畫個直角矩形,大小88*31,填充色無,描邊選項如圖7:(注意:這裡選擇深灰虛線框,如果用實線框則會使logo顯的比較死板、中規道矩。不適合本次logo的主題;顏色用深灰比較大氣,同時可以又可以良好的烘托主題,用亮色則會喧賓奪主。)

  然後在筆觸選項中選擇進階,調整間隔,如——圖8:

  間隔大小可以根據感覺自己適當調整,我用的是開:5、關:1。

  (注意:現在我們得到了一個logo的邊框,但還沒有完,因為我們用的是虛線框,所以logo的映像會滲透到虛線間隔的地方,如果這個映像色差較大或者是動畫,那麼這將會破壞整個logo的邊框和整體美。所以我們還要把邊框的虛線間隔處用鉛筆點實。)

  (2) 在層2中的邊框上建立新圖層,選擇鉛筆工具,在所有的邊框的虛線間隔上點實,顏色推薦僅次於銀灰色。如——圖9:目的是不使邊框太突出,也不會與logo內的映像色不協調。白色效果感覺稍差(我的那個就是白色的,到現在還懶的改:-()。

  現在邊框才算完全完成,組合層2的兩個圖。然後同樣選擇分享交疊層,並鎖定。如圖10:

  到這裡,我們就完成了整個logo的次要方面,背景和邊框。

  5。下面我們將要製作整個logo的最重要部分:4個分動畫。它們分別是稻田被風過的效果、樹葉的飄零、雲朵的變化和標題的字形漸層。

  (注意:由於文字的漸層最簡單,所以我們把文字留到最後做;雲的變化按照我的方法比較隨意,所以放到倒數第二做;而風吹過稻田是一陣一陣的,也就是說是瞬間動畫,在這裡我們選擇首先製作,當然,不同的情況還要看你自己的分析和愛好,同時也和動畫的屬性有關。)

  請在層2和層1之間建立新層——層3。接下來的所有步驟都將在此層完成。

  (1)稻田被風吹過的波浪動畫。
  [a]製作稻田。
  先截取或用fw畫一條稻田,要求是看上去像稻田(廢話),也是弧線型,並增加飽和度(見圖5),如圖11:(注意1:請將稻田對齊整個logo的底端,而不是邊框的底端,理由將在稻田的動畫製作中得知;注意2:請將稻田遮掩掉丘陵的一側,以增強整體構圖的協調美,並給文字漸層留下足夠的空間。再具體偶就不知道怎麼解釋了,學美術的應該知道吧。)

  (注意:此時的稻田是否並不讓人滿意?那是因為沒有質感,在這裡可以解釋為層次感,就是整個稻田的上部應該給人一種金燦燦的光輝。)

  選擇鋼筆工具,在稻田的上緣拉一條金黃的曲線(如果不會使用鋼筆的朋友請參考有關教程)。如圖12:

  得到效果如圖13:

  選中稻田和鋼筆曲線,點擊滑鼠右鍵,選擇平面化所選或按Ctrl+shift+Alt+Z。

  到這裡,稻田在動畫前的準備工作已經完成。

  就本人學習fw2周來,感覺如果要做出比較像波浪的動畫,和遮照、補間以及鋼筆曲線方法比起來,笨方法——剪下位移來的更真實。理由是當風吹過稻田時,動的應該是整個稻田,而不僅僅是稻田的頂端,而且,風吹過後,稻田應基本回複原來的形狀和顏色。

  下面我們就來具體操作剪下位移。

  剪下稻田。選中層3裡唯一的位元影像——(金燦燦的)稻田。用選取框工具自稻田右側開始剪下,如圖14:

  剪下一塊兒稻田後,在粘貼回原來位置。以此把餘下的稻田全部切割,切割的數量為10 塊左右,少了則不流暢,多了則檔案過大。如圖15:(注意:每兩塊小稻田的邊緣必須嚴格密封,不能重複剪下,也不能漏了一條,開始和結尾可以切割的稍小,理由是讓動畫被容易的過渡。和人眼的視覺印象有關,這裡就不展開了。)

  到這裡,稻田剪下就完成了。效果應該是和之前的一樣,映像不應該有一點走樣。

  [c]稻田的運動。

  選擇層3裡所有的稻田塊,複製,然後點擊建立幀,在幀2中粘貼所有的稻田,如圖16:
(注意:這裡要特別注意的在fw裡用複製,再粘貼後的映像的位置是否變動,如果變動,請參照座標調整到一致。)

  選中幀2中的第一塊稻田,然後按鍵盤的向下鍵,把這塊兒田下移1格。如圖17:

  選擇所有層3的稻田,複製,再建立幀3,粘貼。在幀3中,把第一塊稻田再繼續下移一格,然後把第二塊稻田也下移一格。

  選擇所有幀3的稻田,複製,再建立幀4,粘貼。在幀4中,不要移動第一塊稻田,將第二塊和第三塊分別下移一格。理由是如果將第一塊再往下移,那麼稻田被風吹過的效果就過為誇張和失真了。不動是想增大波浪的弧度,弧度太下則不逼真。

  選擇所有幀4的稻田,複製,再建立幀5,粘貼。在幀5中,第一塊稻田開始上移一格,第二塊則保持不動,將第三塊和第四塊稻田分別下移一格。

  選擇所有幀5的稻田,複製,再建立幀6,粘貼。在幀6中,第一塊和第二塊稻田都將上移一格,第三塊則保持不動,將第四塊和第五塊稻田分別下移一格。

  選擇所有幀6的稻田,複製,再建立幀7,粘貼。在幀7中,將第一塊稻田繼續上移一格。

  (注意:這裡,第一塊稻田將超過原來映像的高度,理由是顯現被風吹過後的彈性。這也是為什麼前面說過的要把稻田的映像多壓一層在邊框下。)

  第二塊和第三塊稻田也都分別上移一格,第四塊保持不動,第五,第六塊分別下移一格。

  選擇所有幀7的稻田,複製,再建立幀8,粘貼。在幀8中,將第一塊稻田下移一格,恢複最最初的位置(到這裡,第一塊稻田的位移已經全部完成,我們可以不用再管它了)。 將第二塊、第三塊和第四塊稻田都分別上移一格,第五塊保持不動,第六塊和第七塊稻田繼續下移一格。

  以上就是風吹過稻田的第一個波形的漸層,相信您在認真看了後將發現其中的移動規律,下面就不蛇足重複所有變動了。

  選擇所有幀8的稻田,複製,再建立站9,粘貼。

……

  直到最後一塊稻田迴歸原位時,整個風吹過稻田的動畫就基本完成了。(因為我切割了10塊,所以整個動畫一共17幀)點擊播放按鈕,預覽動畫效果,是不是已經比較接近風吹過稻田的效果了呢! 之所以說比較接近是因為動畫雖然完成,但我們顯然發現波浪的過渡並不十分平滑,這使得動畫動起來像個鋸齒,我們還要做的就是修改!(修改也可以在所有動畫完成後進行,但如果希望畫面變的比較細膩,則推薦提前修改,這也便於不使後面的工作太複雜。)

  [d]修改稻田動畫。主要工具:塗抹。

  修改的工程相比動畫來說更累人,因為你要修改每一幀,並不是移動一兩下滑鼠和鍵盤就能完成的。推薦先備份一下源檔案。當然,如果你對自己在fw裡用塗抹比較有信心的話,就讓我們開始修改稻田動畫的每一幀吧。

  (注意:在修改前,請將所有第3層的每一幀中的所有稻田都平面化,也就是說,每一幀動畫變的都只有一幅圖了。)

  由於從第一幀動畫並不明顯,所以我找了當中的一幀最示範,第7幀。當你掌握了其中的規律後,就可以把所有的幀都修改一遍了。好,下面我們看一下第7幀的原始動畫的映像,如圖18:

  很明顯的,風吹過的波浪是以鋸齒狀運動的,我們現在就要用塗抹工具把所有不平滑的,不柔和的地方全部修改的自然到位。點擊塗抹工具,如圖19:

  這裡對塗抹工具的用法就不羅嗦了,如果是第一次用,自己用幾下應該就可以掌握了,把鋸齒盡量調整到平滑、柔和。如圖20:

  我們可以看到,經過塗抹工具的製作後,映像明顯變的平和,順暢。接下來,請按照這個思路把所有的幀中的映像都修改一遍,改的過程中,可一邊看動畫的效果,一邊修改。必要時,可以使用塗抹色。直到你認為動畫已經非常流暢,平滑的時候,我們的修改工作就算是完成了。

  到這裡,稻田被風吹過的波浪動畫就全部完成了。考慮再三,我決定緊接著製作的是文字的漸層動畫。理由是稻田和文字的動畫的幀數基本上是固定的,有限的,但大樹和雲朵的變化是隨意的,無限的。當然製作動畫的條理性也可按自己愛好總結。

  (2)文字的漸層動畫。

  相比之下,文字的漸層動畫是所有動畫裡最簡單的動畫,所以我會講的比較快,如果有不明白的,可以參照源檔案,一看便知。

  首先,是動畫的選擇,什麼樣的動畫適合放在這個logo裡呢,顯然,那些非常商業化的動畫是不合適的,因為那些動畫往往因為商業要求過分突出文字,非常注重把主動畫放到文字上,但在這裡,我個人是希望文字動畫並不是第一個迷人的地方,應該淡淡的無聲的引入,夢幻般的消失,當別人想看文字動畫的時候,動畫已經接近尾聲了,這樣,看者就不得不再看一次動畫來特意得留意文字的動畫,與此同時,文字將被重視,此時,每個細節動畫都可以成為主動畫的效果就可見一斑了。(在我初次發這個logo的時候,很多人都說我的文字效果不夠明顯,但我想問:有一個人看不清楚文字嗎?呵呵,當然,每個人看問題的角度不同,很有可能很多人也並不同意我的設計思想,沒關係,這才是設計,才是個性,才是創意。)

  廢話一堆,sorry,言規正傳,文字的動畫在這裡的過程是這樣的:從透明度0到漸漸隱現,再到陰影(到這裡是文字的出現動畫)。接著是文字稍快的從黑色陰影過渡到白色陰影(從清晰過渡到夢幻),最後逐個以光束的方式消失。

  然後是考慮文字動畫應該從哪裡開始,從第一幀?從最後一幀?不要使所有的動畫都從同一幀開始,這樣的效果只有擁擠和雜亂,沒有層次感。讓我們看一下其他的幾個動畫,雲,樹葉,稻田。可以發現文字的動畫開始幀和雲、樹葉的動畫關係不大,幾乎互不干擾,那麼剩下來的只有稻田了,這裡建議從稻田動畫的中間開始文字的動畫,理由是增大文字動畫緩衝,重要的是文字動畫的開頭容易讓人忽視。呵呵。我選擇的是從稻田動畫的中間,大概是第8幀開始製作文字的動畫。

  具體操作:點選文本工具,在幀8的新圖層中用你自己喜歡的字型寫出logo的標題。長短隨意,但不建議過長或過短,至少在邊框和大樹間要有點空間。這裡的文字是ilogo。字型是04的字型,小且清晰,容易添加效果。

  把文字的透明度調到20,複製。如圖21:


  點擊幀9,粘貼,把文字的透明度改為30,複製;
  點擊幀10,粘貼,把文字的透明度改為40,複製;
  ……
  點擊幀16,粘貼,把文字的透明度改為100,複製;
  點擊幀17,粘貼,把文字加上投影效果,Ctrl+A,複製,投影的屬性如圖22:

  在幀17後添加幀18,點擊幀18,粘貼,把文字投影效果中的透明度改為35%,Ctrl+A,複製;(注意:在這裡不推薦一次添加很多幀,因為那樣,在粘貼後,映像會發生位移,但如果是一幀一幀的加,就可能不會。個人經驗而已。)

  在幀18後添加幀19,在幀19中,粘貼,把文字投影效果中的透明度改為55%,Ctrl+A,複製;
  在幀19後添加幀20,在幀20中,粘貼,把文字投影效果中的透明度改為65%,Ctrl+A,複製;
  在幀20後添加幀21,在幀21中,粘貼;
  (注意:這裡不對幀20做任何更動,因為我們要讓ilogo的完整字樣停止一下,以便看者能有時間看到。)
  在幀21後添加幀22,在幀22中,粘貼,把文字投影效果中的透明度改為35%,Ctrl+A,複製;
  在幀22後添加幀23,在幀23中,粘貼,把文字投影效果中的透明度改為15%,Ctrl+A,複製;
  在幀23後添加幀24,在幀24中,粘貼,把文字投影效果中的透明度改為35%,並把投影顏色由黑色改為白色,Ctrl+A,複製;
  在幀24後添加幀25,在幀25中,粘貼,把文字投影效果中的透明度改為65%,並把文字中第一個字母“i”刪除,在原來的字母中間加一條縱向的光束,方法可以畫個矩形在做漸層顏色填充,這裡就不羅嗦這個簡單操作了,效果如圖23:

  Ctrl+A,複製;在幀25後添加幀26,在幀26中,粘貼,把第二個字母“L”也刪掉,取而代之的是中間放一個縱光束,在第一個字母上的光束則需要改的小些,如圖24:

  Ctrl+A,複製;在幀26後添加幀27,在幀27中,粘貼,把第三個字母“O”也刪掉,取而代之的是中間放一個縱光束,在第二個字母上的光束則需要改的小些,第一個字母的小光束則變為更短的一小豎線,如圖25:

  Ctrl+A,複製;在幀27後添加幀28,在幀28中,粘貼,把第四個字母“G”也刪掉,取而代之的是中間放一個縱光束,在第三個字母上的光束則需要改的小些,第二個字母的小光束則變為更短的一小豎線,然後複製(Ctrl+Shift+D),把透明度調到80%,放到第一個字母的中間位置上,如圖26:

  Ctrl+A,複製;以此類推,直到所有的文字都漸漸消失,如——圖27:

  最後一幀可以是最後一豎線20%的透明,也可以為文字完全消失,應該是33幀,或者34幀,至此,整個文字的漸層動畫就全部完成了。我們可以點擊預覽鍵看一下效果,可能你會發現文字動畫過快,不要緊,我們將在最後修改的時候統一修改所有的動畫幀時間。目前的動畫流暢就可以了。

  接下來我們將製作雲朵的飄移漸層動畫。

  (3)雲朵的飄移漸層動畫。這個動畫是所有動畫裡比較難把握的一個,所以建議在製作前先練習一下塗抹工具的使用。

  [a]雲朵的繪製。

  由於是比較小的雲朵,所以我們乾脆自己畫,這樣也方便修改。主要是用塗抹工具的運用。

  點擊幀1的層3,建立圖層,選取塗抹工具,調整屬性,在logo的上端隨機的繪畫幾朵雲,如——圖28:

  (注意:由於雲朵在位移上一般不存在一邊快,一邊慢的情況,所以我們可以統一所有雲朵的位移速度,也就是說,我們可以把所有的雲朵動畫建立在一個圖層上,沒必要每朵雲單獨放在一層製作。個人推薦。)

  雲朵的飄移漸層動畫。

  首先,我們要考慮的是雲朵是如何運動的,往哪裡運動,運動的有多快。在這裡,我推薦雲朵時聚時散,呈無規則狀,因為單單雲的平移會使動畫趨於單調和平板,沒有靈魂,有點死;至於往哪裡運動,很多人肯定會說,當然是和稻田一致,因為風嘛,我不否認這樣想的合理性,但既然是藝術創作就會有和現實不盡相同的地方,這裡便是,假設我們確實按照風吹稻田的方向讓雲從右朝左移動,那麼,你將會發現整個動畫的重心全部偏向左邊,失去了平衡美,雖然有樹葉的動畫來配合,但上下一致的動畫顯然讓人有重複的感覺;另一方面,如果讓雲從左朝右運動,就真有違常理了嗎?答案是:否。從平面上看,雲從左至右似乎是水平的,但如果你設想這不單單是個平面呢?那麼,產生這樣視覺現象的可能性是不是還有可能是雲從遠端飄向近處呢?只不過路線不是直角而已。如果舉個例子的話,我們可以用從不同角度看一個正方體裡的一條斜線,你會發現從不同角度看,斜線的長度和角度都是不同的。那麼,讓我們回到這裡的雲和稻田,試想,稻田被風自右吹向左,而雲則從遠飄向近,這其中就沒有什麼矛盾的地方了。這矛盾既然沒有了,那麼美觀上,自然不同方向的運動更能豐富主題的表現了。

  其次,我們就要具體操作雲的飄移漸層了。(如果以下對於雲的塗抹變化並不十分清楚的話,可查看源檔案。)

  (注意:這裡是雲的飄移+漸層,可以看作是兩個動畫的組合。因為飄移只是雲的映像位移,而漸層則是映像的質的變化)

  複製在幀1的雲的位元影像,再點幀2個層3,粘貼。將這個雲的位元影像向右平移一格。再複製這個雲的位元影像。

  選擇幀3,粘貼,點選塗抹工具,適當改變雲的形狀,注意是否使用塗抹色。然後再複製雲層。(注意:大家可以看到,從幀1到幀2,雲朵只是位移,而從幀2到幀3,雲朵卻只改變形狀,這裡的原因是從幀1-幀17,是稻田的被風吹過的動畫,而我們顯然要雲的運動慢於近處的動畫,所以要把雲的動畫在和稻田的動畫重合時做成1/2拍。等過了稻田的動畫,再恢複到正常變化。)

  選擇幀4,粘貼,移動雲層一格向右,複製;
  選擇幀5,粘貼,用塗抹修改雲層,複製;
  ……
  選擇幀17,粘貼,塗抹修改雲層,並同時再把雲層向右一格,複製;
  選擇剩下的的幀,都按照以上的順序製作:同時修改雲和位移。
  ……
  直到倒數幾幀,比如第29幀或者30幀時,請注意雲的漸層和位移要逐漸向第一幀靠攏,如果感覺不習慣的話,推薦的方法是倒著製作最後幾幀的雲的變化。

  到這裡,雲的飄移漸層動畫就基本完成了,要注意的是修改雲的方法和技巧,這裡個人的發揮不同,效果也不同,是沒有一個標準的。只要像就行,幀的時間控制可以到最後調整。

  下面我們將要製作大樹與樹葉飄零的動畫了。

  (4)大樹和樹葉飄零的動畫製作。

  首先選擇幀1,在層3的稻田位元影像上添加圖層再匯入大樹的映像,或者再其他地方修改完畢後再複製過來。

  [a]大樹的製作。

  我們可以從素材中找到比較適合的大樹映像。要求是像大樹(廢話!),不是小樹或者松樹什麼的,普通的梧桐樹,或者任何幾十年的你喜歡的樹,我不推薦楓樹,紅色或者橘紅可能會使整個logo的主題位移,或者乾脆啥都不像。個人感覺而已。這裡給個樣子,如——圖29:

  接下來我們就要修改一下大樹:

  首先是截取大樹,請使用邊緣羽化,尤其是樹根處,並同時連帶一些綠草和土地,這樣才能和稻田接合的更自然,而不會使樹插在那裡像稻草人似的。

  其次是把樹型調整成兩邊基本平衡的重量,但不能使用複製,那樣就比較假,建議把小部分截取後水平翻轉再補到不同水平線的對立面。再把樹榦加粗,以增加樹的年倫,並使樹榦更直立。顯的堅實,穩重。

  然後是請調整樹的飽和度,和色相(我的色相是2,飽和度是80。sorry,是我的logo。¥%……×※)操作參考——圖5。(注意:這裡特別要注意把飽和度調到樹稍發黃,以符合秋天的意境。)

  最後是縮小後放到logo中的適當位置,在這個logo中,自然是右側偏下。

  (注意:要讓人能從樹的空隙看到:天空、丘陵、左邊的稻田,右邊的稻田。尤其是樹和丘陵間的天空和右下的稻田,推薦一定要露出來,極度增強映像的細膩美和質感。至少本人是這麼認為的。)

  此時得到映像,如——圖30:

  圖上的紅圈內的空間是要特別注意空出來的。理由分別如下:最上面的留白將要給白雲的動畫做準備,中間一左一右的留白是為了使樹葉的飄零動畫更加清晰,右下的留白是為了使稻田的動畫更加真實和完善,增加了動畫的細膩程度和質感。

  當然,以上只是我個人的見解,你也可以自己發揮或修改,萬變不離其終。

  樹葉飄零的動畫製作。

  首先,我們需要的是葉子,不用多,整個動畫中3-5 片左右足以。

  如果按照常理,我們是自己畫一片葉子或者找一片葉子再縮小,不過如果你真的這麼做的話,你會發現等你把葉子圖形真的縮到適當小的時候,它已經什麼都不是了。我的建議是:用象素畫。再詳細點說,是用鉛筆或者塗抹。但很快你會發現用塗抹的話,葉子的邊緣的表現不十分逼真,所以我在這裡只介紹用鉛筆進行繪畫。

  點選鉛筆(如果不知道鉛筆是什麼的請參看——圖9),在幀1中層3的大樹圖層上建立新圖層,然後點幾點在一起,形狀基本不限,可大可小,顏色可以從大樹身上取,要有黃、綠、深綠。(理由是在之後的動畫中我們將會調整每片葉子的旋轉角度以表現葉子在飄零過程中的翻滾感和反光感。)如——圖31:

  這裡暫時不顯示大樹以便更清楚的查看,此圖放大比例:800%

  好了,我們既然已經知道如何添加落葉,那麼我們就可以在幀1中繼續添加落葉在大樹附近,或者在第二幀再添加其他的落葉(注意:不論你在幀1如何加落葉,多少,位置都比較隨意,但記得在將來完成所有動畫幀後,檢查最有一幀的動畫是否和第一幀連貫。本人推薦自幀1開始逐漸添加落葉,以延長動畫的緩衝。)

  下面,我們來具體操作一下落葉的飄零移動。

  有幾點請注意:

  落葉在每幀相對比上一幀只移動一格,或左,或右,或斜角。這樣做是不想動畫過快,慢才有感覺。落葉散落的方嚮應該包括,天空,丘陵,稻田,土地。落葉來自大樹的各個部位。落葉的顏色不同,大小不同。請在不同的幀中旋轉各個葉片,角度隨意。最後注意的一個細節是如果此幀同時有稻田被風吹過的動畫映像,請將落葉飄零的方向適當做順風調整。

  具體操作如下:

  從幀1到幀16中,樹葉的飄零和形狀的改變和雲朵一樣,都只移動樹葉一格,不包括斜移,或是只改動一點形狀,從幀17開始,樹葉的移動就改為一次移動2格,或者斜移一格。這裡注意最後一幀和第一幀的樹葉飄零的連貫性。

  至此,整個logo製作部分就全部完成了,呼~~finally啊!

  三、修改——從修改全域幀的時間到映像的細節調整,以及映像的最後儲存。

  [a]我的logo設定的幀的時間為:幀1-幀16:7, 幀17-幀33:15。

  技巧是盡量把幀的時間加長,但又同時保持最大限度的動畫連貫性。這裡由於之前我們已經考慮到部分動畫的1/2節拍的製作,下次就需要你事先計劃好了。

  映像的細節調整。這裡主要是針對首尾兩幀的調整,使這兩幀盡量的自然過渡,如果需要的話,可能也會同時修改其他相鄰的幀。總之,你在看映像預覽的時候發現任何不尋常的問題都要在這裡全部修改完,很多人可能會問,我怎麼知道動畫是否最好,或者是否到位呢?我的回答是:多觀察,多積累,多學習。你對動畫把握的感覺就會隨著你的動畫一樣慢慢過渡到perfect的。呵呵。

  [c]關於映像的儲存。因為我也是剛學fw,所以只知道用匯出嚮導才能把映像儲存為gif的形式,否則可能匯出的動畫不會動,或不完整。再有就是用ACDSee瀏覽的時候可能會失真,但放到網頁裡就好了,這是正常的現象。

  當你全部修改完所有的細節,就可以開啟音樂,手捧咖啡,靠在椅子上欣賞一下自己的作品啦。

  【寫在最後】:

  我的第一有關logo的教程終於在斷斷續續中完成了,雖然羅嗦了有萬把字,但個人感覺非常粗糙,很多操作方面開始面向的可以是完全不懂fw的新人,但後面的部分就要求製作人對fw的某個工具比較熟悉,真是失敗啊!不過,幸好這個logo的技術製作很簡單,主要是思路上的統籌。

  還有就是做這個教程並不是為了讓大家生搬硬套,主要還是思路上的開拓吧,我也不能說這個logo多有創意,多完美之類的白癡話,但請大家記住:當你在欣賞一個作品的時候,在思考它的製作方法的過程中,請不要忽略了製作它的源泉——如何才能想到那麼做呢?希望大家能觸類旁通,在不久的將來,能把自己的獨特的創意化為優秀的作品,然後讓我們共同欣賞和學習,一起進步,其樂融融啊~~!呵呵

  最後想到的是,以前從沒做過教程,現在做了發現,製作一個教程並不比製作一個作品簡單,尤其是一個優秀的教程,在這裡僅向所有製作過教程的前輩表示衷心的敬佩和感激!



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。