Illustrator圖形設(shè)計與制作教學(xué)教案

教案用紙首頁

學(xué)科I1lustrator課題任務(wù)1.1初識IllustratorCC2018

授課時數(shù)課型一體化

教

知識目標(biāo)：了解IllustratorCC2018軟件的概念以及工作界面.

學(xué)能力目標(biāo)：能夠輕松掌握IllustratorCC2018的基本構(gòu)成.

德育目標(biāo)：培養(yǎng)學(xué)生的團隊意識，提高審美水平，鍛煉操作能力，激

目

發(fā)學(xué)習(xí)動力.

的

學(xué)

教

點

重IllustratorCC2018的工作界面

學(xué)

教

點

難IllustratorCC2018的菜單欄等

教具多媒體計算機

教

后

小

結(jié)

授課教師審簽?zāi)暝氯?/p>

版書設(shè)計

1.1初識IllustratorCC2018

1.1.1Illustrator1.1.3Illustrator1.1.9設(shè)置首選項

的應(yīng)用CC2018的下載及安裝簡潔

1.1.2Illustrator1.1.4Illustrator準(zhǔn)確

CC2018的系統(tǒng)需求CC2018的工作界面特點突出

(1)處理器；1.1.5Illustrator課堂小結(jié)

(2)操作系統(tǒng)；CC2018的菜單欄布置作業(yè)

(3)內(nèi)存；1.1.6Illustrator

(4)硬盤;CC2018的工具欄

1.1.7自定義工作區(qū)

1.1.8自定義快捷鍵

一、組織教學(xué)【組織教學(xué)】

檢查考勤、學(xué)習(xí)用具情況。對積極現(xiàn)象提出表揚，不符合要求的現(xiàn)象用目光示意改正。集中

學(xué)生注意力，穩(wěn)定課堂秩序共創(chuàng)和諧課堂，做好學(xué)習(xí)準(zhǔn)備。

【復(fù)習(xí)引入】

回答下列問題

二、復(fù)習(xí)引入

1、同學(xué)們學(xué)過了哪些設(shè)計軟件？

2、PS和AI的區(qū)別？

【講授新課】

任務(wù)1.1初識工llustratorCC2018

三、講授新課1.1.1Illustrator的應(yīng)用

AdobeIllustrator是一款應(yīng)用于出版、多媒體和在線圖像的平面設(shè)計矢量設(shè)計軟件，

是平面設(shè)計、美工、UI設(shè)計等必備的矢量圖形處理工具之一。

AdobeIllustrator軟件主要用于印刷出版,如海報書籍布局排版,專業(yè)插圖，多媒體

圖像處理和網(wǎng)頁制作等。它還可以為線稿提供較高的精度和控制，適用于任何小型項目及大

型產(chǎn)品的設(shè)計生產(chǎn)。

AdobeIllustrator被翻譯為“插畫師”，是美國的Adobe公司開發(fā)的一款經(jīng)典矢量處理

軟件。Adobe公司旗下還有Photoshop等軟件，都主要用「平面設(shè)計。AdobeIllustrator

應(yīng)用涉及到的領(lǐng)域有卡通造型設(shè)計、商業(yè)插圖繪制、VI設(shè)計、logo與字體設(shè)計、服裝設(shè)計、

箱包款式設(shè)計、網(wǎng)頁設(shè)計等。

1.1.2IllustratorCC2018的系統(tǒng)需求

在Windows系統(tǒng)中，AdobeIllustratorCC2018的系統(tǒng)要求如下：

（1）處理器：Intel多核處理器（支持32/64位）或AMDAthlon64處理器以上。

（2）操作系統(tǒng)：MicrosoftWindows7ServicePack1>Windows10。

（3）內(nèi)存：32位需要2GB內(nèi)存（推薦4GB）；64位需要4GB內(nèi)存（推薦16GB）。

（4）硬盤：2GB可用硬盤空間用于安裝;安裝過程中需要額外的可用空間;推薦使用SSD。

（5）顯示器分辨率：1024X768（推薦1920X1080）。

（6）GPU：要使用GPU性能，Windows應(yīng)該至少具有1GBVRAM（建議4GB）,并且計

算機必須支持OpcnGL4.0或更高版本。

（7）Internet連接：必須具備Internet連接并完成注冊，才能激活軟件、驗證訂閱和

訪問在線服務(wù)。

此外，要使用11lustrator中的“觸摸”工作區(qū)，必須擁有運行Windows10并啟用了

觸控屏幕的平板電腦/顯示器（推薦MicrosoftSurfacePro3）。

（重點）1.1.3IllustratorCC2018的下載及安裝

登錄Adobe官方網(wǎng)站https:〃www.adobe.com/products/illustrator.html,注冊Adobe

ID,如圖1-1-1所示。登錄AdobeID后，卜載并安裝，如圖1-1-2和圖1-1-3所示。Illustrator

CC2018軟件啟動界面如圖1-1-4所示。

圖ITT圖1-1-2

■ihiWMtwCC(2010SWW

⑥正在安裝IflustratorCC(2018)(36%)

（難點）

Ai

IllustratorCC(2018)

版本22Q。

CreniveCloud可為您拽位全球首度TSMffl

惠應(yīng)用度分

圖1-1-3

四、學(xué)生練習(xí)

AdobeCreativeCloud

五、課后小結(jié)IllustratorCC

?IW7-20J7Adobe.A?

六、布置作業(yè)hOhBrweved請喇?關(guān)

于3通F中的古利如黛他

去津砌

CrtToot和V?)tnK4tro作

吊?iW問?美于華伯?

正在機的化身5?工A..M

圖1一1一4

1.1.4IllustratorCC2018的工作界面

啟動IllustratorCC2018后，顯示器上將會顯示IIlustratorCC2018的主界面。主

界面上包含一些可以實現(xiàn)的操作選項，具體包括新建文檔、打開文檔、打開最近使用的文件，

以及上次打開的時間等。在打開教程選項中，相應(yīng)的官方教程鏈接可以幫助用戶快速學(xué)習(xí)并

了解IllustratorCC2018的概念、工作流程、提示和技巧等，如圖1-1-5所示。

主界面顯示的內(nèi)容取決于用戶對IllustratorCC2018的使用程度和首選項設(shè)置。

圖1-1-5

用戶使用組合鍵Ctrl+0打開文件后，即可默認(rèn)顯示圖1-1-6所示的基本工作界面。基

本工作界面是創(chuàng)建、編輯、處理圖形圖像的基本操作平臺，它由菜單欄、工具面板、狀態(tài)欄、

設(shè)計區(qū)、屬性面板、工作區(qū)切換、窗口排列以及文檔標(biāo)簽等部分組成。

1.1.5IllustratorCC2018的菜單欄

IllustratorCC2018軟件的菜單欄中，共包括9組菜單選項，分別是文件、編輯、對

象、文字、選擇、效果、視圖、窗口、幫助，如圖1-1-7所示。

Ai文件出編S任)對氟。)文式D郵⑸視(。視B(v)窗口(W)幫助(H)

圖1-1-7

用戶單擊任何一組菜單選項，系統(tǒng)都會彈出對應(yīng)的下拉菜單，選擇下拉菜單中相應(yīng)的選

項，就可以執(zhí)行相應(yīng)的命令，如圖1-1-8所示。在出現(xiàn)的下拉菜單中，顯示黑色的菜單選項

為可執(zhí)行命令，顯示灰色的菜單選項為不可執(zhí)行命令；菜單選項右側(cè)的字母組合是該菜單選

項的快捷鍵，在創(chuàng)建、編輯、處理圖形圖像時，可以使用快捷鍵快速執(zhí)行命令，完成圖形圖

像的處理；其中一些菜單選項右側(cè)帶有省略號，表示執(zhí)行該命令時，工作區(qū)界面會彈出相應(yīng)

的設(shè)置對話框。也可以按下Alt+主菜單字母，再按下菜單選項后的字母，完成該命令的操作。

Ai文件(F)?舊對像9)■CD，S)MC)?RE(V)en(w)991(H)

??新建(N)...Ctrl+N1

Shift+Ctrl+N1

從?RE新建(T)...

Ctri+O1

打開9)...

侵近打開的文件(F)>

SBridge中3!克A：t+Ct--O

Qrl+W1

期(O

Ctrl+S1

W1(S)

Shift，Ctrl+S1

存儲為(A)...

Alt+CtrltS1

存儲副本(*),.

存儲選中的切片...

砥(V)F12

授索AdobeStock...

Shift*Ctrl+P1

SA(L)...

導(dǎo)出(E)>

導(dǎo)出所選項目

Alt+Shift*CtrlfP1

打包(G)...

腳本⑻>

Alt+Ctri+PI

匕文檔凝色模式(M)

Alt-Sh；ft+Ctrl+I1

訓(xùn)文件信息⑴…

Ctri+P1

CHED(P)...

CtH+Q1

夕退出(X)

圖1一1一8

1.1.6IllustratorCC2018的工具欄

工具欄是IllustratorCC2018中非常重要的功能面板，它包含了IllustratorCC2018

中常用的繪制、編輯、處理等操作工具，如選擇工具、魔棒工具、鋼筆工具、畫筆工具、矩

形工具、橡皮擦工具等。當(dāng)用戶需要使用某個工具時，單擊相對應(yīng)工具即可。

在操作中，將鼠標(biāo)指針置于工具欄頂部，按住鼠標(biāo)左鍵拖動，可以將工具欄設(shè)置為浮動

狀態(tài)。工具欄可以展開顯示，也可以折疊顯示。單擊■圖標(biāo)可以切換單欄展示和雙欄展示，

如圖1-1-9所示。

l

a??,

/”

□

,

叱

。

眄

#

>@.?

&-口.

電

電

血

喧?

/

■□Q

?.

圖1-1-9

受工具欄大小的限制，許多工具并沒有顯示在工具欄中，而是的藏在工具組中。在工具

欄中，一些工具的右下角有黑色三角形，這表明這些工具有相應(yīng)的工具組，其他工具都隱藏

在此工具組下。將鼠標(biāo)指針移到相應(yīng)工具圖標(biāo)上按住鼠標(biāo)左鍵不放即可打開隱藏的工具組，

將鼠標(biāo)指針移至相應(yīng)工具上，松開鼠標(biāo)左鍵即可使用相應(yīng)工具，如圖1170所示。

比

-T“添加儺點工F（+）

□

-/刷除儺點工具（一）

0

.卜鎖點工具（Shifts）

圖1-1-10

1.L7自定義工作區(qū)

啟動IllustratorCC2018后，在工作界面頂部的菜單欄中,執(zhí)行“窗口”一“工作區(qū)”

命令，在工作區(qū)的子菜單里可以選擇合適的工作區(qū)，如Web工作區(qū)、上色工作區(qū)、傳統(tǒng)基本

功能工作區(qū)、基本功能工作區(qū)、打印和校樣工作區(qū)等，如圖1-1-11所示：也可以通過單擊

工作界面頂部菜單欄中的“切換預(yù)設(shè)工作區(qū)”按鈕，在彈出的卜.拉菜單中直接選擇系統(tǒng)預(yù)設(shè)

的工作區(qū)，如圖1-1T2所示。

SOW)新建就l(W)

曲(A)

查找有關(guān)Exchange的獷震功能…

上色

丁屈功能

IS

2#I(C)

打出《］校樓

CSS屋也排版鋼

SVG交互(Y)福茶

信與Qri+F8皿

自動

動作(N)

犍Shift*F8

垂直基本受愛

交量(R)

新建工柞區(qū)

期◎提摹

營理工作區(qū)...

SS(L)F7

圖1-1-11圖1-1-12

在IllustratorCC2018中，用戶不僅可以使用軟件系統(tǒng)自帶的預(yù)設(shè)工作區(qū)，還可以自

己創(chuàng)建自定義工作區(qū)。在IllustratorCC2018中，用戶按照個人工作需要設(shè)置工作區(qū)布局

后，執(zhí)行“窗口”一“工作區(qū)”-“新建工作區(qū)”命令，在彈出的“新建工作區(qū)”對話框中

輸入新建工作區(qū)名稱，單擊“確定”按鈕即可創(chuàng)建自定義工作區(qū)，如圖1TT3所示。

|第u工作區(qū)

圖1-1-13

1.1.8自定義快捷鍵

在IllustratorCC2018中，用戶不僅可以使用軟件系統(tǒng)設(shè)置的快捷鍵，還可以根據(jù)個

人的使用習(xí)慣創(chuàng)建、修改、存儲鍵盤快捷鍵。

在工作界面菜單欄中，執(zhí)行“編輯”一“鍵盤快捷鍵”命令(見圖1-1-14)或直接按

Alt+Shift+Ctrl+K組合犍，即可打開圖1TT5所示的“鍵盤快捷鍵”對話框。

文儂F)刖E)MO)文學(xué)(T)選幽S)效果(。犧(V)

215(0)Ctrl+Z

?B(R)Shift+Qrl+Z

99：1SiIllustrator默認(rèn)值"工

St2J(T)Ctrl?X

H?(QCtrf.C工具

WBP)CtrkV

□區(qū)分大小耳

fc?Rtl(F)Ctrf+F

貼在比面⑻Ctrt*B命令快健健將9

就喇站⑸Shift.Ctrf.VA*

在所有國裝上必貼G)Ah+Shift+CtrUV*&逡*

，L)

?棒

直找和號的E).??

壹找不一HX)胡篤

搭再㈣2-Ctrkl*tn?A

案瞬自足同兵9)一

?AShift?C

炳腌

ASXA

2強將9)文字

區(qū)城文字

透明度坍合s跟設(shè)(幾_*徑文衣

?捕文字

AdobePDF預(yù)設(shè)(M)-.WMCfttY*

SWF?S(W)...

道援網(wǎng)格於2(G)_

Bfeftfi(G)...SKft+Ctrl+K

jas?fi5n?(A)...

(Q定)(取源)

統(tǒng)q

西選項(N)

圖圖1-1-15

在“鍵盤快捷鍵”對話框中“鍵集”選項下方的下拉菜單中選擇需要修改的“菜單命令”

快捷鍵或者“工具”快捷鍵。在下方的列表中選擇需要的命令或工具，單擊列表中相對應(yīng)的

快捷鍵，在顯示的文本框中輸入新的快捷鍵，最后單擊“確定”按鈕，即可完成快捷鍵的自

定義設(shè)置。

如果輸入的快捷鍵已經(jīng)指定給另一命令或工具，在“鍵盤快捷鍵”對話框中的底部將會

顯示警告信息，如圖1TT6所示。

s倍率工具1~*.T

T文享

BBMX?，

QNitxr

IT

ifWawtKatT*

ATC*???IM.?IA訐泉(U)

A格小川AH??快??.■?3

ft"KQPinWH?文字?LA.清除(O

*到?jīng)_臾處(G)

圖1-1-16

1.1.9設(shè)置首選項

啟動IllustratorCC2018后，顯示器上將會顯示Illustrator的主界面。執(zhí)行“編輯”

一“首選項”一“常規(guī)”命令或者按Ctrl+K組合鍵，即可打開圖1T-17所示的“首選項”

對話框。

J

NftWI(C而

文字

*fitriCAit(A)??

?，統(tǒng)和同格

■?TttOD?2px

S片

逐字口，用自動（B）a雙擊以■離（U）

D使用*?北棹電口使用日寅標(biāo)記5

Q■示［具■示（DC(F)

□(T>C??■?(?

□?“桁月色?西分ItOD(0>

□"開工作wOD

□便用Hit3具（V）

■■所有，含M誦值（D）

（■定）c.羽D

圖1-1-17

在“首選項”對話框中，用戶可以根據(jù)個人的操作習(xí)慣，更改“常規(guī)”設(shè)置、“選擇和

錨點顯示”設(shè)置.、“文字”設(shè)置.、“單位”設(shè)置.、“參考線和網(wǎng)格”設(shè)置、“智能參考線”設(shè)置.、

“切片”設(shè)置、“用戶界面”設(shè)置、“性能”設(shè)置等。

在“參考線和網(wǎng)格”設(shè)置中，可以改變參考線的顏色及樣式。在“用戶界面”設(shè)置中，

可以改變亮度和畫布顏色。在“性能”設(shè)置中，取消選中“動畫縮放”復(fù)選框（見圖1-1-18）,

會使軟件運行更加流暢。設(shè)置完成后單擊“確定”按鈕，即可完成修改“首選項”。

?a

逸■點■豕

CKHtt

文字

存在就咨的更于

單位CPC.

參與校和同?QCRJfttt(P)

Q??《KCD

OJK

0.)

述字

網(wǎng)戶界面

竹?

文件處及利男貼快由停捐僚總

?色”現(xiàn)NY1DIAforvorattoo

tt*NVIDIAGeForceGTX10COfiG8

?423.31.118899

總內(nèi)存，于3cB.

Xft

100■

(■比)(f)

圖1-1-18

【學(xué)生練習(xí)】

練習(xí)菜單欄的各個選項。

【課后小結(jié)】

I、整體課堂回顧

2、強調(diào)重難點

【課后作業(yè)】

課堂案例

教案用紙首頁

任務(wù)1.2圖像的基礎(chǔ)知識和顏色

學(xué)科11lustrator課題

模式

授課時數(shù)課型一體化

教

知識目標(biāo)：了解位圖與矢量圖。

學(xué)能力目標(biāo)：能夠輕松掌握常用的顏色模式5種顏色模式。

德育目標(biāo)：培養(yǎng)學(xué)生的團隊意識，提高審美水平，鍛煉操作能力，激

目

發(fā)學(xué)習(xí)動力。

的

學(xué)

教

點

重位圖與矢量圖

學(xué)

教

點

難圖像分辨率、常用的顏色模式

教具多媒體計算機

教

后

小

結(jié)

授課教師審簽?zāi)暝氯?/p>

版書設(shè)計

任務(wù)1.2圖像的基礎(chǔ)知識和顏色模式

1.2.1認(rèn)識位圖與矢1.2.2圖像分辨率課堂小結(jié)

量圖像素是指照片的點數(shù)

計算機繪圖分為位圖（表示照片是由多少點布置作業(yè)

與矢量圖兩大類，構(gòu)成的），照片實際大

小是由像素決定的。

1.2.3常用的顏色模

式

5種顏色模式，分別為

RGB顏色模式、Web安

全RGB模式、CMYK顏色

模式、HSB顏色模式、

灰度模式。

一、組織教學(xué)【組織教學(xué)】

檢查考勤、學(xué)習(xí)用具情況.對積極現(xiàn)象提出表揚，不符合要求的現(xiàn)象用目光示意改正。

集中學(xué)生注意力，穩(wěn)定課堂秩序共創(chuàng)和諧課堂，做好學(xué)習(xí)準(zhǔn)備.

【復(fù)習(xí)引入】

回答下列問題

二、復(fù)習(xí)引入

3、菜單欄的內(nèi)容？

2,工作界面包括哪些？

【講授新課】

任務(wù)1.2圖像的基礎(chǔ)知識和顏色模式

三、講授新課

1.2.1認(rèn)識位