




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、平面设计与PS培训2010.4.9,6:17 PM,2,1平面设计简介 1.1设计与平面设计 1.2 平面设计的元素 1.3平面设计的过程 1.4平面设计的工具 1.5 海报设计 1.6 推荐书目 2图像的基本概念 2.1图像种类 2.2像素和分辨率 2.3常用文件格式 2.4常见的颜色模式,6:17 PM,3,3色彩的配搭 3.1十种基本的配色设计 3.2 六种配色理念 4认识Photoshop,6:17 PM,4,1.1 设计与平面设计,“设计”,即英文“design”。“design”一词来自拉丁文“desinare” ,意是“作记号”。中文中与此意相通的词为“意匠artistic co
2、nception ”,可见设计中创意的重要性。设计是具有美感、使用与纪念功能的造形活动或营造活动 。 设计与美术不同,因为设计既要符合审美性又要具有实用性,应以人为本。 设计没有完成的概念,需要精益求精,不断完善,更需要挑战自我。设计的关键在于发现,只有不断通过深入地感受和体验才能得到设计灵感。,6:17 PM,5,平面设计plane design/graphic design, 以“视觉”作为沟通和表现的方式,透过多种方式来创造和结合符号、图片和文字,借此作出用来传达想法或讯息的视觉表现。 从范围来讲用来印刷的都和平面设计有关,从功能来讲“对视觉通过人自身进行调节达到某种程度的行为”,称之为
3、视觉传达,即用视觉语言进行传递信息和表达观点。 目前常见的平面设计项目,可以归纳为十大类:网页设计、包装设计、DM广告设计、海报设计、平面媒体广告设计、POP广告设计、样本设计、书籍设计、刊物设计、VI设计。,6:17 PM,6,1.2 平面设计的元素,1.概念元素:所谓概念元素是那些不实际存在的,不可见的,但人们的意识又能感觉到的东西。例如我们看到尖角的图形,感到上面有点,物体的轮廓上有边缘线。概念元素包括:点、线、面。 2.视觉元素:概念元素不在实际的设计中加以体现,它将是没有意义的。概念元素通常是通过视觉元素体现的,视觉元素包括图形的大小、形状、色彩等。 3.关系元素:视觉元素在画面上如
4、何组织、排列,是靠关系元素来决定的。包括:方向、位置、空间、重心等。 4.实用元素:指设计所表达的含义、内容、设计的目的及功能。,6:17 PM,7,平面设计的过程是有计划有步骤的渐进式不断完善的过程,设计的成功与否很大程度上取决于理念是否准确,考虑是否完善。设计之美永无止境,完善取决于态度。 一、调查 调查是了解事物的过程,设计需要的是有目的和完整的调查。背景、市场调查、行业调查(关于品牌、受众、产品)、关于定位、表现手法、调查是设计的开始和基础(背景知识)。 二、内容 内容分为主题和具体内容两部分,这是设计师在进行设计前的基本材料。 三、理念 构思立意是设计的第一步,在设计中思路比一切更重
5、要。理念一向独立于设计之上。也许在你的视觉作品中传达出理念是最难的一件事。,1.3 平面设计的过程,6:17 PM,8,四、调动视觉元素 在设计中基本元素相当于你作品的构件,每一个元素都要有传递和加强传递信息的目的。真正优秀的设计师往往很“吝啬”,每动用一种元素,都会从整体需要出发去考虑。 在一个版面之中,构成元素可以根据类别来进行划分,如可以分为: 标题、内文、背景、色调、主体图形、留白、视觉中心等等。平面设计版面就是把不同元素进行有机结合的过程。 善于调动视觉元素是设计师必备的能力之一。,6:17 PM,9,五、选择表现手法 手法即是技巧,在视觉产品泛滥的今天要想把受众打动以并非易事,更多
6、的视觉作品已被人们的眼睛自动的忽略掉了。 在三大构成中很多种图形的处理和表现手法,如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式。另外还有从图形处理的效果上又有手绘类效果,如油画、铅笔、水彩、版画、蜡笔、涂鸦还有其他的如摄影、老照片、等等。那么你要选择那一种呢?这取决于你的目的和目标群体,以及你的设计水平。,6:17 PM,10,六、平衡 平衡能带来视觉及心理的满足,设计师要解决画面当中力场的平衡,前后衔接的平衡,平衡与不平衡是相对的,以是否达到主题要求为标准。平衡分为对称平衡和不对称平衡,包括点、线、面、色、空间的平衡。 七、出彩 记住,你要创造出
7、视觉兴奋点来升华你的作品。 八、关于风格 作为设计师,固定风格的形成意味着自我的僵死,但风格同时又是一个设计师性格、喜好、阅历、修养的反映,也是设计师成熟的标志,以为了解大同,才能独走边缘。 九、制作 检查项目包括:图形、字体、内文、色彩、编排、比例 要求:视觉的想象力和效果要赏心悦目,而更重要的是被受众理解!,6:17 PM,11,1.4 平面设计的工具,平面设计的工具可划分为图像绘制和图像处理两个部分,下面简单介绍这方面一些常用软件: Adobe Photoshop 这款美国Adobe公司的软件一直是图像处理领域的巨无霸,在出版印刷、广告设计、美术创意、图像编辑等领域得到了极为广泛的应用。
8、,6:17 PM,12,Adobe Illustrator Adobe Illustrator是美国ADOBE(奥多比)公司推出的专业矢量绘图工具,是出版、多媒体和在线图像的工业标准矢量插画软件。Illustrator 不仅仅是一个艺术产品工具,其能适合大部分小型设计到大型的复杂项目。 CorelDraw CorelDraw是Corel公司推出的集矢量图形设计、印刷排版、文字编辑处理和图形高品质输出于一体的平面设计软件,深受广大平面设计人员的喜爱,目前主要在广告制作、图书出版等方面得到广泛的应用,功能与其类似的软件有Illustrator、Freehand。,6:17 PM,13,Adobe
9、Indesign PageMaker Freehand QuarkXPress Fireworks Flash,6:17 PM,14,1.5 海报设计,海报是一种信息传递艺术,是一种大众化的宣传工具。海报设计必须有相当的号召力与艺术感染力,要调动形象、色彩、构图、形式感等因素形成强烈的视觉效果;它的画面应有较强的视觉中心,应力求新颖、单纯,还必须具有独特地艺术风格和设计特点。,6:17 PM,15,充分的视觉冲击力,可以通过图像和色彩来实现 ; 海报表达的内容精炼,抓住主要诉求点; 内容不可过多 ; 一般以图片为主,文案为辅 ; 主题字体醒目。,6:17 PM,16,1.6 推荐书目,Phot
10、oshop 7.0基础教程与应用实例甘登岱编著 图像处理:Photoshop 7.0入门与提高(附光盘)老虎工作室,宋雪岩编著 CorelDRAW10基础教程杨波编著,6:17 PM,17,2 图像的基本概念,2.1图像种类 1.矢量图形(Vector): 矢量又称“向量”,矢量图形中的图形元素(点和线段)称为对象,每个对象都是单独的个体,它具有大小、方向、轮廓、颜色和屏幕位置等属性。矢量图形就是用数学的方法通过计算机语言来绘制矩形等而成。,6:17 PM,18,2.位图图像(Bitmap): 位图又称为点阵图、像素图或栅格图像,是由称作像素(栅格)的单个点组成。这些点可以进行不同的排列和染色
11、以构成图样。,6:17 PM,19,矢量图特点: 能重现清晰的轮廓,线条非常光滑、且具有良好的缩放性;图形、文字编辑能力强;与位图相比,在显示和打印方面都快的多。 但图形不真实生动,颜色不丰富,无法像照片一样真实地再现这个世界的景色。 常用的矢量绘图软件:Illustrator、CorelDraw、FreeHand、AutoCAD、Flash等。 位图特点: 位图图像善于重现颜色的细微层次,能够制作出色彩和亮度变化丰富的图像,可逼真地再现这个世界。 文件庞大,不能随意缩放;打印和输出的精度是有限的; 常用的位图软件:Photoshop、Photo Painter、Photo Impact、Pa
12、int Shop Pro、Painter等。,6:17 PM,20,2.2 像素与分辨率,像素:像素是构成图像的最基本元素,它实际上一个个独立的小方格,每个像素都能记录它所在的位置和颜色信息。 右图中每一个 小方格就是一个 像素点,它记载 着图像的各种信 息。,6:17 PM,21,图像分辨率:是指组成一幅图像的像素密度的度量方法。同样的图,图像像素数目越多,图像的分辨率越高,看起来就越逼真。反之,图像显得越粗糙。 在用扫描仪扫描彩色图像时,通常要指定图像的分辨率,用每英寸多少像素(ppi,即pixel per inch)表示。如果用300ppi来扫描一幅810英寸的彩色图像,就得到一幅240
13、03000个像素的图像。分辨率越高,像素就越多,图像的质量相对也就越高。,分辨率:单位长度内(通常是一英寸)像素点的数量多少。针对不同的输出要求对分辨率的大小也不一样,如常用的屏幕分辨率为72像素/英寸,而普通印刷的分辨率为300像素/英寸。,6:17 PM,22,一张72 ppi分辨率11英寸的图像(像素数为7272=5184)和一张尺寸同为11英寸但分辨率为300ppi的图像(像素数为300300=90000),在同样放大200%时,可以看到分辨率为300 ppi的明显比72ppi的清晰,如图所示。,6:17 PM,23,打印机分辨率 打印机使用dpi(即dots per inch,每英寸
14、多少点)的单位,代表着打印机设备打印时的精细程度。表示打印机分辨率的这个数越大,表征图像输出效果的色点就越小,输出的图像效果就越精细逼真。,6:17 PM,24,2.3 常用文件格式:,PSD:Photoshop存储的默认格式,支持PS处理的任何内容(如图层、通道、色彩信息、文字等)、支持无损压缩。唯一能够支持全部图像色彩模式的格式。可合并层来减少图像大小。在压缩图像方面强于TIFF格式。在应用软件中After Effects和Corel Photo-paint支持。 EPS(Encapsulated PostScript):是一种通用的行业标准格式,应用于绘图、排版和印刷,最大优点是可以在软
15、件中以低分辨率预览,将插入的文件进行编辑排版,而在打印或出胶片时则以高分辨率输出,做到工作效率与图像输出质量两不误。 JPEG(Join Photographic Experts Group):是最常用的一种图像格式,也是一种压缩(有损的)方法,用于图像压缩的一种工业标准文件格式。支持RGB模式、索引模式、灰度模式和位图色彩模式,但不支持通道。 BMP:该格式支持124位颜色深度,使用的颜色模式 可为RGB、索引颜色、灰度和位图等。,6:17 PM,25,GIF(Graphic Information Format):是一种使用LZW(Lempel Ziv Welch)的无损压缩。常用于WEB
16、上使用的图像,只能表达256级色彩。 PNG(Portable Network Graphics):是专门为Web创造的,将GIF和JPEG最好的特性结合起来。和GIF格式不同的是,PNG格式并不限于256色,可支持24位图像,通过保存一个Alpha 通道来定义透明区域,产生没有锯齿边缘的透明区域。支持灰度、索引颜色和RGB模式。 TIFF(Tagged Image File Format):具有跨平台的兼容性。在排版上广泛的应用且是图像处理程序中所支持的最通用文件格式。保存剪贴路径、图层、Alpha和专色通道、注释及其他一些选项。最大优点是图像不受操作平台的限制。主要是为了便于应用软件之间进
17、行图像数据交换。大多数扫描仪都输出TIFF格式的图像文件。,6:17 PM,26,CDR:CorelDRAW专用的矢量图形格式。与其他软件、图形格式的交流不是很好,但有许多独特的性质,保存了CorelDRAW文件中的全部素材,使得CDR文件格式在很多行业中非常流行,应用非常广泛。 AI:Adobe Illustrator采用的标准矢量图形格式,用于记录不同的线条组成的图像文件,与PageMaker之间的兼容性非常好,也可兼容CorelDRAW、Flash等软件。常用于出版印刷行业,所保存的信息比WMF多。,6:17 PM,27,2.4 常见颜色模式,配制颜色的方式。颜色模式用于确定图像中显示的
18、颜色数量外,还影响通道数和图像的文件大小 。不同的颜色模式,表示图像中像素点采用的不同颜色描述方法。 灰度模式: 灰度图可以表现从黑到白的整个系列灰色色调。可产生28=256级灰度(0表示纯白,256为纯黑),灰度图就是用这256级灰度值来表现图片内容的。 RGB颜色: 源于色光三原色,是一种发光屏幕的加色模式,所有其他颜色都通过红、绿、蓝三种颜色叠加而形成。是PS默认的色彩模式。R(Red)红色、G(Green)绿色、B(Blue)蓝色,值分别为0255。将红、绿、蓝3种颜色的光混合起来产生颜色,称为加色法。加色法中,没有光线存在时的颜色是黑色(R、G、B值都为0);所有的光都为最大 值(2
19、55)时的颜色是白色。,6:17 PM,28,CMY模式 这种模式是通过吸收白光中的某些颜色,而反射其他的色光而表现颜色的,所以也称为减色法。RGB和CMY是互逆的。 CMYK模式 CMYK模式除用来表现色彩的CMY三色以外,为了增强印刷效果的逼真度,增加了一种颜色黑色。青(Cyan)、洋红(Magenta)、黄(Yellow)、黑(Black)。在Photoshop中,CMYK的图像是通过4个通道来体现的,它比相同幅面的RGB图像文件大33%,且正好是灰度图文件的4倍。印刷中使用的是减色法,因此决定了不能印刷RGB色,,因此在印刷时,常要进行RGB色到CMYK色的转换。,6:17 PM,29
20、,位图模式: 只使用1位“颜色”数据来代表每种像素。即黑色和白色,又称黑白图片。主要用于报版的印刷,采用半调网屏技术(油墨通过网屏过滤到纸张上的);注:要转换成位图模式,须是灰度或多通道模式的图; 专色(Spot Color): 或称自定义色,指超出CMYK颜色之外的色,是特殊的油墨混和颜色,不是标准的青、品红、黄色和黑色。主要用于打印特殊的颜色(如荧光色或金黄色),6:17 PM,30,Lab颜色模式 Lab颜色是由RGB三基色转换而来的,它是由RGB模式转换为CMYK模式的桥梁。 Lab模式既不依赖光线,也不依赖于颜料,它是CIE组织确定的一个理论上包括了人眼可以看见的所有色彩的色彩模式。
21、Lab模式弥补了RGB和CMYK两种色彩模式的不足。 Lab模式所定义的色彩最多,且与光线及设备无关并且处理速度与RGB模式同样快,比CMYK模式快很多。 Lab模式在转换成CMYK模式时色彩没有丢失或被替换。 要注意 LAB模式在PHOTOSHOP中很多功能都不能。,6:17 PM,31,在表达色彩范围上,处于第一位的是Lab模式,第二位的是RGB模式,第三位是CMYK模式。 这里给个建议,也是经验。先用RGB模式进行编辑工作,再用CMYK模式进行打印工作,在打印前才进行转换,然后加入必要的色彩校正,锐化和修整。这样虽然使Photoshop在CMYK模式下速度慢一些,但可节省大部分编辑时间。
22、 CMYK模式是最佳的打印模式,RGB模式尽管色彩多,但不能完全打印出来。那么是不是在编辑的时候就采用CMYK模式呢? 用CMYK模式编辑虽然能够避免色彩的损失,但运算速度很慢。主要因为:1、即使在CMYK模式下工作,Photoshop也必须将CMYK模式转变为显示器所使用的RGB模式。2、对于同样的图象,RGB模式只需要处理三个通道即可,而CMYK模式则需要处理四个。,6:17 PM,32,3 色彩的配搭,在平面设计中,色彩永远是最重要的一环。一个颜色的效果是由多种因素来决定的:反射的光,周边搭配的色彩,或是观看者的欣赏角度。 当我们距离一份平面设计作品较远的时候,我们看到的不是优美的版式或
23、者是美丽的图片,而是色彩。关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些配色的小技巧。,6:17 PM,33,3.1 十种基本的配色设计,6:17 PM,34,6:17 PM,35,3.2 六种配色理念,基本配色强烈 最有力的色彩组合是充满刺激的快感和支配的欲念,不管颜色是怎么组合,红色绝对是少不了的。 红色是最终力量来源强烈、大胆、极端。 力量的色彩组合象征人类最激烈的感情:爱、恨、 情、仇,表现情感的充分发泄。 基本配色丰富 要表现色彩里的浓烈、富足感可藉由组合一个有力的色彩和它暗下来的补色。例如,深白兰地酒红色就是在红
24、色中加了黑色,就像产自法国葡萄园里陈年纯美的葡萄酒,象征财富。白兰地酒红色和深森林绿如果和金色一起使用可表现富裕。这些深色、华丽的色彩用在各式各样的织料上,如皮革和波纹皱丝等等,可创造出戏剧性、难以忘怀的效果。这些色彩会给人一种财富和地位的感觉。,6:17 PM,36,基本配色浪漫 粉红代表浪漫。粉红色是把数量不一的白色加在红色里面,造成一种明亮的红。 象红色一样,粉红色会引起人的兴趣与快感,但是比较柔和、宁静的方式进行。 浪漫色彩设计,藉由使用粉红、淡紫和桃红(略带鲜艳的粉红色),会令人觉得 柔和、典雅。和其它明亮的粉彩配合起来,红色会让想起梦幻般的6月天和满满一束 夏日炎炎下娇柔的花朵。
25、基本配色奔放 藉由使用象朱红色这种一般最令人熟知的色彩,或是它众多的明色和暗色中的一个,都能在一般设计和平面设计上展现活力与热忱。中央为红橙色的色彩组合最能轻易创造出有活力、充满温暖的感觉。这种色彩组合让人有青春、朝气、活泼、顽皮 的感觉,常常出现在广告中,展示精力充沛的个性与生活方式。把红橙和它的补色蓝绿色搭 配组合起来,就具有亲近、随和、活泼、主动的效果,每当应用在织品、广告和包装上,都是非常有效。,6:17 PM,37,基本配色土性 深色、鲜明的红橙色叫赤土色。我们常用它来组合、设计出鲜艳、温暖、充满活力与土地味的色 彩。这种色彩有种淡淡的温暖,就像经过琢磨、润 饰的铜器。和白色搭配起来
26、,就会象散发出自然灿烂的光。土性的色彩有年轻人爱笑、爱闹的个性,令人联想到悠闲,舒适的生活。因为是类比设计的一部分,这种温馨、土味的色调会产生有趣的色彩组合。例如出现在美国西部的装潢设计。 基本配色友善 配色设计要想表达友善之意时,常会使用到橙色。这种色彩组合,开放、随和,又有一切表现能量和动力的素质。能够创造出平等、有序气氛,却没有强势和支配的霸气。橙色和它邻近的几个色彩常应用在快餐厅,因为这类色彩会散发出食物品质好、价钱公道等诱人的讯息。橙色有耀眼、活力的特质,所以被选为在危险地区的国际安全色。橙色的救生筏和救生设备(例如救生衣等)可以让人轻易地在蓝色和灰色的大海里发现踪迹。,6:17 PM,38,4 认识Photoshop,6:17 PM,39,6:17 PM,40,了解Photoshop的工作界面 标题栏 菜单栏 选项栏 工具箱 工作窗口 状态栏 调板组,新建文件 菜单栏-文件-新建 ctrl+n 在对话框中可以设置文件的名称 大小 分辨率 颜色模式等。 保存文件 Psd格式-可再修改 Jpg格式-不可修改,6:17 PM,41,选区 (M),使用选框工具制作规则选区 +SHIFT 创建正方形选区或圆形选区 +ALT
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 临床胎儿疝囊型膈疝影像表现
- 2020-2025年助理医师之中医助理医师强化训练试卷A卷附答案
- 宜昌市伍家岗区事业单位2025年统一公开招聘笔试历年典型考题及考点剖析附带答案详解
- 初中数学折叠类教学课件
- 【成都】2025年上半年四川成都职业技术学院招聘工作人员3人笔试历年典型考题及考点剖析附带答案详解
- 单句与复句教学课件
- 关于守信的教学课件
- Brand KPIs for milk:Landliebe in Germany-英文培训课件2025
- 2025年网络管理软件荐试题及答案
- 口腔知识培训课件
- 校园绿化具体管理办法
- 重庆市主城区七校联考2024-2025学年高一下学期期末考试生物学试题
- 智慧教育基于大数据的个性化教学研究与实践
- 2025年中国铁路集团招聘笔试备考题库(带答案详解)
- 用工风险培训课件
- 海外现场安全健康环境管理(HSE)
- 小小科学家《物理》模拟试卷A(附答案)
- GB/T 9766.7-2009轮胎气门嘴试验方法第7部分:零部件试验方法
- FZ/T 12039-2013喷气涡流纺粘纤纯纺及涤粘混纺本色纱
- 北师大版八年级上册数学《2.6 实数》课件
- B超引导下PICC置管课件
评论
0/150
提交评论