搜尋此網誌

2009年4月12日 星期日

GIMP做網頁圖片切割

要執行這項功能,你的系統必須要有 Python 的環境(參考 Gimp and Python )

『濾鏡』->『網頁』->『 Slice ... 』啟動如下對話框,設定好你要的
輸出路徑、html檔名、切割後的圖檔名稱、圖檔格式 ... 等參數後按確定


即可切割圖片並根據設定產生對應的html檔


不過『 Slice ... 』對話框並沒有讓你設定如何切割圖檔
你必須要先用參考線將圖片分隔成你要的等份之後,再執行『 Slice ... 』才行

如何加入參考線?
『圖片』->『參考線(G)』->『New Guide (by Percent) ...』啟動如下對話框
它是根據百分比在所選擇的方向(Horizontal水平,Vertical垂直)新增一參考線
其它『New Guide ...』則是根據座標
『New Guide from Selection ...』則是根據選擇區域產生對應的參考線
『Remove all Guides 』則是移除所有的參考線


另外你也可以將游標移到如下圖所指的紅色區域,按住滑鼠左鍵後


如圖拖曳至適當位置後,放開左鍵來產生新的參考線


利用參考線將圖片分隔成你要的等份之後
『濾鏡』->『網頁』->『 Slice ... 』就可以分割圖片並產生對應的html檔了

3 則留言:

pf_miles@yahoo.cn 提到...

谢谢!
希望博主多多发表关于gimp使用的文章,让这些免费的强大资源为大家服务,还有利于培养国内的版权意识(很多人只知道PS而不知道GIMP就是因为现在可以很容易得到盗版的PS)。
博主加油!

[版主回覆04/26/2009 22:28:06]感謝您的支持與鼓勵

吳老師 提到...

Python 環境目前有支援gimp 2.68嗎..如果照著

http://tw.myblog.yahoo.com/jw%215nbbef.RAx8aIbO00RkKIw--/article?mid=1502&prev=1574&next=1429&l=f&fid=10

安裝好後再灌回gimp2.68還有支援Python 環境和 Slice 這個濾鏡嗎..懇請解答~謝謝您
[版主回覆02/28/2010 22:30:59]有
『Slice ...』是內建的濾鏡,只要設定好python的環境它就可以用

飄cj 提到...

請問一下

網頁做好後是什麼樣子?能不能舉例子供下載參考?

另外,紙張因時間久遠而發黃變舊,這種效果要怎樣做?

謝謝
[版主回覆03/05/2010 21:08:29]看到的就還是你圖片的樣子
它只是將你原本的圖片切割成數張小圖片
再用html語法組成原圖片顯示出來而已

製作舊照片參考
Gimp 製作懷舊照片效果