Transcript 1. 圖像傳意基礎 - hk

圖像傳意基礎
Graphical Communication
Basics
姓名：
圖像傳意基礎
班別：
(
)
1
繪圖簡介
 圖像傳意 (Graphical Communication) 在設計、
科技和工程的領域是不可或缺的溝通媒介。
 閱讀 (Read) 和繪畫設計圖 (Design Drawing) 是
從事設計、科技和工程的人必須學習的技能。
 繪圖學包括各種繪圖的方法、規則和工具的運用
 除了人手繪圖，電腦輔助設計大大提升設計人員
的工作效率、節省大量時間和成本，電腦輔助設
計也變得越來越重要了。
圖像傳意基礎
2
繪圖工具
 繪圖鉛筆
繪圖鉛筆以軟硬度和深淺
色編號，4B 比 2B 較軟和
深黑色，4H 比 2H 較硬和
淺黑色。一般線條以 HB
最適中、幼線常用 H、起
稿常用 4H，掃描及打陰影
常用 B 至 4B。
 鉛筆刨
鉛筆刨將鉛筆咀削尖，控
制較尖或較鈍適合畫不同
粗幼的線條，打陰影可用
鉛筆的側邊。
圖像傳意基礎
B HB H
3
繪圖工具
 繪圖可換芯鉛筆 (Refillable Pencil)
繪圖可換芯鉛筆使用方便，鉛芯粗
幼固定能畫出粗幼隱定的線條，缺
點是價錢貴和易折斷。常用鉛芯粗
幼有0.7mm HB (輪廓線)、0.3mm H
(幼線及起稿線)。
 擦膠 (Rubber)
使用鉛筆的好處是可用擦膠擦除錯
處，繪圖擦膠品質要選用對紙的表
面損傷最少的最佳。
圖像傳意基礎
4
繪圖工具
 擦圖模板
用薄不鏽鋼片製造，配合
擦膠使用，可選擇只擦除
線條個別部分。
 量角器 (Protractor)
一般用多是半圓形的，可
量度0 - 180的角度。
 直尺 (Ruler)
用來畫直線和量度長度的
工具
圖像傳意基礎
5
繪圖工具
 直尺應用
畫出設計圖中的
直線
圖像傳意基礎
6
繪圖工具
 圓規 (Compass)
圓規是畫圓形及弧形工具，一
端裝上鋼針，另一端裝上鉛芯。
要畫準確的圖形，買較貴而品
質好的圓規是絕對值得的。最
好能備兩個圓規，一個畫小圓
和一個畫大圓。
 分規 (Divider)
分規兩端皆裝上鋼針，是量度
準確長度的工具。
圖像傳意基礎
7
繪圖工具
 T-尺 (T-Squares)
T-尺是配合繪圖版用的工具，
用來畫準確直線和平行線。
三角尺 (Set Squares)
一般有45 和 30/60 兩款，
配合T-尺使用可畫出準確的
角度。
圖像傳意基礎
8
繪圖工具
 畫版夾 (Board Clips)
用來將畫紙夾緊在繪圖畫版
上面。
圓板
 圓及橢圓模板 (Circle and
Ellipse Template)
用圓及橢圓模板來畫固定和
尺寸較小的圓及橢圓時比較
圓規更容易控制和效果更好。
圖像傳意基礎
橢圓板
9
繪圖工具
 雲尺應用
畫出設計圖中的
圓形或弧線
圖像傳意基礎
10
繪圖工具
 繪圖畫版 (Drawing Board)
用來將畫紙夾緊在畫版上面。
夾
圖像傳意基礎
T-尺
三角尺
11
繪圖工具
 繪圖畫紙標準尺寸 (Drawing Paper Standard Size)
圖像傳意基礎
12
繪圖工具
 正確使用畫版、T-尺和
三角尺
T-尺使用時會沿繪圖畫
板右邊上下移動，要確
保T-尺右邊經常緊貼繪
圖板才能確保所畫線條
保持平行。
同樣三角尺沿著T-尺上
邊左右移動，要確保三
角尺底邊經常緊貼T-尺
才能確保所畫線條保持
正確角度。例如90和
45。
圖像傳意基礎
13
繪圖工具
 弧線尺 (Flexi Curve)
俗稱蛇尺，可以屈曲成不
同弧度，是畫不規則弧線
的好工具，注意如果過度
屈曲至太小的弧度是會折
斷的。
 弧線模板 (French Curve)
俗稱雲尺，是畫不規則弧
線用的模板，一套有二至
四塊。每塊有不同弧度的
邊，以配合不同的弧形。
一般要將弧線分成數小段，
逐段畫出接駁而成。
圖像傳意基礎
14
基本繪圖練習
 右圖是工程
製圖常用的
繪圖線種類
 參考右圖在
A4 畫紙上
畫出各種常
用的繪圖線
粗
輪廓線
幼
剖面線
中度粗幼
隱藏線
幼
中心線
幼
尺寸線
粗
剖切平面線
粗
斷口線
幼
圖像傳意基礎
15
基本繪圖練習
 各種常用的繪圖線應用例子
尺寸線
引線
隱藏線
中心線
輪廓線
圖像傳意基礎
剖切平面線
剖面線
16
基本繪圖練習
 用直尺量度尺寸
圖像傳意基礎
17
基本繪圖練習
 英文字大小楷寫法
圖像傳意基礎
18
基本繪圖練習
 用直尺在下圖右邊畫兩條相距10mm幼而淡色的平行線
 用直尺在下圖右邊畫兩條相距10mm幼而淡色的平行線
的平行線，在兩線間用正楷寫上自己的名字 (中文或英文)
圖像傳意基礎
19
基本繪圖練習
 參考下圖，在畫紙上寫上 "寫字練習、學校名稱，科目名
稱，姓名、班別、學號、日期等資料、A-Z的大楷和小楷
英文字母"
圖像傳意基礎
20
基本繪圖練習
 參考下圖，用直尺、T-尺和三角尺畫一個 5行  10欄
的表格，行距20mm，欄距15mm。
圖像傳意基礎
21
基本繪圖練習
 參考下圖，用直尺、T-尺和30三角尺畫 5行  5行 的30
線，行距20mm。
圖像傳意基礎
22
基本繪圖練習
 參考下圖，用直尺、T-尺和30三角尺畫 5行  5行 的60
線，行距20mm。
圖像傳意基礎
23
基本繪圖練習
 參考下圖，用直尺、T-尺和30三角尺畫一個邊長 60mm
的三維 (3D) 立方體。
圖像傳意基礎
24
基本繪圖練習
 用圓規以下圖的十字作圓心，畫一個半徑15mm的圓形。
圖像傳意基礎
25
基本繪圖練習
 用圓形模板以下圖的十字作圓心，畫一個半徑15mm的
圓形。
圖像傳意基礎
26
基本繪圖練習
 陰影效果練習 - 陰影效果是模擬實景下光線的明暗效果，
增加立體的視覺感，常用的有三色階、疏密線和層次漸變
三種方法。
層次漸變陰影
圖像傳意基礎
三色階陰影
疏密線陰影
27
基本繪圖練習
 加上陰影效果要用鈍的筆尖 (Chisel Point)，更常用的方
法是將筆打斜利用筆的側面在紙上來回掃描，用壓力控
制深淺色。
用砂紙將鉛芯
前端磨成鏨形
圖像傳意基礎
28
基本繪圖練習
 加上陰影效果時先
要定出光源位置和
方向，越近光源及
與光源方向成直角
的表面越光亮，另
外越背光部分越暗。
 有需要時會將地面
加上物件造成的陰
影效果
圖像傳意基礎
光源
29
基本繪圖練習
 用層次漸變陰影效果增加單平面的立體感。
顏色筆
圖像傳意基礎
30
基本繪圖練習
 用層次漸變陰影效果增加弧形表面的立體感。
顏色筆
圖像傳意基礎
31
基本繪圖練習
 利用三色階陰影效果增加下圖的立體感。
光源方向
圖像傳意基礎
32
基本繪圖練習
 利用疏密線陰影效果增加下圖的立體感。
光源方向
圖像傳意基礎
33
基本繪圖練習
 利用層次漸變陰影效果增加下圖的立體感。
光源方向
圖像傳意基礎
34
基本繪圖練習
 層次漸變陰影效果增加立體感結果參考。
光源方向
圖像傳意基礎
35
基本繪圖練習
 為右面的熱風筒加上
陰影效果。
圖像傳意基礎
36
基本繪圖練習
 為下面的樽加上陰影效果。
圖像傳意基礎
37
基本繪圖練習
 陰影效果參考例子。
圖像傳意基礎
38
基本繪圖練習
 毛氈筆 (Felt Pen)有幼咀、粗咀和毛掃咀三種，有不同顏
色選擇，是最終設計圖用來畫線和上色的常用工具。
圖像傳意基礎
幼咀
毛掃咀
粗咀
39
基本繪圖練習
 利用毛氈筆 (Felt
Pen) 為設計圖加
上陰影效果
圖像傳意基礎
40
基本繪圖練習
 利用掃描用毛氈筆為 MP3 機加上陰影效果
圖像傳意基礎
41
基本繪圖練習
 掃描用毛氈筆為 MP3 機打上陰影效果參考例子
圖像傳意基礎
42
基本繪圖練習
 設計圖紙基本佈置參考例子 (一)
圖像傳意基礎
43
基本繪圖練習
 設計圖紙基本佈置參考例子 (二)
圖像傳意基礎
44
電腦輔助設計簡介
電腦輔助設計 (Computer Aided Design, CAD) 軟件簡介
 利用電腦繪圖軟件進行設計稱為電腦輔助設計
 電腦輔助設計能提升繪圖工作效能，準確美觀，打印快捷，
只須簡單操作便能改變設計圖。專業電腦繪圖軟件功能強
大，可自動轉換 2D 和 3D 圖、自動陰影效果、可接駁電
腦輔助製造機械例如雷射切割機和3D打印機，能迅速製造
模型作評鑑。
 專業電腦輔助設計軟件缺點是售價昂貴，學習需時。
 除了專業電腦輔助設計軟件外，一般電腦必備的軟件例如
微軟 (Microsoft) 的視窗 (Windows) 和 辦公室(Office) 軟件
都內置了基本的繪圖軟件，只要適合運用，已可應付一般
中學生的繪圖設計需要。
圖像傳意基礎
45
電腦輔助設計軟件介紹
電腦繪圖軟件介紹
 非專業繪圖軟件 (優點：免費，缺點：功能簡單)
Microsoft Windows 內置的小畫家 (Paint Brush) 繪圖工具
Microsoft Office Word 內置的繪圖 (Draw) 繪圖工具
 網上免費或分享專業繪圖軟件 (優點：免費，缺點：功能非全面)
Sketch-Up – Google 出版軟件，有免費版本供下載
其他可自行搜尋
 付費購買專業繪圖軟件 (優點：昂貴，缺點：功能全面)
Auto-Cad (工程製圖業界標準)
Corel Draw (著名行美術及工程設計製圖軟件)
Solid Work (著名工程製圖軟件)
Illustrator (著名插畫繪圖)
圖像傳意基礎
46
電腦輔助設計軟件介紹
 用 Microsoft Word 內的繪圖軟件 (Draw)的繪圖例子 (一)
鎚子木柄
鋼鎚頭
楔形或錐狀
金屬榫釘
鋼鎚頭
鎚子木柄
楔形或錐狀
金屬榫釘
識得用其實好好用！
圖像傳意基礎
47
電腦輔助設計軟件介紹
 用 Microsoft Word 內的繪圖軟件 (Draw)的繪圖例子 (二)
釘子
鎚子
釘頭
木料
楔形坑
識得用其實好好用！
圖像傳意基礎
48