Photoshop切片工具把效果圖轉成網頁格式

來源:互聯網
上載者:User

PhotoShop中:切片工具是該軟體內建的一個平面圖片製作工具。切片工具:將一個完整的網頁切割許多小片,以便上傳。是將我們設計的網頁設計稿切成一片一片的,或一個表格一個表格的,這樣我們可以對每一張進行單獨的最佳化,以便於網路上的下載。可以做成網格的,然後可以用dreamwaver來進行細緻的處理。利用切片工具可以快速的進行網頁的製作。分成切片工具與切片選擇工具。

我們在製作網站的時候如何把做好的效果圖轉成網頁格式呢?這裡就有很多方法,如果是比較複雜的網頁就需要用手動來切圖。如果不是很複雜的可以直接用PS內建的切片工具來切割。教程中介紹的是規則切圖,實際應用中需要用手動來劃分區塊的大小。

素材:

1、 開啟要分割的圖片,點工具列的切片工具,選擇切片選擇工具——劃分切片(這裡我們假定將一張遠途平均分為12張小圖)

2、 將劃分切片的水平劃分為4,垂直劃分為3,點好後出現12個等分的圖片。

3、 將圖片劃分好後,我們點工具列最下面的鍵計入IR狀態下編輯圖片。

[1] [2]  下一頁



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。