Photoshop+Illustrator平面设计实例教程 教案第18讲.docx

Photoshop+Illustrator平面设计实例教程 教案第18讲.docx

《Photoshop+Illustrator平面设计实例教程 教案第18讲.docx》由会员分享，可在线阅读，更多相关《Photoshop+Illustrator平面设计实例教程 教案第18讲.docx（14页珍藏版）》请在冰豆网上搜索。

Photoshop+Illustrator平面设计实例教程教案第18讲

《Photoshop+Illustrator平面设计实例教程》

配套教学教案

第1讲

课时内容

平面设计的基础知识

授课时间

45分钟

课时

1

教学目标

þ了解平面设计的概念和应用。

þ了解平面设计的要素和常用软件。

þ掌握平面设计的工作流程。

教学重点

þ掌握平面设计的3个要素：

图形、文字及色彩。

þ掌握平面设计的3款常用软件：

Photoshop、Illustrator和InDesign。

þ掌握平面设计的工作流程：

信息交流、调研分析、草稿讨论、签订合同、提案讨论、修改完善、验收完成和后期制作。

教学难点

平面设计的工作流程。

教学设计

1、教学思路：

通过平面设计的概念、平面设计的应用、平面设计的要素、平面设计的常用软件和平面设计的流程等内容的讲解，掌握平面设计的基础知识。

2、教学手段：

（1）通过设计欣赏案例熟悉设计理念和平面设计的基础知识；

（2）通过平面设计的解析深入学习平面设计的应用领域。

教学内容

讨论问题：

1、“提案讨论”属于平面设计的工作流程吗？

2、常用的平面设计软件有哪些？

内容大纲：

具体可结合本项目的PPT课件进行配合讲解。

1.1平面设计的概念

1.2平面设计的应用

1.2.1广告设计

1.2.2书籍设计

1.2.3刊物设计

1.2.4包装设计

1.2.5网页设计

1.2.6标志设计

1.2.7VI设计

1.2.8UI设计

1.2.9H5设计

1.3平面设计的要素

1.3.1图形

1.3.2文字

1.3.3色彩

1.4平面设计的常用软件

1.4.1Photoshop

1.4.2Illustrator

1.4.3InDesign

1.5平面设计的工作流程

1.5.1信息交流

1.5.2调研分析

1.5.3草稿讨论

1.5.4签订合同

1.5.5提案讨论

1.5.6修改完善

1.5.7验收完成

1.5.8后期制作

小结

1.了解平面设计的概念。

2.掌握平面设计的应用。

3.掌握在平面设计的要素。

4.掌握平面设计的应用软件。

5.掌握平面设计的工作流程。

第2讲

课时内容

图形图像的基础知识

授课时间

45分钟

课时

1

教学目标

þ了解位图与矢量图的区别。

þ了解图像的分辨率。

þ了解常用的色彩模式和文件格式。

教学重点

þ掌握位图和矢量图的分辨方法。

þ掌握图像分辨率的相关知识。

þ掌握常用的4种色彩模式：

RGB模式、CMYK模式、灰度模式和Lab模式；

þ掌握常用的文件存储格式：

TIF（TIFF）格式、PSD格式、AI格式、JPEG格式、EPS格式、PNG格式。

教学难点

þ图像颜色模式的转换方法。

þ掌握文件格式的相互交换。

教学设计

1、教学思路：

通过位图和矢量图、分辨率、图像的色彩模式和文件格式的讲解掌握图形图像的基础知识。

2、教学手段：

（1）通过设计欣赏案例熟悉设计理念和软件功能；

（2）通过软件功能解析深入学习软件功能和制作特点。

教学内容

讨论问题：

1、位图与矢量的区别？

2、常用的文件格式类型？

内容大纲：

具体可结合本项目的PPT课件进行配合讲解。

2.1位图和矢量图

2.1.1位图

2.1.2矢量图

2.2分辨率

2.2.1图像分辨率

2.2.2屏幕分辨率

2.2.3输出分辨率

2.3色彩模式

2.3.1RGB模式

2.3.2CMYK模式

2.3.3灰度模式

2.3.4Lab模式

2.4文件格式

2.4.1TIF（TIFF）格式

2.4.2PSD格式

2.4.3AI格式

2.4.4JPEG格式

2.4.5EPS格式

2.4.6PNG格式

小结

1.了解图像文件的两大类：

位图图像和矢量图形。

2.掌握文件的分辨率、色彩模式和常用格式。

第3讲

课时内容

图标设计

授课时间

90分钟

课时

2

教学目标

þ掌握图标的设计思路和过程。

þ掌握图标的制作方法和技巧。

教学重点

þ掌握“旅游出行App兼职图标”的制作方法。

þ掌握“微拟物时钟图标”的制作方法。

þ掌握“扁平化家电图标”的制作方法。

教学难点

þ在Photoshop中，掌握图标的设计理念和制作技巧。

þ在Illustrator中，掌握图标的设计理念和制作技巧。

教学设计

1、教学思路：

（1）通过对课堂实训案例的讲解掌握旅游出行App兼职图标、微拟物时钟图标设计的方法和技巧；

（2）最后通过课后综合演练消化所学软件知识，提高标志设计的能力。

2、教学手段：

（1）通过课堂实训案例熟悉设计理念和软件功能；

（2）通过课后综合演练提高学生的实际应用能力。

3、教学资料及要求：

在网上或现实生活中找一些简单的图标设计进行制作，来加深学员对知识点的理解和提高实际应用能力。

教学内容

讨论问题：

1、图标设计的概念指什么？

2、常见的扁平化图标有哪些？

内容大纲：

具体可结合本项目的PPT课件进行配合讲解。

3.1旅游出行App兼职图标设计

Illustrator应用

3.1.1绘制旅行箱

3.1.2绘制表盘和指针

3.2微拟物时钟图标设计

Photoshop应用

3.2.1绘制时钟表盘和指针

3.2.2绘制时钟表芯

3.3课后习题——扁平化家电图标设计

小结

1、掌握图标设计的规格尺寸。

2、掌握图标设计的设计定位和思路。

3、掌握相关软件基础知识的使用技巧。

作业

3.3课后习题——扁平化家电图标设计

在Illustrator中，使用圆角矩形工具、描边控制面板、椭圆工具、矩形工具和变换控制面板绘制洗衣机外形和功能按钮，使用椭圆工具、直线段工具和描边控制面板绘制洗衣机滚筒。

第4讲

课时内容

标志设计

授课时间

90分钟

课时

2

教学目标

þ掌握标志的设计思路和过程。

þ掌握标志的制作方法和技巧。

教学重点

þ掌握“盛发游戏标志”的制作方法。

þ掌握“伯仑酒店标志”的制作方法。

教学难点

þ在Photoshop中，掌握标志立体效果的制作方法。

þ在Illustrator中，掌握标志的设计理念和制作技巧。

教学设计

1、教学思路：

（1）通过对课堂实训案例的讲解掌握盛发游戏标志设计的方法和技巧；

（2）最后通过课后综合演练消化所学软件知识，提高标志设计的能力。

2、教学手段：

（1）通过课堂实训案例熟悉设计理念和软件功能；

（2）通过课后综合演练提高学生的实际应用能力。

3、教学资料及要求：

在网上或现实生活中找一些简单的标志设计进行制作，来加深学员对知识点的理解和提高实际应用能力。

教学内容

讨论问题：

1、标志设计的概念指什么？

2、“路径查找器”控制面板的使用方法？

内容大纲：

具体可结合本项目的PPT课件进行配合讲解。

4.1盛发游戏标志设计

Illustrator应用

4.1.1制作标志

Photoshop应用

4.1.2制作标志立体效果

4.2课后习题——伯仑酒店标志设计

小结

1、掌握标志设计的规格尺寸。

2、掌握标志设计的设计定位和思路。

3、掌握相关软件基础知识的使用技巧。

作业

4.2课后习题——伯仑酒店标志设计

在Illustrator中，使用钢笔工具、矩形工具、路径查找器控制面板、椭圆工具、填充工具和文字工具制作标志；在Photoshop中，使用创建新的填充或调整图层按钮、渐变工具添加背景底纹、使用置入嵌入对象命令、添加图层样式按钮制作标志立体效果。

第5讲

课时内容

卡片设计

授课时间

90分钟

课时

2

教学目标

þ掌握卡片的设计思路和过程。

þ掌握卡片的制作方法和技巧。

教学重点

þ掌握“产品宣传卡”的制作方法。

þ掌握“音乐会门票”的制作方法。

教学难点

þ在Photoshop中，掌握宣传卡背景图的制作方法。

þ在Illustrator中，掌握宣传卡正面、背面的制作方法。

教学设计

4、教学思路：

（1）通过对课堂实训案例的讲解掌握产品宣传卡设计的方法和技巧；

（2）最后通过课后综合演练消化所学软件知识，提高标志设计的能力。

5、教学手段：

（1）通过课堂实训案例熟悉设计理念和软件功能；

（2）通过课后综合演练提高学生的实际应用能力。

6、教学资料及要求：

在网上或现实生活中找一些简单的卡片设计进行制作，来加深学员对知识点的理解和提高实际应用能力。

教学内容

讨论问题：

1、卡片设计的概念指什么？

2、卡片的种类有哪些？

内容大纲：

具体可结合本项目的PPT课件进行配合讲解。

5.1产品宣传卡设计

Photoshop应用

5.1.1制作背景图

Illustrator应用

5.1.2制作宣传卡正面

5.1.3制作宣传卡背面

5.2课后习题——音乐会门票设计

小结

1、掌握卡片设计的规格尺寸。

2、掌握卡片设计的设计定位和思路。

3、掌握相关软件基础知识的使用技巧。

作业

5.2课后习题——音乐会门票设计

在Photoshop中，使用新建参考线版面命令创建参考线，使用添加杂色命令和矩形选框工具绘制背景，使用图层控制面板和画笔工具制作图片融合效果，使用色相/饱和度命令调整图片色调，使用直线工具和添加图层样式面板制作立体线条；在Illustrator中，使用置入命令添加背景底图，使用文本工具、字符控制面板添加门票和副券信息，使用直线段工具和描边控制面板添加区隔线。

第6讲

课时内容

Banner设计

授课时间

90分钟

课时

2

教学目标

þ掌握Banner的设计思路和过程。

þ掌握Banner的制作方法和技巧。

教学重点

þ掌握“电商类App主页Banner”的制作方法。

þ掌握“生活家电类App主页Banner”的制作方法。

þ掌握“生活家具类网站Banner”的制作方法。

教学难点

þ在Photoshop中，掌握Banner底图的制作方法。

þ在Illustrator中，掌握Banner宣传信息的制作方法。

教学设计

1、教学思路：

（1）通过对课堂实训案例的讲解掌握电商类App主页Banner、生活家电类App主页Banner设计的方法和技巧；

（2）最后通过课后综合演练消化所学软件知识，提高标志设计的能力。

2、教学手段：

（1）通过课堂实训案例熟悉设计理念和软件功能；

（2）通过课后综合演练提高学生的实际应用能力。

3、教学资料及要求：

在网上或现实生活中找一些简单的Banner设计进行制作，来加深学员对知识点的理解和提高实际应用能力。

教学内容

讨论问题：

1、Banner设计的概念指什么？

2、常见的Banner有哪些？

内容大纲：

具体可结合本项目的PPT课件进行配合讲解。

6.1电商类App主页Banner设计

Photoshop应用

6.1.1制作Banner底图

Illustrator应用

6.1.2添加并编辑主题文字

6.2生活家电类App主页Banner设计

Photoshop应用

6.2.1制作Banner底图

Illustrator应用

6.2.2添加产品名称和功能介绍

6.3课后习题——生活家具类网站Banner设计

小结

1、掌握Banner设计的规格尺寸。

2、掌握Banner设计的设计定位和思路。

3、掌握相关软件基础知识的使用技巧。

作业

6.3课后习题——生活家具类网站Banner设计

在Photoshop中，使用添加杂色命令、添加图层样式按钮和矩形工具制作Banner底图，使用置入嵌入对象命令置入家具图片，使用色阶、色相/饱和度和曲线调整图层命令调整图像颜色；在Illustrator中，使用文字工具添加宣传性文字、使用位移路径命令添加文字描边；使用圆角矩形工具、投影命令制作查看详情按钮。

第7讲

课时内容

宣传单设计

授课时间

90分钟

课时

2

教学目标

þ掌握宣传单的设计思路和过程。

þ掌握宣传单的制作方法和技巧。

教学重点

þ掌握“家居宣传单三折页”的制作方法。

þ掌握“旅游宣传单”的制作方法。

教学难点

þ在Photoshop中，掌握宣传单立体展示效果的制作方法。

þ在Illustrator中，掌握宣传单正面、内页的制作方法。

教学设计

1、教学思路：

（1）通过对课堂实训案例的讲解掌握家居宣传单三折页设计的方法和技巧；

（2）最后通过课后综合演练消化所学软件知识，提高标志设计的能力。

2、教学手段：

（1）通过课堂实训案例熟悉设计理念和软件功能；

（2）通过课后综合演练提高学生的实际应用能力。

3、教学资料及要求：

在网上或现实生活中找一些简单的宣传单设计进行制作，来加深学员对知识点的理解和提高实际应用能力。

教学内容

讨论问题：

1、宣传单设计的概念指什么？

2、突出宣传主题有哪些形式？

内容大纲：

具体可结合本项目的PPT课件进行配合讲解。

7.1家居宣传单三折页设计

Illustrator应用

7.1.1制作折页正面

7.1.2制作折页内页

Photoshop应用

7.1.3制作折页展示效果

7.2课后习题——旅游宣传单设计

小结

1、掌握宣传单设计的规格尺寸。

2、掌握宣传单设计的设计定位和思路。

3、掌握相关软件基础知识的使用技巧。

作业

7.2课后习题——旅游宣传单设计

在Photoshop中，使用添加图层蒙版按钮和画笔工具制作图片渐隐效果，使用照片滤镜命令、色阶命令、曲线命令和自然饱和度命令调整图片的色调；在Illustrator中，使用文字工具、字符控制面板和填充工具添加宣传语及相关信息，使用钢笔工具、直接选择工具和建立剪切蒙版命令制作图片的剪切蒙版，使用置入命令和透明度面板制作半透明效果，使用椭圆工具、圆角矩形工具、矩形工具、缩放命令和路径查找器面板制作装饰图形和图标，使用投影命令为图形添加投影效果，使用文字工具、制表符命令添加介绍性文字。

第8讲

课时内容

广告设计

授课时间

90分钟

课时

2

教学目标

þ掌握广告的设计思路和过程。

þ掌握广告的制作方法和技巧。

教学重点

þ掌握“咖啡厅广告”的制作方法。

þ掌握“汽车广告”的制作方法。

教学难点

þ在Photoshop中，掌握广告底图的制作方法。

þ在Illustrator中，掌握广告宣传信息的制作方法。

教学设计

1、教学思路：

（1）通过对课堂实训案例的讲解掌握咖啡厅广告设计的方法和技巧；

（2）最后通过课后综合演练消化所学软件知识，提高标志设计的能力。

2、教学手段：

（1）通过课堂实训案例熟悉设计理念和软件功能；

（2）通过课后综合演练提高学生的实际应用能力。

3、教学资料及要求：

在网上或现实生活中找一些简单的广告设计进行制作，来加深学员对知识点的理解和提高实际应用能力。

教学内容

讨论问题：

1、广告设计的概念指什么？

2、广告的实效性表现在哪些方面？

内容大纲：

具体可结合本项目的PPT课件进行配合讲解。

8.1咖啡厅广告设计

Photoshop应用

8.1.1制作背景图

Illustrator应用

8.1.2制作标牌图形

8.1.3添加广告信息

8.2课后习题——汽车广告设计

小结

1、掌握广告设计的规格尺寸。

2、掌握广告设计的设计定位和思路。

3、掌握相关软件基础知识的使用技巧。

作业

8.2课后习题——汽车广告设计

在Photoshop中，使用色阶命令、色相/饱和度命令、曲线命令调整图片色调，使用图层控制面板、画笔工具和渐变工具制作图片融合效果，使用镜头光晕命令制作光晕效果；在Illustrator中，使用文字工具、字符控制面板添加广告语及相关信息，使用置入命令、矩形工具和剪切蒙版命令制作图片的剪切蒙版效果，使用椭圆工具、缩放命令、路径查找器控制面板、文字工具、星形工具、倾斜命令和渐变工具制作汽车标志。