發新話題

《教學》Image Ready 使用技巧

《教學》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),即可完成一個精美的網頁了! 這樣,網頁用不了幾分鐘就完成啦 ! 我們就來看看最後的樣子吧.....訪客無法瀏覽此圖片或連結,請先 註冊登入會員 >>>>

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。