用PS將圖片做切片效果

發(fā)布時間：2017-01-17 15:10:26 作者：402558737

這篇教程是向腳本之家的朋友分享用PS將圖片做切片效果方法，教程比較基礎，適合新手來學習，推薦到腳本之家，不會的朋友可以參考本文，希望能對大家有所幫助

有很多新接觸平面的朋友想做網頁設計，但是做出的頁面一般尺寸比較大，如果一個頁面放很多鏈接的話，怎樣實現(xiàn)點不同的部分可以指向不同的鏈接呢？今天先跟著小編學第一步，將已經做好的圖片做切片處理。

1、首先，打開PS軟件（為了方便書寫，后邊的photoshop一律簡寫為"PS"）

2、在最上層的菜單欄選擇“文件”→“打開”→選擇要做切片的圖片

（也可以直接使用快捷鍵：ctrl+o）

用PS將圖片做切片效果

3、然后再左側找到下圖所示的“切片工具”圖標，左鍵長按一秒左右，會出現(xiàn)下圖所示的子菜單，選擇第二項。

用PS將圖片做切片效果

4、這時候原來的鼠標指針會變成切片刀的樣子，然后鼠標左鍵點擊圖片左上角并開始拖拽，注意這期間不要松開鼠標，拖拽出來的形狀就是你的一個切片了，切片的左上角有個數(shù)字的標示。有幾個切片就會有幾個數(shù)字~

用PS將圖片做切片效果

5、這樣手動切片就完成了，你可以不局限于總左上角開始，甚至你可以從中間開始拖拽~PS會自己幫你在周圍做好切片~像是下圖這樣。

（藍色數(shù)字是手動切片，灰色是ps自動生成的切片）

用PS將圖片做切片效果

6、做好切片后，在首行菜單欄選擇”文件“→”存儲為WEB和設備所用格式“，進入保存切片的對話框。

用PS將圖片做切片效果

7、在保存頁面，選擇保存的圖片格式，默認我是選JPG的，當然網上常用格式gif或者png都是可以的。然后選擇品質，默認是100，數(shù)值月底，圖像越不清晰，但是大小會越小。

選好后，選擇下方的存儲。

用PS將圖片做切片效果

8、在新的對話框里選擇切片們被存放的位置→編寫文件名→選擇格式（HTML和圖像/僅限圖像/僅限HTML），只要切片圖的話，一般我們選擇”僅限圖像“就好。最后點擊”保存“，切片就正式被存儲好了。

用PS將圖片做切片效果

9、最后，在你之前設置好的位置，會自動生成一個名為”inage“的文件夾，這個里面按次序排列著你所有的切片們。

用PS將圖片做切片效果

以上就是用PS將圖片做切片效果方法介紹，操作很簡單的，大家按照上面步驟進行操作即可，希望能對大家有所幫助！

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片