电脑平面设计基础与实例教程教案.docx

电脑平面设计基础与实例教程教案.docx

《电脑平面设计基础与实例教程教案.docx》由会员分享，可在线阅读，更多相关《电脑平面设计基础与实例教程教案.docx（68页珍藏版）》请在冰豆网上搜索。

电脑平面设计基础与实例教程教案

第一篇PhotoshopCS篇

七、思考与练习题…………………………………………………………………………………….

三、魔术棒工具……………………………………………………

四、色彩范围选择…………………………………………………………

五、建立精确的选择区域……………………………………………………..

六、调整选择区域……………………………………………………………….

七、思考与练习题………………………………………………………………

三、曲线调整…………………………………………………………

四、色彩平衡…………………………………………………

五、亮度/对比度调整…………………………………………………

六、色相/饱和度调整………………………………………………………

七、去色………………………………………

八、替换颜色…………………………………………………….

九、阙值调整……………………………

十、渐变映射……………………….

十一、变化调整……….

十二、通道混合器…………………

十三、反相……………………….

十四、色调均化………………….

十五、思考与练习题……………………….

一、颜色的设置……………..

二、绘图工具………………..

三、编辑与修改工具…………

四、思考与练习题……………………….

一、图层面板….

二、图层操作…..

三、图层合成模式……….

四、图层样式………………

五、图层蒙版………………….

六、应用文字图层……….

思考与练习题……………………….

一、绘制路径….

二、路径的编辑修改…..

三、路径面板……….

四、思考与练习题……………………….

一、通道控制面板……….

二、Alpha通道………..

三、蒙版的应用……….

四、思考与练习题…….

一、液化…………..

二、图案生成器………………

三、像素化滤镜……….

四、扭曲滤镜…………….

五、模糊滤镜………………

六、渲染滤镜………………..

七、画笔描边滤镜…………………

八、素描滤镜………………………..

九、纹理滤镜………………….

十、艺术效果滤镜………………..

十一、风格化滤镜…………………….

十二、思考与练习题……………………….

第二篇CorelDraw11篇

一、运行环境………………

二、工具栏…………………

三、基本设置……….

四、基本操作………….

五、视图管理……….

六、文件的输入与输出………………..

七、思考与练习题…………………

一、形状编辑工具………………….

二、填充工具………………….

三、滴管工具与油漆桶工具………………………………..

四、交互工具…………………………….

五、特殊的滤镜处理…………………..

六、文本………….

七、对象的组织…………………….

八、合并与拆分对象…………………

九、锁定对象…………………….

十、焊接、修剪、相互对象……………………….

十一、思考与练习题…………………

一、Coreldraw11的高级功能………………

二、打印…………………………….

三、快捷键…………..

四、思考与练习题…………………

一、陈汉民设计的标志图形之一…………………………………………….

二、陈汉民设计的标志图形之二…………………………………………….

三、陈汉民设计的标志图形之三…………………………………………….

四、陈汉民设计的标志图形之四…………………………………………….

五、陈汉民设计的标志图形之五…………………………………………….

六、思考与练习题…………………………………………………………….

一、平面效果图的制作方法……………………………………..

二、添加图形标注……………………………………………..…

三、制作绿色植物………………………………………………..

四、制作假山……………………………………………………..

五、制作平面图的外观……………………………….………….

六、制作家具的平面图…………………….……….……………

七、床的制作………………………………………………………...………..

八、思考与练习题…………………………………………………………….

一、绘制手机效果图…………………………………………………..

二、制作酒瓶效果图…………………………………………………..

三、思考与练习题……………………………………………………….……

一、点阵图转化为矢量图………………………………….

二、转换方法介绍………………………………………….

三、思考与练习题…………………………………………………………….

第三篇PageMaker6.5C篇

一、窗口环境………………………………………………

二、文件的基本操作…………………………………………

三、思考与练习题……………………………………………………………

一、文字的输入……………………………………………………………..

二、文本块的编辑……………………………………………………………

三、文本的格式化……………………………………………………………

四、文章编辑器的应用………………………………………………………

五、排式应用…………………………………………………………………

六、段落格式化………………………………………………………………

七、文字的缩排/制表位………………………………………………………

八、关于增效工具……………………………………………………………

九、思考与练习题……………………………………………………………

一、图形的操作…………………………………………………

二、图形与图文框………………………………………………

三、颜色的应用…………………………………………………

四、思考与练习题……………………………………………………………

一、页面的编排……………………………………………………………

二、主页的设定……………………………………………………………

三、思考与练习题……………………………………………………………

一、实例一：

名片制作………………………………………………………………..

二、实例二：

台历制作………………………………………………………………..

三、实例三：

宣传折页制作…………………………………………………………..

四、实例四：

宣传卡制作……………………………………………………………..

五、实例五：

音乐CD封套的制作…………………………………………………..

六、思考与练习题……………………………………………………………

第1章基础知识与基本操作

：

基础知识与基本操作

：

2学时

了解平面设计必备的基础知识和PhotoshopCS的基本操作，它包括平面设计的新概念、矢量图与位图的概念、文件格式、颜色模式、分辨率与输出的关系、出片、打样、印刷等基本知识及PhotoshopCS的用户界面、新建文件、显示控制、辅助工具等基本操作，为今后的学习打下基础。

：

平面设计的新概念、矢量图与位图的概念、文件格式、颜色模式、分辨率与输出的关系、出片、打样、印刷等基本知识及PhotoshopCS的用户界面、新建文件、显示控制、辅助工具等基本操作。

：

矢量图与位图的概念、文件格式、颜色模式、分辨率与输出的关系、

：

讲练结合、互动教学

：

多媒体电脑、投影仪、PPT课件

：

一、新课导入：

1、你认为日常生活中的图片的格式有几种？

列出你所熟悉的和常用的格式，并说明哪种适合印刷分色？

哪种格式的文件最小？

2、什么是平面设计，它包含的主要形式是什么？

3、绘图软件有哪几类，各有何特点和应用范围？

4、练习裁剪工具、标尺、参考线和网格等工具的使用。

5、本课程的学习目标是什么？

二、新课讲授：

自我介绍：

上课要求：

不允许迟到、早退现象，每发现两次按照旷课处理。

每旷课一次，期末总成绩扣2分，两次扣5分，三次扣10分，四次扣15分，依此类推。

平面设计前景：

大家现在业内急需优秀的设计人才。

虽然现在学习平面设计的专业、从事平面设计工作的人越来越多，但是优秀的设计人才少之又少。

平面设计也归属于设计，一定要认真学习美术，但可以慢慢的来，不一定急功近利，可以循序渐进的渐渐提高美术修养。

但美术的学习绝对不应该在备选行列。

平面设计师的薪金待遇处位于国内高收入职位的前十名之列。

目前，一名优秀的平面设计师的平均月薪在3000－4000元左右，若有能力胜任更高的职位，如设计部门主管、创意部门总监等，其平均月薪一般不会低于6000－8000元人民币。

如果你厌倦了为别人打工的生活，那么，一旦具备了作为一位优秀平面设计师应有的素质和技能，只需配备基本的电脑设备就可以成立自己的设计工作室，这对于向往自由生活空间的人来说，不但是一条个人创业的捷径，而且是一种令人向往的生活方式。

过去，平面设计师多半毕业自广告设计、美工、应用美术、视觉传达、工业设计、商业设计等相关设计科系。

平面设计师最重要的是要有敏锐的美感，因此就算没有设计相关学历背景，没有一些基础，只要自己有兴趣，上课注意听讲，课后多多练习，去图书馆多借点书，课下多琢磨、自己在电脑设计、影像处理、排版等相关软体技术的能力。

平面设计工作是一个主观认定强的创意工作，大部分的平面设计师是透过不断的自我教育来做进修、提升设计能力。

譬如，平时就要多注意各式各样的海报、文宣品、杂志、书籍等的设计手法并加以搜集，或是上网浏览其它设计师的作品，以激发自己的设计灵感。

平面设计师要有敏锐的美感，但对文字也要有一定的素养。

因此，乎时可以广泛的阅读，增加本身的知识领域及文字敏感度。

此外，平面设计师多半也会利用网路上的设群来做意见交流。

近年来因为政府积极推动设计服务产业，因此也协助部分设计师的社团组织开办国内外观摩、交流研习会、进阶课程等活动，这些都是可以参与提升自我工作技能、扩大圈内交流的管道。

首先问大家一个问题：

回答：

在我们的生活中到处都能见到图片的身影，如手机、MP3、MP4、电视、电脑等等不胜枚举，但是平常生活中，我们最常见的有jpg，gif，bmp等。

在做设计过程中，我们还得了解一下平常设计所用到的一些常见格式：

☐PSD:

PSD/PDD是公司的图形设计软件的专用格式，PSD文件可以存储成或模式，还能够自定义颜色数并加以存储，还可以保存Photoshop的等信息，是目前惟一能够支持全部图像色彩模式的格式，但体积庞大，

☐BMP:

　BMP是一种与硬件设备无关的图像文件格式，使用非常广。

它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BMP文件所占用的空间很大。

☐GIF:

分为静态GIF和动画GIF两种，支持透明背景图像。

是一种基于LZW算法的连续色调的无损压缩格式。

其压缩率一般在50％左右，它不属于任何应用程序。

目前几乎所有相关软件都支持它，公共领域有大量的软件在使用GIF图像文件。

GIF图像文件的数据是经过压缩的，而且是采用了可变长度等压缩算法。

所以GIF的图像深度从lbit到8bit，也即GIF最多支持256种色彩的图像。

GIF格式的另一个特点是其在一个GIF文件中可以存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动画。

☐JPEG，JPG:

JPEG图片以24位颜色存储单个图像。

JPEG是与平台无关的格式，支持最高级别的压缩，不过，这种压缩是有损耗的。

渐近式JPEG文件支持交错。

优点：

摄影作品或写实作品支持高级压缩。

利用可变的压缩比可以控制文件大小。

支持交错（对于渐近式JPEG文件）。

广泛支持Internet标准。

缺点：

有损耗压缩会使原始图片数据质量下降。

当您编辑和重新保存JPEG文件时，JPEG会混合原始图片数据的质量下降。

这种下降是累积性的。

JPEG不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。

☐EPS:

是跨平台的标准格式，专用的打印机描述语言，可以描述矢量信息和位图信息。

EPS格式采用PostScript语言进行描述，并且可以保存其他一些类型信息，例如多色调曲线、Alpha通道、分色、剪辑路径、挂网信息和色调曲线等，因此EPS格式常用于或打印输出。

●由于该标准制定得早,几乎所有的平面设计软件都能够兼容,所以用Photoshop,Illustrator,CorelDraw,Freehand等都可以打开。

●优点：

EPS可在任何PostScript打印机上进行准确的效果呈现。

EPS是行业标准格式。

●缺点：

屏幕显示可能与输出的显示不一致。

屏幕呈现可能会是低分辨率的，可能会是不同图像，或只是占位符图像。

EPS文件旨在用于输出。

它们不是用于在屏幕上显示信息的最适合的格式。

☐CDR：

*.cdr是CorelDraw软件使用中的一种图形文件保存格式。

☐TIFF:

标签图像文件格式是一种主要用来存储包括照片和艺术图在内的图像的文件格式。

TIFF可以包含JPEG和行程长度编码压缩的图像。

TIFF文件也可以包含基于矢量的裁剪区域（剪切或者构成主体图像的轮廓）。

使用无损格式存储图像的能力使TIFF文件成为图像存档的有效方法。

与JPEG不同，TIFF文件可以编辑然后重新存储而不会有压缩损失。

其它的一些TIFF文件选项包括多层或者多页。

☐P65:

PageMaker独有的文件格式，用于做分色输出与打印。

☐PNG：

PNG图片文件一般应用于JAVA程序中，或网页或S60程序中是因为它压缩比高，生成文件容量小。

使用彩色查找表或者叫做调色板可支持256种颜色的彩色图像。

流式读/写性能（streamability）：

图像文件格式允许连续读出和写入图像数据，这个特性很适合于在通信过程中生成和显示图像。

逐次逼近显示（progressivedisplay）：

这种特性可使在通信链路上传输图像文件的同时就在终端上显示图像，把整个轮廓显示出来之后逐步显示图像的细节，也就是先用低分辨率显示图像，然后逐步提高它的分辨率。

透明性（transparency）：

这个性能可使图像中某些部分不显示出来，用来创建一些有特色的图像。

辅助信息（ancillaryinformation）：

这个特性可用来在图像文件中存储一些文本注释信息。

　　独立于计算机软硬件环境。

　　使用无损压缩。

以上是我们在设计生活中比较常见的图片格式。

随着各种设计产品在生活中出现，然而我们又看不到它的真实制作过程，这时引入问题。

☐回答：

定义：

通过印刷工艺产生的最终成果的设计

☐形式：

海报的招贴画设计，书籍装帧设计，报刊杂志的版式设计，包装设计，标志文字设计，插图，说明书设计，广告印刷设计等。

矢量图只能表示有规律的线条组成的图形，如工程图、三维造型或艺术字等；对于由无规律的像素点组成的图像（风景、人物、山水），难以用数学形式表达，不宜使用矢量图格式；其次矢量图不容易制作色彩丰富的图像，绘制的图像不很真实，并且在不同的软件之间交换数据也不太方便。

另外，矢量图像无法通过扫描获得，它们主要是依靠设计软件生成。

矢量绘图程序定义（像数学计算）角度、圆弧、面积以及与纸张相对的空间方向，包含赋予填充和轮特征性的线框。

位图图像与矢量图像相比更容易模仿照片似的真实效果。

位图图像的主要优点在于表现力强、细腻、层次多、细节多，可以十分容易的模拟出像照片一样的真实效果。

由于是对图像中的像素进行编辑，所以在对图像进行拉伸、放大或缩小等到处理时，其清晰度和光滑度会受到影响。

位图图像可以通过数字相机、扫描或PhotoCD获得，也可以通过其他设计软件生成位图图像，也称点阵图像或绘制图像，是由称作像素的单个点组成的。

当放大位图时，可以看见构成图像的单个图片元素。

扩大位图尺寸就是增大单个像素，会使线条和形状显得参差不齐。

但是如果从稍远一点的位置观看，位图图像的颜色和形状又是连续的，这就是位图的特点。

矢量图像，也称绘图图像，在数学上定义为一系列点与点之间的关系，矢量图可以任意放大或缩小而不会出现图像失真现象。

色彩模式颜色系统CIE色彩模式通道精密度回答：

就是要学习Photoshop的基本方法，为以后如果需要开发相关平面设计作品打下基础。

本课程注重动手能力。

三、小结：

继桌面计算机之后，最重要的IT技术产业莫过于嵌入式系统了。

本章首先对嵌入式系统和单片机进行了定义和描述，并简述了嵌入式系统的发展历程。

在了解嵌入式产品构成的基础上，给出了开发嵌入式产品的一般方法。

最后本章针对不同的学习目的，给学习嵌入式应用技术的读者提出了不同的学习要求和建议。

四、作业：

P16练习题1、2、3、4，思考题5

五、课堂教学总结：

由对学生对“平面设计”没有概念，所以本节从日常生活中的图像、照片入手，让学生有一个感性的认识，接下来主要介绍图像的格式、颜色的模式、图形图像的输出与印刷以及Photoshop的基本操作。

然后再说平面设计的相关术语；本课程的学习目标是学习平面设计的基础知识。

第2章图像的选取与应用

：

图像的选取与应用（详细见课堂演练）

：

6学时

：

本讲在主要介绍Photoshop的一些基本工具的使用以及一些图片的简单编辑。

：

Photoshop的一些基本工具的使用以及一些图片的简单编辑。

：

Photoshop的一些基本工具的使用以及一些图片的简单编辑。

：

讲练结合、互动教学

：

多媒体电脑、投影仪、PPT课件、课堂演示

：

一、新课导入：

选取工具包括选框工具（矩形选框工具，椭圆选框工具，单行选框工具，单列选框工具）、套索工具（套索工具，多边形套索工具，磁性套索工具）、魔术棒工具（快速选择工具，魔棒工具）、裁切工具、切片工具（切片工具、切片选择工具）。

选取就是用来编辑的范围，正确的选择选取图像时进一步编辑、处理图像的基础。

当存在选区的情况下，一切命令只对选区内部有效。

1、选框工具：

交集、并集、从选区减去、羽化。

讲述“羽化”的定义并演示它的效果

2、套索工具：

3、魔术棒工具：

重点讲解容差的定义以及状态栏上的各个参数（P19）。

4、色彩范围选择【选择/色彩范围】

5、建立精确选区【滤镜/抽出】：

介绍并演示滤镜/抽出命令抠图的两种使用方法。

分述图层的定义，填充工具，橡皮工具，吸管工具，边缘高管器即画笔、放大镜、手型移动工具的使用。

6、调整选区【选择/修改/边界、平滑、扩展、收缩】、反选、相似选择、选区增长和变换选区以及状态栏面板。

7、图像的选择与编辑实例练习

：

做平面设计的时候要注意以下几个问题：

图层的叠放顺序，要会用选框工具选则图片，了解Photoshop的一些基本工具的使用以及一些图片的简单编辑。

四、作业：

P33练习题1、2、3、5

：

填充工具，橡皮工具，吸管工具，边缘高管器即画笔、放大镜、手型移动工具、图层、蒙板的使用。

第3章调整图像色彩

：

调整图像色彩

：

6学时

：

学习调整图像色彩

：

学习调整图像色彩

：

学习调整图像色彩

：

讲练结合、双边互动

：

多媒体电脑、投影仪、PPT课件

：

一、新课导入：

二、新课讲授：

（详细见课堂演练）

1、色阶的调整

（1）什么是色阶？

色阶指亮度，和颜色无关，但最亮的只有白色，最不亮的只有黑色。

例子：

一个红苹果，从亮部到暗部，都是红色系。

去色之后变成黑白色，但是色阶不会变，看上去仍是刚才的苹果，如果我们把他调成绿色，黄色，或迷彩色，只要色阶都不变，苹果还是苹果。

色阶表答了一副图的明暗关系。

它通过修改图像的暗调、中间色调和高光区的亮度水平来调整图像的色调范围和颜色平衡。

【图像/调整/色阶】

输入色阶

1.直接输入值

2.拖动滑块

3.利用吸管工

输出色阶

通过设置输出色阶，可以减小图像的对比度。

与输入色阶选项不同，向右拖动滑块D，输入色阶的第一方块值也会增大，但图像此时变亮了。

向左拖动高光滑块E,输出色阶的第二个方块值也会变小，但是此时图像变暗了。

另：

“载入”按钮能载入外部的色阶，“存储”按钮能保存调整好的色阶。

（2）Photoshop里面的通道

●图像的颜色模式决定了为图像创建颜色通道的数目。

●　　1.位图模式仅有一个通道，通道中有黑色和白色2个色阶

●　　2.灰度模式的图像有一个通道，该通道表现的是从黑色到白色的256个色阶的变化

●　　3.RGB模式的图像有4个通道，1个复合通道（RGB通道），3个分别代表红色、绿色、蓝色的通道。

●　　4.CMYK模式的图像由5个通道组成：

一个复合通道（CMYK通道），4个分别代表青色、洋红、黄色和黑色的通道

●　　5.LAB模式的图像有4个通道：

1个复合通道（LAB通道），1个明度分量通道，两个色度分量通道

●　　通道的主要功能：

●　　1.存储图像的色彩资料

●　　2.存储和创建选区

●　　3.抠图

（3）什么是抠图？

前面我们在口头上一直在说抠图，到底什么是抠图呢？

抠图，就是把图片或影像的某一部分从原始图片或影像中分离出来成为单独的图层。

主要功能是为了后期的合成做准备。

方法有套索工具、选框工具直接选择；快速蒙版；钢笔勾画路径后转选区；抽出滤镜；外挂滤镜抽出；通道；计算等法等。

抠图又称去背或退底

抠图是指把"前景"和"背景"分离的操作

2.自动调整图像【图像/调整/自动色阶、对比度、颜色】

3.曲线调整【图像/调整/曲线】

与色阶命令相类似，曲线命令同样可以调整图像的整个色调范围。

但不同的是，曲线命令并不是只用三个变量（高光、阴影和中间色调）来调节。

可以微调0-255色调值之间的任何一种亮度级别。

比起色阶命令更为精确。

这样可以增加或减少对比度，这样使得图片更具有美感。

①通道：

可以选择需要调整颜色的通道。

②右上角表示高光，左下角表示暗调，中间表示暗调

③水平轴表示色阶；垂直轴表示亮度值，即输出色阶。

默认为对角直线如上图。

（1）.在曲线上点击可以增加一节点，最多可增加14个节点，删除节点可以按Delete或用鼠标单击节点，托到外面去。

移动节点可以调节图像。

（2）.可以输入与输出暗调、高光和中间色调

（3）.用绘制曲线来调整图像信息

4.色彩平衡：

【图像/调整/色彩平衡】

平衡是图像处理（PHOTOSHOP）软件中一个重要环节.通过对图像的色彩平衡处理,可以校正图像色偏,过饱和或饱和度不足的情况.

　　色彩平衡命令可以用来控制图像的颜色分布,使图像整体达到色彩平衡.该命令在调整图像的颜色时,根据颜色的补色原理,要减少某个颜色,就增加这种颜色的补色.

色彩平衡命令计算速度快,适合调整较大的图像文件.

例:

指基色和补色之间的一种此消彼长的关系,即增加红色就减少了青色,减少兰色就增加了黄色,

1,绝对平衡。

增加红色时势必会引起青色的绝对减少，即增加R时必然会引起G、B的绝对减少。

类似于“色彩平衡”命令中勾选“保持亮度”的情形。

2，相对平衡。

仅仅增加R，G、B值并不变化，但相对于原来的R而言，G、B值相对有所减小，在视觉表现上青色相对减少。

类似于“色彩平衡”命令中不勾选“保持亮度”的情形。

我以为，应该是指相对意义上的平衡，因为这是一种广义的平衡，这种平衡揭示了生成某种颜色的两种途径，一种是增加该颜色，另一种是减少互补色。

相对平衡的原理不仅适用于色彩平衡命令，而且同样适用于色阶、曲线等可以独立调整单通道色阶的所有调整命令，而绝对平衡的原理则只能适用于色彩平衡命令，变化命令中体现的也是一种绝对平衡的关系，但具体算法与色彩平衡命