當前位置:才華齋>計算機>photoshop>

PS切片工具的基礎知識

photoshop 閱讀(8.62K)

在網頁中處理圖片時,如果檔案很大,它載入的時候需要的時間就會長,尤其是使用者網速比較慢的時候。你可以通過壓縮來減小檔案大小,但是這會使影象質量受到影響,壓縮檔案也要適可而止。因此你需要注意以下幾個問題:一是實際檔案的大小;二是解析度;三是壓縮。解決這個問題的方法就是把圖片分割,它將允許你在載入圖片的時候可以一片一片地載入,直到整個影象出現在你的螢幕上。

PS切片工具的基礎知識

  一、它的使用原理

首先概述下它的工作原理,當你有一個需要花很長時間來載入的大影象時,你可以使用Photoshop中的切片工具把影象切成幾個小圖。這些影象將被作為一個單獨的檔案儲存,還可以進行優化通過儲存為中Web所用格式

此外,Photoshop生成HTML和CSS以便用來顯示切片影象。在網頁中使用時,影象通過使用前面提到的HTML或CSS在瀏覽器中重新組合以便達到一個平滑流暢的效果。下面是一個關於影象切片的例子。

  二、切片的基礎知識

為了簡單起見,我們只在一個圖上使用切片工具。在這個例子中,我使用的圖片大小為960 x722px。在我們開始之前你需要了解一些知識:

a.在建立切片時,你可以使用切片工具或構建使用層。

b.切片可以選擇使用選擇工具來選中。

c.你可以移動它,設定它的大小,還可以讓切片與其他切片對齊。而且你還可以給切片指定一個名稱,型別和URL。

d.每個切片都可以通過儲存時的網頁對話方塊進行優化設定。

按下鍵盤上的C鍵,選中裁剪工具,右鍵選擇切片工具。

當您建立切片時,你可以進行如下三個樣式設定:正常,固定長寬比和固定大小。

a.正常:隨意切片,切片的大小和位置取決於你在影象中所畫的框開始和結束的位置

b.固定長寬比:給高度和寬度設定數字後,你得到的切片框就會是這個長寬比

c.固定大小:固定設定長和寬的.大小

當分割影象時你會碰到一些選項。如果精確度不那麼重要時,你可以手工切片影象,必要的時候,可以使用切片選擇工具對已完成的切片影象進行調整。如果精確度很重要,可以使用參考線在影象上標出重要的位置。

在頂部的切片選單欄,點選C或切片工具啟用它片上面選單欄圖片,畫好參考線後選擇基於參考線的切片的按鈕。

它就會自動為您繪製切片。你還可以使用切片選擇工具重新定位切片。

 三、編輯切片資訊

建立切片之後,您可以編輯切片資訊通過以下兩種方式中的任一種。一種要做的就是點選切片選擇工具,單擊你想編輯的切片,然後點選選單欄中>為當前切片設定選項的按鈕。

另一個選擇是右鍵單擊切片,在彈出的選單中,選擇編輯切片選項。

兩種選擇都將彈出如下的切片選項對話方塊。

正如您所看到的,對話方塊裡有許多設定。

a.切片名稱:開啟網頁之後顯示的名稱

:點選這個被編輯的圖片區域後,會跳到你輸入的目標網址內

c.目標:指定載入的URL幀原視窗開啟,表示是在還是在新視窗開啟連結

d.訊息文字:滑鼠移到這個塊時瀏覽器左下角顯示的內容

標記:圖片的屬性標記,滑鼠移動到這塊時滑鼠旁的文字資訊

f.切片的尺寸:設定塊的x、y軸座標,W、H的精確大小。