當前位置:米奇創意網>設計創意>設計教程>

如何用Photoshop製作動態QQ表情

設計教程 閲讀(2.83W)
QQ在大家生活中早已經是見怪不怪的事情了。可是當看到網友們發的搞笑的QQ動態圖片。我們還是會被逗得忍俊不禁時,有沒有想過DIY一個極具創意的動態QQ表情,在Q友面前秀一下呢?Adobe Photoshop CS3可以幫你實現這個功能。藉助其強大的功能和方便的操作界面,我們可以製作出gif格式的動態QQ表情。即使是對於沒有圖形處理經驗的用户來説,只要簡單的三步,就能輕鬆完成!看看我們製作的搞笑圖片,快來跟我們一起試試吧!

如何用Photoshop製作動態QQ表情

圖1

温馨提示:

動畫是靜態圖片的連續播放。在製作動畫之前,我們必須設計好每個關鍵幀對應的靜態圖片。關鍵幀的顯示時間設置也很重要。這一參數也直接影響了播放的效果。對於剛剛上手的用户來説,用不同的參數多試幾次也會得到意想不到的效果。

第一步、圖形制作:

打開Adobe Photoshop CS3軟件進入到工作界面,在工作空間雙擊,並在彈出的"打開"對話框中打開選擇好的素材。我們可以使用自己拍攝的照片,也可以使用電影劇照或者卡通人物圖片做素材。我們選擇了某經典喜劇片中的搞笑劇照作為素材。

調整並裁減大小後執行"窗口—動畫"命令,打開"動畫"調板開始製作誇張的眼淚。首先,我們在圖層調板下方單擊"創建新圖層"圖標新建一個圖層。它的默認名稱為"圖層1",我們可以在圖層調板中雙擊縮覽圖後面的"圖層1"文字,把它變成可編輯狀態,重新命名為"眼淚1",以免把圖層搞混。

接下來,我們在工具箱中雙擊"設置前景色"圖標,在彈出的"拾色器"對話框中設置前景色較淺的藍色(R=232,G=250,B=255),確定後在工具箱中選擇"矩形工具",並在"矩形工具"選項欄中勾選"填充像素"圖標,這樣就可以直接在"眼淚1"圖層上人物眼睛的下方畫出一個淺藍色矩形(圖2)。

如何用Photoshop製作動態QQ表情 第2張

圖2

然後我們選擇"眼淚1"圖層,執行『濾鏡扭曲波浪』命令,在彈出的"波浪"對話框中設置各項參數。按下"確定"按鈕,一個誇張的波浪形的眼淚出現了。我們再選擇"矩形選框工具", 選擇"眼淚",然後再選擇"移動工具"並同時按住"Alt"鍵將眼淚複製到右側眼睛下方的位置(圖3)。

如何用Photoshop製作動態QQ表情 第3張

圖3

完成複製後,我們按下快捷鍵取消選擇,並在圖層調板中拖動"眼淚1"圖層向下方的"創建新圖層"圖標,修改其默認名稱"眼淚1副本圖層"為"眼淚2",按下快捷鍵在畫面中將會出現"變換"命令的控制框,拖動手柄向上移動將拉伸眼淚,按下回車鍵。這時,眼淚的基本造型已經完成。

下一步是使用"直排文字工具"給圖片加上搞笑的文字(圖4)。選擇文字層,執行『圖層圖層樣式描邊』命令,打開"圖層樣式"對話框,為文字加上醒目的描邊效果。按下"確定"按鈕(圖5)。

如何用Photoshop製作動態QQ表情 第4張

圖4

如何用Photoshop製作動態QQ表情 第5張


圖5

第二步、動畫製作

要讓圖片動起來,最關鍵的步驟是設置關鍵幀。我們在動畫調板下方連續單擊創建關鍵幀的圖標(圖6),共需要5個關鍵幀。

如何用Photoshop製作動態QQ表情 第6張

圖6

首先選擇第一個關鍵幀,在圖層調板中只保留背景層與文字的顯示,而取消其他圖層的顯示,並在動畫調板下方將關鍵幀的顯示時間設置為0.1秒。

選擇第二個關鍵幀,在圖層調板中保留背景層和眼淚2圖層的顯示,而取消其他圖層的顯示,並將"眼淚2"圖層的不透明度設置為80%,將關鍵幀的顯示時間設置為0.2秒。

選擇第三個關鍵幀,在圖層調板中保留背景層和眼淚1圖層的顯示,而取消其他圖層的顯示,並將"眼淚1"圖層的不透明度設置為80%,將關鍵幀的顯示時間設置為0.2秒。

選擇第四個關鍵幀,在圖層調板中保留背景層和眼淚2圖層的顯示,而取消其他圖層的顯示,並將"眼淚2"圖層的不透明度設置為80%,將關鍵幀的顯示時間設置為0.2秒。

選擇第五個關鍵幀,在圖層調板中保留背景層和眼淚1圖層的顯示,而取消其他圖層的顯示,並將"眼淚1"圖層的不透明度設置為80%,將關鍵幀的顯示時間設置為0.5秒。

如何用Photoshop製作動態QQ表情 第7張

接下來,我們把文件保存為psd的文件做個備份,然後執行『文件存儲為Web和設備所用格式』命令,在打開的對話框中選擇gif格式,並對動畫進行適當優化。我們必須減小動畫的體積,以方便傳播(圖7)。優化完畢之後,將圖片存儲到本地磁盤。

如何用Photoshop製作動態QQ表情 第8張

第三步、導入QQ表情

啟動QQ軟件之後,我們任選一位好友打開聊天窗口,並在聊天窗口下方單擊"選擇表情"按鈕打開表情窗口,並在窗口下方單擊"表情管理",然後單擊"添加"按鈕,在彈出的"添加自定義圖釋"窗口中單擊"瀏覽"找到我們保存的gif動畫,為圖釋重新命名或使用默認的名稱。

當我們重新打開QQ聊天窗口時,看一下表情圖標。哈哈!大功告成!新表情已經出現在表情庫裏了。在完成這個簡單的動態QQ表情之後,我們已經對gif動畫的原理與製作有了初步瞭解。在以後的製作過程中,圖片怎麼變化,情節如何設定,都可以由我們自己來決定。只要我們舉一反三,發揮無限的創意,一定能製作出更多有趣的動態QQ表情。