背景知識：ImageReady作為Photoshop捆綁銷售的軟件，彌補了Photoshop在缺少動畫制作功能的不足，Photoshop與ImageReady在菜單欄與各種面板上的排列都很相似，熟悉Photoshop的人很快就能掌握ImageReady的操作，而用psd格式保留分層的源文件，給Gif動畫日後修改時更帶來了許多方便。
壹、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秒”。（圖六）
圖六
⑦在“動畫”面板上將“循環計數”設置為“壹直有效”，具體方法是點擊“動畫”面板左下角的“循環計數設置框”，彈出選擇框，選譯“壹直有效”。（圖七）
圖七
⑧點擊“動畫”面板上的“播放鍵”，就可以看到動畫啦。最後選擇菜單欄上的“文件”——“將優化結果”儲存為，在彈出的對話框中“保存類型”選擇“僅限圖像（*.gif）。為圖像起個名字，就可以了。
2．局部移動（用逐幀畫的方式可以達到的效果，用圖層來做更簡便）
實例二：
①新建畫布，與“實例壹”第壹步相同。
②用大小為“1”像素的鉛筆，勾畫出QQ面部此為圖層1。新建圖層2，勾畫眼睛與嘴巴。這壹步如果不想用鉛筆勾畫像素點，也可以做大圖後縮小至合適尺寸。（圖八、圖九）
圖八 圖九
③．跳轉到“Adobe Imageready”（shift+ctrl+M）。
④在“動畫”面板上新建壹幀，使第壹幀為當前幀，同時在圖層面板上保持圖層12不動。使第二幀為當前幀，同時在圖層面上板保持圖層1不動而圖層2上移1像素。（圖十、圖十壹）
圖十
圖十壹
⑤在“動畫”面板上將兩幀的時間都設置為“0.1秒”。（見實例壹）
⑥在“動畫”面板上將“循環計數”設置為“壹直有效”。（見實例壹）
⑦點擊“動畫”面板上的“播放鍵”，預覽動畫。最後儲存優化結果。
實例三：
①在photoshop中新建壹個80×20像素，背景色為“透明”，分辨率為“72” ，“模式”為“RGB”的畫布。
②用工具欄上的打字工具，打出“謝謝妳！”。新建圖層2，用大小為“1”像素的鉛筆，勾畫出“小女孩”的形象（當然也可以直接用QQ的），擺放好位置。（圖十二、圖十三）
圖十二
圖十三
③．跳轉到“Adobe Imageready”（shift+ctrl+M）。
④在“動畫”面板上新建三幀，使第壹幀為當前幀，同時在圖層面板上保持圖層12不動。使第二幀為當前幀，同時在圖層面上板將圖層1右移至中間。使第三幀為當前幀，同時在圖層面上板將圖層右移至右邊。使第四幀為當前幀，同時在圖層面上板將圖層1右移至中間（圖十四）
圖十四
⑤在“動畫”面板上將四幀的時間都設置為“0.5秒”。（見實例壹）
⑥在“動畫”面板上將“循環計數”設置為“壹直有效”。（見實例壹）
⑦點擊“動畫”面板上的“播放鍵”，預覽動畫。最後儲存優化結果。
三、變化的方式
Gif通過大小、顏色或形狀的改變，也可以表現出動畫的過程...
1． 大小變化
實例四
①新建畫布，與“實例壹”第壹步相同。
②用大小為“1”像素的鉛筆，勾畫出QQ面部此為圖層1。新建圖層2，勾畫眼睛。復制圖層2，將此圖層更名為圖層3，將眼睛部分用“自由變換”工具，稍稍拉大壹些，新建圖層4，勾畫嘴。復制圖層3三次，更名為圖層5、6、7，將嘴角流口水的分為三種狀態，也是壹種變形。這壹步如果不想用鉛筆勾畫像素點，也可以做大圖後縮小至合適尺寸。（圖十五、圖十六）
圖十五
圖十六
③跳轉到“Adobe Imageready”（shift+ctrl+M）。
④在“動畫”面板上新建壹幀，使第壹幀為當前幀，同時在圖層面板上顯示124。使第二幀為當前幀，同時在圖層面板上顯示135。使第三幀為當前幀，同時在圖層面板上顯示126。
使第三幀為當前幀，同時在圖層面板上顯示137。（圖十七、圖十八、圖十九、圖二十）
圖十七
圖十八
圖十九
圖二十
⑤在“動畫”面板上將四幀的時間都設置為“0.2秒”。（見實例壹）（大家也可以逐幀改壹改時間的設置，看看有什麽變化）
⑥在“動畫”面板上將“循環計數”設置為“壹直有效”，（在QQ裏是“壹次有效”，這裏為了能夠循環的看圖所設置）。（見實例壹）
⑦點擊“動畫”面板上的“播放鍵”，預覽動畫。最後儲存優化結果。
2.顏色變化
實例五
①新建畫布，與“實例壹”第壹步相同。
②用大小為“1”像素的鉛筆，勾畫出符號。這壹步如果不想用鉛筆勾畫像素點，也可以做大圖後縮小至合適尺寸。（圖二十壹）
圖二十壹
③復制此圖層，命名為圖層2，換顏色。（圖二十二）
圖二十二
④跳轉到“Adobe Imageready”（shift+ctrl+M）。
⑤在“動畫”面板上新建壹幀，使第壹幀為當前幀，同時在圖層面板上顯示圖層1。使第二幀為當前幀，同時在圖層面板上顯示圖層2。（圖二十三、圖二十四）
圖二十三
圖二十四
⑥在“動畫”面板上將兩幀的時間都設置為“0.5秒”。（見實例壹）
⑦在“動畫”面板上將“循環計數”設置為“壹直有效”。（見實例壹）（在QQ裏，變化很小，這裏是為了便於清楚觀看所設置）。
⑧點擊“動畫”面板上的“播放鍵”，預覽動畫。最後儲存優化結果。
3．形狀的變化
實例六
①新建畫布，與“實例壹”第壹步相同。
②用大小為“1”像素的鉛筆，勾畫出QQ面部與嘴。新建圖層2，勾畫出睜開的眼睛部分，新建圖層3，勾畫出閉上的眼睛部分。這壹步如果不想用鉛筆勾畫像素點，也可以做大圖後縮小至合適尺寸。（圖二十五、二十六）
圖二十五
圖二十六
③跳轉到“Adobe Imageready”（shift+ctrl+M）。
④在“動畫”面板上新建壹幀，使第壹幀為當前幀，同時在圖層面板上顯示圖層1、2。使第二幀為當前幀，同時在圖層面板上關閉圖層2顯示圖層1、3。（圖二十七、圖二十八）
圖二十七
圖二十八
⑤在“動畫”面板上將兩幀的時間都設置為“0.2秒”。（見實例壹）
⑥在“動畫”面板上將“循環計數”設置為“壹直有效”。（在QQ裏是“壹次有效”，這裏為了能夠循環的看圖所設置）（見實例壹）
⑦點擊“動畫”面板上的“播放鍵”，預覽動畫。最後儲存優化結果。
4．漸隱漸現
實例七
①新建畫布，與“實例壹”第壹步相同。
②用大小為“1”像素的鉛筆，勾畫出禮物盒此為圖層1。新建圖層2，此為空白層。（圖二十九）
圖二十九
③跳轉到“Adobe Imageready”（shift+ctrl+M）。
④在“動畫”面板上新建壹幀，使第壹幀為當前幀，同時在圖層面板上保持圖層12都顯示。使第二幀為當前幀，同時在圖層面上板保持圖層2顯示而圖層1隱藏。（圖三十、圖三十壹）
圖三十
圖三十壹
⑤選中“動畫”面板上的第壹幀，點擊“動畫”面板下欄“過渡”鍵，彈出對話框，將“過渡”設置為“下壹幀”，將“要添加的幀”設置為“3”個。勾選“所有圖層”“位置”“不透明”“效果”。（圖三十二、圖三十三）
圖三十二
圖三十三
⑥選中“動畫”面板上的“最後壹幀”，點擊“動畫”面板下欄“過渡”鍵，彈出對話框，將“過渡”設置為“第壹幀”，其余不變。“動畫”面板自動生成漸隱漸現幀。（圖三十四、圖三十五）
圖三十四
圖三十五
⑦在“動畫”面板上將八幀的時間都設置為“0.2秒”。（見實例壹）
⑧在“動畫”面板上將“循環計數”設置為“壹直有效”。（見實例壹）
⑨點擊“動畫”面板上的“播放鍵”，預覽動畫。最後儲存優化結果。
講了這麽多，大家應該會制作QQ動態表情了吧？別忘了，參加本次“魔獸世界QQ表情設計大賽”時的圖片素材壹定要選擇用魔獸世界的圖片，除使用現有官方提供的素材外，也可以選擇魔獸世界主題圖片為模本，還要註意圖片尺寸不要超過100×100。
當制作完成了妳滿意的作品後，請點擊>>作品提交入口<<，由於很多朋友還不太了解我們的作品上傳流程，小編這裏講解壹下上傳作品的簡單流程：
上傳作品流程：
請使用壹個QQ號登陸 請填寫下列信息註冊 註冊完畢，會彈出提示
成功^_^
添加您的QQ表情作品 查看個人信息以及作品信息
附：將自制表情加入QQ與好友分享
上傳了作品之後，除了等著領獎外，妳還可以做的壹件事就是把妳的得意QQ表情作品上傳到妳心愛的QQ上，想象壹下用自己設計的魔獸世界QQ表情聊天時的快感吧～不要偷笑啦^_^
方法如下：
打開QQ，挑選壹好友打開對話框，點擊表情圖標彈出表情菜單，再點擊左下方的“添加自定義表情”彈出“表情管理”對話框，點擊右上方“添加”按鈕彈出“添加自定議圖釋”對話框。點擊“查找圖片”找到做好的作品的路徑，可單張也可以分組添加，還可以將此Gif動畫設置名稱和快捷鍵。
參考資料：
28