Transcript Photoshop CS5 五.影像的儲存、輸出與列印

大葉大學資工系
黃鈴玲
5.1 影像的儲存
 PSD格式：保存完整設計資訊，
影像只要包含圖層，另存新檔預設就會選PSD格式
但網頁瀏覽器不支援，此時需改存JPEG、GIF、PNG格式
 適用於「印刷/輸出」用途的影像格式：
TIFF、EPS、PDF、PSD 、JPEG
 儲存為TIFF格式時：
影像壓縮選項「無, LZW, ZIP」三種是非破壞性的
影像壓縮選項「JPEG」是破壞性的
 儲存為EPS格式時：
編碼選項「ASCII, ASCII85, 二進位」三種是非破壞性的
編碼選項「JPEG」是破壞性的
2020/4/28
2
 儲存為PDF格式時：
壓縮選項「無, ZIP」是非破壞性的
壓縮選項「JPEG」是破壞性的
 儲存為JPEG格式時：
雖然格式規範有提供非破壞性的壓縮方式，但Photoshop
提供的格式都是破壞性的
 「印刷/輸出」用途的影像還有另外兩項要求
 影像的色彩模式最好是「CMYK」模式，避免螢幕所見色彩
與印出結果差異太大
 「影像解析度」(PPI)與「印刷解析度」(LPI)相匹配
LPI  2 = PPI
一般常見的印刷品解析度150LPI  300 PPI
2020/4/28
3
 適用於「網頁」使用的影像格式：
JPEG, PNG(可透明), GIF(可透明, 動畫)
色彩模式最好是RGB, 解析度為72PPI
5-1 選擇題
2020/4/28
4
5.2 儲存為網頁與裝置用
 不建議直接將檔案「另存新檔」為JPG, GIF, PNG等
 應使用「儲存為網頁與裝置用」功能，因此種做法
 可輸出切片中的局部影像
 可調小檔案容量
 可輸出網頁檔
2020/4/28
5
切片做法
(開啟「5_2輸出為HTML.psd」看切片結果)
工具面版的「切片工具」
開啟14-01.jpg練習切片
(選取範圍被Photoshop存到色版裡)
(可配合參考線先分出要切的區塊，切片時會自動吸附參考線，
避免產生多餘的切片)
使用「分割切片」來建立大小一致的數個切片：
先利用切片工具選出一個範圍後，滑鼠右鍵分割切片
依現有圖層自動建立切片
開啟14-02.psd，選取背景之外的所有圖層，
「圖層/新增基於圖層的切片」
(調整圖層位置或尺寸時都不需重新建立切片)
2020/4/28
6
切片調整、儲存成網頁及影像
 使用「切片選取工具」選取後拉曳邊框
開啟14-03.psd，將三個切片調小，只包含圖片與陰影
 刪除切片
選取後按delete即可
 建立切片的超連結
選取切片後，滑鼠左鍵雙按，或右鍵「編輯切片選項」
輸入URL及目標(指定框架為_blank等)
 開啟14-05.psd，執行「檔案/儲存為網頁與裝置用」
選擇影像品質後儲存(格式：HTML和影像)
作業1：將5_2輸出為HTML.psd檔案增加切片，切出右上
角四個按鈕後，儲存為網頁及影像檔。
2020/4/28
7
「儲存為網頁與裝置用」的圖
 GIF
支援8-bit(256色)色彩表，可做動畫及透明圖，適合色彩少的按鈕或
icon類的圖像，支援交錯式顯示
 JPEG
支援全彩(true color)與灰階，適合照片類圖檔
 PNG-8
支援色彩表類型影像(256色)，不支援動畫，可做透明圖
 PNG-24
支援全彩類型影像，RGB三色各有8bit表示，故每像素有24bit表示，
最高可到48bit，灰階最高是16bit，
支援Alpha透明度(提供多種半透明效果)(GIF只分透明與不透明)
 WBMP
原本是用於WAP手機的影像格式，僅支援黑白兩色，現已很少使用
5-2 選擇題
2020/4/28
8
5-3影像的輸出與列印
 檢視影像的印刷(列印)大小
影像影像尺寸：設定適合的解析度
檢視列印尺寸 ：在螢幕顯示實際的列印大小
也可用 放大鏡工具上方選項列有對應的按鈕
檢視實際像素：最精確的畫質狀態
 預覽印刷影像的色彩
螢幕的色彩較印刷的色彩豐富，為了模擬印刷的色彩：
檢視校樣色彩 (俗稱「軟打樣」soft proofing)
(開啟 5_3_校樣色彩-列印.jpg)
要定義校樣色彩的顯示條件時：檢視校樣設定
2020/4/28
9
進行影像的列印
檔案列印
勾選「縮放以符合列印大小」，可自動縮放並居中
右上角選「輸出」時
列印標記：用來在列印時加入印刷相關標記
函數：在影像中加入對輸出設備處理影像的命令
右上角選「色彩管理」
 點選「文件」：以影像檔案中內嵌的色彩描述檔，作為列印時
校正色彩的資訊。
 點選「校樣」：以Photoshop校樣設定所指定的色彩描述檔，作
為列印時校正色彩的資訊。
 色彩處理：印表機管理色彩、Photoshop管理色彩、分色
 列印出校樣彩色影像的過程稱為硬打樣(Hard Proofing)
2020/4/28
10
用Adobe Bridge輸出影像
 將大量影像編排印出或在網頁呈現之用
 Bridge右上角點「輸出」
 PDF 縮圖目錄：
在內容選取檔案，右上角指定範本後預視
調整參數後，可「重新整理預視」
 網路收藏館：
可在瀏覽器內預視
設定「儲存位置」後，按「儲存」可儲存在本機中
設定FTP伺服器後可「上載」至網路上
5-3 選擇題
2020/4/28
11