A-Level IT (9626) 學習筆記：主題 19 – 圖形創作

各位同學好，未來的數位藝術家與 IT 專家！歡迎來到主題 19：圖形創作。本章節對於你的實作技能（Paper 4）以及理解數位媒體的運作方式至關重要。無論你是要設計網站標誌還是編輯專業照片，掌握這些工具與概念都是必備的。讓我們開始吧！

19.1 常見圖形技巧：使用設計軟體

大多數專業圖形軟體（如 Adobe Photoshop、Illustrator，或免費的替代軟體如 GIMP 和 Inkscape）都具備基礎的共用工具。了解這些技術將能讓你的工作更有效率且精準。

使用圖層 (Layers)

圖層或許是進階圖形編輯中最重要的概念。試著想像將幾張透明的塑膠片堆疊起來。你在每一張塑膠片上繪畫或放置物件，當你向下看時，就會看到整合後的圖像。

  • 新增/刪除圖層： 建立新的空白頁面或刪除不想要的圖層。
  • 選取活動圖層： 選擇你目前正在編輯的特定頁面。
  • 順序（堆疊）： 改變圖層的前後關係（例如，將文字移到最上層）。
  • 切換可視性： 即時隱藏或顯示圖層（對於測試不同設計構想非常有用）。
  • 鎖定/解鎖圖層： 防止意外變更某些元素，特別是背景圖層。
  • 改變不透明度/透明度： 調整圖層的透視程度。50% 不透明度的圖層會讓下方的圖層顯現出 50% 的影像。
  • 混合/平面化/合併圖層：
    • 合併 (Merge)： 將選取的圖層結合為一個圖層。
    • 平面化 (Flatten)： 將「所有」圖層結合成單一背景影像（通常在儲存最終輸出如 JPG 時需要）。
    • 混合模式 (Blending Modes)： 定義兩個圖層的像素如何互動的規則（例如：色彩增值 Multiply、濾色 Screen）。

重點摘要： 圖層提供了「非破壞性編輯」——你可以隨時回頭更改某個元素，而不會影響影像的其他部分。

變形工具 (Transform Tools)

這些工具用於操縱選取物件或圖層的大小、位置與方向：

  • 調整大小 (Resize)： 按比例或獨立地變更總寬度與高度。
  • 縮放 (Scale)： 與調整大小類似，通常用於根據百分比調整尺寸。
  • 移動 (Move)： 改變物件在畫布上的位置。
  • 旋轉 (Rotate)： 圍繞中心點轉動物件。
  • 反射 (Reflect/Flip)： 建立鏡像版本（例如水平或垂直翻轉）。
  • 傾斜 (Skew)： 沿軸線傾斜物件，通常用於模擬透視或動態感。
  • 剪切 (Shear)： 固定一側並沿著路徑拉動對側，以扭曲物件。
  • 套用封套與透視 (Envelope and Perspective)： 進階變形工具，用於將物件扭曲以符合複雜形狀或 3D 視角。
群組、合併與布林運算工具

這些工具對於管理複雜的向量設計與執行形狀邏輯至關重要：

  • 群組/取消群組： 將多個物件視為單一單位，以便進行輕鬆移動或變形。
  • 結合/連接： 永久性地將形狀連結在一起。
  • 新增/刪除（聯集/差異）： 用於將兩個形狀結合成一個，或從另一個形狀中減去形狀的布林運算。（想像使用較小的形狀在紙張（基礎形狀）上打孔（減去）。）
  • 交集 (Intersect)： 僅保留原始物件重疊的部分來建立新形狀。
對齊與分佈

用於相對於彼此或畫布精確排列元素：

  • 對齊 (Alignment)： 左、右、上、下、置中（確保元素完美排列）。
  • 分佈 (Distribution)： 將多個物件平均分佈在空間中（例如確保五個物件之間有 10 個像素的間距）。
  • 順序（上移/下移/置頂/置底）： 在單一圖層內手動控制個別物件的視覺堆疊順序。

19.2 向量圖形：可縮放的完美

向量圖形是形狀、線條與曲線的數學定義。由於它們基於數學，因此可以無限放大而不失真，這使它們成為標誌與插圖的理想選擇。

向量繪圖工具
  • 手繪： 在沒有幾何限制的情況下建立形狀與線條。
  • 直線： 繪製數學上精確的簡單線條。
  • 形狀工具： 用於建立完美矩形、圓形（橢圓）、弧線、星形、多邊形與螺旋線的專用工具。
  • 貝茲曲線 (Bezier Curves)： 這是向量繪圖的核心。它們使用錨點（節點/nodes）與控制點（貝茲手把/Bezier handles）來定義平滑、可編輯的曲線。
  • 封套與透視： 允許對向量物件進行複雜、非線性扭曲的工具。
節點與路徑編輯

編輯路徑（線條）與節點（錨點）的能力賦予了向量圖強大的功能：

  • 新增、移動、刪除節點： 用於精確編輯形狀或線條的外框，通常用於簡化路徑（減少節點數量）。
  • 使用貝茲手把： 調整從節點延伸出的曲線，以微調形狀。
  • 節點類型：
    • 對稱 (Symmetrical)： 手把共同移動，在兩側建立完美平滑且相同的曲線。
    • 非對稱 (Asymmetrical)： 手把獨立移動，允許曲率出現尖銳變化。
    • 尖角 (Cusp/Corner)： 曲線方向突然改變的尖角。
    • 平滑 (Smooth)： 在區段之間建立連續、柔和的過渡。
  • 對齊與分佈節點： 確保錨點本身能完美對齊。
將位圖轉換為向量（描圖/Tracing）

你可以使用稱為描圖 (Tracing bitmaps)（或向量化）的過程將照片（位圖）轉換為向量圖。

  • 軟體會識別位圖中的邊緣與顏色，並以數學路徑取代它們。
  • 優點： 產生的圖形可縮放，且檔案通常較小（如果原始位圖很複雜）。
  • 缺點： 此過程很少能達到完美；微妙的細節與攝影品質往往會喪失。它最適用於簡單的線條畫或標誌。

快速回顧：向量 vs. 位圖

  • 向量 (Vector)： 由數學定義。可縮放。用於標誌、字體。（檔案格式：SVG、PDF）。
  • 位圖 (Bitmap)： 由像素（點）組成。與解析度相關。用於照片、詳細影像。（檔案格式：JPG、PNG、GIF）。

19.3 位圖影像：像素的世界

位圖（或點陣圖）影像是由稱為像素 (pixels) 的彩色方格網格所組成。它們對於顯示真實照片與複雜的視覺紋理至關重要。

選取工具

這些工具用於隔離影像中的特定區域進行編輯：

  • 套索 (Lasso)： 允許進行手繪、不規則的選取。
  • 魔術棒 (Magic Wand)： 自動選取相似顏色或色調的連續像素。
  • 顏色選取： 在整個影像中選取符合特定顏色範圍的所有像素。
  • 裁切 (Cut-out/Crop)： 移除影像中不需要的外圍區域。
  • 遮色片工具 (Masking Tools)： 隱藏或顯示圖層的部分內容，通常是「非破壞性」的。（遮色片就像是用隱形墨水進行繪畫。）
顏色與調整
  • 填滿： 套用純色或漸層填滿（在兩種或多種顏色之間的平滑過渡）。
  • 轉換為黑白/灰階： 移除所有顏色資訊。
  • 調整： 變更亮度、對比、色彩平衡、陰影與高光以改善影像外觀。
筆刷、鉛筆與鋼筆工具

用於直接在像素網格上繪畫，包括針對筆尖大小、硬度與流量的預設與自訂選項。

工具與濾鏡（操作）

濾鏡與特殊工具可讓你修改影像的外觀：

  • 仿製 (Clone)： 仿製印章工具 (Clone Stamp Tool) 從來源區域複製像素並繪製到目標區域，通常用於無縫移除瑕疵或多餘物件。
  • 橡皮擦 (Erase)： 完全移除像素。
  • 模糊/銳利化 (Blur/Sharpen)： 調整邊緣的對焦或清晰度。
  • 塗抹/扭曲 (Smudge/Distort)： 推拉像素以創造如同繪畫筆觸或變形的效果。
  • 去紅眼： 用於修正相機閃光燈造成的紅眼現象的專用工具。
調整影像/畫布大小
  • 調整影像大小： 改變寬度與高度，這會重新取樣 (resample) 像素資料。
  • 調整畫布大小： 在不影響影像資料本身的情況下改變背景工作區域的大小（你可能會在影像周圍增加更多空間）。
  • 改變解析度： 設定螢幕或列印輸出的像素密度 (DPI/PPI)。
  • 改變色彩深度： 改變用於儲存每個像素顏色的位元數（例如從 24 位元全彩到 8 位元索引色），以減少檔案大小。

19.4 壓縮

什麼是壓縮： 減少檔案大小的過程，對於更快的傳輸與降低儲存需求至關重要。

壓縮方法
  • 無失真壓縮 (Lossless Compression)：
    • 減少檔案大小但不遺失任何原始資料。
    • 原始影像可以從壓縮後的檔案完美還原。
    • 適用於具有清晰線條、文字與技術圖形的圖形（例如：GIF、PNG、TIF）。
  • 有失真壓縮 (Lossy Compression)：
    • 藉由永久刪除較不重要的資料來達到極小的檔案大小。
    • 一旦資料遺失，就無法復原。
    • 適用於照片，因為人眼對於輕微的資料遺失（模糊或失真/雜訊）較不敏感（例如：JPG/JPEG）。
不同壓縮方法對影像的影響

選擇錯誤的方法，或過度壓縮檔案，會導致影像品質下降：

  • 高有失真壓縮： 導致視覺失真 (visual artefacts)，特別是在清晰邊緣或純色塊周圍。品質為空間大小做出犧牲。
  • 無失真壓縮： 完美維持品質，但會導致較大的檔案大小，特別是在複雜照片中。

19.5 圖形中的文字

文字通常是關鍵的設計元素，圖形軟體為其外觀提供了詳細的控制功能。

選擇字型風格
  • 字體 (Font Face)： 使用的特定字體（例如：Arial, Times New Roman）。
  • 大小： 字元的垂直高度（通常以點數或像素計算）。
  • 字距微調 (Kerning)： 調整兩個個別字母之間的水平間距，以改善美感（例如調整 'W' 和 'A' 之間的空間）。
  • 字元間距 (Tracking)： 調整整個單字或文字區塊的水平間距。
  • 行距 (Leading)： 調整文字行之間的垂直空間。
文字操作與路徑
  • 文字繞路徑 (Fitting Text to Path or Shape)： 讓文字沿著曲線（路徑）排列，或對齊物件邊緣。
  • 對齊文字： 沿著直線或繞著形狀（例如文字圍繞公司標誌排列）。
  • 在形狀內設定文字： 將文字內容放置在形狀邊界內（例如將一段文字放在星星形狀內）。
將文字轉換為曲線

這在專業設計與印刷製作中非常關鍵：

  • 將字型轉換為可編輯的向量形狀： 這將文字從可編輯的字元資料轉換為不可編輯的向量路徑（貝茲曲線）。
  • 用途： 這確保任何打開檔案的人（例如印刷廠）看到的文字與設計完全一致，即使他們的系統沒有安裝原始字型。文字現在被視為複雜的圖形，而非字元。

***

你知道嗎？

向量繪圖軟體通常使用 PDF（可攜式文件格式）中的 "P" 來儲存向量資訊，這就是為什麼將複雜文件與建築藍圖儲存為 PDF 時，通常可以無限放大而不會出現像素化的原因！

如果節點編輯起初看起來很複雜，請不要擔心。練習在向量軟體中操縱貝茲曲線——這就像學習一門新語言，它能解鎖不可思議的設計精準度！