QQ的動態表情其實就是Gif格式的小動畫,Gif(Graphic Interchange Format)是網上通用的影象格式,它具有支援透明背景、動態效果、製作簡單、體積小等特點。製作Gif動畫軟體比較多,常用的一般有ImageReady、Fireworks、Flash、Gif Animator等,今天我們就以用Photoshop與ImageReady為主,聊聊製作QQ表情動畫的主要方法和表現技巧。 背景知識:ImageReady作為Photoshop捆綁銷售的軟體,彌補了Photoshop在缺少動畫製作功能的不足,Photoshop與ImageReady在選單欄與各種面板上的排列都很相似,熟悉Photoshop的人很快就能掌握ImageReady的操作,而用psd格式保留分層的原始檔,給Gif動畫日後修改時更帶來了許多方便。
工具/原料
Photoshop
方法/步驟
一、Gif動畫簡述
簡單地說,動畫就是在一段時間內顯示的一系列影象或幀,每一幀較前一幀有輕微的變化,當連續、快速地顯示這些幀時會產生運動的錯覺。 我們可以在photoshop中先用圖層畫好影象的每一部分再轉入ImageRdady逐幀編輯。也可以在 ImageReady 中直接開啟一個影象,則“動畫”調板將該影象顯示為新動畫的第一個幀。我們新增的每個幀開始時都是上一個幀的副本。然後可使用“圖層”調板對幀進行更改。
二、用移動的方式表現動畫
Gif通過錯位兩幀相同的畫面或區域性,再以迴圈播放的方式,就可實現簡單動畫。
1.整體移動
例項一:
①在photoshop中新建一個20×20畫素,背景色為“透明”,解析度為“72” ,“模式”為“RGB”的畫布。
②用大小為“1”畫素的鉛筆,勾畫出QQ表情。這一步如果不想用鉛筆勾畫畫素點,也可以做大圖後縮小至合適尺寸。(圖一)
③選擇選單欄上的“檔案”——“跳轉到”——“Adobe Imageready”(shift+ctrl+M),或直接點選工具欄上最底部的圖示。(圖二)
④在Imageready的圖層面板上,複製一個圖層一複本,更名為圖層2,並將此圖層上移1個畫素。(圖三)
⑤在“動畫”面板上新建一幀,使第一幀為當前幀,同時在圖層面板上使圖層1為當前圖層並隱藏圖層2。使第二幀為當前幀,同時在圖層面板上使圖層2為當前圖層並隱藏圖層1。(圖四、圖五)
⑥在“動畫”面板上將兩幀的時間都設定為“0.1秒”,具體方法是點選幀下端的時間,彈出選擇框,選譯“0.1秒”。(圖六)
⑦在“動畫”面板上將“迴圈計數”設定為“一直有效”,具體方法是點選“動畫”面板左下角的“迴圈