欢迎进入图形创作的世界！
在本章中，我们将探索数字图像如何制作、编辑与存储。无论是手机上小小的图标，还是城市中巨大的广告牌，每一个数字图形都遵循特定的规则。学完这些笔记后，你将能理解像素与路径之间的差异，并清楚知道在任何项目中应该使用哪种文件格式。如果初看之下觉得有点技术性，请别担心——我们将通过你每天都会见到的简单例子来为你拆解！
1. 位图 (Bitmap) 与矢量图 (Vector)
在信息技术的图形范畴中，最重要的一点是了解图像的两大“家族”：位图 (Bitmap) 与 矢量图 (Vector)。它们的运作方式截然不同。
A. 位图 (Bitmap，亦称为点阵图 Raster)
位图是由成千上万个微小的彩色方块（称为像素 Pixel）所组成的图像。你可以把它想象成一种马赛克或十字绣成品。当你近距离观察时，会看到个别的点；当你退后一点看，它们就会融合在一起变成一幅图像。
例子：你用智能手机拍摄的任何照片都是位图。位图的主要特点：
- 分辨率相关 (Resolution Dependent)：这意味着如果你尝试将图像放大，它会变得“像素化”（模糊且出现方块状的锯齿）。
- 文件较大：因为计算机必须记住每一个像素的颜色，所以这类文件通常比较沉重。
- 适合细节表现：它们非常适合处理具有复杂色彩和阴影的照片。
B. 矢量图 (Vector)
矢量图不使用像素。相反地，它利用数学公式通过点、线和曲线（称为路径 Path）来绘制图形。你可以把它想象成一套指令集：“画一个半径为 5cm 的红色圆形”。
例子：公司标志 (Logo) 和字型通常都是矢量图。矢量图的主要特点：
- 可缩放性 (Scalability)：你可以将矢量图放大到摩天大楼那么大，它依然会保持完美的清晰度。完全没有像素问题！
- 文件较小：计算机只需要存储形状背后的“数学”，而不需要存储数百万个点。
- 基于对象 (Object-Based)：你可以点击绘图中的某一部分（例如脸上一个鼻子）并将其移动，而不会影响其余部分。
快速复习：缩放测试
如果你放大 500% 后看到小方块，那就是 位图 (Bitmap)。如果它保持完全平滑，那就是 矢量图 (Vector)。
2. 理解文件格式
选择正确的文件格式就像挑选适合的鞋子——你不会穿着夹脚拖去爬山对吧！以下是你在 9626 课程中需要掌握的格式：
常见的位图格式
- JPEG (.jpg)：最适合照片。它使用有损压缩 (Lossy compression)，意味着它通过丢弃一些看不见的数据来缩减文件大小。重点：文件小，但每次存储时都会损失一点点质量。
- PNG (.png)：非常适合网页图形。它支持透明度 (Transparency)（非常适合没有背景的图片），并且使用无损压缩 (Lossless compression)（不会损失质量）。
- GIF (.gif)：用于简单的动画。它只支持 256 种颜色，所以不适合照片，但非常适合简单的网页迷因 (Memes)。
- TIFF (.tif)：质量极高，用于专业印刷。这些文件非常庞大。
- BMP (.bmp)：一种老派格式，没有压缩。文件非常大，在网络上很少使用。
常见的矢量图格式
- SVG (.svg)：网页的标准格式，即“可缩放矢量图形 (Scalable Vector Graphics)”。
- AI / EPS：专业格式，由设计师用于将标志传送给印刷厂。
记忆小撇步：
J-PEG 是为了 Just Photos（只给照片用）。
P-NG 是为了 Perfect backgrounds（完美的背景/透明度）。
S-VG 是为了 Scaling（缩放功能）。
3. 必备图像编辑技术
当你使用 Photoshop 或 GIMP 这类软件时，你是在操作位图。以下是你需要掌握的工具与概念：
图层与透明度
图层 (Layers) 就像堆叠在一起的透明胶片。你可以在一张胶片上绘图，而不会毁掉下方胶片的内容。透明度 (Transparency)（或称“Alpha 通道”）则让你能够透过这一层的透明区域，看到下方的图层。
更改图像外观
- 裁剪 (Cropping)：切掉图像边缘以改善构图或聚焦于特定部分。
- 调整大小 (Resizing) 与重新取样 (Resampling)：“调整大小”改变的是打印尺寸，而“重新取样”则真正改变了图像中的像素数量。
- 旋转与翻转 (Rotating and Flipping)：旋转会转动图像（例如 90 度）；翻转则建立镜像（水平或垂直）。
色彩调整
- 亮度与对比度 (Brightness & Contrast)：亮度让整个图像变亮或变暗。对比度则让暗处更暗、亮处更亮。
- 饱和度 (Saturation)：让色彩更生动或强烈。低饱和度会使图像看起来“褪色”，甚至变成黑白。
- 色彩平衡 (Color Balance)：调整红、绿、蓝的比例，以消除“色偏”（例如室内灯光导致照片看起来太黄）。
进阶工具
- 仿制 (Cloning)：“仿制印章”工具让你从照片的一部分复制像素，并“绘制”到另一部分。例子：去除风景照中的暗疮或电线。
- 遮色片 (Masking)：一种隐藏图层部分内容而不删除它们的方法。这是“非破坏性”的，意味着你之后随时可以将隐藏的部分找回来。
- 滤镜 (Filters)：自动化效果，例如模糊 (Blur)（用于隐藏细节）或锐化 (Sharpen)（让边缘看起来更清晰）。
要避免的常见错误：
绝对不要直接从侧面拉伸图像！这会破坏长宽比 (Aspect Ratio)（宽度与高度之间的比例），导致人物看起来太胖或太瘦。请务必按住 "Shift" 键或从角落拖曳，以保持比例匀称。
4. 矢量绘图功能
当你建立矢量图时，你不是在“绘画”，而是在“建构”。以下是你在考试中会看到的术语：
- 路径 (Paths)：构成矢量图形的线条。
- 节点 (Nodes / Anchor Points)：路径起点、终点或曲线上的“点”。移动这些点可以改变形状。
- 填色 (Fill)：封闭形状内的颜色或图案。
- 笔触 (Stroke)：形状的轮廓。你可以更改其粗细（权重）与颜色。
- 群组 (Grouping)：将多个对象锁定在一起，使它们能作为一个单位移动。
5. 最终总结检查清单
你学会了吗？
1. 位图是由像素组成，而矢量图是由数学公式组成？
2. JPEG 文件小但会损失质量，而 PNG 适合处理透明度？
3. 为什么图层对于不破坏原始图像的编辑过程至关重要？
4. 仿制与遮色片如何帮助修复照片？
5. SVG 是网页上清晰且可缩放图形的标准格式？
快速复习盒：
如果题目问你，哪种格式最适合用于既要印在名片上，又要印在巨大卡车上的标志，答案永远是 矢量图 (SVG/AI)，因为它具有 可缩放性 (Scalability)！