【教學】網頁版面切割教學



贊助商連結


alienchat
2003-04-07, 04:51 AM
網頁版面切割教學(軟體Ulead SmartSaver Pro)
執行後的畫面

http://home.pchome.com.tw/my/alienchatweb/01/01.gif

1.打開你事先製作好的圖檔
File→open

http://home.pchome.com.tw/my/alienchatweb/01/02.gif

2.依你切割後的圖檔是要存(gif)(jpg)(png)先設定

http://home.pchome.com.tw/my/alienchatweb/01/03.gif

3.Add Sliced Line工具說明

http://home.pchome.com.tw/my/alienchatweb/01/04.gif

將自己要切割的部份切割好

如圖

http://home.pchome.com.tw/my/alienchatweb/01/05.gif

4.切割好的圖都會自動給檔名,此時您也可以做更檔檔名的動作

範例說明

http://home.pchome.com.tw/my/alienchatweb/01/06.gif

5.切割好的圖片如果有需要做連結的動作,就先點選切割好的圖

在下方的(URL)輸入網址即可..其他的應該看了就懂了~免在說明

範例圖

http://home.pchome.com.tw/my/alienchatweb/01/07.gif

6.不規則的切割工具說明,點選後就會看到

http://home.pchome.com.tw/my/alienchatweb/01/08.gif

在依自己的需求

範例

http://home.pchome.com.tw/my/alienchatweb/01/09.gif

7.切割動作完成後,該連結的部份也加了,就可存檔了

http://home.pchome.com.tw/my/alienchatweb/01/10.gif

http://home.pchome.com.tw/my/alienchatweb/01/11.gif

8.存成html後您會看到他自動的已經幫你把圖切割好並存成html檔

範例


http://home.pchome.com.tw/my/alienchatweb/01/12.gif

到這邊已經完成



接下來談一些jpg與gif存檔時檔案大小及顏色的設定

1.如果存成JPG的格式時,您可設定的選擇有

http://home.pchome.com.tw/my/alienchatweb/01/13.gif

2.如果存成GIF的格式時,您可設定的選擇有

http://home.pchome.com.tw/my/alienchatweb/01/14.gif

這2種格式都會影響到檔案的大小,此時的設定就在於您顏色的搭配設計經驗囉。


當然這只是基本的操作說明,如果您另有好的補充,歡迎POST出來給網友知道。

THANKS!..

贊助商連結


popline
2003-04-21, 02:28 PM
這個方法很實用
感謝您的無私及奉獻
不過這套軟體貴不貴呀
還是有哪一套可以替換呀:)


我是阿誠

signally
2003-04-21, 05:44 PM
這個軟體好像買PhotoImpact就有附了吧!而PhotoImpact一套以前好像
也才3000大洋而已(不知道現在是不是還一樣便宜)。