當前位置:製作窩 >

創意設計 >設計教程 >

如何用Photoshop製作動態QQ表情

如何用Photoshop製作動態QQ表情

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表情。


  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/xz0z2.html