用PS將圖片做切片效果

有很多新接觸平面的朋友想做網(wǎng)頁設(shè)計,但是做出的頁面一般尺寸比較大,如果一個頁面放很多鏈接的話,怎樣實現(xiàn)點不同的部分可以指向不同的鏈接呢?今天先跟著小編學(xué)第一步,將已經(jīng)做好的圖片做切片處理。
1、首先,打開PS軟件(為了方便書寫,后邊的photoshop一律簡寫為"PS")
2、在最上層的菜單欄選擇“文件”→“打開”→選擇要做切片的圖片
(也可以直接使用快捷鍵:ctrl+o)
3、然后再左側(cè)找到下圖所示的“切片工具”圖標,左鍵長按一秒左右,會出現(xiàn)下圖所示的子菜單,選擇第二項。
4、這時候原來的鼠標指針會變成切片刀的樣子,然后鼠標左鍵點擊圖片左上角并開始拖拽,注意這期間不要松開鼠標,拖拽出來的形狀就是你的一個切片了,切片的左上角有個數(shù)字的標示。有幾個切片就會有幾個數(shù)字~
5、這樣手動切片就完成了,你可以不局限于總左上角開始,甚至你可以從中間開始拖拽~PS會自己幫你在周圍做好切片~像是下圖這樣。
(藍色數(shù)字是手動切片,灰色是ps自動生成的切片)
6、做好切片后,在首行菜單欄選擇”文件“→”存儲為WEB和設(shè)備所用格式“,進入保存切片的對話框。
7、在保存頁面,選擇保存的圖片格式,默認我是選JPG的,當然網(wǎng)上常用格式gif或者png都是可以的。然后選擇品質(zhì),默認是100,數(shù)值月底,圖像越不清晰,但是大小會越小。
選好后,選擇下方的存儲。
8、在新的對話框里選擇切片們被存放的位置→編寫文件名→選擇格式(HTML和圖像/僅限圖像/僅限HTML),只要切片圖的話,一般我們選擇”僅限圖像“就好。最后點擊”保存“,切片就正式被存儲好了。
9、最后,在你之前設(shè)置好的位置,會自動生成一個名為”inage“的文件夾,這個里面按次序排列著你所有的切片們。
以上就是用PS將圖片做切片效果方法介紹,操作很簡單的,大家按照上面步驟進行操作即可,希望能對大家有所幫助!
相關(guān)文章
psd文件用什么打開? 沒有Photoshop的情況下打開psd文件的四種方法
收到了psd文件,但是電腦沒有安裝ps,該怎么解決這個問題呢?下面我們就來看看這個問題的解決辦法2024-12-24ps一直閃退是什么原因? Photoshop閃退原因及解決方案
在使用過程中,Photoshop總是會無緣無故地自動退出,這不僅打斷了工作流程,還可能導(dǎo)致未保存的更改丟失,令人頭疼不已,本文將深入剖析Photoshop自動退出的原因,并提供相2024-07-04怎么優(yōu)化PSD文件? 有效防止Photoshop崩潰卡死的技巧奧
明就幾個圖層,并沒有引入什么大型圖片,但是 PSD 文件卻異常巨大,而且用起來經(jīng)常卡頓?下面我們就來看看pds文件優(yōu)化方法2024-05-25- 將多個圖層合并為一個圖層,但作為設(shè)計師你需要了解一下合并圖層是有破壞性的,下面我們就來詳細介紹一下2024-05-25
- 通常是因為Photoshop使用的暫存盤空間不足,導(dǎo)致無法正常工作,那么,如何解決這一問題呢?本文將為您提供詳細的解決方案2024-05-25
PS存儲和存儲為有什么區(qū)別? 理解存儲與存儲為的重要性
ps導(dǎo)出文件的時候,可以直接存儲,也可以另存存儲為,這兩個操作有區(qū)別嗎?新手該怎么保存文件呢?詳細請看下文介紹2024-03-28ps beta ai顯示高峰需求進不去怎么辦? psai高峰期需求用不了解決辦法
PSBetaAI2023加入了AI的功能,在使用過程中,有時會遇到一個令人煩惱的問題,那就是PhotoshopBetaAI提示我們正在面臨高峰需求,請稍候再試,針對這個問題,本文為大家整理2024-03-28ps段落兩端對齊不能用怎么辦? ps文字排版不能對齊的修復(fù)技巧
PS進行設(shè)計時,段落兩端對齊是一個常用的排版功能,它能讓文本看起來更加整潔和專業(yè),然而,許多用戶在使用PS時可能會遇到一個令人頭疼的問題:段落兩端對齊功能似乎不起作2024-03-09- PS插件是許多人常用的一種工具,有些用戶可能會困惑,不知道應(yīng)該將PS插件安裝到哪個文件夾,對于這個問題我們需要從多個角度進行分析,以便給出一個準確的答案2024-02-20
ps打開出現(xiàn)dll文件丟失怎么辦 ps提示缺少dll文件的詳細修復(fù)方法
打開ps時,系統(tǒng)提示缺少DLL文件,這通常意味著應(yīng)用程序無法找到它所依賴的DLL文件,可能是因為這些文件已經(jīng)被刪除、移動或更改了名稱,下面我們就來分享幾種解決辦法2024-02-19