數位設計基礎－文字造形:標準字設計I－寬 教學活動設計
科目名稱 | 數位設計基礎 Adobe Illustrator | 教學班級 | 多一甲、乙 | 班級人數 | 50人 | ||||||
單元名稱 | 文字造形：標準字設計I－寬 | 授課教師 | 陳姸竹 | 試教時間 | 15分鐘 | ||||||
上課時間 | 50分鐘 | ||||||||||
教材來源 | 教科書：自編教材 | ||||||||||
教材研究 | 1. 電腦繪圖的課程學習應結合設計實例的應用，其中結合企業識別中的標準字與電腦繪圖的課程的鋼筆中的錨點應用極為相關，並能設計出具有企業特色的字體，並具美觀及閱讀機能性、明確傳達字體含義，且能兼顧美感以及藝術的呈現。 2. 數位化時代的來臨，透過電腦繪圖的設計方法，使學生能在字體設計上更為靈巧以及快速，且更能掌握變化字體結構的要領，應注意字體選擇、字體架構的協調概念、錨點編輯概念、路徑管理員、鏡射指令、及視覺的美觀、字體造形原始概念的呈現。 3. 讓學生藉由練習以培養興趣及繪圖技巧、更進一步在電腦繪圖能有更佳表現。 | ||||||||||
學生學習 條件分析 | 1. 學生已具備標準字設計的字體特性、筆劃架構造形概念。 2. 學生已透過手繪構思字體設計變化的主要造形。 3. 學生已熟識Adobe Illustrator軟體之介面。 4. 學生已認識選取、直接選取Adobe Illustrator軟體工具列。 5. 班級學生：男、女生，上課氣氛較為安靜、融洽。 | ||||||||||
教學方式 | 講述、問答、討論、示範、欣賞 | ||||||||||
教學資源 | 1.Adobe Illustrator軟體、2.教學示範檔案、3.電腦教室、4.投影機、5.ppt、6.學習單。 | ||||||||||
教學目標 | |||||||||||
| 單元目標 | 具體目標 | |||||||||
認知 | 1. 瞭解字體設計的Adobe Illustrator數位化製作過程。 2. 瞭解基本字體特性、筆畫架構。 | 1-1 能說出字體設計的Adobe Illustrator數位化方法。
2-1 能瞭解字體的筆劃概念、及字體結構變化。 | |||||||||
技能 | 3. 能運用文字工具選擇字體。 4. 能將文字設定建立外框。 5. 能運用鋼筆工具進行錨點變化過程。
6. 能運用鏡射指令之工具列。 7. 能運用路徑管理員之視窗應用。 8. 能運用色票之視窗應用。 | 3-1能運用文字工具設定選擇字體及設定大小。 4-1 能使用建立外框指令。 5-1 能運用鋼筆工具中的增加、減少、轉角錨點 的指令進行字體設計。 6-1能運用鏡射指令進行相同物件的複製。 7-1 能運用路徑管理員進行筆畫合併。 8-1 能運用色票進行整體色的建立軟體之視窗應用 | |||||||||
情意 | 9. 養成生活與科技藝術結合的概念 10. 培養對於作品的鑑賞能力 | 9-1 能運用繪圖軟體技巧來增添生活樂趣。 10-1 能鑑賞自己與他人之作品 | |||||||||
教學 目標 | 教學活動 | 教學 方式 | 教學 資源 | 時間 單位/分 | |||||||
教師活動 | 學生活動 | ||||||||||
1-1
9-1 10-1
1-1 2-1 6-1
1-1 2-1
1-1 2-1 9-1 10-1
1-1 2-1 3-1
1-1 2-1 4-1
1-1 2-1 5-1
1-1 2-1 5-1
1-1 2-1 6-1
1-1 2-1 7-1
1-1 2-1 8-1
2-1 3-1 4-1 5-1 6-1 7-1 8-1
1-1 2-1 9-1 10-1
| 壹、準備活動 一、課前準備 1. 蒐集適合教學題材用的圖案。 2. 製作教學檔案。 3. 設計課程及編寫教案。 二、課間準備 將準備好的教學檔案置入電腦。 三、引起動機 1. 說明字體設計在Adobe Illustrator軟體電腦繪圖應用的重要性，並舉黑體字「寬」作為教學範例。 2. 以之前學長姐們的相關範例以鼓勵同學他們是有能力在課堂上自行發揮創意獨力完成的。 3. 告知學生要認真聽講並抄筆記於學習單，講解完將馬上進行練習以作為評量成績。 四、決定目的 教師說明今日課程主題。 主題：文字造形：標準字設計I－寬。
貳、發展活動 一、複習標準字設計修改的重點。 在製作前，必須先構想出標準字的主要造形，以作為文字修改前的重點。
二、進行今日課程－標準字設計I－寬 1. 說明字體設計的過程以及步驟
2. 建立文字並轉為外框字。 （1） 利用文字工具[ T ] 輸入「寬」字，並點選 視窗→ 文字 → 字元(快速鍵Ctrl+t)，使設定字型：選定粗黑體字作為修改標準字的主要架構。 （2） 文字 → 建立外框，將文字轉成曲線。
（3） 利用直接選取工具，圈選不要的部分，並將其刪除(寬字下方的筆畫)。亦可利用直接選取工具，調整筆畫造形。
3. 轉角修成圓弧狀。 （1） 點選 增加錨點工具，在字體轉角處增加兩節點，並刪除轉角原有的節點。 （2） 運用轉角工具，拉出圓弧狀。 （3） 套用上述的方法於其他轉角筆畫上。 4. 鏡射指令。 （1） 利用鋼筆工具畫出下方左邊的筆畫。若鋼筆工具畫弧不順的話，可先畫出直角矩形後，在利用上述「轉角修成圓弧狀」的方式，進行弧形的修整。 （2） 利用鏡射指令，將筆畫再複製。跳出對話框，設定垂直90度即可。 5. 路徑管理員---筆畫合併。 （1） 針對筆畫細節，逐步建構出文字的筆畫。 （2） 建構完畢後，選取所有的筆畫，開啟視窗→路徑管理員→加入外框區域，將所有筆畫合併即可。 6. 換置填色---整體色的建立。 （1） 開啟視窗→色票→新增色票。跳出對話框，勾選色彩類型整體色。 （2） 整體色:只要更換該顏色，顏色整體變換。
三、整理歸納 教師講述學習重點，適時詢問學生並
参、綜合活動 一、學生進行 標準字I－寬 製作 1. 請學生根據上課之所學以及記錄的筆記重點自行設計底圖。 2. 教師輔助學生練習操作。 3. 評量學生所完成的作品成績
肆、 綜合歸納 一、整理歸納 教師講述這節課的學習重點以及大家會出現的問題，並再一次的提醒學生勿犯。
二、指定作業 提醒學生回家要加以練習，否則無法更上之後的進度。 |
練習及複習上堂課所學之技能
準備上課
能專心聽講 能提出問題
能專心聽講 能提出問題
能專心聽講 能專心記錄 能提出問題
能專心聽講 能專心記錄 能提出問題
能專心聽講 能專心記錄 能提出問題
能專心聽講 能專心記錄 能提出問題
能專心聽講 能專心記錄 能提出問題
能專心聽講 能專心記錄 能提出問題
能專心聽講 能專心記錄 能提出問題
能專心聽講 能專心記錄 能提出問題
能實際操作 能提出問題
能專心聽講 能提出問題 |
講述、 問答、討論、欣賞
講述、 問答、討論、欣賞
講述、 問答、示範、欣賞
講述、 問答、示範、欣賞
講述、 問答、討論
講述、 問答、討論
講述、 問答、討論、
講述、 問答、討論、
講述、 問答、討論、
問答、討論
問答、討論 |
教學示範檔案
教學示範檔案 學習單
學習單
Adobe Illustrator、 教學示範檔、 單槍投影機 學習單
Adobe Illustrator、 教學示範檔、 單槍投影機 學習單
Adobe Illustrator、 教學示範檔、 單槍投影機 學習單
Adobe Illustrator、 教學示範檔、 單槍投影機 學習單
Adobe Illustrator 教學示範檔、 單槍投影機 學習單
Adobe Illustrator、 教學示範檔、 單槍投影機 學習單
Adobe Illustrator 教學示範檔、 單槍投影機 學習單
Adobe Illustrator、 教學示範檔、 單槍投影機 學習單
|
5
15
20
10
| ||||||
