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

網頁版面切割教學(軟體Ulead SmartSaver Pro)
執行後的畫面

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

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

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

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

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

3.Add Sliced Line工具說明

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

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

如圖

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

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

範例說明

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

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

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

範例圖

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

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

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

在依自己的需求

範例

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

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

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

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

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

範例


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

到這邊已經完成



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

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

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

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

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

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


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

THANKS!..

這個方法很實用
感謝您的無私及奉獻
不過這套軟體貴不貴呀
還是有哪一套可以替換呀:)


我是阿誠

這個軟體好像買PhotoImpact就有附了吧！而PhotoImpact一套以前好像
也才3000大洋而已(不知道現在是不是還一樣便宜)。