如何在Photoshop中保持GIF

Anonim

如何在Photoshop中保持GIF

在Photoshop中創建動畫後,必須以其中一種可用格式保存,其中一個是GIF。此格式的功能是它旨在在瀏覽器中顯示(播放)。

如果您對保存動畫的其他選項感興趣,我們建議您閱讀這篇文章:

課程:如何在Photoshop中保存視頻

創建GIF動畫的過程是在上一課之一中描述的,今天我們將討論如何以GIF格式和優化設置保存文件。

課程:在Photoshop中創建一個簡單的動畫

保存GIF。

首先,我們重複這些材料並讀取保存設置窗口。它通過單擊“文件”菜單中的“保存Web”項來打開它。

在文件菜單中保存Web的點保存以保存Photoshop中的GIF

窗口由兩部分組成:預覽塊

在Photoshop中保存GIF的參數的環境中的輔助單元

和設置塊。

塊在Photoshop中的Gifki保存設置窗口中的設置

塊預覽

選擇在塊的頂部選擇的視圖選項數。根據需要,您可以選擇所需的設置。

在Photoshop中選擇Gifki Sentration Settings窗口中的查看選項

每個窗口中的圖像,除原稿之外是單獨配置的。這是這樣做的,以便您可以選擇最佳選項。

在塊的左側有一小一套工具。我們只使用“手”和“規模”。

Photoshop中的Gifki保護設置窗口中的手和秤工具

使用“手”,您可以在所選窗口中移動圖像。該工具也取得了選擇。 “縮放”執行相同的操作。大約和刪除圖片也可以是塊底部的按鈕。

Photoshop中Gifki Sentration設置窗口中的圖像刻度

低於銘文“視圖”的按鈕。它在默認瀏覽器中打開所選選項。

圖像視圖按鈕在瀏覽器中的瀏覽器中的Photoshop中的Gifting參數的窗口

在瀏覽器窗口中,除了設置參數,我們還可以獲得HTML GIF代碼。

在Photoshop中維護GIF的同時在默認瀏覽器中預覽圖像

塊設置

在此塊中,配置圖像參數,請考慮更多。

  1. 配色方案。此設置確定優化時將應用於圖像的索引顏色表。

    顏色索引方案在Photoshop中保持GIF的同時

    • 感性,而僅僅是“感知的方案。”當它被使用時,Photoshop創建的顏色的表格,由圖像的當前色調引導。據開發商,該表是盡可能接近人眼是如何看待的顏色。加 - 圖像是最貼近原著,顏色會最大限度地保存。
    • 選擇性方案是類似於前面的一個,但有關網絡安全的網絡中的顏色它主要使用。它也集中色調的顯示上的近似初始之一。
    • 自適應。在這種情況下,該表由在圖像中更常見的顏色創建。
    • 有限的。的77的顏色由,一些樣品,其中被替換為在一個點(顆粒)的形式白色。
    • 風俗。當選擇該方案,就可以創建自己的調色板。
    • 黑與白。此表只使用兩種顏色(黑色和白色),也用糧。
    • 在灰度等級。有各種級別84的灰色陰影。
    • MacOS和Windows操作系統。表中的數據是基於映射的圖像的瀏覽器中運行這些操作系統的特徵編譯。

    這裡是應徵方案的一些例子。

    使用各種顏色索引表,同時保持在Photoshop中的GIF圖像樣本

    正如你所看到的,前三個樣品具有相當可接受的質量。儘管視覺上他們幾乎沒有彼此不同,在不同的圖像,這些方案將工作方式不同。

  2. 在顏色表中最大顏色數。

    設置的最大顏色數的分度表,同時保持在Photoshop中的GIF

    圖像中陰影的數量直接影響到它的重量,和,因此,在瀏覽器中的下載速度。的128的值是最經常使用的,因為該設置幾乎不影響質量,同時降低了的gif的重量。

    在索引表中,同時保持在Photoshop中GIF格式的最大顏色數設置的示例

  3. 網頁顏色。此設置建立與該陰影是從安全的Web調色板轉換為等值的耐受性。文件的字段由值集合由滑塊確定:該值越高 - 該文件是以下。當設置WEB-顏色不應該也忘記質量。

    圖像轉換公差設定為WEB-顏色,同時保持在Photoshop的GIF

    例子:

    顏色轉換設置多達WEEB,同時保持在Photoshop中GIF格式的例子

  4. Dysrying允許混合包含在所選擇的索引表中的陰影來平滑的顏色之間的過渡。

    Dystering設置,同時保持在Photoshop中的GIF

    此外,該設置將有助於如何保留梯度和單色網站的完整性。當使用分配時增加文件的權重。

    例子:

    在Photoshop中保持GIF的同時應用迭代設置的示例

  5. 透明度。 GIF格式僅支持絕對透明或絕對不透明的像素。

    在Photoshop中維護GIF時設置背景透明度

    此參數無需額外調整,顯示線條曲線,離開像素女士們。

    使用調整遮罩的例子,同時在Photoshop中保持GIF

    調整被稱為“啞光”(在某些編輯“Kaima”)中。使用它,它被配置為將像素圖像混合,其中包含它的頁面的背景。對於最佳顯示,請選擇與站點背景的顏色對應的顏色。

    調整像素圖像的混合與Photoshop中的Press Pages Resoe的背景

  6. 隔行掃描。最有用的Web設置之一。如果文件具有相當大的權重,則允許您立即在頁面上顯示圖片,因為它加載了提高其質量。

    在Photoshop中保持GIF的同時設置隔行掃描

  7. SRGB轉換有助於在保存時保存最大原始圖像顏色。

    在Photoshop中維護GIF的同時設置SRGB中的顏色轉換

建立“功能性透明度”顯著惡化圖像質量,我們將討論課程實際部分中的“損失”參數。

用於透明度和數據丟失的功能化設置,同時在Photoshop中維護GIF

為了最佳了解,可以在Photoshop中設置GIF保存的過程,您必須練習。

實踐

優化Internet圖像的目標是在維持質量的同時最大限度地減少文件的權重。

  1. 處理圖片後,轉到“文件 - 保存Web”菜單。
  2. 展示“4選項”查看模式。

    選擇查看結果的選項數量,同時在Photoshop中維護GIF

  3. 接下來,您需要其中一個選項可以使最相似的原件。讓它成為右側右側的照片。這是為了估計具有最大質量的文件的大小。

    設置設置如下:

    • 配色方案“選擇性”。
    • “顏色” - 265。
    • “屠宰”是“隨機”,100%。
    • 刪除與“交錯”參數相對的DAW,因為圖像的最終圖像非常小。
    • “Web顏色”和“損失” - 零。

      在Photoshop中保持GIF的同時設置參考圖像的參數

    將結果與原件進行比較。在示例窗口的底部,我們可以看到當前的GIF大小和以指定的Internet速度的加載速度。

    在Photoshop中保持GIF的同時,圖像優化圖像結果的比較

  4. 轉到下面的圖片即可配置。讓我們試著優化它。
    • 保持方案不變。
    • 顏色次數減少128。
    • 功能性值降至90%。
    • 網上顏色不接觸,因為在這種情況下,它不會幫助我們保持質量。

      在Photoshop中維護GIF的同時設置目標圖像參數

    GIF尺寸從36.59 KB減少到26.85 kB。

    優化後的圖像尺寸減少,同時在Photoshop中保持GIF

  5. 由於圖片中已經存在了一些粒度和小缺陷,因此讓我們試圖增加“損失”。此參數在壓縮GIF時定義了允許的數據丟失級別。將值更改為8。

    在壓縮GIF時設置允許的數據丟失級別以保存Photoshop中的GIF

    我們仍然設法減少了文件的大小,同時丟失了一點質量。 GIF現在重25.9千字節。

    在Photoshop中保持GIF的同時設置損耗後的圖像尺寸

    總計,我們能夠減少約10 kB的圖片的大小,這超過30%。結果非常好。

  6. 進一步的行動非常簡單。單擊“保存”按鈕。

    保存在Photoshop中Gifki Sentration Settings窗口中的按鈕

    我們選擇一個保存的地方,給出gif的名稱,然後再次按“保存”。

    選擇Photoshop中GIF保存的地方和名稱

    請注意,有機會與GIF一起創建一個HTML文檔,我們將建立我們的圖片。為此,最好選擇空文件夾。

    保存GIF以及Photoshop中的HTML文檔

    結果,我們得到一個頁面和一個帶有圖像的文件夾。

    在photoshop中保存的gif文件夾

提示:分配文件名時,盡量不使用西里爾字符,因為並非所有瀏覽器都能讀取它們。

完成了在GIF格式中保存圖像的課程。在它上,我們發現瞭如何優化文件以在Internet上放置。

閱讀更多