Search
《5分鐘學基礎》第二堂課開課
PNG、CMYK傻傻分不清楚，五分鐘 Adobe Photoshop教學系列主打 #PS初學者 快速上手，所以直接切入重點，省略很多專有名詞，白話文告訴你如何開啟到存檔。
這次的教學裡面可以學到
🚩#CMYK、#RGB 色彩模式
🚩#PNG、#JPG 等各檔案類型
🚩改變解析度
🚩影像及版面尺寸
第一堂課：
《5分鐘學基礎-基礎使用篇》 PS 是甚麼
https://techshiba.com/to-understand-photoshop/
------------------------------------------------------------------
#5分鐘基礎教學
我是JC老師
電腦相關課程授課超過6000小時的一位 Photoshop 課程講師
由於實在太多同學像我反映希望可以有線上課程學習
所以就決定錄製一系列的 Photoshop 線上影片教學
而且不加密、不設限、不販售，就是純分享
希望可以幫助到有需要的朋友們
這系列 Photoshop 教學影片
是由初學到深入，專為初學者設計
後半部進階內容與範例並非一般商業用途
而是針對 Photoshop 與 3ds Max 之間的整合教學
包含無縫貼圖製作、建築合成調色、室內設計合成調色、遊戲貼圖製作方面
如果這部影片對你有幫助的話，請幫我按個讚，給我點鼓勵
也多分享給需要的朋友們喔~
Photoshop CC 2020 線上教學影片目錄：http://bitly.com/2u0WwWG
Photoshop CC 2020 線上教學影片範例下載：http://bitly.com/2FTNygJ
JC-Design 網站：http://jc-d.net/
JC-Design 粉絲團：https://www.facebook.com/jcdesigntw/
JC-Design LINE ID：@umd7274k
---------------------------------------------------------------------------------------------------
解析度
● DPI (Dot Per Inch) 指的是一英寸中有幾個像素
▲ 解析度的大小關係到影像的清析與否，一般電腦螢幕的解析度為72DPI，搭配高階一點的顯示卡則可到96DPI。如果是要印刷用的影像檔案，則至少要300DPI 以上才不會有馬賽克的模糊現像產生。若是要使用在網頁上的影像檔案，則只要72DPI 就足夠了。
▲ 影像的解析度會影響列印時，影像的列印品質及大小，但不會影響它在螢幕上所呈現的品質。而且，影像解析度是可以透過 PhotoImpact 、 PhotoShop 、 PaintShop Pro… 等影像處理軟體加以改變！
● 每英寸像素，ppi 或 PPI （Pixels Per Inch）
▲ 像素密度(pixel density)單位，即每英寸的長度中所具有的像素。由解析度中X或Y軸的數字除以該軸的長度(英寸)，可得該軸的像素每英寸密度。一般的像素是方形或接近方形，X與Y軸像素密度相同，但也有不相同的顯示器。
▲ 掃描圖片時的度量單位：掃描圖片時，我們在原稿的每一英吋範圍內要產生多少畫素值pixel，經過掃描後，同一張原稿，它的 ppi 值越大時，所得到的圖像也越大，通常我們在掃描時，對於較大的正片或圖像，可以採用較大的 ppi 值，對較小的正片或照片採用較小的 ppi 值，ppi 與 dpi 是不同的！
介紹常見影像格式（BMP、GIF、JPEG、PNG、向量圖）
● BMP：Windows的標準影像格式，支援RGB、索引色、灰階和點陣色彩模式。
● GIF：翻譯為圖形交換格式，是一種LZW壓縮格式，設計用於最小化檔案大小和電子傳輸時間。優點為可以做動畫和透明背景圖，缺點是色彩數少，只支援256色、易失真。
● JPEG：是利用離散餘弦轉換壓縮技術來儲存靜態影像的檔案格式。支援CMYK、RGB、灰階色彩模式，不同於GIF的是JPEG會保留RGB影像中的所有色彩資訊，但會選擇性的丟棄資料以壓縮檔案容量，是一種破壞性的壓縮。
● PNG：是免專利的一種替代GIF的圖形格式，支援灰階、含Alpha的RGB色彩、點陣圖、無含Alpha的RGB色彩模式，利用Alpha色版來定義檔案中的透明度，所以可以產生無鋸齒邊緣的背景透明圖。
● 向量圖：以數學函式來描述螢幕上的圖形、色彩，就算是改變圖形的外觀，也只是改變了數學函式的某些參數值，讓電腦重新計算而已，因此不會有點陣圖失真和鋸齒狀的情形發聲，而且因為只是記錄數學函式的參數值，所以檔案遠小於點陣圖。
---------------------------------------------------------------------------------------------------
==延伸線上教學聯結==
Photoshop CC 2017 線上教學影片目錄：http://bit.ly/2A9PH3B
3ds Max 2015 線上教學影片目錄：http://bitly.com/2dUGqn3
AutoCAD 2015 2D 線上教學影片目錄：http://bitly.com/2dUGm6Y
TQC AutoCAD 2008 2D 線上教學影片目錄：http://bitly.com/2dUGQtB
抱歉打擾大家～有個問題想請教！，想請問大家，我在procreate軟體（平板）上有繪製一張圖，用的是cmyk模式，匯出後轉psd檔匯入Ai（在電腦上面用了）， ... ... <看更多>
建議您可參考圖中的說明，於繪畫時開啟色域警告的功能，這樣印刷的顏色一定會準準的！ ... 進階邏輯題來囉！ Q：請問先使用cmyk模式畫畫，再轉成png檔，會不會跑色？ A：不會 ... ... <看更多>
png轉cmyk 在 Re: [問題]關於ai存檔色彩模式的問題- 看板Digital_Art 的推薦與評價
※ 引述《self1234765 (self)》之銘言：
: 使用軟體：Illustrator
: 版本：CS6
: 附加使用軟體：無
: 問題描述：關於ai存檔色彩模式的問題
: 已嘗試過方式：
: 爬文(Google)?N/Y Y
: 哈囉想請問大家一個問題,
: 製作印刷品時ai製作模式為CMYK,
: 但為什麼轉存JPGE的時候要存為RGB呢?
: RGB不是應用在螢幕上嗎?
: 但我存出來的圖片準備要印刷為什麼轉為RBG印出來不會跑色,
: 反而轉存為CMYK的時候悲劇?
: 真的想了蠻久的,
: 也查了許多資料還是不太能理解,
: 懇請各位大大救援,感激不盡Q.Q
把原理釐清就會發現其實一點都不奇怪啦
RGB 跟 CMYK 的差別不是哪個要應用那個哪個地方的問題
而是它們根本上就是完全不同的顯色原理
前者是色光，後者是顏料
所以只要是螢幕上面顯示的、會發光的東西都是色光系統（RGB)
需要用顏料印在紙上不管是印表機還是送輸出都是顏料系統 (CMYK)
所以正確的 RGB 流程應用就是：
1. 數位相機或是透過螢幕使用繪圖軟體 （PS/AI）生成 RGB 圖像來源
2. 儲存為 RGB 格式的圖檔，如 JPG、PNG、GIF 等
3. 觀賞者透過螢幕觀賞這個圖像
以上流程不管軟體跟硬體都是走 RGB 大家應該很熟悉才是
簡單來說就是你用電繪一張圖或是拍一張照片上傳到臉書都是這個流程啦
而的 CMYK 印刷流程就是
1. 使用繪圖軟體生成 CMYK 的圖像來源 (＊）
2. 儲存 CMYK 格式的圖像，如 AI、PDF、TIFF 等
3. 透過可正確讀取 CMYK 的機器讀取資訊、把四色正確輸出在媒介上
以上流程表示全部都是正確 CMYK 的狀況
上面＊代表這裡頭的問題在於，
你使用的螢幕是 RGB 的，因為這世界上不存在 CMYK 的螢幕
所以事實就是你在螢幕上面看到的所有 CMYK 色都是模擬轉換出來的
所以才有印刷色差問題、才有 AdobeRGB、才有廣色域螢幕這些東西存在
發現問題點了嗎？
你遇到的疑問就是兩者交互使用發生的狀況
所以其實就是答案就是系統都幫你自動轉換了
所以可能會有各種狀況發生：
1. 你把 RGB 圖丟到 CMYK 檔裡面，再存檔
系統在讀取或是儲存輸出的時候會幫你轉換
（當然這種狀況的建議作法是把 RGB 圖檔先到 PS
轉換成 CMYK 存成 TIFF 再丟進來）
2. 你直接用 Photoshop 開啟 RGB 圖檔然後丟列印
印表機在列印的時候會幫你轉換（去仔細看看列印對話框會有選項喔）
這就是你遇到的情況
所以有些廠商為了方便不懂印刷的使用者，所以接受了 RGB 格式的 JPG 檔
並不表示他們是使用 CMYK 列印
3. 你儲存 CMYK 格式的 JPG 圖檔
JPG 先天設計就不是印刷用的，所以大部分不支援色彩管理的軟體
都不管它裡頭到底是 CMYK 還是啥，通通當做 RGB 來顯示
所以才會有 JPG 存 CMYK 後 在電腦大部分的軟體顯示顏色會跑掉的狀況發生
以上是差不多狀況，因為色管的世界很大很複雜所以上面省略了不少細節
但應該足夠解釋你的疑問以及一般應用
對於色彩管理研究比較深的人再請幫忙指正
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.250.209.173
※ 文章網址: https://www.ptt.cc/bbs/Digital_Art/M.1508258589.A.992.html
... <看更多>