下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps切片工具怎么用

ps切片工具怎么用

時間:2024-03-07 06:46作者:下載吧人氣:22

最近很多人問到切片時為什么會切出分隔符,要不要管它,怎樣切才不會出現(xiàn)分隔符,于是特意去各種百度了一下,有的人說分隔符是其骨架,當(dāng)你切復(fù)雜了就會出現(xiàn),無法避免,有的說是因為切片沒對齊沒切好才產(chǎn)生的,然后我去實驗了一下,得出結(jié)論:就是你門丫沒切好嘛。。。。
長話短說,簡單介紹一下切片要注意的地方和技巧,再分享幾個切片的方法和與其相關(guān)的代碼問題。
看到?jīng)],簡單粗暴的切片神器
ps切片工具怎么用
1先在你要切的地方拉好參考線
ps切片工具怎么用
2切換到“切片工具”
ps切片工具怎么用
3毫不客氣的點(diǎn)擊它一下
ps切片工具怎么用
切好了,有木有,有的同學(xué)會問,其中有的我不想切開呀,怎么辦?
ps切片工具怎么用
切換到“切片選擇工具”選中你要的合并的切片,選擇組合切片
ps切片工具怎么用
想怎么合就怎么合,切出來的就是沒有分隔符
ps切片工具怎么用
然后選擇存儲為WEB格式,高版本的ps在這沒有全選功能了,但可以縮小后拉框選中全部,此時再看一眼格式是不是你想要的,jpg格式品質(zhì)60差不多就可以了,牌一個畫質(zhì)好,體積又小的臨界點(diǎn)
ps切片工具怎么用
接著,你可能會遇到以下問題:
問:我圖片大,要切的很多呀,這要是一個一個點(diǎn)選去組合,那不是要了親命嘛!
答:對于切片太多的問題,由于ps的切片選擇工具不能框選,那我們可以將其存為psd格式,然后用AdobelmageReady 打開
底版本ps有一鍵轉(zhuǎn)移功能,大致在這個位置ps切片工具怎么用 切好后再轉(zhuǎn)回ps保存為WEB格式(注imageready只能保存為GIF格式)
問:我圖片復(fù)雜的要命呀,有的已經(jīng)變態(tài)到無法下手的地步了-,-
答:針對于這種變態(tài)的布局,我們的方法是:。。。。。用熱點(diǎn)。
問:我圖片又大又用熱點(diǎn)影響加載速度呀喂!!
答:規(guī)矩的,簡單的,切幾刀,然后再加熱點(diǎn)。。。
問:我不會這些基礎(chǔ)代碼呀,怎么辦?
答:學(xué)
然后,分享幾個高級刀法:
嵌套刀法:適用于而已看似無規(guī)律實則有規(guī)律自己惶恐規(guī)律
如瀑布流,發(fā)現(xiàn)豎向是統(tǒng)一的,橫向錯開了,那我們可以先不管橫向,先把豎向切成六大塊,保存為HTML格式,再橫向分六次依次把圖片切開,然后將此次切開的TABLE標(biāo)簽里的內(nèi)容放入第一次豎向切好的對應(yīng)TR標(biāo)簽里,用這種嵌套的方法可以化繁為簡而且絕對不會出現(xiàn)擾人的分隔符。
ps切片工具怎么用
隨意落刀法:適合有個別圖片相互錯開但整體不太亂的布局
不必被圖片的邊框拘泥,我們只是要把圖片切開以便上鏈接,那一刀下去不小心把另一張圖片給切了一點(diǎn)也無妨,只要不太影響另一張圖片的點(diǎn)擊即可,如果那張圖片壓根就不用上鏈接的話,那就肆無忌憚的切切切吧
管你三七二十一刀法:適合亂到?jīng)]節(jié)操,節(jié)操粉碎性骨折永久性脫落的布局
太亂了就沒必要切了,加熱點(diǎn)吧,如果圖片太大就切幾刀規(guī)則的把它切小點(diǎn)再DW里添加熱點(diǎn)。

最后,再分享一個貫穿全文的小技巧
在做一些不是太大的圖片的時候,我們可以不需要把圖片切開,例如做淘寶帶導(dǎo)航的店招時,很多同學(xué)會把導(dǎo)航每個分類都切一下,然后再用表格或者DIV框起來。
這種方法切的小圖整體加起來的體積其實是大于切豐一起的體積的,而且如果在加載的過程中有一張圖片破了,那將會影響整體布局,客戶體驗度將大打折扣
所以我們的方法是將圖片在ps里畫好切片后,選中所有切片框,右鍵點(diǎn)擊:編輯切片選項。
ps切片工具怎么用
切片類型選擇:無圖像
ps切片工具怎么用
然后在文本中敲上幾個空格,務(wù)必做這一步否則將出現(xiàn)分隔符
ps切片工具怎么用
然后我們選擇保存為HTML格式,選擇圖像和HTML的話也只產(chǎn)生一個HTML文件,然后把這個HTML文件用DW打開,你將得到一個沒有圖片的表格框架,如下圖
ps切片工具怎么用
ps切片工具怎么用
接著我們給這個TABLE加一張背景圖片,就是我們剛剛沒有切開的那張圖片
ps切片工具怎么用
最后在設(shè)計模式里鼠標(biāo)占先中對應(yīng)要添加鏈接的那個框框,然后到代碼模式,鼠標(biāo)就選中了其相對代碼所在的位置,接著把鏈接地址復(fù)制進(jìn)去就行了。
ps切片工具怎么用
大家如果仔細(xì)觀察就會發(fā)現(xiàn),很多大型網(wǎng)站就是用這種方法做的,將一些零散的小圖片放在同一張圖片里,再用CSS定位顯示,可以提高頁面的加載速度,提高客戶體驗,如下圖
ps切片工具怎么用
以不變應(yīng)萬變,找到最適合自己的方法,往往能事半功倍。
標(biāo)簽ps切片教程,ps切片工具怎么用,ps切片怎么保存,ps切片
查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

公眾號

盖楼回复X

(您的评论需要经过审核才能显示)

主站蜘蛛池模板: 免费爱爱的视频太爽了| 国产特级毛片aaaaaa高清| 亚洲欧洲日产国码久在线观看 | 试看120秒做受小视频免费| 日本电影在线观看免费影院| 国产丝袜第一页| 一个人看的www片免费| 欧美精品第一页| 国产成人精品视频一区二区不卡| 久久久一本精品99久久精品66| 精品乱码一区二区三区在线| 国产香蕉一区二区三区在线视频 | 日韩人妻无码一区二区三区99| 成人欧美一区二区三区视频| 免费人成在线观看视频高潮| 8x成人永久免费视频| 日韩国产第一页| 午夜人性色福利无码视频在线观看 | 亚洲视频在线观看免费| 亚洲网站www| 护士人妻hd中文字幕| 亚洲首页在线观看| 国产精品揄拍一区二区久久 | 国产三级在线播放线| jizz老师喷水| 最近中文字幕国语免费高清6| 四虎影院海外永久| 91精品欧美产品免费观看| 日韩电影免费在线观看网站| 全彩※acg海贼王同人本子| **性色生活片久久毛片| 欧美性活一级视频| 国产亚洲精品美女2020久久| a级毛片在线视频免费观看| 极品馒头一线天粉嫩| 再深点灬舒服灬免费观看| 在线天堂av影院| 成人免费av一区二区三区| 亚洲国色天香视频| 美女扒开尿口让男人桶进 | 亚洲精品国产日韩|