孤獨者 - 心在黑暗裡旅行 ...... ... 至尊會員
遊蕩的過客 - 枉入紅塵若許年 .. ... - UID
- 18273
- 帖子
- 12122
- 精華
- 1273
- 積分
- 240737
- 金幣
- 492641
- 威望
- 5001
- 推廣
- 0
- 閱讀權限
- 99
- 來自
- 尋覓中
- 註冊時間
- 2006-6-24
- 最後登錄
- 2015-5-27
|
1樓
大 中
小 發表於 2006-12-4 00:42
《教學》Image Ready 使用技巧
如果使用過Adobe Photoshop & Image Ready的朋友相信對於網頁製作的方式應該不陌生,這裡就簡單介紹幾個步驟,讓您更快速的製作出一個漂亮的網頁作品吧!
首先,依照之前介紹過的方式,將網頁的文字內容換上我們自己所需要的資料(打上文字時,會自動幫您產生文字圖層),接下來在Image Ready選擇裁切工具Slice....
|
| |
| | | | | | 利用工具Slice,可以將我們所要分割的部分逐一劃分,例如,選單,按鈕,背景......,如果您要製作互動式按鈕(Rollover)把要當作按鈕的圖形裁切後,再選擇功能選單中的,rollover選項(參考下圖),我們就可以依照需求,設定三種型態按鈕(normal,over,down),每種按鈕的設定可以利用圖層的特效快速的製作出,陰影,立體,變色....等變化
接著,再到slice選項上,設定網頁連結,即可完成動態按鈕的設定了!
| | | Image Ready的裁切工具Slice,左邊為裁切功能,右邊為選取裁切區塊的功能
| |
|
| | | | 最後,我們要開始輸出網頁了,只要在Image Ready的File功能表選擇save Optimized as...存檔類型選擇HTML and Images(*.html),即可完成一個精美的網頁了! 這樣,網頁用不了幾分鐘就完成啦 ! 我們就來看看最後的樣子吧.....訪客無法瀏覽此圖片或連結,請先 註冊 或 登入會員 。>>>>
| | | |
|