Illustrator 第二次課程--平面圖

【教學目標】基本之平面圖表現

【學習重點】

1. 基本觀念

1.1 平面圖原理

1.2 平面圖表現重點
1.3 讀入autoCAD 圖檔
1.3.1設定比例
1.3.2設定輕重線
1.3.3設定線型

輕重線及線型範例：

1.4常用平面圖表現方法

1.4.1實空間

1.4.2虛空間

1.4.3陰影

2.正確輸入尺寸
2.1輔助線
2.2複製及移動

3.描繪壁體及填色
3.1鋼筆工具（鋼筆工具/路徑描圖 P.29）（合併路徑錨點 P.38）
3.2矩形工具
3.3布林運算（路徑管理員／聯集與分割 P.29)

4.以陰影製造平面圖之立體感
4.1漸層工具（漸層面板設定透明漸層）
4.2直接選取工具
4.3透明模式

常用配色之色系及輕重線效果：

由他人作品學習配色（使用吸管工具）（資料來源：http://www.mydesy.com/beauty-color）

----------------------------------------------------------------------------------------------

一、共同要求
A3橫式，不需裝訂，不需有封面，但須有下列文字:
電腦輔助繪圖概論作業
學號:○○○
姓名:○○○

第○次繳交

二、本次作業基本要求
1. 墨線輕重線正確。
2. 所有牆體、門窗、陽台、衛浴均需出現。
3. 有實空間與虛空間二種表現法。
4. 牆體全部上色。
5. 牆體漸層陰影完成且正確。

三、基本加分項目
1. 虛空間配色效果良好。(5%)
2. 實空間配色效果良好。(5%)
2. 排版美觀。(5%)
3. 陰影立體效果良好。(10%)

四、特別加分項目
1. 背景採用非單色且效果良好。(5%)
2. 採用其他課堂未講授表現法。(10%)

----------------------------------------------------------------------------------------------

優秀作業賞析

9532104

9932123 黃閔同學作品

Illustrator 第一次課程－門立面

【教學目標】認識ilustrator 的基本功能

【學習重點】

1.認識illustrator

2.如何設定檔案及作業環境（開稿）
    2.1 檔案大小
    2.2 尺寸及解析度
          (DPI, Dot Per Inch) (PPI, Pixel Per Inch)
    2.3 單位
    2.4 色彩模式 (CMYK, RGB, Pantone 介紹）
    2.5 SMART GUIDE
    2.6 BOUNDING BOX

3.面板介紹
    3.1圖層
    3.2外觀
         Line Weight (0.5mm, 0.25mm, 0.13mm, 0.07mm)
         mm, PT(point, 1pt=1/72")
    3.3透明度
    3.4色彩

4.繪圖工具介紹
    4.1選擇工具
    4.2矩形工具
    4.3檢色工具

5.編輯功能介紹
    5.1刪除
    5.2移動及複製



【作業賞析】
9432163 巫致瑋

9832147楊博凱：

9632101 蔡捷妤:

9732102 黃玉貞：

【繳交作業】Illustrator 作業一

一、共同要求

A3橫式，不需裝訂，不需有封面，但須有下列文字:

電腦輔助繪圖Illustrator 作業一

學號:○○○

姓名:○○○

第○次繳交

二、本次作業基本要求（任一項不符合即R）

1. 完成金屬門與木門各一樘。

2. 墨線輕重及接合須正確。

3. 使用正確透明模式完成陰影。

4. 完成門框與門扇。

5. 製作出金屬、木紋、玻璃的質感。

三、基本加分項目(30%)

1. 金屬、木紋、玻璃材質製作良好。(各5%)

2. 陰影立體效果良好。(5%)

3. 門扇完整及複雜程度(5%)
4. 五金配件(5%)
5. 配色美觀。(5%)

四、特別加分項目(20%)
1. 各種材質製作效果比課堂講授更佳。(10%)
2. 製作課堂未交授材質（須於圖面註明）。(10%)

電腦輔助繪圖概論

課程綱要__________________________________________________

一、電腦繪圖
（一）CG, Computer Graphics（維基百科的解釋）

1. history

        1960 Bell Laboratory

1970 University Utah

    phong shading（維基百科的解釋）

    gouraud shading（維基百科的解釋）

    z-buffering（維基百科的解釋）

1980

    macintosh（維基百科）

    SGI/Open GL （維基百科）

    Pixar

    GUI (Graphic User Interface)

        1990

            multimedia

          

            Toy Story

            

  

            Quake

       2000

       2010
   
           Cloud Rendering。例如：Pixar Rendermen On Demand

    2.2D

• Pixel Art (Raster Graphics)（點陣圖形）（維基百科：點陣圖）
• Vector Graphics （向量圖形)（維基百科：向量圖）

    3.3D

（二）CAD, Computer Aided Design（維基百科：電腦輔助設計）（內容略有錯誤）
（三）CADD, Computer Aided Design Drawing
（四）CA, Computer Animation（維基百科：電腦動畫）
（五）Computer Multi-Media
（六）BIM (Building Infromation Modeling)（不屬本課程範圍）

二、室內設計
（一）平立剖面表現
（二）透視表現
（三）其他圖面（設計說明、設計詳圖......）
（四）設計協同（電氣、弱電、空調、消防......)（不屬本課程範圍）
（五）專案排程（不屬本課程範圍）
（六）概算、預算、現金流（不屬本課程範圍）

三、施工
（一）施工圖繪製及套繪（不屬本課程範圍）
（二）設計協同(機電，消防，空調)（不屬本課程範圍）
（三）施工管理（不屬本課程範圍）
（四）估驗與計價（不屬本課程範圍）
（五）驗收與試運轉（不屬本課程範圍）

三、整合應用
（一）設計圖2D表現 CADD+CG
（二）設計圖3D表現 CADD+CG
（三）電腦多媒體 CG+CA+Voice+Music+Text
（四）專案管理軟體（不屬本課程範圍）
（五）工程預算製作軟體（不屬本課程範圍）


本次作業__________________________________________________

題目：作業題目:
由市售軟體中，於下列用途選出各二種軟體，並說明其主要功能，硬體要求，售價，學習費用及選擇原因。

繳交日期：10/8

(一)施工圖 (CADD)
(二)圖面表現法 (美工)
(三)透視表現法(3D)
(四)進度管理
(五)工程預算編製


說明:
一、主要功能請以官方網站為準。
二、硬體要求請以官方網站為準。
三、售價及學習費用請註明出處。以學習費用為例:某公司某軟體班24小時共15000元。
四、選擇原因指的是：在本類型軟體中，為何選擇這二種軟體成為自己畢業以後的主要工作軟體，與其他軟體比較優點為何？


一、共同要求
A4直式橫式不拘，需裝訂，需有封面:
電腦輔助繪圖概論作業
學號:○○○
姓名:○○○

第○次繳交

二、本次作業基本要求
1. 十種軟體齊全、用途均符合。
2. 主要功能敘述完整。
3. 硬體要求來源可信。
4. 售價及學習費用可查證。
5. 選擇原因十種軟體均備。

三、基本加分項目
1. 選擇軟體用心，有非課堂提及軟體。(5%)
2. 主要功能敘述經過整理。(5%)
3. 選擇原因分析完整。(5%)

四、特別加分項目
1. 引用資料詳細且經過分析。(10%)
2. 比較同一功能各種軟體超過五種。(10%)
3. 對於用途能有將來執業時的調查分析。(10%)

不會寫報告？請看金字塔原理！
本次作業錯誤態樣，各位同學請勿再犯........

封面請浮貼自我查核表

Piranesi 第四次課程-lighting

課程綱要:
一、restore

二、使用Filter工具降低明度(Brightness)及彩度(Hue --> Saturation)模擬黑暗環境

三、使用 Fade 製作 2D 漸層背景

四、使用 Spot 製作投射燈投影效果

五、使用 point 製作投射燈本體

六、使用 strip 製作帶燈效果

七、使用 parallel 補環境光及模擬日光

八、同場加映 3D cutout 及 PRC

what is PRC

-----------------------------------------------------------------------------

【繳交作業】_____________________________________________________________________

一、共同要求
1. A3橫式，不需裝訂，不需有封面，但須有下列文字:
2. 電腦輔助繪圖 Piranesi 第四次作業。第○次繳交。
3. 學號：○○○、姓名：○○○。

4. 個人logo（以上不得手繪、手寫）

（以上任何一項不符合即 Repeat)

二、本次作業基本要求（以自己的設計作品為準）

1.空間透視圖二張（不同角度）

2.有燈光效果至少三種，須於圖面上說明。

3.上完表現法後要有陰影。

（以上任何一項不符合即 Repeat)

三、基本加分項目
1. 材質設定及選用良好。(10%)
2. 燈光設定良好(顏色、大小、位置)。(10%)

3. 照明效果良好。(10%)
4. 空間透視效果及陰影良好。(10%)

5. 排版美觀。(5%)

四、特別加分項目
1.使用上課未教授技巧。(10%)（需於圖面上註明）

-----------------------------------------------------------------------------

優秀作業賞析

9632119

Piranesi 第三次課程 - SoftPaint

課程綱要:
一、使用 Rerender 指令將原有畫面資料移動至 "Restored RGB" channel（如何確認已經移動？）
二、使用 "White Paint" Style 製造白紙 即增加白色在 "RGB" channel
三、使用 "Restore" Style 抹除白色露出原有畫面
　　　（一）乾筆
　　　（二）溼筆
　　　（三）層次
　　　（四）色鉛
　　　（五）統一色調
四、使用 "Sepia Grains" Style 製造有質感及顏色的紙張
嘗試改變工具的各參數產生不同效果
五、使用 "Edge" Style 製作墨線
嘗試改變工具的各參數產生不同效果
(一)線寬
(二)線條顏色
六、使用 "Wobble Lines" Style 產生 Free Hand 效果
嘗試改變工具的各參數產生不同效果
(一)Amplitude
(二)Scale
七、使用 "Raster Leaf" Style 產生 水彩紙效果
嘗試改變工具的各參數產生不同效果
(一)筆觸(各種 png格式檔)

八、同場加映 倒影製作
在各工具的 texture 裡選擇來源為 "Captured"，然後按下Capture按鈕，點選欲製作倒影的表面，即可製作出倒影的材質。
再使用各工具加上該倒影材質，即可形成倒影。

九同場加映: 免費去背網站
免費去背網站解說
免費去背網站:cliping image

-----------------------------------------------------------------------------

【繳交作業】_____________________________________________________________________

一、共同要求
1. A3橫式，不需裝訂，不需有封面，但須有下列文字:
2. 電腦輔助繪圖 Piranesi 第三次作業。第○次繳交。
3. 學號：○○○、姓名：○○○。

4. 個人logo（以上不得手繪、手寫）

（以上任何一項不符合即 Repeat)

二、本次作業基本要求（以自己的設計作品為準）

1.空間透視圖二張（不同角度、一張深底淺線、一張淺底深線）

2.必須有徒手線、紙張材質、紙張顏色。至少一張透視有色鉛效果
3.必須有自製的 cutout 至少二個，並附去背前影像。

3.上完表現法後要有陰影。

（以上任何一項不符合即 Repeat)

三、基本加分項目
1. 徒手線設定及選用良好。(10%)
2. 紙張材質、顏色及表現法良好。(10%)

3. restore 效果良好。(10%)
4. 空間透視效果及陰影良好。(5%)
5. cutout 效果良好。(10%)

5. 排版美觀。(5%)

四、特別加分項目
1.使用上課未教授技巧。(10%)（需於圖面上註明）

-----------------------------------------------------------------------------

優秀作業

9532101

9832152 陳筱涵

Piranesi 第二次課程 - Texture & CutOut

課程綱要：
一、使用真實材質
（一）勾選真實材質選項
（二）輸入自定材質
（三）設定材質
1.Color
2.Texture
3.2D/auto wrapped
4.Size
5.Repeat X / Repeat Y
6.Hook / Hook at crusor
7.使用 Tweak
8.使用 captured 製作反射效果
二、使用cutout
（一）使用工具
（二）調整尺寸
（三）置於後方
（四）使用文字
（五）Piranesi CutOut Output Export / Import
（六）修改陰影

------------------------------------------------------------------------------

【繳交作業】_____________________________________________________________________

一、共同要求
1. A3橫式，不需裝訂，不需有封面，但須有下列文字:
2. 電腦輔助繪圖 Piranesi 第二次作業。第○次繳交。
3. 學號：○○○、姓名：○○○。

4. 個人logo（以上不得手繪、手寫）

（以上任何一項不符合即 Repeat)

二、本次作業基本要求（以自己的設計作品為準）

1.空間透視圖二張（相同角度）

2.淡彩加材質、麥克筆加材質表現法各一張。

3.上完表現法後要有陰影。

（以上任何一項不符合即 Repeat)

三、基本加分項目
1. 材質設定及選用良好。(10%)
2. 淡彩上材質及表現法良好。(10%)

3. 麥克筆上材質及表現法良好。(10%)
4. 空間透視效果及陰影良好。(10%)

5. 排版美觀。(5%)

四、特別加分項目
1.使用上課未教授技巧。(10%)（需於圖面上註明）

----------------------------------------------------------------------------------------------------------------------

優秀作業賞析

9832149 陳瑛靖

9832152 陳筱涵

Piranesi 第一次課程

課程綱要：

一、Piranesi 簡介 (Piranesi 原廠網站）

二、Piranesi 環境說明

三、Piranesi 配合其他軟體使用流程

四、Piranesi Brush 工具使用介紹

1. 形狀設定
2. 大小設定
3. 柔邊設定
4. 效果：paint, ink, overlay
5. 淡彩效果設定及上色順序
6. 麥克筆效果設定及上色順序

五、實際操作示範

【繳交作業】_____________________________________________________________________

一、共同要求
1. A3橫式，不需裝訂，不需有封面，但須有下列文字:
2. 電腦輔助繪圖 Piranesi 第一次作業。第○次繳交。
3. 學號：○○○、姓名：○○○。

4. 個人logo（以上不得手繪、手寫）

（以上任何一項不符合即 Repeat)

二、本次作業基本要求（以自己的設計作品為準）

1.空間透視圖二張（相同角度）

2.淡彩、麥克筆表現法各一張。

3.上完表現法後要有陰影。

（以上任何一項不符合即 Repeat)

三、基本加分項目
1. 淡彩設定良好。(10%)
2. 淡彩上色及表現法良好。(10%)
3. 麥克筆設定良好。(10%)

4. 麥克筆上色及表現法良好。(10%)
5. 空間透視效果及陰影良好。(10%)

6. 排版美觀。(5%)

四、特別加分項目
1.使用上課未教授技巧。(10%)（需於圖面上註明）

----------------------------------------------------------------------------------

優秀作業

9532101

9832152 陳筱涵

SU Podium 第二次課程

課程綱要:

下載已設定之燈具(Light Fixture)並置入模型中。

【繳交作業】_____________________________________________________________________

一、共同要求
1. A3橫式，不需裝訂，不需有封面，但須有下列文字:
2. 電腦輔助繪圖 Podium 第二次作業。第○次繳交。
3. 學號：○○○、姓名：○○○。

4. 個人logo（以上不得手繪、手寫）

（以上任何一項不符合即 Repeat)

二、本次作業基本要求（以自己的設計作品為準）

1.空間透視圖四張（不同角度）

2.天花、牆壁、地板有適當材質。

3.有適當的家具，有陰影及反光。

4.各空間有適當的燈具。

5.有各材質設定說明。（含材質名稱、各參數設定之材料樣板）

（以上任何一項不符合即 Repeat)

三、基本加分項目
1. 燈具擺設及設定效果良好。(10%)
2. 透視角度及構圖良好。(10%)
3. 陰影及反光逼真。(10%)

4. 傢俱擺設合理，空間效果良好。(10%)

5. 排版美觀。(5%)

四、特別加分項目
4.使用上課未教授技巧。(10%)（需於圖面上註明）

優秀作業賞析_____________________________________________________________________

10032131 蔡威儒

9832127 許子豪

9932137 劉彥君

QuickTime 第一次課程

課程綱要

一、如何安裝 quictime player 及 plug-in
原廠下載處 台灣（繁體中文） 美國（英文）
原廠安裝說明
原廠使用手冊（英文） (pdf)

二、quicktime 使用界面介紹

（一）MENU

（二）播放頭

（三）指定範圍

（四）註冊 quicktime pro

三、copy and paste

四、開啟圖片檔成為影片

五、如何完成一段影片:

(一)選定主題(如四季)

(二)建構故事(如一顆小草的春夏秋冬)

(三)決定影像的順序及內容(如1.一片沙地 2.種子在沙地上 3.太陽照在種子上 4.雨水滴在種子上 5.種子發芽......

(四)尋找及產生影像(自行拍攝、網路搜尋、合成、繪製、後製......)

(五)依順序將影像排列成為影片

--------------------------------------------------------------------------------
本次作業
1.quicktime movie 畫面大小至少有一邊大於705,時間30秒以上
2.交 CD-ROM

3. 檔案名稱為學號+姓名+quicktime 第一次作業.mov(如9632100王大明quicktime第一次作業.mov)

--------------------------------------------------------------------------------

優秀作業賞析

9732138

9732106

9632152

9832154 黃彥霖


9832132 王薏婷

SU Podium 第四次課程

課程綱要:

設定折射、反射、及表面凹凸。

【繳交作業】_____________________________________________________________________

一、共同要求
1. A3橫式，不需裝訂，不需有封面，但須有下列文字:
2. 電腦輔助繪圖 Podium 第四次作業。第○次繳交。
3. 學號：○○○、姓名：○○○。

4. 個人logo（以上不得手繪、手寫）

（以上任何一項不符合即 Repeat)

二、本次作業基本要求（以自己的設計作品為準）

1.空間透視圖四張（不同角度）

2.天花、牆壁、地板有適當材質，並有凹凸表現。

3.有適當的家具，有陰影及反光。

4.有水景及適當的設定。

5.有各材質設定說明。（含材質名稱、各參數設定之材料樣板）

（以上任何一項不符合即 Repeat)

三、基本加分項目
1. 水景設定及表現效果良好。(10%)
2. 透視角度及構圖良好。(10%)
3. 陰影及反光逼真。(10%)

4. 材質凹凸表現效果良好(10%)

5. 排版美觀。(5%)

四、特別加分項目
4.使用上課未教授技巧。(10%)（需於圖面上註明）

SU Podium 第三次課程

點光源(point light)與投射燈(spot light) 【繳交作業】_____________________________________________________________________
 一、共同要求
1. A3橫式，不需裝訂，不需有封面，但須有下列文字:
2. 電腦輔助繪圖 Podium 第三次作業。第○次繳交。
3. 學號：○○○、姓名：○○○。
4. 個人logo（以上不得手繪、手寫） （以上任何一項不符合即 Repeat) 
二、本次作業基本要求（以自己的設計作品為準） 
1.空間透視圖四張（不同角度），至少有一張使用 podium dark style。
2.天花、牆壁、地板有適當材質。
3.有適當的家具，有陰影及反光。
4.各空間有適當的燈具。
5.有點光源及投射燈。 （以上任何一項不符合即 Repeat) 
三、基本加分項目
1. 光源（點光源及投射燈）設定效果良好。(10%)
2. 透視角度及構圖良好。(10%)
3. Style 效果良好。(10%)
4. 傢俱擺設合理，空間效果良好。(10%)
5. 排版美觀。(5%) 
四、特別加分項目 1.使用上課未教授技巧。(10%)（需於圖面上註明）

SU Podium 第一次課程

課程綱要_______________________________________________________________________


一、Radiosity Render 介紹

1. 介紹一 from Hyper Graph
2. 介紹二 from 維基大百科 wikipedia
3. 介紹三 from Hugo Elies

二、Ray Traycing Render 介紹

1. 介紹一 from wikipedia

三、SU Podium 安裝 (由 http://www.suplugins.com/ 下載）

四、使用者介面簡介：surface setting、render size

五、設定自然光：使用 sketchup 內建日光。

六、設定表面性質：反射率、材質與是否發光。
        課堂試做

1. 木地板
2. 透明壓克力
3. 鍍鉻表面
4. 平光乳膠漆
5. 窗簾
6. 玻璃

七、設定人工光源：

1. 設定該表面為發光(LEM, Light Emitting Material)。
2. 設定 omni light。

SU podium 介紹影片 from YouTube________________________________________

 SU Podium 簡介

SU Podium 使用介面簡介

本次作業_______________________________________________________________________

【繳交作業】_____________________________________________________________________

一、共同要求
1. A3橫式，不需裝訂，不需有封面，但須有下列文字:
2. 電腦輔助繪圖 Podium 第一次作業。第○次繳交。
3. 學號：○○○、姓名：○○○。

4. 個人logo（以上不得手繪、手寫）

（以上任何一項不符合即 Repeat)

二、本次作業基本要求（以自己的設計作品為準）

1.空間透視圖二張（不同角度）

2.天花、牆壁、地板有適當材質。

3.有適當的家具。

4.有陰影及反光。

5.有各材質設定說明。（含材質名稱、各參數設定之材料樣板）

（以上任何一項不符合即 Repeat)

三、基本加分項目
1. 材質設定效果逼真。(10%)
2. 透視角度及構圖良好。(10%)
3. 陰影及反光逼真。(10%)

4. 傢俱擺設合理，空間效果良好。(10%)

5. 排版美觀。(5%)

四、特別加分項目
4.使用上課未教授技巧。(10%)（需於圖面上註明）

優秀作業賞析_______________________________________________________________

9832149 陳瑛靖

10032151 蔡佳穎

10032133 陳亮伶

10032121 田亞璇

10032131 蔡威儒

9932133 劉彥君

SketchUp 第五次課程 透視圖表現

[課程目標]
能夠將建好的模型做進一步表現。包括透視技巧及自行製作3D物件。

[學習重點]

一、製作各種透視圖
（一）標準視圖 (top, bottom, left, right, front, rear)
（二）有無消點設定。
（三）消點透視、等角透視、剖透視。

二、製作剖面。
（一）自動製作剖面：

1. 建立及移動自動剖面。
2. 設置圖層，並將自動剖面移至適當圖層。
3. 設置 Scene。
4. 更改設定。
5. 各剖面 Active 設定 / 多 Scene 設定。

（二）手動製作剖面：

1. 繪製剖面所用之平面。
2. 使用 Intersect 功能。

三、以真實物體圖片製作物件
有正面圖面如下:

SketchUp 製作物體:






無正面圖面如何做透視修正
有透視的照片如下:



SketchUp 製作物體:







【繳交作業】_____________________________________________________________________

一、共同要求
1. A3橫式，不需裝訂，不需有封面，但須有下列文字:
2. 電腦輔助繪圖 SketchUp 第五次作業。第○次繳交。
3. 學號：○○○、姓名：○○○。

4. 個人logo（以上不得手繪、手寫）

（以上任何一項不符合即 Repeat)

二、本次作業基本要求（以上課之案件為準）

1.全景鳥瞰三消點透視

2.全景等角透視

3.全景平面圖(無透視、有陰影)

4.各空間三消點透視(至少三個空間)

5.以真實圖片製作的物體至少十種

6.各物體並獨立將照片與物體另外列表說明

（以上任何一項不符合即 Repeat)

三、基本加分項目
1. 全景三消點透視角度及效果良好。(5%)
2. 等角透視角度及效果良好。(5%)
3. 剖面效果良好。(5%)

4. 各空間三消點透視及效果良好。(5%)

5. 真實圖片製作的3D物體效果良好。(10%)

6. 排版美觀。(5%)

四、特別加分項目
4.使用上課未教授技巧。(10%)（需於圖面上註明）