共通設計理論教材 / Class LLL

光影、反射與材質線索

更黑更亮之前，先看線索是否一起成立

形體轉面、亮帶邊緣、反射內容與背景一起提供材質線索。比較只加反差與重排亮暗帶，找出支持或衝突之處；不是用一個亮點判定金屬，也不是物理渲染。

撰寫與維護：Class LLL · Lab Light Label｜預估閱讀 12 分鐘

開啟互動教材查看參考來源

閱讀目標

描述形體轉面、接觸陰影與投影的不同角色
區分輪廓、亮帶及陰影的硬軟邊
以環境反例檢查材質推論，不把加反差當作補反射
沿唯一曲線知識補讀數值映射，返回保留比較

適用條件與學習範圍

提高反差後仍不像想像中的材質，缺的是數值差，還是形體、亮帶與環境的關係？

不需先會Photoshop；先找一件可觀察的物品或照片，能指出亮區、暗區與緊鄰背景即可。

能指出至少一組互相支持及一組可能衝突的形體／邊緣／反射線索，分清只改反差和重排結構，並說明仍不能唯一判定的材質條件。

跨工具的圖像觀察，網站為原創現象式亮暗圖案；不反求真材質、光源或BRDF，不計算光路、HDR、能量守恆，也不保證金屬／玻璃或普遍美感。

原理與判斷

光影不是散落的亮白和純黑。較連續的轉面可提示圓拱，較突變的轉折可提示折面，但投影、塗色、曝光與反射也會造成邊界；必須交叉檢查。高光帶的位置、寬窄、過渡及相鄰暗帶，又提供環境與表面外觀的線索。把同一份灰階映射得更黑更白，能加強已有差異，也可能截斷細節；它不會憑空創造未被記錄的環境內容。本站左片保留原圖結構只改數值，右片用原創簡式重排亮暗帶，讓兩種改變可以分開說明。這是教學比較，並非把同一材質真的放進兩個光照場，也不是Photoshop配方。

形體亮暗：先讀轉面，不把所有暗區叫陰影

沿一個表面看亮到暗的變化：若輪廓和轉面同時支持圓拱，可提出「這裡向外彎」的假設；折面可能出現較明確的平面交界。亮面朝哪裡只是觀察起點，因反射、塗色和多光源都可能改變外觀。適合先辨認器物、建築或繪圖中的體積，再決定是否調明暗。圓拱片以連續灰階、折面片以分段灰階示意；兩站同條件共享輪廓和形體底稿。內部有一道硬界，不能單獨證明真的有折角；先找輪廓、其他轉面和可比較區域。本站不是從法線解光照，不能由讀數回推真三維形狀。

接觸陰影與投影：支承關係和空間距離

接觸附近的窄暗區可提示物件貼近支承；投到別處的影子可提供位置、光源及遮擋關係的線索。兩者與物件自身的暗面不同。觀察時先說出暗區在表面內、接觸處，還是別的承接面上，再比較方向和尺度是否彼此一致。若物件似乎浮起，問題可能是接觸、輪廓或支承關係，未必只是不夠黑。柔硬與位置也受光源面積、距離、形狀及成像影響，不以「影子必純黑」作配方。本站試片內固定的小接觸影只示意落地，不隨環境卡計算投影；不要以它判斷新光源方向，真正的投影關係需回實物或照片檢查。

邊緣：輪廓、亮帶和影子要分開看

硬邊指變化集中在較窄範圍，軟邊指過渡較寬；兩者是相對於最後觀看尺寸的描述。輪廓可能很清楚，內部反射仍然模糊；也可能主體失焦而輪廓變軟。表面粗糙度、光源形狀和大小、景深、運動、曝光等都會影響觀察，不能只憑一條軟邊宣布「霧面」。先固定亮帶寬度，只改右片過渡1–12來源像素，再固定過渡改寬度：前者改邊緣漸變，後者改整帶跨度。這些是本站圖案控制，不是roughness物理值。輪廓在此始終硬邊；若要理解失焦輪廓，需看真實另一張素材，不能把本控制外推到所有邊界。

高光與反光：亮點只是反射線索的一部分

光源在表面形成的高光與周圍環境被反射的內容，同屬表面反射觀察。狹亮帶可能提示集中的環境內容，寬亮帶可能來自較大的亮區或模糊反射；還要看附近暗帶、形體彎轉及觀看方向。不是所有高光都純白，亮白也可能是塗色、過曝或後製。 PBRT將表面反射的方向與光譜分布分開討論，鏡面所見內容也依觀看方向改變。本站從這點設計教學推論：只擴張原有灰階並未補入缺失的反射結構。右片可改亮帶位置／寬度／過渡，觀察其與轉面是否一致；不能從一張圖唯一反求材質、環境或觀看角。

環境與背景：亮帶不是物件單獨決定

同一表面在均勻環境與明暗分帶環境下，可能呈現不同的可見反射線索。按「明暗分帶環境」時，後卡與右物件PNG會一起重算，加入第二亮帶及中間暗帶；左片是凍結原圖的對照，並非仍在同一場景受光的另一件物體。卡上的直帶只是教學索引，不是完整球面環境貼圖或真反射投影。再只換深／淺襯底：此時物件PNG不變，改的是周圍數值關係，輪廓可見程度可能隨之不同。把「換環境使物件反射改變」和「換顯示背景比較同一像素」分開，能避免用CSS背景假裝已改材質。真實環境若換了牆面或燈具，影響可以同時落在反射、照明與投影，本簡式未完整計算。

金屬、光澤與反例：描述線索，暫緩材質定論

金屬、塗層、塑膠、霧面和髒污表面可能有混合線索。Adobe OpenPBR說明3D模型中金屬和非金屬有不同反應結構，反射過渡也受粗糙度等因素影響；但這些參數並不是所有平面影像軟體必有的控制。單一高反差、亮帶或顏色不足以確認照片材質。反例一：光澤表面在缺乏明暗內容的環境中，可沒有強烈的條帶；反例二：霧面折角、印刷圖案或後製可有很強反差。先說「這組輪廓和亮帶支持某種外觀」，再指出不確定性；換環境和另一份圓拱／折面條件檢查，別用金屬率或漂亮分數取代觀察。

只加反差的終點：強化已有差異，不能補所有結構

左片以128為中點重映射灰階並夾到0–255；改倍率不移動原有亮帶和形體邊界，但可能使原本不同值合併到端點。右片另改帶狀結構，並非同一種調整。讀數列出各物件編碼灰階範圍與中列三點左→右，不是物理亮度、能量或人眼辨識量。若要的是數值分配，沿唯一曲線補讀；若缺的是形體、反射內容或環境的一致性，還需觀察／重畫或重新拍攝，不能只重複加強同一映射。相鄰背景、焦點與細節取捨沿明暗理論；表面圖紋與體積的差別沿線條紋理。這些相關頁各處理不同問題，不重建另一份曲線或舊去背素材判斷。

步驟與觀察

先描述形體與支承
選一個觀看目的：辨認器物形狀，或表達光澤。保持圓拱片預設，找連續轉面、固定接觸影與輪廓；換折面片，說出哪條邊支持平面轉折、哪條可能只是圖案。可口述或自行記錄，不作自動評分。
只提高反差，指出保留和失去什麼
固定右片與環境，把左片反差100%改到180%再退回。比較亮帶位置是否真的移動、兩端細節是否合併；說出一項變強的已有差異及一項仍未被新增的反射內容。
逐項重排結構，不同時亂改
先固定其他控制，只改右片亮帶寬度；再分別改位置及過渡。用三個中列取樣點和PNG對照，指出哪個變化是整帶跨度、哪個是邊緣柔硬、哪個可能與形體底稿衝突。本站px僅供比較，不搬作實物參數。
做兩個環境／背景反例
切換單亮帶與明暗分帶環境，觀察後卡和右物件一起變，左凍結圖保持。固定環境再切深／淺襯底，指出物件未改但輪廓關係如何不同。換折面片重做，提出一組互相支持及一組可能衝突的線索，不用「一定金屬」作結論。
沿工具補讀，再回自己的素材
沿曲線理解映射後返回，保留本頁比較。找一張自己有權使用的照片或實物，在紙筆或任一繪圖工具標出轉面、輪廓、亮帶和接觸／投影；提出至少兩種解釋，以及要換哪個環境或觀看條件才能再判斷。不照抄本模型倍率。

常見問題

更黑更白了，還是沒有想要的材質感

先問缺的是已有差異、反射內容還是形體關係。退回保留來源，只加反差不能補沒記錄的亮帶；觀察或重建結構後再比較。

亮帶很硬，所以一定是金屬？

同時檢查環境內容、形體、塗層、失焦及曝光。亮帶與光澤不是金屬身分證；試著提出高反差霧面或均勻環境光澤表面的反例。

換背景後以為物件的反射也變了

分辨純襯底切換和環境卡切換。本站前者不改物件PNG，後者重算右片物件；真場景可能兩者同時影響，不能由顯示背景單獨推定。

輪廓、亮帶和影子指出不同方向

先分開記錄哪條是輪廓、反射、塗色或投影，再找可比較的參考；多光源與反射可能造成複雜關係。本站固定接觸影與簡式帶狀圖不能替你解真光路。

想把網站數字當roughness或真光照

控制量是原創像素寬度、位置、過渡與編碼灰階倍率。沒有量測、BRDF、HDR或能量守恆；回實物／合法參考與實際工具條件查驗，不把示意讀數當材料測量。

適用範圍與證據

原教材查核日期：2026-10-19 適用範圍：跨工具的形體／邊緣／反射與背景觀察，適用照片、繪圖和實物比較；不限定Photoshop、桌面平台或軟體版本。來源狀態：已實讀PBRT第四版（2023）、Adobe OpenPBR指南（2026-07-31）與Getty原始藝術教育正文。OpenPBR為3D模型，不作平面軟體功能依據；原創比較與觀察活動屬教學推論。示意限制：本站原創圓拱／折面兩條件RGBA試片，固定輪廓與接觸影；左凍結原圖映射、右簡式亮暗帶重畫，環境實改右物件像素、襯底只改比較背景。60件支承的Anatomy，不解光路／BRDF／HDR／能量守恆，不複製來源圖片或物理渲染結果。原生軟體實測：不涉及特定軟體操作實測；未宣稱Photoshop、OpenPBR或真攝影像素結果。學習成效驗證：尚無真人觀察或學習成效證據；口述、看過與自行標記理解均不作材質辨識或美感測驗。

參考來源

來源依原教材逐頁維護；本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤，歡迎來信提出具體段落與版本。