活潑可愛的接吻魚不但令女孩子愛不釋手，其魅力就連小伙子也無法抗拒，

接吻魚的誕生

。今天，我們就用Photoshop和ImageReady來制作一個接吻魚的小小動畫。（如圖）

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

   

    1.首先，用Photoshop打開圖像background和redfish，其中，redfish已經(jīng)去除了背景。（圖background和redfish）

   

   

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

    2.選擇背景圖像，打開通道面板。 依次查看每個通道，找到珊瑚和周圍環(huán)境對比最大的一個通道，在這張圖片中，綠色通道中珊瑚與周圍的對比最大。選擇綠色通道，把它拖拽到面板下方的創(chuàng)建新通道按紐上，復制綠色通道。在默認情況下，這個通道將被自動命名為“綠 副本”。（圖01）

   

    圖01

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

   

    圖02

    4.選擇噴筆工具，用黑色涂抹綠色副本通道中珊瑚以外的所有白色區(qū)域，現(xiàn)在畫面中除了珊瑚部分之外，應該全都被黑色填充。（圖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.shangyepx.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

    要注意的是：增加的中間幀會使動畫更加流暢，但是，每增加一幀，文件大小也會相應增加。如果你要做的是在網(wǎng)絡播放的動畫，你可能需要試驗用盡可能少的幀數(shù)達到盡可能好的效果。任何時候，你都可以點擊動畫面板上的播放鍵來預覽動畫效果。

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

    點擊幀速度旁邊的下拉箭頭，從彈出菜單中選擇一個時間。在這個例子中，我選擇了0.2秒。你也可以單獨為每幀指定延遲時間。（圖11）

   

    圖11

    11.當你對動畫速度滿意之后，接下來就該優(yōu)化動畫了。有時候，動畫可能會非常大，這時候，你就需要犧牲一些圖像品質(zhì)來確保動畫合適的大小。我將優(yōu)化文件的格式設為GIF，耗損為0，可覺察的，仿色算法設為擴散，顏色為64色，仿色100％，無雜邊。（圖12）

   

    圖12

    你可以在工具面板中選擇預覽，或者右擊圖像，從彈出菜單中選擇預覽；滿意之后，用“將優(yōu)化結(jié)果儲存為”命令輸出動畫。在輸出之前，最好用PSD格式保存一下原稿，這樣你可以方便修改。最后，我們輸出的動畫只有34K，是不是很小巧精致呢？