活潑可愛的接吻魚不但令女孩子愛不釋手,其魅力就連小伙子也無法抗拒,
接吻魚的誕生
。今天,我們就用Photoshop和ImageReady來制作一個接吻魚的小小動畫。(如圖)這篇教程主要涉及到Photoshop中的圖層,通道和變形功能,ImageReady中使用到了圖層和過渡來完成動畫效果。如果你愿意的話,你可以用我們提供的文件來完成這個動畫(點擊這里下載)。
1.首先,用Photoshop打開圖像background和redfish,其中,redfish已經(jīng)去除了背景。(圖background和redfish)
我們的紅魚看起來,嗯……有些害羞,所以在這個動畫中,我們把它隱藏在背景圖像左下角的珊瑚叢中。首先要做的,就是把珊瑚從畫面中分離出來,把它復制到另一個層中,這樣它可以在背景前面顯示出來,我們將在通道中進行這一步。
2.選擇背景圖像,打開通道面板。 依次查看每個通道,找到珊瑚和周圍環(huán)境對比最大的一個通道,在這張圖片中,綠色通道中珊瑚與周圍的對比最大。選擇綠色通道,把它拖拽到面板下方的創(chuàng)建新通道按紐上,復制綠色通道。在默認情況下,這個通道將被自動命名為“綠 副本”。(圖01)
圖01
3.選擇綠色副本通道,我們的目的是要使珊瑚的外部邊緣幾乎成為白色,而周圍的環(huán)境幾乎全都為黑色,進一步加大對比,以便于選擇。打開色階對話框,將輸入色階分別設(shè)為52,2.07,167。(圖02)
圖02
4.選擇噴筆工具,用黑色涂抹綠色副本通道中珊瑚以外的所有白色區(qū)域,現(xiàn)在畫面中除了珊瑚部分之外,應(yīng)該全都被黑色填充。(圖03)
圖03
5.按住Ctrl鍵,單擊綠色副本通道,載入通道中的白色區(qū)域,點擊RGB通道縮覽圖,回到彩色圖像,轉(zhuǎn)到圖層面板中去。這時的選區(qū)就是珊瑚的主要范圍。按Ctrl+J,將選區(qū)內(nèi)的圖像復制到新的一層中去,圖像看起來并無變化。
如果你隱藏了背景,你就會發(fā)現(xiàn),我們所復制的珊瑚并不完整,中間留下了不少的空隙。當然,如果你在上一步用白色畫筆涂滿了綠色副本通道中珊瑚內(nèi)部的話,這時你得到的就是完整的珊瑚形狀。有什么不同之處呢?跟我來,馬上你就會明白。
6.現(xiàn)在,用移動工具將紅色的小魚從redfish文件中拖移到背景中來。隨即,在圖層面板中調(diào)整圖層的位置,將紅魚層放置在珊瑚層之上。按Ctrl+T,調(diào)出變形框,在工具選項中將長和寬鏈接,將紅色的魚縮小到原來的90%,確定變形。然后,選擇編輯>變換>水平翻轉(zhuǎn)命令,再用變形工具旋轉(zhuǎn)紅魚,使它的身體和大魚的身體保持平行,用移動工具將紅魚移動到珊瑚叢的后面,注意魚嘴的位置哦。ㄓX得不好把握的話,可以在最上面新建一層,畫一條用于參考的線)(圖05)
圖05
在移動的過程中,你可能發(fā)現(xiàn)了,由于珊瑚叢有間隙,所以魚的身體在珊瑚叢中若隱若現(xiàn),這樣不但有趣,也較符合真實情況,
電腦資料
《接吻魚的誕生》(http://www.ishadingyu.com)。如果我們選取了整個的珊瑚,那就會把魚的身體完全擋住。現(xiàn)在,儲存你的圖像,下一步我們要轉(zhuǎn)入ImageReady中,完成動畫部分。
.點擊Photoshop面板的轉(zhuǎn)跳到在ImageReady,在ImageReady打開我們剛才制作的圖像。如果你的動畫面板沒有打開,從窗口>顯示動畫打開。目前,動畫面板上這個文件只有一幀。(圖06)
圖06
8.圖層面板中,激活紅魚所在的圖層。然后用移動工具將紅魚移動到大魚的前面,使魚嘴相接,看起來像是在接吻的樣子(圖07)。
圖07
注意:這時的動畫面板中,只有第二幀出現(xiàn)了變化,反映出圖像移動后的情況。(圖08)
圖08
9.在動畫面板底部選擇“動畫幀過渡”按紐,在過渡對話框中,選擇所有圖層,參數(shù)只選擇位置,過渡選擇上一幀,添加幀數(shù)量中選擇3。(圖09)
圖09
過渡為我們的動畫添加了中間幀。在動畫面板上可以看到,在第一幀和最后一幀之間,增加了3個中間幀。(圖10)
圖10
要注意的是:增加的中間幀會使動畫更加流暢,但是,每增加一幀,文件大小也會相應(yīng)增加。如果你要做的是在網(wǎng)絡(luò)播放的動畫,你可能需要試驗用盡可能少的幀數(shù)達到盡可能好的效果。任何時候,你都可以點擊動畫面板上的播放鍵來預(yù)覽動畫效果。
10.在絕大多數(shù)情況下,你都需要調(diào)整動畫播放的速度?吹絼赢嬅姘迳厦繋旅娴臄(shù)字了嗎?這些數(shù)字標明了相鄰兩幀之間的延遲時間,或者說是幀顯示的速度。要想一次改變所有幀的時間,可以點擊第一幀,按住Shift鍵,點擊最后一幀,選擇所有的幀。
點擊幀速度旁邊的下拉箭頭,從彈出菜單中選擇一個時間。在這個例子中,我選擇了0.2秒。你也可以單獨為每幀指定延遲時間。(圖11)
圖11
11.當你對動畫速度滿意之后,接下來就該優(yōu)化動畫了。有時候,動畫可能會非常大,這時候,你就需要犧牲一些圖像品質(zhì)來確保動畫合適的大小。我將優(yōu)化文件的格式設(shè)為GIF,耗損為0,可覺察的,仿色算法設(shè)為擴散,顏色為64色,仿色100%,無雜邊。(圖12)
圖12
你可以在工具面板中選擇預(yù)覽,或者右擊圖像,從彈出菜單中選擇預(yù)覽;滿意之后,用“將優(yōu)化結(jié)果儲存為”命令輸出動畫。在輸出之前,最好用PSD格式保存一下原稿,這樣你可以方便修改。最后,我們輸出的動畫只有34K,是不是很小巧精致呢?