（中职) Illustrator图形设计与制作项目1电子课件.pptx

《（中职) Illustrator图形设计与制作项目1电子课件.pptx》由会员分享，可在线阅读，更多相关《（中职) Illustrator图形设计与制作项目1电子课件.pptx（53页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、YCF正版可修改PPT（中职)Illustrator图形设计与制作项目1ppt电子课件Illustrator图形设计与制作（Illustrator CC 2018）CONTENTSIllustrator CC 2018基础知识项目1标志设计项目2书籍装帧设计项目3卡片设计项目4目录CONTENTSDM单设计项目5产品包装设计项目6宣传册设计项目7目录Illustrator CC 2018基础知识项目1u 任务1.1 初识Illustrator CC 2018u 任务1.2 图像的基础知识和颜色模式u 任务1.3 文字编辑u 任务1.4 颜色编辑任务1.1 初识Illustrator CC 20

2、181.1.1 Illustrator的应用 Adobe Illustrator是一款应用于出版、多媒体和在线图像的平面设计矢量设计软件，是平面设计、美工、UI设计等必备的矢量图形处理工具之一。Adobe Illustrator软件主要用于印刷出版。它还可以为线稿提供较高的精度和控制，适用于任何小型项目及大型产品的设计生产。Adobe Illustrator应用涉及到的领域有卡通造型设计、商业插图绘制、VI设计、logo与字体设计、服装设计、箱包款式设计、网页设计等。1.1.2 Illustrator CC 2018的系统需求处理器操作 系统内存硬盘显示器分辨率GPUInternet连接 要使

3、用 Illustrator中的“触摸”工作区，必须拥有运行Windows 10并启用了触控屏幕的平板电脑/显示器（推荐Microsoft Surface Pro 3）。任务1.1 初识Illustrator CC 20181.1.3 Illustrator CC 2018的下载及安装 登录Adobe官方网站https:/ID，如图1-1-1所示。图1-1-1任务1.1 初识Illustrator CC 2018 登录Adobe ID后，下载并安装，如图1-1-2和图1-1-3所示。图1-1-2图1-1-3任务1.1 初识Illustrator CC 20181.1.3 Illustrator

4、CC 2018的下载及安装Illustrator CC 2018软件启动界面如图1-1-4所示。图1-1-4任务1.1 初识Illustrator CC 20181.1.3 Illustrator CC 2018的下载及安装1.1.4 Illustrator CC 2018的工作界面 启动Illustrator CC 2018后，显示器上将会显示主界面。主界面上包含一些可以实现的操作选项。在打开教程选项中，相应的官方教程链接可以帮助用户快速学习并了解Illustrator CC 2018的概念、工作流程、提示和技巧等，如图1-1-5所示。图1-1-5任务1.1 初识Illustrator CC

5、 2018 用户使用组合键Ctrl+O打开文件后，即可默认显示图1-1-6所示的基本工作界面。图1-1-6任务1.1 初识Illustrator CC 20181.1.4 Illustrator CC 2018的工作界面1.1.5 Illustrator CC 2018的菜单栏 Illustrator CC 2018 软件的菜单栏中，共包括9组菜单选项，分别是文件、编辑、对象、文字、选择、效果、视图、窗口、帮助，如图1-1-7所示。图1-1-7任务1.1 初识Illustrator CC 2018 用户单击任何一组菜单选项，系统都会弹出对应的下拉菜单，选择下拉菜单中相应的选项，就可以执行相应的

6、命令，如图1-1-8所示。图1-1-8任务1.1 初识Illustrator CC 20181.1.5 Illustrator CC 2018的菜单栏1.1.6 Illustrator CC 2018的工具栏图1-1-9任务1.1 初识Illustrator CC 2018 工具栏是Illustrator CC 2018中非常重要的功能面板，它包含了Illustrator CC 2018中常用的绘制、编辑、处理等操作工具。当用户需要使用某个工具时，单击相对应工具即可。工具栏可以展开显示，也可以折叠显示。单击 图标可以切换单栏展示和双栏展示，如图1-1-9所示。图1-1-10任务1.1 初识Il

7、lustrator CC 2018 将鼠标指针移到相应工具图标上按住鼠标左键不放即可打开隐藏的工具组，将鼠标指针移至相应工具上，松开鼠标左键即可使用相应工具，如图1-1-10所示。1.1.6 Illustrator CC 2018的工具栏1.1.7 自定义工作区图1-1-11任务1.1 初识Illustrator CC 2018 启动Illustrator CC 2018后，在工作界面顶部的菜单栏中，执行“窗口”“工作区”命令，在工作区的子菜单里可以选择合适的工作区，如Web工作区、上色工作区、传统基本功能工作区、基本功能工作区、打印和校样工作区等，如图1-1-11所示。图1-1-12任务1.

8、1 初识Illustrator CC 2018 也可以通过单击工作界面顶部菜单栏中的“切换预设工作区”按钮，在弹出的下拉菜单中直接选择系统预设的工作区，如图1-1-12所示。1.1.7 自定义工作区图1-1-13任务1.1 初识Illustrator CC 2018 在Illustrator CC 2018中可自己创建自定义工作区。用户按照个人工作需要设置工作区布局后，执行“窗口”“工作区”“新建工作区”命令，在弹出的“新建工作区”对话框中输入新建工作区名称，单击“确定”按钮即可创建自定义工作区，如图1-1-13所示。1.1.7 自定义工作区1.1.8 自定义快捷键图1-1-14任务1.1 初

9、识Illustrator CC 2018 在工作界面菜单栏中，执行“编辑”“键盘快捷键”命令（见图1-1-14）或直接按Alt+Shift+Ctrl+K组合键，即可打开图1-1-15所示的“键盘快捷键”对话框。图1-1-15任务1.1 初识Illustrator CC 2018 如果输入的快捷键已经指定给另一命令或工具，在“键盘快捷键”对话框中的底部将会显示警告信息，如图1-1-16所示。图1-1-161.1.8 自定义快捷键1.1.9 设置首选项图1-1-17任务1.1 初识Illustrator CC 2018 启动Illustrator CC 2018后，显示器上将会显示Illustra

10、tor的主界面。执行“编辑”“首选项”“常规”命令或者按Ctrl+K组合键，即可打开图1-1-17所示的“首选项”对话框。图1-1-18任务1.1 初识Illustrator CC 2018 在“参考线和网格”设置中，可以改变参考线的颜色及样式。在“用户界面”设置中，可以改变亮度和画布颜色。在“性能”设置中，取消选中“动画缩放”复选框（见图1-1-18），会使软件运行更加流畅。设置完成后单击“确定”按钮，即可完成修改“首选项”。1.1.9 设置首选项1.2.1 认识位图与矢量图任务1.2 图像的基础知识和颜色模式 位图也叫作点阵图、删格图像，它是由像素构成的，像素的多少决定了位图图像的文件大小

11、和显示质量，每个像素都分别配有特定的位置和颜色值，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。对位图图像进行放大时，放大的只是像素点，位图图像的四周会出现锯齿状，图1-2-1所示为放大8倍的位图效果。任务1.2 图像的基础知识和颜色模式图1-2-11.2.1 认识位图与矢量图任务1.2 图像的基础知识和颜色模式 矢量图，是由数学对象定义的直线或曲线构成的。矢量图形根据图形的几何特征对图形进行描述。可任意移动或修改矢量图形，而不会丢失细节或影响清晰度，因为矢量图形与分辨率无关。因此，对于将在各种输出媒体中按照不同大小使用的图稿，矢量图形是最佳选择。矢量图的清晰度与分辨率无关，对矢

12、量图进行缩放时，图形对象仍保持原有的清晰度，不会发生任何偏差，图1-2-2所示为放大8倍的矢量图效果。1.2.1 认识位图与矢量图任务1.2 图像的基础知识和颜色模式图1-2-21.2.1 认识位图与矢量图1.2.2 图像分辨率任务1.2 图像的基础知识和颜色模式u 像素是指照片的点数(表示照片是由多少点构成的)，照片实际大小是由像素决定的。一个像素很大的照片，如果将分辨率设置得很大，打印出来的照片可能并不大，但是很清晰。反之，一个像素很小的照片，如果将分辨率设置得很小，那么打印出来的照片可能很大，但是不清晰。u 总像素是指图片的样本精度，与可打印尺寸有关，通常使用“长宽”的方式表示，乘积就是

13、总像素。由于图片的长宽比不同，所以同一总像素可以有多种规格。任务1.2 图像的基础知识和颜色模式u 图像分辨率是指图像中存储的信息量，是每英寸图像内有多少个像素点。分辨率的单位为PPI(pixels per inch)，通常叫做像素每英寸。图像分辨率常被用来改变图像的清晰度。图像分辨率相乘约等于像素。无论是监控摄像机所拍摄的图像还是相机所抓拍的图像，都有自己的信息。从分辨率上我们就可以估算出图像的像素。1.2.2 图像分辨率1.2.3 常用的颜色模式任务1.2 图像的基础知识和颜色模式RGB颜色模式Web安全RGB模式灰度模式CMYK颜色模式HSB颜色模式Illustrator CC 2018

14、中共有5种颜色模式1.3.1 文字工具的种类任务1.3 文字编辑 在Illustrator CC 2018的工具栏中，系统为用户提供了7种文字工具，分别是“文字工具”“区域文字工具”“路径文字工具”“直排文字工具”“直排区域文字工具”“直排路径文字工具”和“修饰文字工具”，如图1-3-1所示。使用以上文字工具可以输入各种类型的文字，以满足用户不同的文字处理需求。图1-3-1 使用“直排文字工具”创建的文本会从上至下进行排布；在换行时，下一行文字会排布在该行的左侧，如图1-3-3所示。任务1.3 文字编辑图1-3-3 在工具栏中选取“文字工具”后，移动鼠标指针到软件设计区中的任意位置，单击需插入

15、文字的插入点，可以按照横排的方式，由左至右输入文字，如图1-3-2所示。图1-3-21.3.2 创建文字任务1.3 文字编辑图1-3-4 在新建的文档中，使用“椭圆工具”在文档中绘制一个圆形，如图1-3-4所示。1.3.2 创建文字任务1.3 文字编辑图1-3-6 选择“区域文字工具”，在圆形路径上单击，将路径转换为文字区域，并在其中输入文字内容，如图1-3-5所示。按Esc键结束文本的输入，在属性面板中设置文本字体、设置字体颜色、字体大小等，如图1-3-6所示。图1-3-51.3.2 创建文字1.3.3 设置文字效果任务1.3 文字编辑1 新建空白文档，在打开的文档中，选择“椭圆工具”，在文

16、档中绘制圆形。2 选择“路径文字工具”，在圆形路径上单击，创建路径文本。打开“字符”面板，设置字体样式，字体大小，字符间距等。3 按快捷键F6打开“颜色”面板，在“颜色”面板中设置填充颜色。4 选中路径文本对象后，执行“文字”“路径文字”命令，在弹出的子菜单中选择一种路径文字效果。1.3.4 字体安装任务1.3 文字编辑图1-3-16 从网上搜索相关字体，下载至本地计算机。打开控制面板，找到“字体”后打开“字体”窗口，如图1-3-16所示。将下载好的字体复制到“字体”窗口中即完成字体的安装。1.4.1“色板”面板任务1.4 颜色编辑 执行“窗口”“色板”命令，打开图1-4-1所示的“色板”面板

17、。在“色板”面板中，单击“显示列表视图”按钮和“显示缩览图视图”按钮用可以直接更改色板显示状态，图1-4-2所示为“显示列表视图”模式。图1-4-1 图1-4-2功能按钮任务1.4 颜色编辑图1-4-4 用户在使用“色板”面板时，可以通过选择面板菜单中的命令更改色板的显示状态，如图1-4-4所示。1.4.1“色板”面板任务1.4 颜色编辑图1-4-5 用户使用色板库中的颜色，可从“色板”面板左下角单击“色板库菜单”按钮，选择子菜单中的相应色板库，也可在面板扩展菜单中选择“打开色板库”子菜单中的相应色板库。如图1-4-5所示。1.4.1“色板”面板任务1.4 颜色编辑图1-4-6 在Illust

18、rator CC 2018中，可以将色板库中的颜色直接通过拖动添加至“色板”面板中；或者选中色板，选择面板扩展菜单中的“添加到色板”选项，添加至“色板”面板，如图1-4-6所示。1.4.1“色板”面板任务1.4 颜色编辑图1-4-7 双击工具面板下方的“填色”图标 或“描边”图标都可以打开“拾色器”对话框。在“拾色器”对话框中可以基于RGB、CMYK、HSB等颜色模型设置填充或描边颜色，如图1-4-7所示。1.4.2“拾色器”对话框和“渐变”面板任务1.4 颜色编辑图1-4-8 单击“拾色器”对话框中的“颜色色板”按钮，可以显示颜色色板选项，如图1-4-8所示。在其中可以直接选择色板填充或描边

19、颜色。单击“颜色模型”按钮可以返回选择颜色状态。1.4.2“拾色器”对话框和“渐变”面板任务1.4 颜色编辑图1-4-9 在Illustrator CC 2018中，渐变填充是平面设计作品中一种重要的颜色表现方式，大大地增强了编辑对象的可视效果。在Illustrator工作界面的菜单栏中，执行“窗口”“渐变”命令，可打开“渐变”面板，如图1-4-9所示。1.4.2“拾色器”对话框和“渐变”面板任务1.4 颜色编辑图1-4-10 在“渐变”面板中可设置渐变参数，在“类型”下拉列表框中可选择渐变类型，设置渐变的起始、中间和终止颜色，还可设置渐变的位置和角度。在“角度”文本框中显示当前的渐变角度，重

20、新输入数值后按Enter键，可以改变渐变的角度，如图1-4-10所示。1.4.2“拾色器”对话框和“渐变”面板任务1.4 颜色编辑图1-4-11 在渐变色谱底边单击，可以添加一个颜色滑块，双击颜色滑块可以在“颜色”面板中调配颜色，改变所添加颜色滑块的颜色，单击颜色滑块并按住鼠标左键不放，将其拖出“渐变”面板外，可以直接删除颜色滑块，如图1-4-11所示。1.4.2“拾色器”对话框和“渐变”面板1.4.3 渐变填充的样式任务1.4 颜色编辑1.1.线性渐变填充 线性渐变填充 线性渐变填充是一种常用的渐变填充方式，通过“渐变”面板，可以精确地指定线性渐变的起始颜色和终止颜色，还可以调整渐变方向；通

21、过调整中心点的位置，可以生成不同的颜色渐变效果。任务1.4 颜色编辑图1-4-131.1.线性渐变填充 线性渐变填充 双击“渐变工具”或执行“窗口”“渐变”命令（组合键为Ctrl+F9)，打开“渐变”面板。在“渐变”面板的色谱条中，显示程序默认的白色到黑色的线性渐变样式。在“渐变”面板的“类型”下拉列表框中选择“线性”渐变类型，图形将被线性渐变填充，效果如图1-4-13所示。1.4.3 渐变填充的样式任务1.4 颜色编辑图1-4-151.1.线性渐变填充 线性渐变填充 双击“渐变”面板中的起始渐变滑块，然后在“颜色”面板中调试所需的颜色，设置渐变的起始颜色。再双击终止渐变滑块，设置渐变的终止颜

22、色，如图1-4-14所示。六边形的线性渐变填充效果如图1-4-15所示。图1-4-141.4.3 渐变填充的样式1.4.3 渐变填充的样式任务1.4 颜色编辑图1-4-171.1.线性渐变填充 线性渐变填充 拖动色谱条上边的渐变滑块，可以改变颜色的渐变位置，如图1-4-16所示。随着色谱条上边的渐变滑块位置的改变，“位置”文本框中的数值也会发生改变，图形的线性渐变填充效果也将改变，如图1-4-17所示。图1-4-16任务1.4 颜色编辑2.2.径向渐变填充 径向渐变填充 径向渐变填充是另一种渐变填充类型。它与线性渐变填充不同，是从起始颜色开始以圆形的形式向外发散，逐渐过渡到终止颜色。它的起始颜

23、色、终止颜色和渐变填充中心点的位置都是可以改变的。使用径向渐变填充方式可以生成很多种渐变填充效果。1.4.3 渐变填充的样式任务1.4 颜色编辑图1-4-19 双击“渐变工具”或执行“窗口”“渐变”命令，打开“渐变”面板。在“渐变”面板的“类型”下拉列表框中选择“径向”渐变类型，六边形将被径向渐变填充，效果如图1-4-18和图1-4-19所示。2.2.径向渐变填充 径向渐变填充图1-4-181.4.3 渐变填充的样式任务1.4 颜色编辑 单击“渐变”面板中的起始渐变滑块或终止渐变滑块，然后在“颜色”面板中调配颜色，即可改变六边形的渐变颜色，效果如图1-4-20所示。拖动色谱条上边的渐变滑块，可以改变颜色的中心渐变位置，效果如图1-4-21所示。使用“渐变工具”绘制，也可改变径向渐变的中心位置。2.2.径向渐变填充 径向渐变填充图1-4-20图1-4-211.4.3 渐变填充的样式本 章 完