ps新手基礎:詳解PS切片工具的切圖使用技巧
我們在製作網站的時候如何把做好的效果圖轉成網頁格式呢?這裡就有很多方法,如果是比較複雜的網頁就需要用手動來切圖。如果不是很複雜的可以直接用PS自帶的切片工具來切割。教程中介紹的是規則切圖,實際應用中需要用手動來劃分區塊的大小。最終效果
一、打開要分割的圖片,點工具欄的切片工具。
二、將劃分切片的水平劃分為4,垂直劃分為3,點好後出現12個等分的圖片。
三、將圖片劃分好後,我們點工具欄最下面的鍵計入IR狀態下編輯圖片。
四、直接點文件,將優化結果儲存為HTML格式。
五、保存在電腦桌面或其它文件夾,會出現一個HTML格式的網頁,我們打開另一個文件名為Images的文件包,裡面就是我們剛才分割好的小圖片。
六、我們打開這些小圖時會返現默認為索引顏色,這時選擇菜單:圖像 > 模式 > RGB顏色就可以對這些小圖片進行處理了。
我們在做網頁的時候,使用分割好的小圖片有利於網頁的瀏覽速度。


TAG:家裝最前線 |
※Power BI技巧:利用切片器動態顯示數據層級
※實現SpreadJS的切片器與圖表聯動
※Photoshop製作創意的人像切片效果
※巧用PS設計製作非常流行的彩色切片藝術效果照片海報!
※Python 進階:全面解讀高級特性之切片!
※卷對片UV激光切割機在FPC覆蓋膜開窗切片
※在PowerBI中創建聯動切片器
※利用PowerBI的日期切片器,輕鬆搞定時間序列分析
※Time Slice—時間切片
※UI設計大咖分享Photoshop CC 生成器切片全攻略
※華為5G承載解決方案助力Telefonica完成業界首個基於切片的VR業務創新
※Go 語言切片(Slice)
※認識一個好玩的時間切片器-Time Brush Slicer
※用5G改善VR體驗 Digital Domain加入5G網路切片協會
※Blood:可通過石蠟切片鑒別原發性縱膈大B細胞淋巴瘤的分子分類方法
※Simplify 3D 4.1版切片軟體將有效幫助用戶簡化複雜3D列印項目的設計
※時間線切片器-Timeline Slicer
※Google重磅醫療AI成果:增強現實顯微鏡可實時分析病理切片
※華為與Telefonica聯合演示業界首個基於5G端到端切片的VR互動業務
※切片景觀石的設計應用