接吻魚的誕生

來源:互聯網
上載者:User
 活潑可愛的接吻魚不但令女孩子愛不釋手,其魅力就連小夥子也無法抗拒。今天,我們就用Photoshop和ImageReady來製作一個接吻魚的小小動畫。(如圖)

  這篇教程主要涉及到Photoshop中的圖層,通道和變形功能,ImageReady中使用到了圖層和過渡來完成動畫效果。如果你願意的話,你可以用我們提供的檔案來完成這個動畫(點擊這裡下載)。


  1.首先,用Photoshop開啟映像background和redfish,其中,redfish已經去除了背景。(圖background和redfish)

  我們的紅魚看起來,嗯……有些害羞,所以在這個動畫中,我們把它隱藏在背景映像左下角的珊瑚叢中。首先要做的,就是把珊瑚從畫面中分離出來,把它複製到另一個層中,這樣它可以在背景前面顯示出來,我們將在通道中進行這一步。

  2.選擇背景映像,開啟通道面板。 依次查看每個通道,找到珊瑚和周圍環境對比最大的一個通道,在這張圖片中,綠色通道中珊瑚與周圍的對比最大。選擇綠色通道,把它拖拽到面板下方的建立新通道按紐上,複製綠色通道。在預設情況下,這個通道將被自動命名為“綠 副本”。(圖01)

圖01

  3.選擇綠色副本通道,我們的目的是要使珊瑚的外部邊緣幾乎成為白色,而周圍的環境幾乎全都為黑色,進一步加大對比,以便於選擇。開啟色階對話方塊,將輸入色階分別設為52,2.07,167。(圖02)

圖02

  4.選擇噴筆工具,用黑色塗抹綠色副本通道中珊瑚以外的所有白色地區,現在畫面中除了珊瑚部分之外,應該全都被黑色填充。(圖03)

圖03

  5.按住Ctrl鍵,單擊綠色副本通道,載入通道中的白色地區,點擊RGB通道縮覽圖,回到彩色映像,轉到圖層面板中去。這時的選區就是珊瑚的主要範圍。按Ctrl+J,將選區內的映像複製到新的一層中去,映像看起來並無變化。

  如果你隱藏了背景,你就會發現,我們所複製的珊瑚並不完整,中間留下了不少的空隙。當然,如果你在上一步用白色畫筆塗滿了綠色副本通道中珊瑚內部的話,這時你得到的就是完整的珊瑚形狀。有什麼不同之處呢?跟我來,馬上你就會明白。

  6.現在,用移動工具將紅色的小魚從redfish檔案中拖移到背景中來。隨即,在圖層面板中調整圖層的位置,將紅魚層放置在珊瑚層之上。按Ctrl+T,調出變形框,在工具選項中將長和寬連結,將紅色的魚縮小到原來的90%,確定變形。然後,選擇編輯>變換>水平翻轉命令,再用變形工具旋轉紅魚,使它的身體和大魚的身體保持平行,用移動工具將紅魚移動到珊瑚叢的後面,注意魚嘴的位置哦!(覺得不好把握的話,可以在最上面建立一層,畫一條用於參考的線)(圖05)

圖05

  在移動的過程中,你可能發現了,由於珊瑚叢有間隙,所以魚的身體在珊瑚叢中若隱若現,這樣不但有趣,也較符合真實情況。如果我們選取了整個的珊瑚,那就會把魚的身體完全擋住。

  現在,儲存你的映像,下一步我們要轉入ImageReady中,完成動畫部分。


.點擊Photoshop面板的轉跳到在ImageReady,在ImageReady開啟我們剛才製作的映像。如果你的動畫面板沒有開啟,從視窗>顯示動畫開啟。目前,動畫面板上這個檔案只有一幀。(圖06)

圖06

  8.圖層面板中,啟用紅魚所在的圖層。然後用移動工具將紅魚移動到大魚的前面,使魚嘴相接,看起來像是在接吻的樣子(圖07)。

圖07

  注意:這時的動畫面板中,只有第二幀出現了變化,反映出映像移動後的情況。(圖08)

圖08

  9.在動畫面板底部選擇“動畫幀過渡”按紐,在過渡對話方塊中,選擇所有圖層,參數只選擇位置,過渡選擇上一幀,添加幀數量中選擇3。(圖09)

圖09

  過渡為我們的動畫添加了中間幀。在動畫面板上可以看到,在第一幀和最後一幀之間,增加了3個中間幀。(圖10)

圖10

  要注意的是:增加的中間幀會使動畫更加流暢,但是,每增加一幀,檔案大小也會相應增加。如果你要做的是在網路播放的動畫,你可能需要實驗用儘可能少的幀數達到儘可能好的效果。任何時候,你都可以點擊動畫面板上的播放鍵來預覽動畫效果。

  10.在絕大多數情況下,你都需要調整動畫播放的速度。看到動畫面板上每幀下面的數字了嗎?這些數字標明了相鄰兩幀之間的延遲時間,或者說是幀顯示的速度。要想一次改變所有幀的時間,可以點擊第一幀,按住Shift鍵,點擊最後一幀,選擇所有的幀。

  點擊幀速度旁邊的下拉式箭頭,從快顯功能表中選擇一個時間。在這個例子中,我選擇了0.2秒。你也可以單獨為每幀指定延遲時間。(圖11)

圖11

  11.當你對動畫速度滿意之後,接下來就該最佳化動畫了。有時候,動畫可能會非常大,這時候,你就需要犧牲一些映像品質來確保動畫合適的大小。我將最佳化檔案的格式設為GIF,耗損為0,可覺察的,仿色演算法設為擴散,顏色為64色,仿色100%,無雜邊。(圖12)

圖12

  你可以在工具面板中選擇預覽,或者右擊映像,從快顯功能表中選擇預覽;滿意之後,用“將最佳化結果儲存為”命令輸齣動畫。在輸出之前,最好用PSD格式儲存一下原稿,這樣你可以方便修改。最後,我們輸出的動畫只有34K,是不是很小巧精緻呢?



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。