1. 程式人生 > >ps切圖 5 修改、維護

ps切圖 5 修改、維護

一行 技術分享 必須 畫布 影響 色彩 過程 綜合 --

想要改變圖標的位置?

新功能,加個圖標?

畫布太大,文件空白太多?

圖標多余,要刪除?

修改與維護 一

要繼續放更多的圖片?

更改畫布大小

圖像 -----> 畫布大小 ----> 選擇左上角

技術分享圖片

修改與維護 二

移動圖片

  · 若圖標破為獨立圖層,則用移動工具拖動即可

  · 若圖標為非獨立圖層

    · 用選區工具選中圖標區域

    · 用移動工具拖動圖標

技術分享圖片

修改與維護 三

要減小畫布到指定區域

  · 選定選區

  · 裁剪

步驟: 1 先用選區工具選定區域 ---- 然後 圖像 --- 裁剪

   2 或者直接使用裁剪工具 進行裁剪

    畫布要稍微大於我們圖像區域

技術分享圖片

註意事項

修改PNG8的圖片

需要更改顏色模式為:RGB顏色

默認是索引顏色 ,如果我們想要在這些圖片裏面更改一些顏色的話 ,索引顏色會丟失一些顏色 所以這裏我們要換成 RGB顏色

技術分享圖片

圖片合並時保留空隙:

  對於具體要保留多大的空隙,並沒沒有一個明確的數值,遵循一個宗旨就是空隙足夠後期維護就可以了

  如果是小圖標,留的空隙可適當小一些,一般20像素,如果大圖標,就要留大一些,因為大圖標在調整的時候,影響的

  空間也會比較大。

圖片分類合並有哪些方式?

圖片分類方式:

1、按照同屬於一個模塊進行分類;

2、按照圖片大小相近進行分類;

3、按照色彩相近進行分類;

4、按照有狀態的圖片進行分類(狀態:指當同一圖標,普通樣式、hover樣式、active樣式等);

在實際開發過程中,通常幾種分類方式根據情況綜合使用。

比如:同一頁面的圖標,按照不同的功能及狀態合並成多張圖片;多個模塊、多個頁面通用圖標合並成一張圖片等。

圖片合並註意事項:

1、圖標合理布局,頁面不要留太多空隙,以免浪費空間;

2、圖標之間必須保留一定空隙,方便後續修改;

3、有狀態的圖標可以排列成同一行或同一列,這樣使用時只用變換一個坐標軸,方便使用;

ps切圖 5 修改、維護