PSD是Photoshop的原始檔，包含許多的圖層，圖片及文字等等。
以正常的網頁設計作業來說
程序大概是這樣：
1. 網頁版型設計 (你網站在瀏覽器上呈現的樣子，畫在一個 PSD 檔)
2. 切圖 (開始拆解驟 1 設計檔的各個元素，舉凡按鈕、小圖示、插圖、表格框線、功能方塊)
3. 排版 (將拆解好的元素轉成一般圖檔，然後用排版軟體安排成步驟 1 的樣子)
4. 輸出 HTML
雖然這是美編該作的事情
不過如果自己懂一些影像處理的話
其實還挺輕鬆的，因為常常你講的美編不一定懂
最後都搞的大家不高興
還是自己來最實在
(切片的話 存出來得png圖檔 可能變成:都不是透明的...)
PS. 若你看到以下的畫面: 那麼代表你的電腦中未安裝某些字型，那麼你需要到該
樣版資料夾，將字型檔拷貝至硬碟的字型資料夾(開始>控制台>字型)
PSD版型切片網頁教學 - 雞蛋貓部落格
(在Photoshop裡將樣板轉存為網頁的格式很簡單，完全不需要一個一個的存，只需要選
取File>Save for Web就可以了。)
沒有留言:
張貼留言