Photoshop CS5 五.影像的儲存、輸出與列印 大葉大學資工系 黃鈴玲

5.1 影像的儲存 PSD格式：保存完整設計資訊， 影像只要包含圖層，另存新檔預設就會選PSD格式 但網頁瀏覽器不支援，此時需改存JPEG、GIF、PNG格式 適用於「印刷/輸出」用途的影像格式： TIFF、EPS、PDF、PSD 、JPEG 儲存為TIFF格式時： 影像壓縮選項「無, LZW, ZIP」三種是非破壞性的 影像壓縮選項「JPEG」是破壞性的 儲存為EPS格式時： 編碼選項「ASCII, ASCII85, 二進位」三種是非破壞性的 編碼選項「JPEG」是破壞性的 2018/11/29

儲存為PDF格式時： 壓縮選項「無, ZIP」是非破壞性的 壓縮選項「JPEG」是破壞性的 儲存為JPEG格式時： 雖然格式規範有提供非破壞性的壓縮方式，但Photoshop 提供的格式都是破壞性的 「印刷/輸出」用途的影像還有另外兩項要求 影像的色彩模式最好是「CMYK」模式，避免螢幕所見色彩與印出結果差異太大 「影像解析度」(PPI)與「印刷解析度」(LPI)相匹配 LPI  2 = PPI 一般常見的印刷品解析度150LPI  300 PPI 2018/11/29

適用於「網頁」使用的影像格式： JPEG, PNG(可透明), GIF(可透明, 動畫) 色彩模式最好是RGB, 解析度為72PPI 5-1 選擇題 2018/11/29

5.2 儲存為網頁與裝置用 不建議直接將檔案「另存新檔」為JPG, GIF, PNG等 應使用「儲存為網頁與裝置用」功能，因此種做法 可輸出切片中的局部影像 可調小檔案容量 可輸出網頁檔 2018/11/29

切片做法 工具面版的「切片工具」 開啟14-01.jpg練習切片 (選取範圍被Photoshop存到色版裡) (開啟「5_2輸出為HTML.psd」看切片結果) 工具面版的「切片工具」 開啟14-01.jpg練習切片 (選取範圍被Photoshop存到色版裡) (可配合參考線先分出要切的區塊，切片時會自動吸附參考線， 避免產生多餘的切片) 使用「分割切片」來建立大小一致的數個切片： 先利用切片工具選出一個範圍後，滑鼠右鍵分割切片 依現有圖層自動建立切片 開啟14-02.psd，選取背景之外的所有圖層， 「圖層/新增基於圖層的切片」 (調整圖層位置或尺寸時都不需重新建立切片) 2018/11/29

切片調整、儲存成網頁及影像 選取切片後，滑鼠左鍵雙按，或右鍵「編輯切片選項」 輸入URL及目標(指定框架為_blank等) 使用「切片選取工具」選取後拉曳邊框 開啟14-03.psd，將三個切片調小，只包含圖片與陰影 刪除切片 選取後按delete即可 建立切片的超連結 選取切片後，滑鼠左鍵雙按，或右鍵「編輯切片選項」 輸入URL及目標(指定框架為_blank等) 開啟14-05.psd，執行「檔案/儲存為網頁與裝置用」 選擇影像品質後儲存(格式：HTML和影像) 作業1：將5_2輸出為HTML.psd檔案增加切片，切出右上角四個按鈕後，儲存為網頁及影像檔。 2018/11/29

「儲存為網頁與裝置用」的圖 GIF 支援8-bit(256色)色彩表，可做動畫及透明圖，適合色彩少的按鈕或icon類的圖像，支援交錯式顯示 JPEG 支援全彩(true color)與灰階，適合照片類圖檔 PNG-8 支援色彩表類型影像(256色)，不支援動畫，可做透明圖 PNG-24 支援全彩類型影像，RGB三色各有8bit表示，故每像素有24bit表示，最高可到48bit，灰階最高是16bit， 支援Alpha透明度(提供多種半透明效果)(GIF只分透明與不透明) WBMP 原本是用於WAP手機的影像格式，僅支援黑白兩色，現已很少使用 5-2 選擇題 2018/11/29

5-3影像的輸出與列印 檢視影像的印刷(列印)大小 影像影像尺寸：設定適合的解析度 預覽印刷影像的色彩 檢視列印尺寸 ：在螢幕顯示實際的列印大小 也可用 放大鏡工具上方選項列有對應的按鈕 檢視實際像素：最精確的畫質狀態 預覽印刷影像的色彩 螢幕的色彩較印刷的色彩豐富，為了模擬印刷的色彩： 檢視校樣色彩 (俗稱「軟打樣」soft proofing) (開啟 5_3_校樣色彩-列印.jpg) 要定義校樣色彩的顯示條件時：檢視校樣設定 2018/11/29

進行影像的列印 檔案列印 勾選「縮放以符合列印大小」，可自動縮放並居中 右上角選「輸出」時 列印標記：用來在列印時加入印刷相關標記 函數：在影像中加入對輸出設備處理影像的命令 右上角選「色彩管理」 點選「文件」：以影像檔案中內嵌的色彩描述檔，作為列印時校正色彩的資訊。 點選「校樣」：以Photoshop校樣設定所指定的色彩描述檔，作為列印時校正色彩的資訊。 色彩處理：印表機管理色彩、Photoshop管理色彩、分色 列印出校樣彩色影像的過程稱為硬打樣(Hard Proofing) 2018/11/29

用Adobe Bridge輸出影像 PDF 縮圖目錄： 在內容選取檔案，右上角指定範本後預視 調整參數後，可「重新整理預視」 將大量影像編排印出或在網頁呈現之用 Bridge右上角點「輸出」 PDF 縮圖目錄： 在內容選取檔案，右上角指定範本後預視 調整參數後，可「重新整理預視」 網路收藏館： 可在瀏覽器內預視 設定「儲存位置」後，按「儲存」可儲存在本機中 設定FTP伺服器後可「上載」至網路上 5-3 選擇題 2018/11/29