萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> ps cs6制作gif動畫系列教程

ps cs6制作gif動畫系列教程

  劉老師在設計相關行業侵淫多年,有著豐富的實戰和教學經驗,此次嘔心瀝血推出的側重於gif的教程,用了50多個效果來講和GIF有關的PS功能。這套教程適合GIF愛好者、QQ表情制作、動態簽名檔、網站廣告、Logo、彩信、淘寶裝修等等。有不懂的、想支持老師的可以到其博客留言提問!

  漂亮的七彩花-素材處理

  怎麼樣?很久不見,還好吧?

  今天給大家繼續講PS的工具箱,我們先看一下效果,再來開始我們的課程。

  效果圖:

ps cs6制作gif動畫系列教程 三聯

  我們需要下載一些素材,素材下載地址:http://haokan8.ys168.com

  1.下載好素材後,用PS打開,我們會發現素材文件裡有3個圖層。

  分別有:背景、花蕊和花瓣三個圖層。

ps cs6制作gif動畫系列教程:素材_新客網

  我們要把背景層的粉色花、花瓣、花蕊從圖裡摳出來

  我們先做簡單的,把花蕊和花瓣摳出。

  2.選擇魔棒工具:

ps cs6制作gif動畫系列教程:素材_新客網

  在圖層面板選中花瓣圖層,然後在藍色區域單擊,你會發現藍色區域被螞蟻線選中了。

ps cs6制作gif動畫系列教程:素材_新客網

  這個時候,按下鍵盤上的Delete鍵,是不是只留下花瓣了?Ctrl+D取消選擇,用同樣的方法把花蕊也摳出來。

  3,在套索工具上點擊右鍵,選擇磁性套索工具。

ps cs6制作gif動畫系列教程:素材_新客網

  我們用磁性套索工具把粉色的花摳出來。

  用磁性套索工具,圍繞粉色的花朵,我們可以看到,他會自動粘附在花的邊界:

  (提示:在畫的時候,可以通過鼠標單擊,自行定義套索的點。如果不明白,可以先試試在畫的時候單擊,看下他的效果。)

ps cs6制作gif動畫系列教程:素材_新客網

  當我們即將完成選擇的時候,最後一筆我們的鼠標會有一個小圈:

ps cs6制作gif動畫系列教程:素材_新客網

  這代表,封閉我們的選區,也就是我們已經畫了一個封閉的選擇區域。

  我們得到了一個這樣的選區,顯然不是很標准:

ps cs6制作gif動畫系列教程:素材_新客網

  4.我們來處理那些瑕疵,點擊圖層面板底部的添加蒙板按鈕,給我們的花加一個蒙板。

ps cs6制作gif動畫系列教程:素材_新客網

  添加蒙板後,我們的圖層多出了一個黑白色的圖標,這代表蒙板。

  圖標中,黑色的地方代表圖片中隱藏的區域,白色的代表顯示的區域。所以,我們的花現在只顯示一個花朵了。

ps cs6制作gif動畫系列教程:素材_新客網

  我們看以看到花朵的的邊界已經消失了,接下來我們把花中有問題的地方處理一下。

  還記得嗎?我剛才說過,蒙板黑色的地方代表隱藏,白色代表顯示,對吧?

  那是不是我們用黑色的畫筆在圖片中繪制的時候,就會繼續隱藏呢?

  我們來驗證一下,但是在驗證前請你先驗證一下,你的圖層面板選中了蒙板。

ps cs6制作gif動畫系列教程:素材_新客網

  可以通過鼠標單擊蒙板圖標,選擇蒙板。

  設置前景色為黑色,選擇畫筆工具。

ps cs6制作gif動畫系列教程:素材_新客網

  在花朵中隨便畫一筆,如果你能看到黑色,那就說明你沒有選中蒙板:

ps cs6制作gif動畫系列教程:素材_新客網

  Ctrl+Z,撤銷一步。

  如果你選中了蒙板圖標,在花朵中畫一筆,是這樣的:

ps cs6制作gif動畫系列教程:素材_新客網

  畫筆的大小可以在選項裡設置:

ps cs6制作gif動畫系列教程:素材_新客網

  可以拖動滑塊,或者把鼠標放在"大小:"那,鼠標變為雙箭頭時拖動鼠標調整大小。當然,你也可以直接輸入數值。13像素左右大概就差不多了。

  (提示:在關閉輸入法的時候,可以通過[]這兩個括號鍵設置畫筆大小,也就是大小括號)

  按住Alt鍵,滾動鼠標,放大畫布,這樣方便操作。如果不小心擦多了,可以把前景色設置為白色,把擦沒的地方補回來,當然,你也可以按Ctrl+Z,撤銷一下。

  感覺差不多了就可以了,不用太精細哦,另外,蒙板我們會在後邊詳細講解,這節課只是用到一點點而已,不用太深入研究。

  5.當你處理的差不多的時候,在蒙板上點擊右鍵,選擇應用蒙板:

ps cs6制作gif動畫系列教程:素材_新客網

  必須在蒙板圖標上點右鍵,否則彈出的菜單不是這個。

  應用圖層蒙板後,該圖層變成了圖片圖層:

ps cs6制作gif動畫系列教程:素材_新客網

  把粉色花朵的圖層改下名字,我的是圖層0,你們的可能叫背景吧,我們統一一下,改名為"粉色花朵"。(不要告訴我你忘了怎麼改圖層名稱了!在圖層的名字上雙擊即可改名。)

  然後在粉色花朵的圖層圖標上,按住Ctrl鍵不放,單擊。以選中這個花朵。

ps cs6制作gif動畫系列教程:素材_新客網

  點擊》選擇》修改》邊界

ps cs6制作gif動畫系列教程:素材_新客網

  再彈出的邊界選區對話框中,輸入寬帶1~2的數值,我設置為1.

ps cs6制作gif動畫系列教程:素材_新客網

  然後按鍵盤上的Delete鍵,刪除邊界。

  你可能不明白這個操作是在做什麼,如果你的花有黑邊的畫,現在應該沒有了。如果還有,你可以再次執行一次這個操作。

  我把邊界選區設置為11,大家看一下選區發生了什麼變化:

ps cs6制作gif動畫系列教程:素材_新客網

  是不是有兩個選區?選擇的正是花的邊界,這個操作是修邊的一個效果。

  現在,我們把三個素材已經處理好了,再加一個背景層,完成我們素材的處理課程

  按鍵盤上的Ctrl+Shift+N,新建一個圖層,在彈出的新建圖層中,把名字設置為BG。

  然後把新建的圖層放到最底層,填充一個深灰色,並鎖定位置。

  解釋一下:BG是background的縮寫,意思是背景。以後我可能會經常用BG做為背景層的名字,簡單快捷。

ps cs6制作gif動畫系列教程:素材_新客網
copyright © 萬盛學電腦網 all rights reserved