photoshop与平面设计

【前言】Photoshop与平面设计,教学重点要求：1、熟悉Photoshop的各种用途,如何用Photoshop打造优秀的商业广告作品,Photoshop与平面设计之间的关系,掌握Photoshop的基本知识与界面操作.2、平面设计的概念,平面设计的基础知识,平面设计的分类,平面设计的美学原理.3、寻找全球顶级平面大师,向大师学习.,教学课时：2课时,教学内容与步骤：1、平面设计的基础知识.2、结识顶级平面设计大师3、Photoshop的前生今世,作业：1、网上搜集全球顶级平面大师的作品60幅,不同作者,不同种类.2、熟练掌握Photoshop的快捷键与界面操作,1.1平面设计基础知识,什么叫平面设计？平面设计（graphicdesign）的定义泛指具有艺术性和专业性，以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。平面设计师可能会利用字体排印、视觉艺术、版面（pagelayout）等方面的专业技巧，来达成创作计划的目的。平面设计通常可指制作（设计）时的过程以及最后完成的作品。,字体排印表现形式,字体排印表现形式,视觉艺术表现形式,视觉艺术表现形式,版面表现形式,版面表现形式,文字排印，视觉艺术，版面综合表现形式,文字排印，视觉艺术，版面综合表现形式,以上案例可以看出平面设计是将作者的思想以图片的形式表达出来。可以将不同的基本图形，按照一定的规则在平面上组合成图案的。也可以以手绘方法创作。主要在二度空间范围之内以轮廓线划分图与地之间的界限，描绘形象。而平面设计所表现的立体空间感，并非实在的三度空间而仅仅是图形对人的视觉引导作用形成的幻觉空间。,平面设计的三大要素1图形图像图形图像是平面设计主要的构成要素，能够直观形象地表现平面设计的主题和创意。图形图像要素有插图、商标、画面轮廓线等元素，可以是黑白画、喷绘插画、绘画插画、摄影作品等，表现形式有写实、象征、漫画、卡通、装饰、构成等。,平面设计的三大要素2文字文字是平面设计不可缺少的构成要素，配合图形图像要素来实现设计主题，具有引起注意、传播信息、感染对象等作用。文字要素主要有标题、标语（广告语）、正文、附文等元素。文字是人类交流思想与感情的重要工具，能够表达人类思想感情的抽象意义，具有结构完整而又变化无穷的鲜明形象。,平面设计的三大要素3色彩色彩是平面设计关键的构成要素，是把握人的视觉的关键所在，也是平面设计表现形式的重点所在。色彩具备情感，能够激发人的感情，能够传达一种信息给观众，使观众产生无限的遐想和活力。色彩要素有色相、纯度、明度等元素，它们是构成画面色彩的主要因素。,平面设计的特征设计是科技与艺术的结合，是商业社会的产物，在商业社会中需要艺术设计与创作理想的平衡，需要客观与克制，需要借作者之口替委托人说话。设计与美术不同，因为设计即要符合审美性又要具有实用性、替人设想、以人为本，设计是一种需要而不仅仅是装饰、装潢。,平面设计的分类及应用目前常见的平面设计项目，可以归纳为这10大类：1.标志设计(logo设计，商标设计，企业标志)2.CIS设计、VI设计（企业形象设计识别系统设计）3.广告设计、广告创意设计4.海报设计、DM设计（宣传单设计）5.样本设计、宣传手册设计、画册设计（宣传册设计）6.楼书设计、年报设计7.包装设计8.书籍插画绘制、贺卡设计、请柬设计9.报纸、杂志排版设计10.各类印刷品设计等等。可以这样说有多少种需要就有多少种设计。商业设计与艺术设计是并存的。,1.标志设计(logo设计，商标设计，企业标志),2.CIS设计、VI设计（企业形象设计识别系统设计）,3.广告设计、广告创意设计,4.海报设计、DM设计（宣传单设计）,5.样本设计、宣传手册设计、画册设计（宣传册设计）,6.楼书设计、年报设计,7.包装设计,8.书籍插画绘制、贺卡设计、请柬设计,9.报纸、杂志排版设计,10.各类印刷品设计等等,各类印刷品设计,以上平面设计的分类及应用，涵盖了设计师的日常工作内容与范围。平面设计在日常生活中随处可见，所以掌握相关专业的理论知识与技巧，并且懂得灵活运用，这是学好平面设计的一个必备条件。要多看优秀的设计作品，学习人家作品中优秀的地方，并且多多练习，不断地进步，不断地提高自己。从模仿中慢慢地学会如何去借鉴，一个好的借鉴就是一种创新。努力去创造属于自己的东西才是一个真正的平面设计师需要做的。,经验之谈如何成为一名设计师,平面设计的常用软件PhotoShop（简称PS）：是点阵设计软件，由像素构成，分辨率越大图像越大，Photoshop的优点是丰富的色彩及超强的功能，无人能及；缺点是文件过大，放大后清晰度会降低，文字边缘不清晰。Illustrator（简称AI）：矢量设计软件，可以随意放大缩小而清晰度不变。Illustrator最大的优点是放大到任何程度都能保持清晰，特别是标志设计、文字、排版特别出色；MAC和PC均可应用。CorelDRAW（简称CD）：矢量设计软件，可以随意放大缩小而清晰度不变。CorelDRAW最大的优点是放大到任何程度都能保持清晰，特别是标志设计、文字、排版特别出色；MAC应用不多，多见于PC。在一般的平面设计软件有Photoshop、CorelDRAW、IIIustator、Freehand、PageMaker、Photolmpact、dreamweaver、Indesign。,如何学好平面设计？1.学平面设计，就需要你有好的创意才行，好的美术基础打底是必须的。2.首先，你要把平面构成、色彩构成、立体构成这3大构成学好。,如何学好平面设计？3.提高自身的修养，要懂得会审美，跟艺术触类旁通的东西你都要看，从各个方面对自身都要进行充实。可以多看看外国的平面设计大师的作品，因为能给我们很灵感，设计来源于生活，你要想把生活中的点点滴滴取来当作素材，学好平面设计还有一点是最关键的，培养自己对平面设计的浓厚兴趣，学好它并非一朝一夕，打好坚实的基础，注意积累，热爱艺术，你将成为一名优秀的设计师。4.要学好平面设计，photoshop、Coreldraw、Illustraor这三个软件都是应该熟练掌握的。这3个软件可以自学，下教程，自己做实例来熟练掌握。基础的平面设计就是Photoshop、Coreldraw，广告公司常用的Photoshop、Illustrator、PageMaker、Freehand、CorelDraw等设计软件。,企业需要什么样的设计人才？1.软件熟练，工作效率高，才能为企业创造更多的价值，设计师才能发挥更大的作用。2.创意创新能力强，能吃苦耐劳，思维敏捷，对工作认真负责，善于学习。3.热爱平面设计，团队协作能力好，较强的客户沟通能力。,优秀设计师的必备素质？,成功的设计师应具备以下几点：A、较强的市场洞察力和把握能力B、对产品和项目的诉求点的挖掘能力C、对作品的市场匹配性的准确判断能力D、较强的客户沟通能力E、掌握设计语言的各种表现形式，包括，草图构思、数字化实现等。,平面设计中的三大构成平面构成色彩构成立体构成,1.1.1平面设计平面构成,什么是平面构成？构成是近代造型概念，其含义是值将不同或相同形态的几个以上的单元重新组合成为一个新的单元，构成的主要形态包括自然形态，几何形态和抽象形态。并赋予其视觉化的，力学化的概念。平面构成探讨的是二度空间的视觉文法。其构成形式主要有重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及视觉差。,平面构成的要素：点、线、面的构成形式。所有平面构成作品都是由这三种基本元素构成的。另一个重要元素是“形象”，“形象”在构成设计中表达一定含义形态构成的视觉元素。形象是有面积、形状、色彩、大小和肌理的视觉可见物。在构成中点、线、面是基本的形象。由于点、线、面的多种不同的形态结合和作用，就产生了多种不同的表现手法和形象。,构成的基本元素1.概念元素：所谓概念元素是那些不实际存在的，不可见的，但人们的意识又能感觉到的东西。例如我们看到尖角的图形，感到上面有点，物体的轮廓上有边缘线。概念元素包括：点、线、面。2.视觉元素：概念元素不在实际的设计中加以体现，它将是没有意义的。概念元素通常是通过视觉元素体现的，视觉元素包括图形的大小、形状、色彩等。3.关系元素：视觉元素在画面上如何组织、排列，是*关系元素来决定的。包括：方向、位置、空间、重心等。4.实用元素：指设计所表达的含义、内容、设计的目的及功能。,1.点的构成形式,2.线的构成形式,3.面的构成形式,1.1.2平面设计色彩构成,什么叫色彩构成？就是颜色的相互作用，是从人对色彩的知觉和心理效果出发，用科学分析的方法。把复杂的色彩现象还原为基本要素，利用色彩空间，量与质上的可变幻性，按照一定的规律去组合各种构成之间的相互关系，再创造出新的色彩效果的过程。色彩构成不能脱离形体、空间、位置、面积、肌理等而独立存在。,1.光与色色彩离不开光，有光才有色。,2.计算机色彩显示彩色显示器产生色彩的方式类似于大自然的发光体。红、绿、蓝三种光波，经过合成叠加，就模拟出自然界的各种光色。,3.色彩的三要素色彩的三要素即明度、色相、饱和度。,4.色彩对比（1）零度对比（2）调和对比（3）强烈对比,1.1.3平面设计创意,什么叫创意？就是具有新颖性和创造性的想法。创意的四个特点：新奇、惊人、震撼、实效。作为名词：是有创造性的想法、构思等，如颇具创意。作为动词：提出创造性的想法，构思，如这项活动由工会创意发起。如果用一句话来概括的话，“把任何想法转化成效益”就叫创意。创意是平面设计的核心动力，是广告的灵魂。,创意广告中平面创意是一种生存智慧，它把消费者带进一个印象深刻，浮想联翩，妙趣横生，难以忘怀的境界中。卓越的创意洞察生活，找对人说话，引起消费者的共鸣。卓越的创意从短期看，提升销售效益；从长期看，提升品牌价值，利于企业长远发展，图百年大计。,保持清醒。上好佳红茶饮料,超强吸力！伊莱克斯吸尘器,非一般的坚韧。路虎S1手机,请系好安全带。澳大利亚州道路安全议会,好的广告设计来自好的创意，但好的作品不是凭空捏造出来的。它需要一个深度的思维过程。创意的形成始终由一个核心点来支持，由这个点切入出发点，引出创意的表现手法，但这一切都要受到消费者，市场局势，产品定位三个层面的制约。创意中的“点”或称创意概念，是广告成功的关键，它是由目标消费者的需求作为导向的。,森马广告,麦当劳广告,可口可乐广告,1.形相似法（1）相似物的外在形态越和产品之间的相似程度越高，表现力越好。（2）相似物的形象特征能充分反映，传达出产品的特征和特质。（3）相似物的形象特征是一种社会共识，是人所共见的。,利用形相似法表现的广告作品,2.幽默法是指广告作品中巧妙地再现喜剧特征，创造出一种充满情趣，能引人发笑而耐人寻味的意境，引起欣赏着会心一笑的表现形式。,Kayaking大颗花生：大象被呛住了,Utopolis影院集团：泰坦尼克号现实太烂了,3.直接展示法是一种常见手法，这种方法应着力突出产品本身最容易打动人心的部分，运用各种视觉表现手法烘托，使产品更具感染力。,利用直接展示法创作的广告作品,4.偶像法花重金请代言人，这种方法效果非常好，创意的受关注程度和偶像的级别有关。,利用偶像法创作的广告作品,利用偶像法多个偶像创作的广告作品,1.1.4平面设计的重要美学原理,平面设计是创造美感的艺术，对比与统一的规则加上对称与平衡的原理，就共同形成了平面构成的美学基础。对称与平衡可以看做是一切美学的基础，其它原理都可以看成是这一基本原理的派生。,1.对称与平衡对称与平衡之所以被称为最基本的美学原理，是因为它发源本心，符合我们最为朴素也最为古典的审美典范，最能使观看者的心理得到慰藉，感到舒适和安全，有了对称和平衡，美丽基础有了。其它美学原理，都是在这一基础上，产生变异与衍生。,印度的泰姬陵,中国故宫一角,2.韵律与节奏在平面构成中的韵律与节奏，与音乐中的韵律与节奏，其美学内涵，是一样的。,讲究韵律与节奏的设计作品,3.渐变与突变渐变是指各元素在设计中呈现出来的形状，色彩，体积逐渐的变化。突变是指在重复和同类的元素中，突然出现一种异类，或者出现很大变化。这些很大的变化和异类，与其他重复和同类的内容形成对比。,渐变,突变,1.1.5关于平面设计师,什么叫平面设计师？平面设计师是用设计语言将产品或被设计媒体的特点和潜在价值表现出来，展现给大众，从而产生商业价值和物品流通。,平面设计师的工作内容？1、根据内容需要，进行平面媒体的版面编排；2、完成平面宣传品的创意设计；3、执行公司开发项目的VI设计发展和导入；4、完成会展、活动的整体布局，灯光舞美、气氛模拟设计；5、完成对照片、图片的后期处理,平面设计师需要掌握的基本软件？1、熟练操作Coreldraw与Illustrator2、图像照片处理软件：Photoshop3、大量文字排版软件：Pagemaker方正排版,平面设计的发展方向？设计助理、平面设计师、资深设计师、美术指导、设计总监工作内容：平面设计主要包括美术排版、平面广告、海报、灯箱等的设计制作。就业趋向：报纸、杂志、出版等大众传播媒体，广告公司等相关行业。从事平面设计工作，技术难度较低，人才需求量又比较大。,平面设计师需要做好哪些准备？1、知识准备2、平面设计需要造型基础3、平面设计需要色彩知识4、平面设计需要构成知识5、平面设计需要创意,1.2结识顶级PS大师,关于寻找名师模仿大师作品师通往创意之路的捷径之一，就算你成为高手了，模仿优秀作品仍是我们需要做的事情，只有站在巨人肩膀上才站的更高，看的更元，想要成为优秀的设计师必须不断学习，不断超越自己。,全球顶级平面大师NikAinley,全球顶级平面大师JericoSantander,1.3Photoshop的前生今世,Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱.,1.3.1Photoshop的历史1986年，Michigan大学的一位研究生ThomesKnoll编制了一个程序，为了在MacintoshPlus机上显示灰阶图像。最初这个软件教disply，他哥哥John也参与早期开发，插件就师他开发的。后来经人建议将这个软件更名为Photoshop，1988年，他们找到Adobe公司，第2年4月份获权发行，开始正式发布。,Photoshop主要设计师诺尔兄弟,Photoshop的发展史1990年2月,Photoshop1.0.1版本发行1991年6月,Photoshop2.0版本发行1994年11月,Photoshop3.0版本发行1996年11月,Photoshop4.0版本发行1998年5月,Photoshop5.0版本发行2000年9月,Photoshop6.0版本发行2002年3月,Photoshop1.0版本发行2003年9月,PhotoshopCS版本发行2005年5月,PhotoshopCS2版本发行2007年1月,PhotoshopCS3版本发行2008年10月,PhotoshopCS4版本发行2010年5月,PhotoshopCS5版本发行,1.3.2Photoshop软件安装,1.3.3Photoshop的标题栏AdobePhtoshop的操作界面大致可以分为标题栏，菜单栏，工具栏选项，工作箱，工作区，浮动面板6个部分。,1.3.4Photoshop的菜单栏和选项栏菜单栏AdobePhtoshop的重要组成部分，它包含大部分功能命令，选项栏位于菜单栏的下方。,1.3.5Photoshop的工具栏AdobePhtoshop的工具栏使用频率很高。包含了多样常用工具，就像百宝箱一样应有尽有，可以辅助我们进行各种各样的操作。,Photoshop工具栏和颜色调板,1.3.6Photoshop的视图区AdobePhtoshop的视图区用以被编辑的图像，顶部可以看到图像的名字，左下角可以看到图像的比例。,Photoshop的视图区,Photoshop的视图区,1.3.7Photoshop的浮动面板AdobePhtoshop的浮动面板用于编辑图像，具有可伸缩，可折叠。可组合的特征，常用的浮动面板如图层，字符面板，历史记录面板等。,Photoshop的浮动面板,1.3.7Photoshop的快捷键,1.选区内快捷键全部选取【Ctrl】+【A】取消选择【Ctrl】+【D】重新选择【Ctrl】+【Shift】+【D】羽化选择【Ctrl】+【Alt】+【D】反向选择【Ctrl】+【Shift】+【I】路径变选区数字键盘的【Enter】,2.视图操作类快捷键放大视图【Ctrl】+【+】缩小视图【Ctrl】+【-】满画布显示【Ctrl】+【0】实际象素显示【Ctrl】+【Alt】+【0】放大视图并适应视窗【Ctrl】+【Alt】+【+】缩小视图并适应视窗【Ctrl】+【Alt】+【-】,3.编辑操作类快捷键还原/重做前一步操作【Ctrl】+【Z】还原两步以上操作【Ctrl】+【Alt】+【Z】重做两步以上操作【Ctrl】+【Shift】+【Z】剪切选取的图像或路