2012年10月18日 星期四

S小魚仔S Photoshop CS 參考線 與 切片工具 製作 網頁版模

建立「網頁」的「板模」有幾種作法「CSS+DVI」或「Table」,我們就使用「簡單」的「Table」製作「網頁」的「板模」吧 !___!"

1. 「建立」,網頁「寬與高」之「像素
2. 建立「參考線」分割「位置
3.  利用「參考像」設定「網頁」模型
4. 使用「切片工具」進行「板模」切割
5. 輸出「網頁與裝置應用

1. 建立「」與「」分別為「700 px」、「600 px
2. 網頁使用「解析度」為「72 px
3. 設定「RGB 色彩」為「8」位元

Ctrl+R」,顯示「尺標

滑鼠」 設定「尺標」,改為「像素」顯示「單位

檢視」=>「新增參考線」,垂直「20 px




使用「參考線」分割完成的「板模



使用「板模」插入「圖片」與「按鈕


設計好以後,可以將「參考線」先「關閉」( Ctrl + ;),再進行「裁切」,使用「裁片工具


裁切「非常」有「學問」,無法詳述....,共 裁切「17」片


最後輸出「Html」與「Image」( Alt + Shift + Ctrl + S )


1. 設定「格式」為「Html 和 影像
2. 點選「儲存

~~~ 大功告成 ~~~

沒有留言:

張貼留言