動畫圖片多種效果的製作步驟
2009-03-20 14:16:37|分類: 【圖片製作】 |標籤: |字型大小大中小訂閱
本節採用Flash-v8.0軟體、Photoshop CS2軟體、Ulead GIF Animator V5.05 軟體、3D軟體進行動畫製作,軟體可到網上下載破解版。
先看製作好的效果圖片:
因為FLASH做成GIF動畫圖片時,大面積的顏色暫變嚴重失真,所以在做動畫前先做一張JPG上下暫變色圖片,請按圖解的1、2、3……:
如果是做成FLASH文件無需做這背景圖片,由於上面二圖片文字有點小,在這重說,也許從圖上看很多操作,其實才幾步就完成,我怕初玩者看不太明白,所以寫得很詳細。實際操作如下:
打開FLASH界面→頂部是各種操作導航欄、左邊是工具箱、下邊是屬性及動作程序輸入(沒必要學動作程序輸入太難學)、中間是製作動畫工作區→先在「屬性」點開「大小」寬"設為460、「高」設為249其它不管點「確定」→在工具箱中點「矩形工具」同時在「顏色」處關閉「筆」那顏色→在工作區隨便畫一方塊→點擊方塊或第一幀(這時方塊成粒狀)→點擊頂部導航欄「窗口」調出「混色器」會彈出在右邊→先擇「線性」→點下方左邊色滑塊的RGB色中輸入#3130B0後點色滑塊下面的空白格→點擊右邊色滑塊的RGB色中輸入#5A5DBD後點色滑塊下面的空白格(這樣工作區的方塊就成了橫向暫變色,如果你試用藍色與黃色暫變很明顯)→點「修改」 →點「變形」 →點「順時針旋轉90度」(方塊轉為上下暫變色)→點「文件」→點「發布設置」→鉤選「JPEG」並雙擊其後邊的「文件夾」→另存桌面輸入「背景」點「確定」→點「發布」及「確定」完成了圖片→關閉FLASH軟體點「否」。
文字繞月旋轉做法
《一》打開FLASH軟體,設置版面及導入背景圖片,按圖解進行,並在35幀處插入幀
。當這些操作完後與平時在辦公軟體打字一樣,打一部分就保存,這做動畫也一樣,點「文件」選取「另存為」彈出界面選取保存到桌面輸入」文字繞月」格式擴展名為 fla 文件。下次接著做時直接點開該文件就行。
《二》從上面最後一步看以看出已轉到了「元件」旋轉文字製作,在這說明上面所講的工作區叫「場景」,場景是用來編輯動畫把做好元件調出到場景中進行編輯,實際做動畫在「元件」中進行,下面講做旋轉字方法:
1:第《一》的9步已轉到元件動畫製作,點導航欄「視圖」調出網格→從上圖看標「元件」橫向最後處有放大「200%」
方便看網格→並把圖層1雙擊改輸為「舉」字→點工具「A」文字後下面「屬性」會有打字各項選擇、字體我用「楷體」字大小「32」顏色「紅」
2:點一下網格任意處打上「舉」字→同時按鍵盤上的ctrl+B打碎舉字→在導航「窗口」調出「混色器」→選取「線性」→
點擊「顏色滑塊」可在色版中點你要的色上下拖動右邊
小三角形便得到你要的色、左右滑塊中間
點擊可增加多種色字、我只用左右雙色「舉」字左紅右白→同時按鍵盤上的ctrl+G將打碎舉字組合→點工具上的「縮放」工具「舉」便像上圖一樣→用滑鼠把字移到上圖樣位橫縱網線的十字中間
3:在13幀處鼠右鍵點擊插入「關健幀」 →25幀處插入「關鍵幀」→點擊前幀(即第1幀處)把「舉字」縮小點→點前頭幀(即第1幀)將「舉」了拖到上圖解右邊位置(上圖的前後我打錯對換了)→這時點擊文字可在「屬性」那把「寬設為3」並把「高設為10」已縮得很小用滑鼠很難移動→再點一下文字可用鍵盤上的上下左右移動鍵移動文了在一條線並按圖中的位置→點最後幀(即25幀)拖到上圖解左邊位置同前幀操作一樣。
4:滑鼠點一下「工具」上的箭頭→點前幀在「屬性」顯示如圖解右邊紅框小圖「補間為動畫」、「緩動為-80(負80)」→點中間幀「補間為動畫」、「緩動為79」→點最後幀「補間為動畫」、「緩動為-79(負79)」→點 舉字圖層鎖
→點導航「控制」可試播放動畫。
5:「舉頭望明朋」,「舉」做好,在第圖層下方有「塊紙」
狀點那是新建圖層2同樣改為頭字
從第1幀算起在第4幀滑鼠右鍵點擊插入空白幀,用(3—4)的方法做,那麼它的中間「關健幀」與最後「關健幀」比舉字的同樣往後4幀。同樣梯形的方法做望、明、月共五層。當你做完「月」字時會發顯最後幀是在37幀上,就是說我們要做的動畫「場景」才設為35幀(就是說動畫成圖片是35張圖片),而元件即多了二張。其實還有「低頭思朋友」五個字,這五個都超出35幀以外,如果你做的字剛好35幀,做成動畫圖片後,會一半的旋轉時間有字,而別一半時間沒字,要使整個繞轉都有字這就是技巧了,也就是說為什麼要超出35幀?
6:接著做「低頭思朋友」新建「低」字圖層,從前面的「月」知得前幀是在第13幀、中間幀是在25幀、後幀在37幀,為了使前五個字與後五個字分開,「低」字的前幀從18幀處插入空白幀(比月字13算起後退6幀)、中間關健幀在30幀、後關健幀在42幀用(3—4)的方法做。頭、思、月、友比「低」各退4幀做法一樣。全部字做完成。
7:
點月字圖層,剪切多出35的幀,先雙擊中間關健幀如圖 ,滑鼠右點擊「轉為關健幀」
按往 shift鍵點第36幀,再點37幀,滑鼠點右鍵選剪切,在月字圖層上方新建圖層,雙擊新圖層的第1幀並刪除,在新圖層第1幀插入空白幀,滑鼠右鍵點新圖層第1空白幀選「粘貼幀」,剛才月字被剪切的2就粘到了新層上,低、頭、思、朋、友五個字超出35幀的同樣操,就和解說圖一樣了。繞月字全部工作完成,點「控制」播放,效果很美。
《三》做月亮及星:
8:導航「插入」新「元件」輸入月亮選取「圖形」,在第一層改為「月」,在工作區用「橢圓工具」畫一個白色的圓,從導航「窗口」調出「混色器」選取放射狀
,
左及中滑塊色為白色 ,右滑塊為淡灰,在35幀處插入關健幀。
新建圖層2,用
「刷子工具」非常淡藍色在月亮上畫陰影如解說圖樣,並在「混色器」
的調成適當的透明度,點擊第幀按鍵盤的ctrl+G組合所有色塊,在35幀處插入關鍵幀,在70幀處插入關鍵幀用(3—4—7)方法創建動畫並剪切35幀外的幀,新建圖層粘貼。不同的是點第1幀縮小色塊移到左邊月亮邊,75幀縮小移到右→邊月亮邊,使月亮與旋轉文字的轉動方向相反。
9: 「插入」新建星「元件」選取「圖形→在第一幀用「矩形工具」畫一白色小矩形→用「黑色箭頭工具」將小矩形選取一半→「修改」中的「變形」→扭曲
把右邊上下角選點拉到中間→同樣法做左邊並用縮放工具壓成小條→點做成的長凌形複製→在原第1幀粘貼→新粘的「修改」旋轉90度並移到原來上面成十字→同樣方法再粘貼成米字星→點第1幀進行複製幀→在5幀處插入關鍵幀並把星縮小→新建圖層2及圖層3粘上星星並將星用「混色器」分調成紅、青→同樣在5幀處插關鍵幀→分在1幀或5幀上縮小還可「間補動畫」成旋轉。
《四》場景編輯動畫
請按下圖操作,點擊場景回到動畫編輯,新建月亮、星星、旋轉字圖層,依次點每圖層第1幀,點「窗口」調出「庫」從庫中拖出相應圖層的「元件」動畫到「場景」中,各種動畫元件可任意縮放及旋轉與移位如下圖。
點「文件」選取「發布設置」打開設置面版,去掉其它發布方式的鉤,只鉤選GIF如下圖設置各項參數,然後點「確定」,再點發布就行,得到了解說圖下的動畫圖片,竹子和人在PS軟體做容易。
用Ulead GIF Animator V5.05軟體把GIF動畫圖轉為PSD文件
起動Photoshop CS2軟體點文件選打開剛才轉換保存PSD文件
在上一張圖解從導航欄的「窗口」 調了「Animation動畫編輯器」後→在最後的的一張圖解里動畫編輯器是只有一 個圖片即一幀(與FLASH一樣每幀是一個圖片)這時不要先創建其它幀→請按圖 解先調整第一幀的時間為0.1→接著調整圖層的眼睛關與閉→點開繞月「圖層圖 片1」眼睛、點開「群組圖層包」的眼睛(特別注意的是在群組包中的所有圖層 的眼睛要在關閉狀態)、點開「圖層竹」的眼睛、點開「圖層人1」的眼睛、關 閉「圖層人2」的眼睛→現在點擊創建新動畫幀共點擊34次這樣全動畫35幀→開 始先製作「群組圖層」里每個圖層→點擊動畫編輯器的第二幀就點開「群組包」 中「圖層2」的眼睛、點動畫編輯器的三幀對應點開「群組包」中的「圖層3」眼 睛如此依次對應點開至35這樣繞月字動畫完成→「圖層竹」不用管當你在新創建 幀時35幀中全有「圖層竹」→接著設置「圖層人1」與「圖層人2」動畫→動畫編 輯器的1至9幀及18至26幀不要動→從動畫編輯器的10至17幀點開「圖層2」的眼 睛、同時並點關閉「圖層人1」的眼睛→再從動畫編輯器的27至35幀點開「圖層 人2」的眼睛、同時並點關閉「圖層人1」的眼睛→全部動畫編輯完成→套齣動畫 GIF點「文件」選取「存儲為web所用格式」→彈出新界面點保存到桌面並輸入名 稱。工作全部完成就是日誌開頭的效果圖片。
理睬要提醒的是做動畫不是一次做好,要邊做邊保存,Photoshop CS2軟體是另存為PSD文件格式,與FLASH不同的 是其能直接點另存文件打開,而Photoshop CS2軟體是要先起動軟體再用軟體打 開PSD文件。
給「心瓶」的代碼:
<TABLE background=http://img242.photo.163.com/V8Qeau455pjET7g-ig-NMg==/1431581731551224269.jpg border=0>
<TBODY>
<TR>
<TD><embed allowScriptAccess="never" style="WIDTH: 620px; HEIGHT: 389px" src="https://www.getit01.com/getimg_360.php?url=http://server5.aeeboo.com/dfwv7SDv6XSWk/265000/qxt19/631433.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" ></embed></TD></TR></TBODY></TABLE>
推薦閱讀:
※6張同步移動效果圖—風景代碼
※多吃綠色蔬菜效果等同健身 可提高免疫力
※PS調出照片的古典淡綠效果
※試過蒸水果嗎?減弱寒性、食療效果加倍!
※氣血不正,五臟皆病!老中醫湯譜秘方大公開,效果堪比千元補品!