網頁設計決定產品銷售力 網頁設計組成要素 網頁設計的迷失 網頁設計要如何規劃 新一代網頁設計規格 網頁設計獲利諮詢 網站設計技術文章
 

網頁製作技巧:從切圖到網頁生成全攻略

鑒於很多朋友問到如何切圖這個問題,又鑒於這個問題可大可小,一兩句話是絕對講不清楚的,所以今天有空閒在家裡就舉一個簡單的例子來說明這個問題吧!OK,讓我們開始:

  step1:在PhotoShop中打開設計稿,如下圖

  選擇工具板上的slice切片工具,先大刀闊斧的切上一番!技巧: 大面積的色塊單獨切成一塊,盡可能的保持在水準線上的整齊(這個問題你們在後面的製作頁面中深有感觸)切好的圖如下所示:

  step2:在PhotoShop中選擇file-save for web...來輸出,這裡要注意一些參數的選擇:


 
 
橙果數位網頁設計 版權所有 / 轉載必究 / iphone應用程式技術支援
E-mail:cgo@pie.com.tw TEL: 04-22011823  總部:台中市大雅路288-2號7樓
Copyright c 2009 CGO Co., Ltd . All Rights Reserved.