Illustrator教案.docx

Illustrator教案.docx

《Illustrator教案.docx》由会员分享，可在线阅读，更多相关《Illustrator教案.docx（71页珍藏版）》请在冰豆网上搜索。

Illustrator教案

LG职业技术学校

备课本

专业部（组）　计　算　机

科目Illustrator

班级10计算机1、2班

任课教师蓝**蔡**

二○一一至二○一二学年度第二学期

课　　　时　　　计　　　划

第一周　　

授课课题

lllustratorcs4中文版知识

课型

讲授、上机

教学目标

知识目标

1、lllustratorcs4简介、2、lllustratorcs4工作界面与新增特性3、图形文件基本操作、4、lllustratorcs4的基本概念

能力目标

1、lllustratorcs4工作界面与新增特性2、图形文件基本操作

复习旧课

要点

1、以前学过的图形图像的一些基础知识

教学重点

1、lllustratorcs4简介、2、lllustratorcs4工作界面与新增特性3、图形文件基本操作、4、lllustratorcs4的基本概念

教学难点

图形文件基本操作

教学方法

利用引用实例，讲解新知识，讲授与实操相结合

教学资源

多媒体、案例

课时

2

教

学

过

程

一、引入图片，讲解是用lllustratorcs4软件制作效果

1、lllustratorcs4简介

以提问为止

2、lllustratorcs4工作界面与新增特性

提问，讲解

3、lllustratorcs4的基本概念

让学生以组为单位，然后再讨论

教

学

过

程

二、图形文件基本操作（如图）

方法：

新建文件与模板

第一：

新建文档配置文件界面中单击

打开图形文件

1、文件------置入

2、文件-----存储-------下拉列表框中输入“我的图形”

3、设置好需要的参数

4、确定

5、选择导出JPG的格式进行保存

6、最终确定

教

学

过

程

三、让学生创意的制作

四、进行课堂打分

五、总结、点评

课外

作业（或复习题）

熟悉图形文件基本操作

教学

后记

学生很感兴趣

课　　　时　　　计　　　划

第二周　　

授课课题

制作花纹纹理

课型

讲授、上机

教学目标

知识目标

如何制作花纹纹理

能力目标

花纹纹理的制作

复习旧课

要点

1、以前学过的图形图像排版知识

教学重点

制作花纹纹理方法

教学难点

花纹纹理方法

教学方法

利用引用实例，讲解新知识，讲授与实操相结合

教学资源

多媒体、案例

课时

2

教

学

过

程

一、导入图片，让学生先动手看看如何制作一张这样的图片

二、制作花纹纹理

步骤1：

启动Illustrator程序，打开配套光盘中的“书中资源/第2章/花纹01。

ai”文件，如图2.35所示。

步骤2：

使用（编组选择工具），连续单击画板中右侧图形，使之处于选中状态，然后移动到左侧图形的右下角位置。

步骤3：

在画板窗口左下方的显示百分比下位列表框中将“600%”修改为“400%”，如图2.36所示。

教

学

过

程

步骤4：

选择（视图）|（显示标尺）命令，在画板周围显示标尺，如图2.37所示。

技巧：

使用快捷键Crlt+R，可以切换标尺的显示与隐藏。

步骤5：

从标尺上拖动出水平和垂直的两条参考线，使水平参考线位于垂直标尺刻度65位置，使垂直参考线位于水平标尺刻度140的位置，如图2.38所示。

步骤6：

使用（选择工具）选择画板中的两个图形，然后将光标移动到大图形的“中心点”位置，如图2.33所示，然后拖动图形，将中心点对齐在两条参考线的交叉点上，如图2.40所示。

步骤7：

分别水平标尺的150和160刻度位置添加两条垂直参考线，在垂直标尺55和平建议5刻度位置添加两条水平参考线，如图2.41所示。

步骤8：

使用（编组选择工具）选中左侧图形，然后按住Ctrl+Shift键拖动图形，将其中心点对齐到参考线的交叉点上，复制三次后，得到如图2.42所示的效果。

步骤3：

使用同样的方法，再添加参考线，将另一个图形也复制出三个，为了便于观察，再次调整显示比例“300%”，效果如图2.43所示。

教

学

过

程

步骤4：

使用（选择工具）逐一单击后来添加的参考线，按Delete键将其删除，只保留之前创建的参考线。

步骤5：

从标尺上拖动出水平和垂直的两条参考线，使水平参考线位于垂直标尺刻度85的位置，使垂直参考线位于水平标尺刻度180的位置。

步骤6：

使用（选择工具）选择所有图形，然后进行复制，在参考线的帮助下，可以准确地将图形复制到需要的位置。

步骤13：

多次复制后得到一个花纹纹理图案，如图2.44所示，本例制作完毕。

课外

作业（或复习题）

有创意的制作一个花纹

教学

后记

学生感兴趣，但还不够熟悉。

课　　　时　　　计　　　划

第二周　　

授课课题

绘制图形

课型

讲授、上机

教学目标

知识目标

1、绘制基本几何图形式逻辑、2、绘制路径、3、调整路径

能力目标

1、绘制基本几何图形式逻辑、2、绘制路径、3、调整路径

复习旧课

要点

1、以前图形图象工具使用

教学重点

1、绘制基本几何图形式逻辑、2、绘制路径、3、调整路径

教学难点

1、绘制基本几何图形式逻辑、2、绘制路径、3、调整路径

教学方法

利用引用实例，讲解新知识，讲授与实操相结合

教学资源

多媒体、案例

课时

2

教

学

过

程

绘制基本几何图形

绘制直线段、弧形、与螺旋线。

选择工具面板中的（直线段工具）将光标定位到希望开始绘制线段的位置，然后拖动鼠标到希望线段终止的位置，完成直线段的绘制。

技巧：

按住Shift键的同时绘制直线段。

可以把直线段的角度锁定为45度的倍数，如图3.3所示为绘制水平的直线效果；按住Alt键的同时绘制直线段，可以以单击鼠标的位置为直线段的中心点，而创建出的直线段的长度为鼠标拖动距离的2倍。

使用（弧形工具）在希望孤形开始的位置单击鼠标，然后拖动到在终止的位置即可。

技巧：

使用鼠标拖动的方法来创建弧形时，在拖动的过程中如果按C键，则可以切换弧形的开放路径或封闭路径；如果按F键，则可以切换翻转弧形的基线轴方向，如图3.7所示为

教

学

过

程

使用弧形图形为图像标示文字。

使用（螺旋线工具），可以在画板窗口中使用拖动鼠标的方法创建螺旋线图形，在达到所需的大小时释放鼠标即可，如图3.8所示。

技巧：

使用鼠标拖动的方法来创建螺旋线时，在拖动的过程中如果按R键，则可以切换螺旋线转的方向顺时针或逆时针方向。

绘星形、多边形

在工具面板中选择（星形工具），然后使用鼠标拖动的方法在画板窗口中单击鼠标确定星形的中心点，再向外拖动创建出，星形，达到所需的大小时释放鼠标。

技巧：

使用拖动方法创建星形的过程中，可以旋转光标以旋转星形，按向上箭头或向下箭头键给星形添加和删除角数。

技巧：

使用拖动方法创建多边形的过程中也有与创建星形相似之处，如旋转光标以旋转多边形，按向上箭头键或向下箭头键添加或减少多边形的边数。

绘制这些几何形状时按住空格键，可以在没创建完成的状态下随时移动这些几何图形，改变其位置。

教

学

过

程

绘制光晕

使用{光晕工具}可以创建具有明亮的中心、光晕和射光环的光晕图形对象，以模拟照片中光晕的效果。

技巧：

在使用拖动鼠标创建光晕法时，按键盘上的“~”键可以随机放置光环。

绘制路径

路径

路径中的锚点有两种形式——角点和平滑点。

平滑点构成的光滑曲线可以是弧形的，也可以是S形，而角点相对来说变化就更为丰富，它可以连接任意两条线段，不论是直线段还是曲线段，如图3.41所示。

通过拖动路径的锚点、方向手柄或路径线段本身，可以改变路径的形状。

当选择连线曲线段的锚点或选择线段本身时，连接线段的锚点会显示方向手柄。

平滑点始终有两个方向手柄，而且这两个方向手柄始终在一条直线上，并且在编辑这两个方向手柄时，它们将作为一个整体一起移动。

课外

作业（或复习题）

综合制作几个图形

教学

后记

学生掌握的还可以

课　　　时　　　计　　　划

第三周　　

授课课题

绘制简单矢量标志图形

课型

讲授、上机

教学目标

知识目标

绘制简单矢量标志图形

能力目标

绘制简单矢量标志图形

复习旧课

要点

1、以前学过的图形图像的一些基础知识

教学重点

绘制简单矢量标志图形

教学难点

绘制简单矢量标志图形

教学方法

利用引用实例，讲解新知识，讲授与实操相结合

教学资源

多媒体、案例

课时

2

教

学

过

程

实例引入：

绘制简单矢量标志图形

步骤1：

选择工具面板中的[圆角矩形工具]，在面板窗口中单击，打击[圆角矩形]对话框，设置新建的圆角矩形的大小为45mm*35mm，圆角半径为4mm的一个矩形，然后单击[确定]按钮。

步骤2：

单击面板组中的[颜色]按钮，打开[颜色]面板，在这里将圆角矩形的颜色设置

步骤3：

选择[椭圆工具]，创建一个半径为15?

mm的正圆形

步骤4：

选择[路径橡皮擦工具]在圆形上擦除如图部分，准备绘制其他图形。

教

学

过

程

步骤5：

选择[钢笔工具]，在擦除后剩下的大圆弧图形上，继续绘制，依次创建锚点位置为A、B、C、D、E五个点，这里创建A点直接通过单击即可，而创建B点则需要单击并拖动鼠标以得到弧形路径，C、D两点亦单击，E点还需要通过拖动来创建。

步骤6：

使用[直接选择工具]，按住Shift键，同时选中图中的E和F两点，然后单击控制面板中的[连接所选终点]按钮，可以用直线段将这两个点连接起来。

步骤7：

再创建一个半径为15mm的正圆形，然后使用[路径橡皮擦工具]在路径上擦除。

步骤8：

移动后创建的路径，使图中A端点和B端点尽量重合，然后使用[直接选择工具]同时选中这两个点。

步骤3：

在控制面板中单击[水平居中对齐]按钮，再单击[垂直居中对齐]按钮，将这两个点精确的重合起来，接着单击[连接所选终点]按钮，打开[连接]对话框，在其中选中[平滑]单选按钮，如图。

然后单击[确定]。

步骤4：

使用[钢笔工具]在步骤6连接得到的直线段上添加一个锚点，然后按住Ctrl键将该锚点向左上方移动一定距离。

步骤5：

继续使用[钢笔工具]，按住Alt键拉出该锚点的方向手柄，并调整曲线段形状，使其圆弧平等于圆形，如图。

教

学

过

程

步骤6：

使用[选择工具]选中整个路径，然后在控制面板中将[描边]设置为5pt，加粗路径

步骤13：

在控制面板中单击，可以弹出色板面板，改变路径的颜色为一种绿色。

步骤14：

下面需要将这个宽边的路径转换为图形，执行[对象]-[扩展]命令，在打开的[扩展]对话框中选中[描边]复选框，如图，因为这里要对路径的描边进行转换。

步骤15：

单击[确定]按钮后，即可得如图所示图形，这个图形的路径为自动生成，所以有些锚点是多余的，可以对其进行简化，如图所示，[曲线精度]设置为38%即可。

步骤16：

最后使用[直接选择工具]对图形的细节进行处理，如图

步骤17：

再绘制一个半径为4.5mm的圆形图形，颜色设置为CMYK（2，30，0，0），最后为标志添加黑色的文字，如图所示，本例就制作完毕。

课外

作业（或复习题）

制作一些车的图标

教学

后记

学生掌握很好，能快速做完

课　　　时　　　计　　　划

第三周　　

授课课题

使用画笔绘制描边

课型

讲授、上机

教学目标

知识目标

创建和修改画笔

能力目标

创建和修改画笔

复习旧课

要点

画笔使用

教学重点

创建和修改画笔

教学难点

创建和修改画笔

教学方法

利用引用实例，讲解新知识，讲授与实操相结合

教学资源

多媒体、案例

课时

2

教

学

过

程

创建和修改画笔

步骤1：

创建五个图形，如图4.23所示。

步骤2：

使用（选择工具）框选第一个图形，然后执行（编辑）|（定义图案）命令，打开（新建色板）对话框。

步骤3：

在（色板名称）文本框中输入“自定义图案01”，如图4.24所示，然后单击（确定）按纽关闭对话框即可将该图形定义为新的图案。

步骤4：

使用同样的方法将其余四个图形也分别定义为新的图案，命名为“自定义图案02”至“自定义图案05”。

步骤5：

然后单击面板组中的（色板）按纽，打开（色板）面板，如图4.25所示，可以看到新建的图案。

步骤6：

打开（画笔）面板，单击（新建画笔）按纽，在打开的（新建画笔）对话框中选中（新建图案画笔）单选按纽，然后单击（确定）按纽。

步骤7：

在打开的（图案画笔选项）对话框中为第一个图案按纽指定Illustrator预设的JungleStripes选项，如图4.26所示。

教

学

过

程

步骤8：

为第二个和第三个图案按纽指定刚刚新建的“自定义图案01”，如图4.27所示，为第四个和第五个图案按纽指定刚刚新建的“自定义图案05”，如图4.28所示。

步骤3：

笔画名称使用默认的“图案画笔1”，然后单击（确定）按纽关闭对话框。

步骤4：

这样新的画笔就创建完成了，在（画笔）面板中可以看到新画笔方案，如图4.23所示。

步骤5：

绘制一个具有直线段和曲线段的路径，然后为其设置“图案画笔1”画笔，得到如图4.30所示的画笔效果。

步骤6：

如果效果不是特别理想，那么可以修改这个画笔方案。

步骤13：

在（画笔）面板中双击“图案画笔1”画笔，打开（图案画笔选项）对话框，选择第一个图案按纽，为其指定“自定义图案02”，再选择第四个图案按纽，将其图案改为“自定义图案04”，如图4.31所示。

步骤14：

修改完成后单击（确定）按纽，将弹出（画笔更改警告）对话框，单击（应用于描边）按纽，如图4.32所示。

步骤15：

可以看到在画板窗口中的路径的画笔效果已经更改了，如图4.33所示。

步骤5：

释放鼠标后，将打开（图案画笔选项）对话框，可以看到第五个图案按纽已经修改为之前拖动的图形，如图4.37所示，如果确认则单击（确定）按纽。

教

学

过

程

步骤1：

选中需要修改的路径后，单击（画笔）面板中的（所选对象的选项）按纽，打开（描边选项（图案画笔））对话框，如图4.34所示。

步骤2：

先调整（大小）选项组中的（缩放）为80%，（间距）为20%，然后选中（翻转）选项组中的（横向翻转）复选框。

步骤3：

在（着色）选项组中将着色方式设置为（色相转换），单击（确定）按纽后，将得到笔画缩小、间距加大、首尾翻转并且颜色弱化的效果，如图4.35所示。

步骤4：

还可以通过将图形拖拽到（画笔）面板中图案画笔的缩略图上的方法来修改画笔的图案方案。

即使用（选择工具）框选图形后，按住Alt键然后拖动该图形到刚刚新建的画笔方案的最左侧的缩略图位置，如图4.36所示。

课外

作业（或复习题）

自己创意制作一些水彩画

教学

后记

学生感谢兴趣，但操作起来不是很熟练。

课　　　时　　　计　　　划

第四周　　

授课课题

绘制风景画

课型

讲授、上机

教学目标

知识目标

如何绘制风景画

能力目标

绘制风景画

复习旧课

要点

1、以前学过的图形图像的一些基础知识

教学重点

绘制风景画

教学难点

绘制风景画

教学方法

利用引用实例，讲解新知识，讲授与实操相结合

教学资源

多媒体、案例

课时

2

教

学

过

程

用水彩画笔绘制背景效果

步骤1：

启动IllustratorCS4程序，新建一个“基本RGB”配置文件，并将其命名为“水彩风景画”。

步骤2：

在工具面板中选择（画笔工具），然后打开（画笔）面板，如图4.38所示。

步骤3：

选择其中的（水彩描边6）画笔，在画板窗口中绘制如图4.33所示的线条，这是使用默认黑色描边和1pt宽度的效果。

步骤4：

该线条是绘制水面，所以要双击工具面板中的描边色块，在打开的（拾色器）对话框中修改描边颜色来模拟水色，如图4.40所示。

步骤5：

将线条的路径宽度设置为4pt，以增加画笔的笔触效果，如图4.41所示。

步骤6：

使用同样的画笔方案继续绘制形容背景，需要修改描边颜色，这里还可以通过打开（颜色）面板，在其中进行修改，如图4.42所示。

步骤7：

将描边的宽度增加8pt，然后右击该路径，在弹出的快捷菜单中选择（排列）|（置于底层）命令，如图4.43所示。

步骤8：

按住Alt键，移动并复制出两个表示天空效果的路径，来丰富天空背景，如图4.44所示。

教

学

过

程

4.2.2用艺术画笔绘制景物

步骤1：

与前面介绍的方法相似，使用（水彩描边5）画笔，以4pt宽度的灰蓝色RGB（0，0，43）绘制一条短路径，作为后面要绘制的小船的倒影效果。

步骤2：

使用（水彩描边6）画笔，以4pt宽度的黄绿色RGB（63，153，0）绘制一条更短的路径，如图4.45所示，丰富小船的倒影效果。

步骤3：

打开（艺术效果_画笔）面板，选择（画笔3），如图4.46所示，以1pt宽度的灰黑色RGB（4，15，22）在倒影图形之上绘制一个弧形路径，如图4.47所示。

步骤4：

打开（艺术效果_粉笔炭笔铅笔）面板，选择（炭笔-柔软）画笔，如图4.48所示，这种画笔不仅可以模拟炭笔笔触，也可以模拟干涩的水彩笔触。

步骤5：

以1pt宽度的灰黑色在船身上绘制一个半圆和与半圆形相切的弧形，如图4.43所示，以创建表示船篷的线条。

步骤6：

使用同样的画笔继续绘制小船的桅杆，这里桅杆路径和船篷路径是连着的，为了避免绘制时产生改变已有路径形状的问题，可以在绘制完一个路径后面即取消该路的选中状态，然后再绘制就不会出问题了。

步骤7：

在（艺术效果_画笔）面板中选择（画笔3）效果，以1pt宽度的黑色在小船图形是绘制一条垂直的短路径，以表示船夫身体图形。

步骤8：

在（艺术效果_粉笔炭笔铅笔）面板中选择（炭笔-粗糙）效果，以1pt宽度的黑色在船夫身体上绘制一个小的半圆形路径，用于表现斗笠的形状，以1pt宽度的灰黑色在船篷上方绘制一条向上的长路径，用于表现桅杆，如图4.50所示。

步骤3：

在（艺术效果_粉笔炭笔铅笔）面板中选择（炭笔-平滑）效果，以1pt宽度的黑色在trfw船夫身体到水面之间绘制出一个长条的路径，用于表现摆舵的形状。

步骤4：

在（艺术效果_油墨）面板中选择（标记笔-粗糙）效果，以1pt宽度的黑色在摆舵图形下的水面上绘制一个短的路径，用于模拟摆舵在水中的倒影。

步骤5：

在（艺术效果_油墨）面板中选择（自来水笔）效果，如图4.51所示，以6pt宽度的灰蓝色RGB（33，4，43）在船下的水面上绘制一条短的垂直方向的路径，如图4.52所示，用于模拟人物在水中的倒影。

步骤6：

在（艺术效果_油墨）面板中选择（标记笔）效果，以6pt宽度的米黄色RGB（221，163，34）在桅杆图形左侧绘制一条垂直的路径，用来表现船帆，如图4.53所示。

步骤13：

在（艺术_粉笔炭笔铅笔）面板中选择（炭笔_细）效果，以1pt宽度的黑色在船帆上绘制一竖四横五条路径，用于表现船帆上的细节，如图4.54所示。

教

学

过

程

4.2.3转换描边并绘制画框

步骤01：

先为画绘制太阳图形，这里只要创建一个半径为40mm的没有描边的折色图形，放在天空背景上即可。

因为水彩的特点是没有覆盖性，所以对于高光和魄的图形通常留白不画，那么这里只要放置一个魄图形即可，如图4.55所示。

步骤02：

下面在（艺术效果_油墨）面板中选择（浓油墨）画笔，拖动鼠标写一个“水”字，如图4.56所示，这是一条连续的路径。

取消“水”文字路径的选择，这样水彩画效果就绘制完成了，如图4.57所示为黄昏时节渔人小舟的风景水彩画。

步骤04：

通过整体效果看到船帆的图形需要调整，这里可以通过将带有画笔效果的路径转换为具有外轮廓路径的图形的方法来实现。

先选中船帆路径。

步骤05：

执行（对象）|（扩展外观）命令，把当前描边画笔转换为带有外轮廓路径的图形，如图4.58所示。

步骤06：

使用（删除锚点工具）将路径轮廓上多余的点删除，然后再用（直接选择工具）调整锚点的位置，得到如图4.53所示的图形。

步骤07：

接着使用（直接选择工具）调整船帆上的纵线条的位置和长度，并使用（画笔工具），以（铅笔_粗）画笔方案，1pt宽度的黑色绘制一条斜桅杆，丰富画面。

步骤08：

使用（边框_框架）面板中的（双斜角）画笔方案，绘制一个矩形外框作为画框，如图4.60所示。

课外

作业（或复习题）

教学

后记

课　　　时　　　计　　　划

第四周　　

授课课题

填充着色

课型

讲授、上机

教学目标

知识目标

描边转换填充

能力目标

描边转换填充

复习旧课

要点

描边转换填充

教学重点

描边转换填充

教学难点

描边转换填充

教学方法

利用引用实例，讲解新知识，讲授与实操相结合

教学资源

多媒体、案例

课时

2

教

学

过

程

步骤01：

打开配套光盘中的“书中资源\第4章\图案填充.ai”文件，可以看到图中人物的丝巾图形和裙子图形为黑色填充，如图4.87所示。

步骤02：

先选中裙子图形，然后单击（色板）面板下方的（“色板库”菜单）按钮。

在弹出的菜单中选择（图案）|（装饰）|（装饰_花饰）命令，如图4.88所示。

步骤03：

在打开的（装饰_花饰）面板中单击（中式螺旋颜色）方案，如图4.83所示，为裙子图形添加如图4.30所示的纹理效果。

教

学

过

程

步骤04：

再选择围巾图形，然后单击（色板）面板下方的（“色板库”菜单）按钮，在弹出地在菜单中选择（图案）|（自然）|（自然_叶子）命令。

步骤05：

在打开的（自然_叶子）面板中单击（睡莲颜色）[（睡莲）与（睡莲颜色）是不同的两个方案]方案，为丝巾图形添加如图4.31所示的纹理效果。

步骤01：

执行（选择）|（取消选择）命令，确保没有对象处于选择状态，然后拖动（色板）中的（中式螺旋颜色）方案到画板窗口中，如图4.33所示，可以看到图案方案的原始状态

。

步骤02：

单击控制面板中的蓝色的（变换）文字，打开如图4.34所示的变换面板。

教

学

过

程

步骤03：

将其中的W设置修改为60mm，然后按小键盘上的Enter键确定，可以得到放大的图形，如图4.35所示。

步骤04：

按住Alt键将放大后的图形拖动到（色板）面板原（中式螺旋颜色）方案色块是，即可用调整后的图案覆盖原方案。

步骤05：

同时画板窗口中已经应用了该方案的裙子图形同步应用新效果，删除图中临时复制进来的图案图形后，图形效果如图4.36所示。

课外

作业（或复习题）

自己构思制作

教学

后记

学生掌握得可以

课　　　时　　　计　　　划

第五周　　

授课课题

渐变填充

课型

讲授、上机

教学目标

知识目标

渐变填充

能力目标

渐变填充

复习旧课

要点

1、上学课学过的填充着色

教学重点

渐变填充

教学难点

渐变填充

教学方法

利用引用实例，讲解新知识，讲授与实操相结合

教学资源

多媒体、案例

课时

2

教

学

过

程