- 相關(guān)推薦
PS切片工具的基礎(chǔ)知識
在網(wǎng)頁中處理圖片時，如果文件很大，它加載的時候需要的時間就會長，尤其是用戶網(wǎng)速比較慢的時候。你可以通過壓縮來減小文件大小，但是這會使圖像質(zhì)量受到影響，壓縮文件也要適可而止。因此你需要注意以下幾個問題：一是實際文件的大小;二是分辨率;三是壓縮。解決這個問題的方法就是把圖片分割，它將允許你在加載圖片的時候可以一片一片地加載，直到整個圖像出現(xiàn)在你的屏幕上。
一、它的使用原理
首先概述下它的工作原理，當(dāng)你有一個需要花很長時間來加載的大圖像時，你可以使用Photoshop中的切片工具把圖像切成幾個小圖。這些圖像將被作為一個單獨的文件保存，還可以進(jìn)行優(yōu)化通過保存為中Web所用格式。
此外，Photoshop生成HTML和CSS以便用來顯示切片圖像。在網(wǎng)頁中使用時，圖像通過使用前面提到的HTML或CSS在瀏覽器中重新組合以便達(dá)到一個平滑流暢的效果。下面是一個關(guān)于圖像切片的例子。
二、切片的基礎(chǔ)知識
為了簡單起見，我們只在一個圖上使用切片工具。在這個例子中，我使用的圖片大小為960 x722px。在我們開始之前你需要了解一些知識:
a.在創(chuàng)建切片時，你可以使用切片工具或構(gòu)建使用層。
b.切片可以選擇使用選擇工具來選中。
c.你可以移動它，設(shè)置它的大小，還可以讓切片與其他切片對齊。而且你還可以給切片指定一個名稱，類型和URL。
d.每個切片都可以通過保存時的網(wǎng)頁對話框進(jìn)行優(yōu)化設(shè)置。
按下鍵盤上的C鍵，選中裁剪工具，右鍵選擇切片工具。
當(dāng)您創(chuàng)建切片時，你可以進(jìn)行如下三個樣式設(shè)置:正常，固定長寬比和固定大小。
a.正常:隨意切片，切片的大小和位置取決于你在圖像中所畫的框開始和結(jié)束的位置
b.固定長寬比:給高度和寬度設(shè)置數(shù)字后，你得到的切片框就會是這個長寬比
c.固定大小:固定設(shè)置長和寬的大小
當(dāng)分割圖像時你會碰到一些選項。如果精確度不那么重要時，你可以手工切片圖像，必要的時候，可以使用切片選擇工具對已完成的切片圖像進(jìn)行調(diào)整。如果精確度很重要，可以使用參考線在圖像上標(biāo)出重要的位置。
在頂部的切片菜單欄，點擊C或切片工具激活它片上面菜單欄圖片，畫好參考線后選擇基于參考線的切片的按鈕。
它就會自動為您繪制切片。你還可以使用切片選擇工具重新定位切片。
三、編輯切片信息
創(chuàng)建切片之后，您可以編輯切片信息通過以下兩種方式中的任一種。一種要做的就是點擊切片選擇工具，單擊你想編輯的切片，然后點擊菜單欄中>為當(dāng)前切片設(shè)置選項的按鈕。
另一個選擇是右鍵單擊切片，在彈出的菜單中，選擇編輯切片選項。
兩種選擇都將彈出如下的切片選項對話框。
正如您所看到的，對話框里有許多設(shè)置。
a.切片名稱：打開網(wǎng)頁之后顯示的名稱
b.URL：點擊這個被編輯的圖片區(qū)域后，會跳到你輸入的目標(biāo)網(wǎng)址內(nèi)
c.目標(biāo)：指定載入的URL幀原窗口打開，表示是在還是在新窗口打開鏈接
d.消息文本：鼠標(biāo)移到這個塊時瀏覽器左下角顯示的內(nèi)容
e.Alt標(biāo)記：圖片的屬性標(biāo)記，鼠標(biāo)移動到這塊時鼠標(biāo)旁的文本信息
f.切片的尺寸：設(shè)置塊的x、y軸坐標(biāo)，W、H的精確大小。
【PS切片工具的基礎(chǔ)知識】相關(guān)文章：
ps切片工具怎么用07-19
PS切片工具如何使用05-17
fireworks切片工具切網(wǎng)頁模板詳解12-17
ps裁剪工具的使用03-05
fireworks切片工具切網(wǎng)頁模板是什么01-30
firework切片工具切網(wǎng)頁模板的方法技巧05-15
PS鋼筆工具怎么用07-27
PS鋼筆工具的使用技巧07-26