『教學』如何使用 Photoshop 快速製作GIF動畫圖。PS建立影格動畫

『教學』如何使用 Photoshop 快速製作GIF動畫圖
要怎麼製作GIF動圖呢？其實有很多方式可以做，但這邊教大家使用Photoshop內建的「建立影格動畫」工具來製作GIF動畫！包括動畫的顯示次數與影格速度都能自訂。以下教學提供給大家參考。







Photoshop 快速製作GIF動畫圖 教學


STEP1

開啟Photoshop ➜ 檔案 ➜ 開啟新檔
開啟Photoshop ➜ 檔案 ➜ 開啟新檔

STEP2

將要顯示的動畫順序，依序把圖片放入到圖層中。
將你要動的圖放入圖層，根據想要怎麼讓動畫動一層一層放好。

STEP3

打開視窗 ➜ 時間軸
打開視窗 ➜ 時間軸

STEP4

下拉選單先選擇建立影格動畫 ➜ 點選建立影格動畫按鈕
下拉選單先選擇建立影格動畫 ➜ 點選建立影格動畫按鈕

STEP5

接下來使用複製選取的影格，然後根據動畫呈現需求，設定每個影格圖層顯示或關閉，也可使用補間動畫影格處理以及調整GIF顯示次數
接下來使用複製選取的影格
然後根據動畫呈現需求，設定每個影格圖層顯示或關閉
也可使用補間動畫影格處理以及調整GIF顯示次數

STEP6

輸出Gif動圖：檔案 ➜ 轉存 ➜ 儲存為網頁用，就大功告成！
輸出Gif動圖：檔案 ➜ 轉存 ➜ 儲存為網頁用，就大功告成！

成果

Techmarks use photoshop making gif


延伸閱讀：Photoshop教學

相關文章:

  1. 【Photoshop】步驟記錄教學，錄下重複的動作，之後就能自動執行所有已儲存的動作。
  2. Photoshop Brush筆刷安裝教學！將下載的PS筆刷匯入到程式中使用。
  3. 如何使用 StubHub 售票系統購買NBA、MLB、演唱會等各種門票？（操作教學）
  4. Data Gif Maker線上「動態」數據圖產生器，將數據製作成精美的GIF動畫，放置到PPT中。
  5. Graph maker免費線上圖表製作工具：折線圖、文氏圖、K線圖、條形圖、階梯圖…等13種圖形產生器。
  6. Livegap線上圖表產生器，直接套模板和填數值，製作手繪圖表、圖表動畫。
  7. 『教學』WordPress 設定HTTPS，使用SSL安全加密協定，SEO提升
  8. Win10內建「造字程式」教學，將較少見的字元新增到Windows中文輸入法。