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

接吻魚的誕生

。今天，我們就用Photoshop和ImageReady來(lái)制作一個(gè)接吻魚的小小動(dòng)畫。（如圖）

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

   

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

   

   

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

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

   

    圖01

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

   

    圖02

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

   

    圖03

    5.按住Ctrl鍵，單擊綠色副本通道，載入通道中的白色區(qū)域，點(diǎn)擊RGB通道縮覽圖，回到彩色圖像，轉(zhuǎn)到圖層面板中去。這時(shí)的選區(qū)就是珊瑚的主要范圍。按Ctrl+J，將選區(qū)內(nèi)的圖像復(fù)制到新的一層中去，圖像看起來(lái)并無(wú)變化。

    如果你隱藏了背景，你就會(huì)發(fā)現(xiàn)，我們所復(fù)制的珊瑚并不完整，中間留下了不少的空隙。當(dāng)然，如果你在上一步用白色畫筆涂滿了綠色副本通道中珊瑚內(nèi)部的話，這時(shí)你得到的就是完整的珊瑚形狀。有什么不同之處呢？跟我來(lái)，馬上你就會(huì)明白。

    6.現(xiàn)在，用移動(dòng)工具將紅色的小魚從redfish文件中拖移到背景中來(lái)。隨即，在圖層面板中調(diào)整圖層的位置，將紅魚層放置在珊瑚層之上。按Ctrl+T，調(diào)出變形框，在工具選項(xiàng)中將長(zhǎng)和寬鏈接，將紅色的魚縮小到原來(lái)的90％，確定變形。然后，選擇編輯>變換>水平翻轉(zhuǎn)命令，再用變形工具旋轉(zhuǎn)紅魚，使它的身體和大魚的身體保持平行，用移動(dòng)工具將紅魚移動(dòng)到珊瑚叢的后面，注意魚嘴的位置哦�。ㄓX得不好把握的話，可以在最上面新建一層，畫一條用于參考的線）（圖05）

   

    圖05

    在移動(dòng)的過(guò)程中，你可能發(fā)現(xiàn)了，由于珊瑚叢有間隙，所以魚的身體在珊瑚叢中若隱若現(xiàn)，這樣不但有趣，也較符合真實(shí)情況，

電腦資料

《接吻魚的誕生》(http://www.lotusphilosophies.com)。如果我們選取了整個(gè)的珊瑚，那就會(huì)把魚的身體完全擋住。

    現(xiàn)在，儲(chǔ)存你的圖像，下一步我們要轉(zhuǎn)入ImageReady中，完成動(dòng)畫部分。

    .點(diǎn)擊Photoshop面板的轉(zhuǎn)跳到在ImageReady，在ImageReady打開我們剛才制作的圖像。如果你的動(dòng)畫面板沒有打開，從窗口>顯示動(dòng)畫打開。目前，動(dòng)畫面板上這個(gè)文件只有一幀。（圖06）

   

    圖06

    8.圖層面板中，激活紅魚所在的圖層。然后用移動(dòng)工具將紅魚移動(dòng)到大魚的前面，使魚嘴相接，看起來(lái)像是在接吻的樣子（圖07）。

   

    圖07

    注意：這時(shí)的動(dòng)畫面板中，只有第二幀出現(xiàn)了變化，反映出圖像移動(dòng)后的情況。（圖08）

   

    圖08

    9.在動(dòng)畫面板底部選擇“動(dòng)畫幀過(guò)渡”按紐，在過(guò)渡對(duì)話框中，選擇所有圖層，參數(shù)只選擇位置，過(guò)渡選擇上一幀，添加幀數(shù)量中選擇3。（圖09）

   

    圖09

    過(guò)渡為我們的動(dòng)畫添加了中間幀。在動(dòng)畫面板上可以看到，在第一幀和最后一幀之間，增加了3個(gè)中間幀。（圖10）

   

    圖10

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

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

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

   

    圖11

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

   

    圖12

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