photoshop平面设计中的图形图像ppt课件.pptx
,第 9 章,平面设计中的图形图像,9.1 图形图像的类别9.2 图形图像的表现形式9.3 图片之间的关系9.4 图片和文字的关系,9.1 图形图像的类别-9.1.1 手绘图,9.1.1 手绘图,9.1 图形图像的类别-,商业插画的基本诉求功能就是将信息最简洁、明确、清晰地传递给观众，展示生动具体的产品和服务形象,9.1.1 手绘图,9.1 图形图像的类别-,有准确的商业目标，为企业、产品服务，旨在推动消费。,9.1.1 手绘图,9.1 图形图像的类别-,中国元素的使用,9.1.1 手绘图,9.1 图形图像的类别-,海恩斯汽车手册V W帕萨特3使用手册,再现真实的内部结构,9.1.1 手绘图,9.1 图形图像的类别-,平面设计中使用的插画在艺术性的表现和情感的渲染上有一定的优势更适于对平面设计中一些抽象概念进行视觉化表述针对摄影图片无法展现的内部结构图、生产流程图等，也可以采用插画的形式来清晰地再现还可以清除与主题无关的形象，更清楚地为广告目的服务,9.1.2 摄影照片,9.1 图形图像的类别-,摄影是指使用某种专门设备进行影像记录的过程，可以把日常生活中稍纵即逝的平凡事物转化为不朽的视觉图像。超强的真实感、直观性、说服力,9.1.2 摄影照片,9.1 图形图像的类别-,迪奥香水广告,9.1.2 摄影照片,9.1 图形图像的类别-,时度手表广告,电子杂志中的摄影照片,9.1 图形图像的类别-,电子杂志中的摄影照片,9.1 图形图像的类别-,摄影照片和插画的结合,9.1 图形图像的类别-,摄影照片和插画的结合,9.1 图形图像的类别-,9.1.3 抽象图形,9.1 图形图像的类别-,抽象图形是将自然形象进行概括、提炼、简化而得到的形态，例如点、线、面等几何形和不规则有机形等。它们各有自己的形态和特征，在设计中各自有其功能。抽象的图形在画面中通常不是主角，但它们能起到烘托主题、划分版面、营造气氛、引导视线等作用。,9.1.3 抽象图形,9.1 图形图像的类别-,底色是为了增加画面的层次感色块的边界线和绘制的线条则起到划分版面、分类信息的作用,9.1.3 抽象图形,9.1 图形图像的类别-,9.1.3 抽象图形,9.1 图形图像的类别-,9.2 图形图像的表现形式,方形图轮廓图退底图合成图边框图出血图,9.2 图形图像的表现形式-,9.2.1 方形图,以直线边框来限定面积的一种图像表现形式，宽高比可以根据需要进行设定。,9.2 图形图像的表现形式-,在真实再现方面，方形图可以更好地保留图片的全貌。在版式设计方面，方形图可以划分版面的结构。,注意方形图摆放的位置,9.2 图形图像的表现形式-,注意方形图摆放的位置,9.2 图形图像的表现形式-,当方形图较小时，可以把方形图当成“点”，用多个方形图组成新的图形,9.2.2 退底图,9.2 图形图像的表现形式-,退底图也叫抠图，是将画面中主题图形沿着边线进行抠取，删掉原有的背景。使用退底图，1.可以把图像中的重要信息从繁琐的背景中分离出来，以强调主体部分。2.退底图形比较活泼、自由，能够与画面中的文字、色块等其他视觉元素互动，整体效果和谐统一。,9.2.2 退底图,9.2 图形图像的表现形式-,9.2.2 退底图,9.2 图形图像的表现形式-,退底图和方形图的综合应用,9.2 图形图像的表现形式-,方形图稳重退底图活泼在设计中需要根据图像信息传达的需要和主题思想来选择图像的表现形式。,退底图和方形图的综合应用,9.2 图形图像的表现形式-,退底图和方形图的综合应用,9.2 图形图像的表现形式-,退底图和方形图的综合应用,9.2 图形图像的表现形式-,VIP，采用方形图。,9.2.3 轮廓图,9.2 图形图像的表现形式-,轮廓图的图形边界既不是方形，也不是退底图所呈现的图像的自由外形，而是居于这两者之间的多种特殊的轮廓形式，既无需抠图，又具备丰富的形式感。圆形、多边形等几何形树叶、人形、文字等有机形，喷溅、撕裂等偶然形。,几何形轮廓图,9.2 图形图像的表现形式-,几何形轮廓图,9.2 图形图像的表现形式-,枫叶轮廓图,9.2 图形图像的表现形式-,轮廓图的颜色，与背景色要对比明显,人形轮廓图,9.2 图形图像的表现形式-,轮廓图的颜色，与背景色要对比明显,人形轮廓图,9.2 图形图像的表现形式-,偶发形轮廓图,9.2 图形图像的表现形式-,9.2.4 边框图,9.2 图形图像的表现形式-,边框可以增加画面的层次感，使主体从背景图上突现出来,9.2.4 边框图,9.2 图形图像的表现形式-,边框可以增加画面的层次感，使主体从背景图上突现出来,9.2.4 边框图,9.2 图形图像的表现形式-,边框使图片具备统一的外观特征，统一的表现风格，体现相似的功能性,9.2.4 边框图,9.2 图形图像的表现形式-,同样颜色的边框，削减了小图片的差异性，增加了共性特征。,9.2.4 边框图,9.2 图形图像的表现形式-,同样颜色的边框，削减了小图片的差异性，增加了共性特征。,9.2.5 满版图（出血图）,9.2 图形图像的表现形式-,满版图是方形图的特殊形式，指一张图片占据整个版面，有效增强图形图像的视觉冲击力，更好地表达设计主题。,9.2.5 满版图（出血图）,9.2 图形图像的表现形式-,底图是出血图,9.2.5 满版图（出血图）,9.2 图形图像的表现形式-,右图是出血图,9.2.5 满版图（出血图）,9.2 图形图像的表现形式-,中图是出血图,9.3 图片之间的关系-9.3.1 对齐,9.3图片之间的关系-,图片之间的对齐关系主要是针对方形图对齐是指在设计版面中，以一定的结构线为基准，使得所有图片对齐基线的编排方法。多个图片的对齐会呈现出整齐、有序的视觉效果。,9.3.1 对齐,9.3图片之间的关系-,整齐，有秩序的外观,9.3.1 对齐,9.3图片之间的关系-,注意图片大小的对比,9.3.1 对齐,9.3图片之间的关系-,注意图片颜色的对比,9.3.1 对齐,9.3图片之间的关系-,水平对齐垂直对齐倾斜对齐,9.3.2 叠压,9.3图片之间的关系-,把图片叠压摆放，可在版面中形成图片的前后空间关系，增加层次感,9.3.2 叠压,9.3图片之间的关系-,前大后小，体现页面的层次与空间感,9.3.2 叠压,9.3图片之间的关系-,多个小图片叠压是为了体现整体效果，并不刻意追求小图片的可读性,9.3.3 散点排列,9.3图片之间的关系-,是指多个小图片以散点的形式分布在设计版面中。这种排列方式可以增强版面的动感和随意效果。运用散点排列方式，需要注意图片的大小和间距的疏密关系，以及排列的方向，是否形成了清晰的视觉传达流程。,9.3.3 散点排列,9.3图片之间的关系-,9.3.3 散点排列,9.3图片之间的关系-,9.4 图片和文字的关系-9.4.1 文字对齐图片,9.4图片和文字的关系-,9.4.1 文字对齐图片,9.4图片和文字的关系-,使得文字与图片边缘水平对齐垂直对齐倾斜对齐,9.4.2 文字叠压在图片之上,9.4图片和文字的关系-,图文叠压时要选择文字的位置，保证文字的可读性，同时要保证图片的完整和美观。,9.4.2 文字叠压在图片之上,9.4图片和文字的关系-,9.4.2 文字叠压在图片之上,9.4图片和文字的关系-,9.4.2 文字叠压在图片之上,9.4图片和文字的关系-,9.4.3 文字绕图排列,9.4图片和文字的关系-,文字绕图排列，可以使版面紧凑，清晰，使观者能够更顺畅地阅读文字。图文之间留有适当的距离，使之形成既相互融合，又互不影响，还能形成彼此呼应效果。,9.4.3 文字绕图排列,9.4图片和文字的关系-,9.4.3 文字绕图排列,9.4图片和文字的关系-,ENDThank you,
