用ps製作動態圖片教程

動態圖片其實是一種.gif格式的動畫檔案，它是由一幀幀的靜態圖片組合起來的。

上次我們一起利用Ulead GIF Animator 5製作了簡單的動態圖片，

利用Ulead GIF Animator 5製作了簡單的動態圖片教程進入》》

這次我們再一起利用Adobe Photoshop製作簡單的動態圖片。

分三個方面講：一是利用Adobe Photoshop製作簡單動態圖片的必備條件；二是在製作簡單動態圖片過程中所接觸到的幾個主要皮膚工具；三是製作動態圖片的2種簡單方法。

一、利用Adobe Photoshop製作簡單動態圖片的必備條件，即Adobe Photoshop必須是7.0及以上的版本，並且自帶有Adobe ImageReady介面。那麼如何判斷Adobe Photoshop是否自帶Adobe ImaadgeRey呢？

1、開啟Adobe Photoshop。

2、按快捷方式Ctrl+Shift+M或點選ImageReady轉換按紐。

3、開啟的ImaadgeRey介面。

          二、製作簡單動態圖片過程中所接觸到的幾個主要皮膚工具：

1、Adobe Photoshop介面上的主要皮膚工具：

工具欄皮膚：轉換按紐、其他工具按鈕暫不作介紹。

圖層皮膚：指示圖層可視性按紐、建立新圖層按紐、刪除圖層按扭等。

2、Adobe ImaadgeRey介面上的幾個主要工具：

動畫皮膚：選擇延遲時間按紐、播放/停止動畫按紐、複製當前幀按紐、刪除選中的幀按紐等。

圖層皮膚：指示圖層可視性按紐、建立新圖層按紐、刪除圖層按紐等。

          三、製作簡單動態圖片的方法。第一種方法：

       1、開啟Adobe Photoshop，點選“檔案”選單，在“檔案”下拉選單中點選“開啟”，開啟用來製作動態圖片的影像。

         點選“影像”選單，在“影像”下拉選單中點選“影像大小”，然後在“影像大小”對話方塊中設定影像的“寬度”和“高度”，如寬度800畫素，高度600畫素。設定好後確定。關閉影像。

按上述方法，把準備用來製作動態圖片的所有影像，設定同樣大小的畫素。關閉所有開啟的影像。

        2、點選“檔案”選單，在“檔案”的下拉選單中點選“新建”，在“新建”對話方塊中輸入新建影像的“名稱”，然後設定影像的“寬度”和“高度”（如寬度800畫素，高度600畫素），設定好後確定。

        注：新建影像的大小必須和用來製作動態圖片的影像大小一至。

        3、開啟已經設定好大小、並用來製作動態圖片的影像，按Ctrl+A選中整個影像，再按Ctrl+C複製影像，關閉影像。

        在新建的影像檔案中按Ctrl+V貼上影像。

        按上述方法操作，直至把所有用來製作動態圖片的影像複製到新建影像中。這時就能在“圖層皮膚”中看到所有複製後的影像圖示。

          4、按“工具皮膚”中最下面的“ImageReady轉換”按紐、或快捷方式Ctrl+Shift+M。

        

       由轉換到ImageReady介面。Photoshop介面

         

        5、在“動畫皮膚”中設定“選擇幀延遲時間”。

       

   然後按“複製當前幀”按紐，複製與“圖層皮膚”中相同圖層數量的幀。

6、在“動畫皮膚”中由左到右選擇“幀”，同時在“圖層皮膚”中由下而上設定“指示圖層可視性”（即眼睛圖示），使之相互對應。

      

        7、在“動畫皮膚”中點選“播放/停止動畫”按紐，播放動畫。

      

      如果對動態不滿意，則再次點選“播放/停止動畫”按紐，停止播放後進行調整，直到滿意為止。

        8、點選“檔案”選單，在“檔案”下拉選單中點選“將優化結果儲存為”或快捷方式Ctrl+Shift+Alt+S，儲存製作好的動態圖片.gif格式。

       

       第二種方法與第一種方法操作上基本相同，主要的不同之處：第一種方法是先在Adobe Photoshop介面完成影像的複製和貼上，然後再轉換到Adobe ImageReady介面完成動態圖片製作；第二種方法是直接在Adobe ImageReady介面完成影像的複製、貼上和動態圖片的製作。