Photoshop在图形设.ppt

第二章 Photoshop在图形设计中的应用,学习目标：本章主要了解图形设计的概念、创意和设计方法，掌握hotoshop中【画笔】【路径】的操作技术，运用【画笔】【路径】进行不同的图形创作，从而为利用hotoshop进行图形设计奠定基础。 本章要点：图形设计的各种知识概念，以及【画笔】【路径】的操作技术 本章难点：运用【画笔】【路径】技术构思并创作出图形设计的作品 知识点：1、【画笔】子菜单的各项内容 2、【路径】子菜单各项内容产生的艺术效果 能力点：【画笔】【路径】的操作技术,概述,2.1.1 图形设计的概念 图形设计是由图形的基础理论、基础知识、基础技能和图形的设计语言等组成的一门课程。图形设计是每一位设计专业学生所必备的基本功，注重培养学生的创造性思维能力。学习图形设计，目的是让学生加强装饰观念，掌握图形的基础知识和设计语言，提高设计者对美的欣赏能力，加强创造意识，在实际应用中得到美的熏陶。装饰图形可分为两类：一类是平面图形，指用于商品广告，商标标志、书籍装帧、印染服饰等设计中的图形；另一类是立体图形，指器物的造型与纹样，如建筑物、日用品、商品容器、家具等的装饰纹样。,图形设计作为视觉空间设计中的一种符号现象，起着沟通人们与文化、信息的作用，现在随着计算机技术的发展，艺术家们寻求使用新的表现手法来展现他们的思想，Photoshop成为许多人制作具有特殊视觉美感的作品的有效工具。,图形的发展忠实的见证了设计是人类文明进步阶梯的这一历史发展的过程。在原始社会，人类就开始用图画为手段记录和表达自己的情感。在器物和洞穴中留下了大量的图画、标记和符号。从下面的两幅原始原始社会的器物图案，是原始人在长期生产和生活中创造并流传的具有本民族特色的图案。,2.1.2图形的存在与表达,原始社会器物图案,2.2图形创意的开始,图形创始是从形象联想、意象联想、创意联想开始的。下面我们来看下这三种联想各自所表达的涵义。 2.2.1形象联想 形象联想是通过一种形态而引发的人们对与它相似的形态的联想。它源于人的感性认识，是一种最基本，普遍的想象的方式。,悉尼歌剧院,2008奥运会徽,2.2.2意象联想,埃菲尔铁塔,意象联想是通过表面不相干的事物之间的事物之间的某种共性而引发的联想。它源于理性认识，讲大家都熟知的具有同一特性因素的事物，通过它们之中共有的意义将它们联系起来。,创意就是要有意识地把生活中两个不相干的东西或事物组合在一起，使人在奇特的构思中有所联想。有人指出，创意不是指一般的构思，而是看起来两种表面上毫不想关的事物，经创意人员把它串连、组合在一起而产生出来的新意义，使人们恍然大悟，并会使人感到“这么简单明显的关系，而我为什么就想不到？”这就是创意的奥妙与伟大之处，所有有人称创意是伟大的意念。,2.2.3创意联想,2.3图形设计的方法,2.3.1 方法一：单形元素的视觉想像 单形元素简单，易于集中思路进行思索。单形虽然简单，而引发的思维可以是三维立体多角度的。如图让铅笔保持其基本特征，而确立不可变和可变形部分，再进行可塑性研究，能使我们获得更多的视觉形象。,铅笔的视觉想象,2.3.2 方法二：特定元素的视觉想像 人的手指富有最本能最直接表述情感的能力。如图 “手的视觉设计”中的手指就表达了各种不同的视觉想象效果。,2.3.3 方法三：同元素表达不同主题,同元素表达不同主题,图形创意需要挖掘各种相同或不同元素之间相互关联的不同方法和方式。从图中我们可以看到利用火柴盒这同一元素，如果在上面加以图形的改变，所表达的出来的思想也各不相同。,2.3.4 方法四：同一主题考虑不同图形,在图形设计中，我们经常需要考虑将各种不同的介质和元素巧妙地维系在一起。通过对这种联系在图形创意中的训练，可以挖掘解决“问题”的不同方法、手段和途径。右边这两幅图形分别用猫吃鱼，啄木鸟吃虫来表现了 “口蜜腹剑”主题,同一主题考虑不同图形,24 艺术设计中的图形创意,图形作为信息传播的载体，有着其他载体无法替代的作用。图形源于图画，非常直观，通过眼睛直接进入大脑进行判断，比较感性。图形传递是形象传播可以给人们带来更深的回味和无尽的联想 。在图中，在杀虫剂的瓶身上绘制出夸张的眼睛图形，来制造杀虫剂毁灭的恐怖气氛。,2.4.1 图形设计的意义,点、线、面是绘画、设计的基本元素。设计元素来源于生活，以三元素为依据，通过联想捕捉生活中的相似视觉形象，引导我们对周边的事物、物体发生兴趣。 用文字和色彩来表现点、线、面来达到视觉冲击的效果。,2.4.2 图形设计的基本元素,1、图形作品有很强的功能性 ，侧重对视觉 信息的传达。 2、注重形式美，但最终是为了传达某种思想和观念 。 3、在一定的文化背景和跨文化传播中超越文字语言障碍进行广泛的交流和传播。,2.4.3 图形设计的的特点,环境保护招贴,2.5 Photoshop CS 图形设计的制作技术,2.5.1 运用画笔工具制作图形 Photoshop CS不仅能够对图片素材进行复制粘贴，利用填充图层，文字，样式等来创建图象，也可以通用运用画笔工具来绘制所需的画面。 画笔调板 要用画笔绘制图形，首先在工具箱上选择【画笔工具】，并指定一种前景色，然后在工具选项栏中设置如下选项。,单击 ，打开【画笔预设面板】，如图所示，该面板上显示出来的是系统默认的可用画笔。它们的形状、大小、软硬程度各不相同，并且可以通过调节直径量选择画笔的大小。,选择预设的画笔,选择不同画笔后的绘画效果,通常我们在绘画工具的画笔窗中只有默认的画笔，如果需要特殊的绘画效果，我们可以单击绘画工具选项工具栏的画笔右侧三角按扭，我们可以将各种效果的画笔追加到当前画笔的预览窗口中。,特殊画笔效果,将选区图案定义为画笔 （1）用矩形工具选择一植物，该选区内图象将作为特殊画笔定义。 （2）执行“编辑-定义画笔预设”命令，在弹出的对话框中输入新画笔的名称，确认后，就会在当面画笔预览窗口最后列出新定义的画笔。,练习一:蘑菇园,(1)在工具箱中选择【铅笔工具】（如图）。在画笔预设面板中选择最上一行较小的画笔，注意铅笔工具的画笔都是硬边。,(2)利用选择选区，进行颜色填充。,(3)绘制水彩效果的线条 选择【画笔工具】，将不透明度值设置为100，并在【画笔预设面板】中，勾选【湿边】选项，选择 合适的柔边画笔，根据近重远淡的原理，新建一图层，绘制背景。,(4)绘制渐隐线条 为了绘制出植物的枝干，在选择了一种枝干的前景颜色之后，需要将动态选项设置为渐隐，然后选择合适大小的画笔，在背景周围拖动绘制出枝干。,(5)利用钢笔工具绘制出果实。,（6）用填充颜色。并且用画笔工具绘制出高光部分。,（7）根据画面效果增加植物和特殊画笔效果,2.5.2 运用路径工具制作图形 许多人认为Photoshop软件主要用于图像的处理，在绘制图形方面没有优势，其实这是一个极大的误解。在前面的课程中我们已经学习了在Photoshop中利用【画笔】、【喷枪】、【选区】等工具来绘制一些图形的方法，但用这些工具要绘制出精确的图形或者说如果要对某些图形要进行精确的修改往往难度较大。而运用【路径】就可以解决这个问题。【路径】是比CAD、CorelDraw等软件在绘制图形上毫不逊色，甚至更为精确和艺术化的工具。特别在艺术设计领域里，它更有比CAD、CorelDraw过之而不及的作用。本小节我们就要重点学习【路径】的路径工具的特点、操作和应用。,路径的功能和特点 【路径】主要用来绘制、编缉图形和定义图形图像区域。它能精确地绘制直线、曲线和图形，精确地定义出图形图像的区域。用它绘制的线条或定义的区域可以灵活自如地进行修改、移动、描边和填充。在【路径】中还能进行将封闭【路径】转换成【选区】或将【选区】转换成【路径】的操作，这是其它软件无法实现的。【路径】使得利用Photoshop来进行绘画和图像处理更为精确和便捷。,使用钢笔工具创建路径 【钢笔工具】是创建路径的最主要的工具。在工具栏上用鼠标按下不放，我们就可以见到弹出的相应工具组。它们是：【钢笔工具】、【自由钢笔工具】、【添加锚点工具】、【删除锚点工具】、【转换点工具】。,在绘制路径时,可以配合该工具的工具栏进行操作.选中【钢笔工具】后,工具栏上将显示有关【钢笔工具】的属性,使用几何形状工具创建路径 PhotoshopCS中的【几何形状工具】不仅提供了绘制常用几何形状的方便，还可以利用它们直接创建【路径】。而且可以用【路径】的所有方法来进行修改和编辑。 【几何形状工具】的创建操作：单击工具箱中的【形状工具】，按住鼠标不放就可显示出不同种类的【形状工具】单击所需形状，将光标移到工作区，按住鼠标拖动，就会创建出以相应形状为基础的变形形状。形状的外轮廓即是形状所创建的【路径】。,当选择【矩形工具】(或其他形状工具)后,工具栏上就会显示出有关该工具的各种属性及选项.在此工具属性栏中提供了众多的选项,这些选项的功能如下：,路径的实际应用 路径除了在绘画中广泛使用外，也可在路径选项板将路径转换为选区。可将选取形象进行填充颜色，移动图象等组合成新的画面效果。,路径的描边 对用【路径】制作好了的图形，可以进行描边。需要进行以下设置和操作： （1）选取【画笔】、【喷枪】等工具，设置好其【大小】、【压力】等参数； （2）确定描边的色彩.在默认状况下是用【前景色】描边； （3）选择【路径选择工具】在文件中击选所需描边的【路径】 （4）.单击【路径调板】右上角黑色小三角形，打开其子菜单，单击【描边子路径】，此时会出现对话框，单击“好”就完成了【描边】。,【路径】的【填充】在默认状态下是用【前景色】进行的。当绘制好确定的【路径】后，只要点击【路径调板】中的【填充路径】即可完成。 操作步骤： （2）选择【路径选择工具】在文件中击选所需描边的【路径】 （3）单击【路径调板】右上角黑色小三角形，打开其子菜单，单击其中的【填充子路径】选项 （4）此时会出现如图所示的对话框，在对话框中单击“好”，就完成了用【前景色】填充路径。,路径的填充,路径调板 当我们在创建和编辑【路径】时还必须使用【路径调板】来配合和控制绘图。单击【窗口】下的【路径】就可以打开【路径调板】。只要创建了【路径】，在调板上就会显示出相关内容。【路径调板】最下面有6个按钮，它们的功能从左到右依次为【用前景色填充路径】、【用前景色描边路径】、【把路径转换成选区】、【创建新路径】和【删除当前路径】。只要单击各个按钮就可以实现各自的意义。点击【路径调板】上方最右侧的小黑三角形按钮还可以打开一个菜单，同样可以按照菜单中的命令完成各自的的任务。,路径技巧 1、在点选调整路径上的一个点后，按“Alt”键，再点击鼠标左键在点上点击一下，这时其中一根“调节线”将会消失，再点击下一个路径点时就会不受影响了。 2、 按住Alt键后在路径控制板上的垃圾桶图标上单击鼠标可以直接删除路径。 3、 使用路径其他工具时按住Ctrl键使光标暂时变成方向选取范围工具。 4、 按住Alt键后在路径控制板上的垃圾桶图标上单击鼠标可以直接删除路径。 5、 使用路径其他工具时按住Ctrl键使光标暂时变成方向选取范围工具。 6、 在点击路径面板下方的几个按钮(用前景色填充路径、用前景色描边路径、将路径作为选区载入)时，按住Alt键可以看见一系列可用的工具或选项。,练习二:小白兔与小女孩 （）选择【钢笔工具】，将鼠标移到绘制图层，依次在相应点位置单击确定每一个锚点，则锚点与锚点之间会自动产生直线路径线段。,在绘制图象时，需要平滑、弯曲的曲线，其实我们可以通过编辑钢笔工具创建的直线路径 ，达到曲线的效果。绘制曲线与绘制直线不同,它需要在每个定位【锚点】位置单击，并且同时拖动鼠标来创建出【曲线路径】。,【曲线路径】是指在使用【钢笔工具】住鼠标拖动时而产生出一种名叫【Bezier曲线】所构成的线条和图形。【Bezier曲线】是由三个点的组合定义而成。其中一点在【曲线】上，另外两点在控制手柄上，通过改变这三点即可改变【曲线】的方向和平滑度并生成优美的曲线。 选择，可通过单击或拖动鼠标来改变路径的形状，下图所示是被选择后的状态。,（）将直线转换为曲线,（）用钢笔工具利用直线把小女孩其他的身体部分也绘制出来。,（）选择【转换点工具】拉出锚点控制柄，对路径进行编辑。转化为曲线。,（）选择【椭圆工具】绘制出小兔子的脸和眼睛,（）选择【圆角矩形工具】绘制小兔子的耳朵。并利用【编辑】【变换路径】【旋