影像处理基础

基础

点阵图放大起格、向量图无限放大仍顺滑;解像度以像素计算;剪裁、调色、图层是三大基本编辑;JPG 相片、PNG 透明背景、GIF 动画。

适合:中二资讯及通讯科技 · 单元:多媒体制作 · 建议学习路径第 8/12 课

学完呢课,你会识:
  • 点阵图由像素组成,放大失真;向量图放大不失真。
  • 解像度以像素计算,越高越清晰、档案越大。
  • 三大基本编辑:剪裁、调色、图层。
文体:软件操作课有声朗读

文体小知识:软件操作课一步一步示范工具用法,例子可以直接在电脑上照住做,学完即刻用得到。

资讯及通讯科技Information & Communication Technology

§课文原文 Passage

1电脑影像分两大类:点阵图(Bitmap)由一格一格像素(Pixel)组成,相片就是典型例子;向量图(Vector)用数学公式记录线条和形状,商标和字体常用。放大点阵图会起格(失真),向量图放大多少倍都依然顺滑 — 这是两者最关键的分别。

2解像度(Resolution)描述影像的精细程度,以像素计算:1920 × 1080 即是横 1920 格、直 1080 格。像素越多影像越清晰,档案也越大。手机相片动辄 4000 × 3000 = 1200 万像素,所以占用不少储存空间。

3基本编辑三大招:剪裁(Crop)把多余部分切走,突出主体;调色(Adjust)改变光暗、对比和饱和度,例如太暗的室内相片调高亮度;图层(Layer)像一叠透明胶片,文字、图案各占一层,修改一层不会影响其他层。

4储存格式也要会选:JPG 适合相片(档案小、支援千万色)、PNG 支援透明背景(适合商标和贴图)、GIF 可以做简单动画。交功课或上载前想清楚用途,就不会储错格式。

1重点摘要 Summary

点阵图放大起格、向量图无限放大仍顺滑;解像度以像素计算;剪裁、调色、图层是三大基本编辑;JPG 相片、PNG 透明背景、GIF 动画。

2生字卡 Vocabulary

B
Bitmap点阵图

由像素格组成的影像,放大会失真起格,例如手机相片。

V
Vector graphic向量图

用数学公式记录线条和形状的影像,无论放大多少倍都保持顺滑。

P
Pixel像素

影像的最小一格,每格一种颜色;一格一格拼成完整影像。

R
Resolution解像度

影像的精细程度,以像素数目表示,例如 1920 × 1080;越高越清晰、档案越大。

C
Crop剪裁

切走影像外围多余部分,突出主体;不会令主体变形。

B
Brightness and contrast光暗与对比

调色项目:亮度控制整体明暗,对比控制明暗差距,令主体更突出。

L
Layer图层

像透明胶片的编辑结构,每个元素占一层,修改一层不影响其他层。

J
JPGJPG 格式

有损压缩的影像格式,档案细小,最适合储存相片;不支援透明背景。

P
PNGPNG 格式

支援透明背景的无损格式,适合商标、贴图和需要保留细节的图像。

3逐步讲解 Steps

  1. 点阵图与向量图电脑影像分为点阵图与向量图两大类:点阵图由一格一格像素组成,手机相簿里的相片都是点阵图;向量图用数学公式记录线条和形状,学校商标、字体常用。两者的关键分别在放大表现:把一张手机相片放大八倍,会见到一格一格的马赛克,这是点阵图失真;把向量格式的校徽放大印在大型横额,边缘依然顺滑。所以相片编辑要留意原本解像度,商标类图形则应尽量向设计者索取向量档。
  2. 计算像素总数像素总数等于横向像素乘以直向像素,直接决定影像的精细程度和档案大小。例如 1920 × 1080 的萤幕共有 1920 × 1080 = 2,073,600 像素,约二百零七万;手机拍摄的 4000 × 3000 相片有一千二百万像素,所以更清晰,档案也更大,放满云端相簿便会占用不少空间。明白这个算法,就能解释为什么同一张相片用原图传送比压缩后大好几倍,也能估算一批相片需要多少储存空间。
  3. 剪裁剪裁(Crop)是把画面外围多余部分切走的工具,用来突出主体。例如合照右边出现一把不相干的雨伞,用剪裁工具框住人物范围,把边缘切走,画面便干净得多;剪裁只删除外围,不会令主体变形。要注意剪裁会减少像素总数,剪得太多再放大便会起格,所以手机相簿中的原图最好保留,编辑时另存新档,社交平台贴出的版本剪裁后也应检查是否仍然清晰。
  4. 调色调色(Adjust)改变影像的光暗、色温、对比和饱和度。室内灯光下的相片常常偏黄偏暗,可以调高亮度、降低色温回复自然肤色;话剧或运动相片调高对比,主体便更突出;饱和度令颜色更鲜艳,但调得太高会失真,天空变成紫色、脸孔涨红,看起来很「假」。手机相簿的编辑功能已提供这些选项,调整时宜小幅逐步,每调一项都与原图对照,避免越调越怪。
  5. 图层概念图层(Layer)就像一叠透明的胶片,每层放一种元素,叠在一起便成为完整画面。例如制作海报分三层:底层是背景相片,中层是半透明色块,顶层是标题文字;修改文字时只动顶层,背景不受影响,移动色块也不会破坏相片。分层的好处是各项元素可以独立修改、随时调换次序;如果把所有元素合并在单一幅图上,之后想改一个字便可能要整张重做。
  6. 按用途定解像度解像度应该按用途决定,并不是越高越好。社交平台贴文 1080 × 1080 已经足够;A4 全页印刷需要 2480 × 3508 像素(约 300 dpi),否则打印出来会起格;萤幕桌布则要迁就显示器的 1920 × 1080。用途决定解像度,也决定档案大小:把 4000 × 3000 的原相直接上载社交平台,只是白白消耗流量和时间;反之,要印刷的图用了细图,印出来便模糊,无法补救。
  7. 选储存格式储存格式决定档案的特性和用途:JPG 档案细小、支援千万色,适合旅行相片;PNG 支援透明背景,适合校徽、贴图等需要叠在其他画面上的图形;GIF 可以做简单跳动动画。格式之间转换有损失:把 PNG 存成 JPG,透明背景会变成白色,无法还原。交功课或上载前先想清楚用途,需要透明就选 PNG,一般相片选 JPG,动画才用 GIF,选错格式会令成果失色。

4图解 Diagrams

影像处理基础 Image editing basics核心概念· 像素 pixel:相片嘅一格一格· 解像度:像素越多越清晰· 格式:JPG 影相・PNG 透明底· 压缩:细档但会失真· 图层 layer:分层编辑唔伤原图常用操作· 裁切 crop:剪走多余部分· 调较亮度对比度· 缩放:放大会起格(失真)· 旋转・去背・加字· 非破坏性编辑最稳阵黄金规则:储存原图备份——编辑过嘅相好难还原版权提醒:网上图唔等于可以任用——要揾 CC 授权或自己影
图 1:影像处理概念与操作

5例题示范 Example

例题:一张 1024 × 768 的点阵图,长和宽各放大一倍后,像素总数变成多少?影像会怎样?

  1. 原本的像素总数为 1024 × 768 = 786,432 像素,先记下作为比较基准。
  2. 长和宽各放大一倍后,尺寸变为 2048 × 1536。
  3. 新的像素总数为 2048 × 1536 = 3,145,728,是原来 786,432 的 4 倍。
  4. 结论:长宽各放大一倍,像素总数与档案大小都变成四倍;同时放大后影像会起格失真,因为点阵图只靠固定数量的像素记录画面。
  5. 答案:像素总数变成 3,145,728,即原来的四倍,档案亦大约大四倍;放大后的影像会出现一格一格的失真,因为点阵图放大时每个像素只是被拉大,并不会增加细节。

6常见错误 Mistakes

✗ 「相片放大都一样清晰,没有分别。」
✓ 点阵图放大会起格失真;只有向量图可以无限放大仍然顺滑。
✗ 「解像度越高越好,一律用最高。」
✓ 解像度越高档案越大、载得越慢;应按用途选择(贴文、印刷、壁纸要求各不同)。
✗ 「图层只是装饰功能,可有可无。」
✓ 图层令各元素独立修改,是影像编辑的核心;合并图层之后就难以分开改动。
✗ 「JPG 和 PNG 一样,随便用哪个都行。」
✓ JPG 不支援透明背景;需要透明(商标、贴图)要存 PNG。
✗ 「剪裁会令相中人变形。」
✓ 剪裁只是切走外围,不会改变主体形状;强行拉伸缩放才会变形。

75 题快测 Quick check

Q1学校商标要放大印在大型横额,应该用点阵图还是向量图?为什么?

Q21920 × 1080 的影像共有多少像素?

Q3相片太暗,应该用哪项编辑功能改善?

Q4海报的文字和背景分开放在不同图层,有什么好处?

Q5需要透明背景的贴图,应该储存成什么格式?

8重点回顾 Recap

  • 点阵图由像素组成,放大失真;向量图放大不失真。
  • 解像度以像素计算,越高越清晰、档案越大。
  • 三大基本编辑:剪裁、调色、图层。
  • 图层像透明胶片,各元素独立修改互不影响。
  • 格式选择:JPG 相片、PNG 透明背景、GIF 简单动画。

同级其他科

同一科其他级别