NO1Illustrator CS6基础知识电子课件Illustrator平面设计案例教程.ppt
《NO1Illustrator CS6基础知识电子课件Illustrator平面设计案例教程.ppt》由会员分享,可在线阅读,更多相关《NO1Illustrator CS6基础知识电子课件Illustrator平面设计案例教程.ppt(103页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、Illustrator CS6图形图像处理案例教程第一章 Illustrator CS6基础知识目 录ONTENTS1 1.1.1案例任务案例任务1 1.2 2案例解析案例解析1 1.3 3相关知识相关知识1 1.4 4案例实现案例实现1 1.5 5案例总结案例总结1 1.6 6技能实训技能实训1.1案例任务案例任务一起来制作一个标志图标,目的就是演示下在Illustrator中设计制作一个作品的流程,下图是所示效果。标志图标样例1.2案例解析案例解析 解题思路解题思路1.2.1该设计公司的标志设计由文字和一个箭头组成,文字通过轮廓化变为普通图形,然后对其进行剪切,分为上下两部分并分别填充颜色
2、。1.2案例解析案例解析 难点剖析难点剖析1.2.2创建文本并将其轮廓化处理。使用【路径查找器】调板修剪图形。使用【钢笔工具】绘制图形。1.3相关知识相关知识在计算机绘图领域中,根据绘制方法与构图原理的不同,可分为矢量图和位图两种绘图形式,而绘图软件也被分成两大类,一类是以数学方法表现图形的矢量图软件,其中以Illustrator、CorelDRAW为代表;另一类是以像素来表现图像的位图处理软件,其中以Photoshop为代表。1.3相关知识相关知识Adobe公司在这两大软件领域中都占有举足轻重的作用,由该公司开发的位图图像处理软件Photoshop的各种版本,以其操作简便、功能强大而深受用户
3、的喜爱,而Illustrator系列是Adobe公司开发的主要基于矢量图形的优秀软件,它在矢量绘图软件中也占有一席之地,并且对位图也有一定的处理能力。1.3相关知识相关知识 认识图形图像认识图形图像1.3.11.矢量图形和位图图像在使用计算机进行绘图时,经常会使用到矢量图形和位图图像这两种不同表现形式的图像。在Illustrator CS6软件中,不但可以制作出各式各样的矢量图形,还可以处理导入的位图图像。1.3相关知识相关知识矢量图形又称为向量图形,内容以线条和颜色块为主。由于其线条的形状、位置、曲率和粗细都是通过数学公式进行描述和记录的,因而矢量图形与分辨率无关,能以任意大小输出,不会遗漏
4、细节或降低清晰度,更不会出现锯齿状的边缘现象,而且图像文件所占的磁盘空间也很少,非常适合网络传输。网络上流行的Flash动画采用的就是矢量图形格式。矢量图形在标志设计、插图设计以及工程绘图上占有很大的优势。制作和处理矢量图形的软件有Illustrator、CorelDRAW等。1)矢量图形1.3相关知识相关知识绘制的矢量图形1.3相关知识相关知识位图图像又称为点阵图像,是由许许多多的点组成的,称之为像素。这些不同颜色的点按一定次序进行排列,就组成了色彩斑斓的图像。当把位图图像放大到一定程度显示时,在计算机屏幕上就可以看到一个个的小色块,这些小色块就是组成图像的像素。位图图像通过记录每个点(像素
5、)的位置和颜色信息来保存图像,因此图像的像素越多,每个像素的颜色信息越多,图像文件也就越大。2)位图图像1.3相关知识相关知识绘制的矢量图形1.3相关知识相关知识位图图像与分辨率有关。当位图图像在屏幕上以较大的放大倍数显示或以过低的分辨率打印时,大家就会看见锯齿状的图像边缘。因此在制作和处理位图图像之前,应首先根据输出的要求调整好图像的分辨率。制作和处理位图图像的软件有Photoshop、Painter等。1.3相关知识相关知识2.分辨率1)图像分辨率图像分辨率即图像中每单位长度含有的像素数目,通常用像素/英寸表示。分辨率为72像素/英寸的图像,表示11英寸的图像范围内总共包含了5184个像素
6、点(72像素宽72像素高=5184)。同样是11英寸,分辨率为300像素/英寸的图像却总共包含了90000个像素。因此,分辨率高的图像比相同尺寸的低分辨率图像包含更多的像素,因而图像更清晰、细腻。1.3相关知识相关知识分辨率并不是越大越好,分辨率越大,图像文件就越大,在处理时所需的内存和CPU处理时间也就越多。1.3相关知识相关知识2)屏幕分辨率即显示器上每单位长度显示的像素或点的数量,通常以点/英寸(dpi)来表示。显示器分辨率取决于显示器的大小及其像素设置。了解显示器分辨率有助于解释图像在屏幕上的显示尺寸不同于其打印尺寸的原因。显示时图像像素直接转换为显示器像素,这样当图像分辨率比显示器分
7、辨率高时,在屏幕上显示的图像比其指定的打印尺寸大。1.3相关知识相关知识3)打印分辨率打印分辨率即激光打印机(包括照排机)等输出设备产生的每英寸的油墨点数(dpi)。大多数桌面激光打印机的分辨率为300dpi到600dpi,而高档照排机能够以1200dpi或更高的分辨率进行打印。1.3相关知识相关知识如何决定图像的分辨率,应考虑图像的最终用途,根据用途对图像设置不同的分辨率。如果所制作的图像用于网络,分辨率只需满足典型的显示器分辨率(72dpi或96dpi)即可;如果图像用于打印、输出,则需要满足打印机或其他输出设备的要求;如果图像用于印刷,图像分辨率应不低于300dpi。1.3相关知识相关知
8、识3.文件格式文件格式是指使用或创作的图形、图像的格式,不同的文件格式拥有不同 的使用范围。1.3相关知识相关知识1)AI(*.AI)格式AI格式是Illustrator软件创建的矢量图格式,AI格式的文件可以直接在Photoshop软件中打开,打开后的文件将转换为位图格式。1.3相关知识相关知识2)EPS(*.EPS)格式EPS是Encapsulated PostScript首字母的缩写,可以说是一种通用的行业标准格式。除了多通道模式的图像之外,其他模式都可存储为EPS格式,但是它不支持Alpha通道。EPS格式可以支持剪贴路径,可以产生镂空或蒙版效果。1.3相关知识相关知识3)TIFF(*
9、.TIFF)格式TIFF格式是印刷行业标准的图像格式,通用性很强,几乎所有的图像处理软件和排版软件都提供了很好的支持,因此广泛用于程序之间和计算机平台之间进行图像数据交换。TIFF格式支持RGB、CMYK、Lab、索引颜色、位图和灰度颜色模式,并且在RGB、CMYK和灰度3种颜色模式中还支持使用通道、图层和路径。1.3相关知识相关知识4)PSD(*.PSD)格式PSD格式是Adobe Photoshop软件内定的格式,也是Photoshop新建和保存图像文件默认的格式。PSD格式是唯一可支持所有图像模式的格式,并且可以存储在Photoshop中建立的所有图层、通道、参考线、注释和颜色模式等信息
10、,这样下次继续进行编辑时就会非常方便。因此,对于没有编辑完成、下次需要继续编辑的文件最好保存为PSD格式。1.3相关知识相关知识5)GIF(*.GIF)格式GIF格式也是一种非常通用的图像格式,由于最多只能保存256种颜色,并且使用LZW压缩方式压缩文件,因此GIF格式保存的文件非常轻便,不会占用太多的磁盘空间,非常适合Internet上的图片传输。1.3相关知识相关知识在保存图像为GIF格式之前,需要将图像转换为位图、灰度或索引颜色等颜色模式。GIF采用两种保存格式,一种为“正常”格式,可以支持透明背景和动画格式;另一种为“交错”格式,可以让图像在网络上由模糊逐渐转为清晰的方式显示。1.3相
11、关知识相关知识6)JPEG(*.JPEG)格式JPEG是一种高压缩比的、有损压缩真彩色图像文件格式,其最大特点是文件比较小,可以进行高倍率的压缩,因而在注重文件大小的领域应用广泛。JPEG格式是压缩率最高的图像格式之一,这是由于JPEG格式在压缩保存的过程中会以失真最小的方式丢掉一些肉眼不易察觉的数据,因此保存后的图像与原图像会有所差别,没有原图像的质量好。1.3相关知识相关知识7)PDF(*.PDF)格式Adobe PDF是Adobe公司开发的一种跨平台的通用文件格式,能够保存任何源文档的字体、格式、颜色和图形,而不管创建该文档所使用的应用程序和平台,Adobe Illustrator、Ad
12、obe PageMaker和Adobe Photoshop程序都可直接将文件存储为PDF格式。Adobe PDF文件为压缩文件,任何人都可以通过免费的Acrobat Reader程序进行共享、查看、导航和打印。1.3相关知识相关知识8)BMP(*.BMP)格式BMP是Windows平台标准的位图格式,使用非常广泛,一般的软件都提供了非常好的支持。BMP格式支持RGB、索引颜色、灰度和位图颜色模式,但不支持Alpha通道。保存位图图像时,可选择文件的格式(Windows操作系统或OS苹果操作系统)和颜色深度(132位),对于48位颜色深度的图像,可选择RLE压缩方案,这种压缩方式不会损失数据,是
13、一种非常稳定的格式。BMP格式不支持CMYK颜色模式的图像。1.3相关知识相关知识9)PNG(*.PNG)格式PNG是Portable Network Graphics(轻便网络图形)的缩写,是Netscape公司专为互联网开发的网络图像格式,不同于GIF格式图像的是,它可以保存24位的真彩色图像,并且支持透明背景和消除锯齿边缘的功能,可以在不失真的情况下压缩保存图像,但由于并不是所有的浏览器都支持PNG格式,所以该格式使用范围没有GIF和JPEG广泛。PNG格式在RGB和灰度颜色模式下支持Alpha通道,但在索引颜色和位图模式下不支持Alpha通道。1.3相关知识相关知识 初识初识Illus
14、trator1.3.2Illustrator是一个矢量绘图软件,它可以创建出光滑、细腻的艺术作品,如插画、广告图形等。而且Illustrator与Photoshop同是Adobe公司的产品,它们有着类似的操作界面和快捷键,并能共享一些插件和功能,因为可以和Photoshop几乎无障碍的配合使用,所以是众多设计师、插画师的最爱。1.3相关知识相关知识1.Illustrator与PhotoshopIllustrator与Photoshop可以说是平面设计师的两根筷子,少了一个都吃不到饭。在设计创作的时候,可以使用这两个软件共同协作。1.3相关知识相关知识AI是作为矢量图绘制方面的利器,在制作矢量图
15、形上有着无以伦比的优势,它在图形、卡通、文字造型、路径造型上非常出色。但该软件在抠取图片、渐隐、色彩融合、图层等方面的功能上,相比较PS而言较弱。1.3相关知识相关知识Illustrator创建的设计作品1.3相关知识相关知识PS主要用于处理和修饰图片,在创作时,可以利用其强大的功能,制作出色彩丰富、细腻的图像,还可以创建出写实的图像、流畅的光影变化、过度自然的羽化效果等,总之可以创建出变化无穷的图像效果。1.3相关知识相关知识Photoshop创作的设计作品1.3相关知识相关知识Illustrator在矢量图绘制领域是无可替代的一个软件,利用该软件可以绘制标志、VI、广告、排版、插画以及可以
16、使用矢量图创作的一切应用类别,也可以用来创建设计作品中使用到的一些小的矢量图形,可以说,只要能想象的到 的图形,都可以通过该软件创建出来。2.Illustrator的用途1.3相关知识相关知识1)平面设计Illustrator可以应用于平面设计中的很多类别,不管是广告设计、海报设计、标志设计、POP设计、封面设计等,都可以使用该软件直接创建或是配合创作。1.3相关知识相关知识平面设计作品1.3相关知识相关知识2)版面排版设计Illustrator作为一个矢量绘图软件,也提供了强大的文本处理和图文混排功能。不仅可以创建各种各样的文本,也可以向其他文字处理软件一样排版大段的文字,而且最大的优点可以
17、把文字作为图形一样进行处理,创建绚丽多彩的文字效果。1.3相关知识相关知识版面编排设计作品1.3相关知识相关知识3)插画设计到目前为止,Illustrator依旧是很多插画师追捧的绘制利器,利用其强大的绘制功能,不仅可以实现各种图形效果,还可以使用众多的图案、笔刷,实现丰富的画面效果。1.3相关知识相关知识插画设计作品1.3相关知识相关知识 Illustrator CS6工作界面工作界面1.3.3界面布局1.3相关知识相关知识包括【文件】、【编辑】、【对象】、【文字】、【选择】、【效果】、【视图】、【窗口】和【帮助】9个主菜单,每一个菜单又包括多个子菜单,通过应用这些命令可以完成大多数常规和编
18、辑操作。菜单栏1 1可以快速访问与所选对象相关的选项,其中显示的选项与所选的对象或工具对应。例如,选择文本对象时,【控制】调板除了显示用于更改对象颜色以外,还会显示文本格式选项。控制调板2 2可以对图形进行精确的定位,还可测量图形的准确尺寸。标尺4 4页面区域工作界面中间黑色实线围成的矩形区域,这个区域的大小就是用户设置的页面大小。5 5绘图工作区页面外的空白区域,和页面区域相同,可以使用绘制类工具在此区域自由地绘图。6 6状态栏显示当前文档视图的显示比例、当前正在使用的工具和时间、日期等信息。7 7调板Illustrator CS6最重要的组件之一,在调板中可设置数值和调节功能。调板是可以折
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- NO1Illustrator CS6基础知识电子课件Illustrator平面设计案例教程 CS6 基础知识 电子 课件 Illustrator 平面设计 案例 教程
链接地址:https://www.taowenge.com/p-87080536.html
限制150内