恩佐平台-提现快吗,InDesign平面设计案例教程——从设计到印刷(张炎)PPT全套完整教学课件.pptx
InDesign平面设计案例教程——从设计到印刷(张炎)PPT全套完整教学课件.pptx
InDesign平面设计案例教程——从设计到印刷(张炎);Chapter01进入InDesign的世界;本章学习重点:
平面设计是将各个构成元素按照一定的规则在平面的二维空间内组合形成图案的视觉传达方式。平面设计中的立体表现空间是利用图形对人的视觉产生引导而形成的幻觉空间。
在平面设计中,图形、色彩、文字是构成平面设计的基本元素,利用好的创意,把握设计作品在画面色彩上的调和与对比,使整个作品的色调融合、平衡,处理好图形、色彩和文字三元素在画面中的空间关系,就可以得到一幅好的平面设计作品。;1.1.1认识平面设计与平面构成
平面构成是把视觉元素在二维的平面上,按照美的视觉效果和力学的原理进行编排和组合,从纯粹的视觉审美和视觉心理的角度寻求组成平面的各种可能性和可行性,是关于平面设计的思维方式和平面设计的方法论。;平面构成是平面设计的思维方式,是通过研究和探索设计中的规律,达到最终设计效果的有效手段之一,因此我们也可以说平面设计是平面构成的具体应用和实施,右图展示了平面构成与平面设计的关系。;平面构成按其研究的性质和特点来分,可以分为自然形态构成和抽象形态构成两大类。以自然形态为基础,保持原有形象的基本特征,对大自然中的动物、植物、工艺品等各种形态的结构、形式、秩序等进行模仿的构成称为自然形态构成;而抽象形态构成则是指以自然规律和运动规律为主线,利用点、线、面等元素,组合成多种几何形象。抽象形态构成是平面构成中最为常见的构成形式,常给人以无限的元素想象空间。;如下左图所示为自然形态构成效果,右图为抽象形态构成效果。
;平面构成作为设计的一种思维方式和基础理论,在实际的设计过程中,具有极强的广泛性,结合富有抽象性和形式感的表现形式,能创作出别具一格的画面效果。
一套正确的、完整的平面设计思维流程,首先应当是通过理性的分析得出一个???象的概念,然后在运用中将之具象化后再深入分析、扩展,然后达到成熟的阶段,如右图所示。?;平面构成是平面设计的基础,因此,在实际的设计运用中,要对视觉的艺术语言运用有更深入的了解,要了解造型观念,训练培养各种熟练的构成技巧以及表现方法。只有培养出审美观,提升了美学修养,才能真正地提高平面设计中的创作意识和造型能力,活跃构思。;平面构成的思维过程主要分为抽象、扩展、分析和理性4个阶段,思维模式是思维结构功能化的转换形式,是将事物主体从理性、抽象、具体再折回理性的一种思维转变过程。借助思维模式示意图,可以将图形进行不断地组合、构成,从而达到不断创新的目的。;1.1.2构成平面设计的三大理性元素
在平面构成中,视觉思维是不可能凭空产生的,它一定是通过各种抽象或具象的图形、文字、符号来传达的。这种思维不论理性的还是感性的,都是建立在对点、线、面和图形、文字、色彩等视觉元素的研究和探讨的基础上。我们通常会把平面构成的视觉元素分为理性视觉元素和形象视觉元素。其中形象视觉元素是指图形、色彩和文字,而理性视觉元素则是构成平面设计的点、线、面。
自然界万物的形态构成都离不开点、线、面,它们是平面构成的重要组成部分。由于点、线、面在构成的实际运用中具有不同的形态结构和作用,所以能表达出不同的情感特征。;1.点
由于点的单个视觉形象表现力不强,所以需要将它与其他元素进行组合、排列。利用点的大小、排列方向和距离的变化可以设计出活泼、轻巧等富有节奏韵律感的画面。如下左图所示,将无数小图像作为点,对其进行叠加、堆积和聚合,让设计出的画面更具韵律感。; 2.线
点移动的轨迹形成了线,因此线通常会给人一种具有流向性的感觉。按照移动轨迹的不同,线又分为直线、曲线、折线以及三者的混合,线具有很强的表现力,在平面构成中有着十分重要的作用,因此被广泛运用到绘画或设计之中。如下左图所示,利用动感的曲线与车身流畅的线形搭配,使整个画面既不失稳重感又富有趣味性,恰到好处地突出了汽车的优点。; 3.面
面是由线的移动而形成的,也可以理解为在一定范围内点的扩大或聚集。轮廓线闭合的不同会产生不同的面,线闭合产生的轮廓能给人以明确、突出的感觉。如右图所示,运用同类色的图形组合成一个完整的画面,使页面具有更强的视觉形式美感。;1.1.3平面设计中的配色原则
无彩色配色的页面主要用黑色、白色和灰色来表现。黑色和白色具有强烈的对比关系,而灰色是对这两者进行调和,由这3种色构成的画面能够给人视觉舒适感,同时,无彩色还能表现出较强的时尚感,为画面营造出与众不同的画面感。; 2.同类色配色
同类色是指单一色相系统的颜色,分布在色相环0°~15°夹角内的颜色,它们色相性质相同但有深浅之分。同类色配色的画面中,画面色调较为单一,只能通过微妙的差异来表现统一的画面效果。在以同类色调构成的画面中,画面会呈现一种色调的倾向,这样的配色方式,重点在于寻求色彩的统一感,是一种简单、便捷的配色方法。如下左图所示为一则食品广告,画面的主色调为红色,设计者大胆地使用同类色表现,通过色调的明暗变化让食物的特征更加鲜明。; 3.类似色配色
类似色相较于同类色来讲颜色范围更广,它是指分布在色相环上30°~45°以内的颜色。
类似色的变化相比之下更为丰富,这样看来,类似色在保持画面协调统一的同时也不缺乏活力。
采用类似色配色可形成较平缓的画面效果。在面积上或在色彩有交界处适当地制作色相差,或利用色彩的明度变化,都能达到丰富的画面效果。如上右图所示,画面采用类似色配色的方式进行表现,通过将怀旧的黄色与绿色搭配,使画面传达出一种复古的氛围,得到更显沉稳的画面感。; 4.对比色配色
对比色是指分布在色相环上大约等于120°且小于等于180°的颜色。对比配色采用色彩冲突性较强的色相进行的配色方式,如红与黄绿、红与蓝绿等。这种配色方式下的平面设计作品色相对比强列、色彩感强,图像能够呈现出饱满华丽的效果,并且能够避免过于夸张的色彩对比造成的审美疲劳,如下左图的平面设计作品中采用对比色配色方案,充分利用红、黄、蓝等高纯度色彩的强烈对比打造出颇具节奏感和跳跃感的画面,展现出醒目的视觉效果。; 5.互补色配色
色相对比双方在色相环上处于180°左右的色彩关系即为互补色对比,如红与绿、黄与紫、蓝与橙等。利用互补色配色表现的平面设计作品,其色相对比最为强烈,相较于对比色更丰富,更具有感官刺激性。如下右图所示,画面以红、绿这对互补色来营造视觉效果,两种颜色色域面积对比适当,给人以很强的刺激,画面呈现出紧张感和平衡感。;1.1.4了解平面设计常用软件
AdobePhotoshop是由美国Adobe公司推出的一款功能强大的图形处理软件。AdobePhotoshop???但可以独立进行图片的编辑与创建,其强大的色彩调整、图像处理功能更是让其成为设计师必选设计软件的原因之一。
AdobeIllustrator是一款较专业的矢量图形设计软件,其强大的图形创作功能受到设计师们的青睐。与PhotoShop制作的位图图像相比,矢量图可以在任何情况下都保持清晰的画质,即使对其进行无限缩放也不会导致图像的失线.AdobeInDesign
AdobeInDesign是一款专门用于排版的软件,利用InDesign可以随心所欲地安排处理画面中的文字、图像、图形,大大提升设计师的工作效率,同时,InDesign还具备一部分图形绘制、图像处理的功能,是平面设计师不可或缺的工具。
CorelDraw是Corel公司推出的集矢量图形设计、印刷排版、文字编辑处理和高质量图像输出于一体的平面设计软件,也是深受广大平面设计人员的欢迎,其功能与Illustrator相似。;1.2InDesignCS6基础知识
平面设计中无论是单页的广告、海报设计,还是成套的画册、书籍设计,都必须要考虑页面中各视觉元素的搭配,InDesign作为一款专业排版设计软件,向平面设计师提供了一个新的开放的面向对象系统,读者可以利用它完成各种不同的平面设计作品,并且可以轻松地实现跨平台的设计。打开InDesign软件,可以看到如上图所示的InDesign工作界面,它由标题栏、菜单栏、控制面板等多个部分组成。;1.2.2菜单、工具箱和面板的介绍
菜单是所有应用程序的集合,面板中的大部分选项都可以在菜单中找到。AdobeInDesignCS6的菜单包括“文件”菜单、“编辑”菜单、“版面”菜单、“文字”菜单、“对象”菜单、“表”菜单、“视图”菜单“窗口”菜单和“帮助”菜单,如下图所示。;(1)“文件”菜单:主要功能为新建、打开、存储、关闭、导出和打印文件。
(2)“编辑”菜单:主要功能为复制、粘贴、查找、替换、键盘快捷键和首选项设置等。
(4)“文字”菜单:所有关于文字的操作选项都在“文字”菜单中进行,包括设置字体、写号、字距和行距等。
(5)“对象”菜单:主要用于为图形、图像添加效果,调整对象的叠放顺序等。
(6)“表”菜单:主要用于表格的设置与添加。;(7)“视图”菜单:此菜单可以调整是否显示文档中的参考线、框架边缘、基线网格、文档网格、版面网格以及参考线)“窗口”菜单:主要用于打开各种选项的面板,在工作界面中找不到的面板,都可以通过“窗口”菜单找到。
(9)“帮助”菜单:对于不明白的命令、选项或使用方法,可通过“帮助”菜单了解。; 2.工具箱
工具箱中集合了最常见的一些工具,主要用于选择、编辑和创建页面元素,选择文字、形状、线条和渐变。默认情况下,工具箱显示为垂直方向的单列工具,也可以将其设置为双列或单行。如果需要移动工具箱,可直接拖曳其标题栏。
在工具箱中单击某个工具,可以将其选项,若包含隐藏工具,则可以单击工具右下角的三角形按钮,显示并选择隐藏工具。; 3.面板
面板的种类有很多,InDesignCS6将一些常用的面板以标签的方式显示在工作界面右侧。
将面板展开后,可以在面板中设置选项,可以对图像进行编辑。如果要使用更多的面板,则可以单击菜单栏的“窗口”菜单,在弹出的子菜单中选择并载入新的面板。
“链接”面板是InDesign独有的一个面板,主要用于版面中图像的链接设置,在此面板显示了当前版面中所有的链接对象以及对象链接信息,如下左图所示,如果在链接的对象旁边有一个感叹号出现,则表示链接已丢失,可以通过重新链接的方式进行对象的链接操作。
在InDesign中创建或打开一个新的文档后,在“页面”面板中会显示该文档包含的页面。在“页面”面板中显示了每个工作页面的缩览图,用户可以单击不同的页面缩览图,进行各页面之间的自由跳转,也可以单击“页面”面板下方的按钮,添加或删除页面,如下中图所示为打开的“页面”面板。
“描边”主要用于指定对象的描边设置。在“描边”面板中包括描边粗细、描边类型、起点和终点等选项,如下右图所示。应用InDesign组织和编排页面时,利用“描边”面板可以为页面中的对象指定不同粗细、类型的描边效果。
“渐变”面板主要用于对渐变颜色的设置。默认情况下为黑白色渐变填充,用户可以在面板中单击颜色色标后,结合工具箱中的“填色”或“描边”按钮,为选定的对象设置渐变填充效果。如果需要添加渐变色,则需要单击进行色标的添加,如下左图所示为默认的“渐变”面板。
“颜色”面板用于填充色和描边色的设置。在面板中单击填色色块,拖曳右侧的颜色滑块可为选定对象设置填充颜色,单击描边色块,启用描边,拖曳右侧的颜色滑块即可为选定对象设置描边颜色,如下中图所示为“颜色”面板。
“色板”面板主要用于对颜色的设置。InDesign中的“色板”面板中提供了多种预设好的颜色,用户只需要选择对象后,单击“色板”面板中的色块进行颜色的填充设置,如果需要为对象设置描边色,则需要单击面板左上角的“描边”图标,然后再单击下方的颜色块。如下右图所示为打开的“色板”面板。在“色板”面板中,还可以将新设置的颜色添加到色板中,便于为不同的对象填充相同的颜色。
InDesign中“效果”面板与Photoshop中的“图层”面板有类似之处,主要用于设置图像的混合模式以及不透明度,如下左图所示,通过单击混合模式右侧的倒三角形按钮,可设置图像的混合方式,单击“不透明度”右侧的倒三角形按钮,在展现的滑块上拖曳可以调整对象的不透明度。
“路径查找器”面板是InDeisgn中经常会使用的面板之一,打开的面板效果如下中图所示。“路径查找器”面板中包含了一组功能强大的路径编辑命令,使用“路径查找器”面板可以创建各种不同的复合形状,还能使用它完成图形之间的自由转换。;(9)“对齐”面板
InDesign中使用“对齐”面板中的对齐和分布选项可沿指定的轴对齐或分布所选对象。在对齐对象时可以使用对象边缘或锚点作为参考点,并且可以对齐所选对象、画板或关键对象。当选择需要对齐的对象后,在“对齐”面板中的选项按钮即显示为可用状态,如下右图所示。;(10)“字符”面板
由于InDesign是一款专业的排版软件,因此“字符”面板是必不可少的。InDesign中“字符”面板的功能与Photoshop中“字符”面板功能相同,主要用于对文本进行编辑和修改,包括调整文字的字体、字体大小、间距等。;(11)“段落”面板
“段落”面板用于段落文本的控制,可以设置段落文本的对齐方式、指定段落缩进值以及添加文本首行缩进以及首字下沉效果。
图文混排是很多画册、杂志、书籍经常会遇到的。InDesign中提供了一个非常实用的“文本绕排”面板,用于为选定对象指定不同的文字绕排效果。如下右图所示为打开的“文本绕排”面板。;1.2.3InDesignCS6常用功能介绍
文字对于任何设计作品来讲都是必不可少的,在一个???面中适当地添加文字可以起到画龙点睛的作用。InDesign作为专业排版设计软件,文字的编辑上显得更加灵活。在InDesign中可以通过多种方法在页面中添加文字,方法一是置入法,执行“文件置入”命令,在对话框中选择要置入的文本;方法二为复制粘贴法,复制一段文字,然后在InDesign中粘贴即可;方法三为拖曳文本文件法,将文本文件由资源管理器窗口拖曳到InDesign的空白页面中;方法四为输入文字法,用“文字工具”拖曳文本框,然后在文本框中输入文字,如下左图所示,用“文字工具”绘制文本框,在文本框中输入文字后,未更改字体和样式时,画面效果如下右图所示。;在文档中添加文字以后,还可以对文字的字体、间距、大小和颜色等进行设置。如右图所示,用“文字工具”选择文本框中的文字,结合“字符”面板和“控制”面板,对文本框中的文字做调整,变换字体以及文字颜色。; 2.对象的填充与描边
InDesign中会将对象划分为边沿和面积两个部分,在具体的操作中,可以结合“颜色”“色板”“描边”面板为对象填充颜色或添加描边效果,也可以运用“渐变”面板为对象设定渐变的填充效果和描边效果。
如下图所示,用“选择工具”选中页面中需要填充颜色的对象,单击“色板”面板中的颜色,使单击颜色应用于所选对象上,如下右图所示。;如果需要为对象指定描边颜色,同样可以在“色板”面板中进行设置,单击“色板”中的“描边”按钮,如左图所示,然后单击下方列表中的颜色,设置描边效果,在“控制”面板中对描边粗细进行调整,得到描边效果。; 3.复合路径的创建
用InDesign中的图形绘制工具不但可以绘制简单的矩形、方形、圆形图形,还可以创建复合形状的图形。复合形状可以由简单路径、复合路径、文本框架、文本轮廓或是其他形状组成。复合形状的外观则取决于所选的“路径查找器”按钮。打开“路径查找器”面板,在面板中的“路径查找器”选项区,可以看到“添加”“减去”“交叉”“排除重叠”和“减去后方对象”5个按钮,如右图所示。; 4.图形的转换
使用“路径查找器”面板不但可以创建复合形状,还可以在各种简单的图形之间进行转换。打开“路径查找器”面板后,在面板中的“转换形状”选项区,添加了“转换为矩形”“转换为圆角矩形”“转换为斜角”“转换为反向圆角矩形”“转换为椭圆”“转换为三角形”“转换为多边形”“转换为直线”和“转换为垂直或水平直线???多个按钮,通过单击这些按钮,可完成图形之间的快速转换。; 5.获取图片调整其大小
InDesign中不但可以进行图形的绘制,通过执行“文件置入”菜单命令或直接将图片拖入InDesign中也可以对位图图像进行调整。在InDesign中,所有置入的图形都是有外框的,因此在调整图片大小时需要注意,是需要同时调整图像及外框,还是只需要单独对图像大小进行调整。
如下图中的三幅图像,第一幅为置入的原始图像效果,分别调整图像及外框,以及单独调整图像得到了另外两幅图像效果。;InDesign虽然没有Photoshop那么强大的图像处理功能,但是也能对图片做一些简单的效果设置。用户可以应用“效果”面板调整图片的混合模式、不透明度,还可以使用“效果”对话框为置入的图片添加投影、斜面和浮雕、羽化效果,右图所示为打开的“效果”对线.设置自由的文本绕排效果
图文混排可以说是排版设计时最常用的功能之一,它不仅让版面变得更加灵活,还能提高页面的可读性,增强其表现力和说服力。InDesign为图文混排设定了一个单独的“文本绕排”面板,在该面板中添加了“无文本绕排”“沿定界框绕排”“沿对象形状绕排”“上下型排”“下型绕排”5个绕排按钮,用于指定不同的文本绕排方式。当我们单击不同的按钮后,在页面中的图像就会根据单击的按钮,设置出不同的文本绕排效果,下面的几幅图像分别向大家展示了不同绕排方式下所获得的版式效果。; 7.图像的链接
使用InDesign编辑页面时,每置入一张图片InDesign就会自动建立与原图之间的链接,并且会在“链接”面板中显示图像缩览图。当我们对已置入图像进行重新编辑后,InDesign会根据图像自动进行更新操作,如果图像被损坏或丢失时,在“链接”面板中就会显示惊叹号图标,提示用户重新指定链接或替换新的链接,即单击面板底部的“重新链接”按钮进行链接。; 8.表格的设置
InDesign具有非常强大的表格功能,它可以直接置入在Word中绘制的表格,甚至还可以直接复制粘贴,并且可以进行进一步的编辑、调整。为了便于处理表格对象,InDesign提供了一个单独的“表”菜单和“表”面板,对表格的所有调整都可以利用它们来实现。如下左图所示,在页面中用“文字工具”绘制文本框,置入一个简单的Word表格,对表格的单元格颜色、描边效果进行设置后,得到了如下右图所示的精美的表格效果。;1.3InDesignCS6基础操作
启动InDesign后,系统会弹出一个如右图所示的对话框,在该对话框中的“新建”区域中显示了“文档”“书籍”“库”3个按钮,单击这3个按钮,可以分别用于创建新的文档、书籍以及库。
;新建空白文档是运用InDesign进行平面设计的基础。通过菜单命令可以在工作界面中快速创建一个空白文档,文档的大小、页数等属性都可以由用户自定义。单击如上图所示的界面中的“文档”按钮,或执行“文件新建文档”菜单命令,如下左图所示,打开“新建文档”对话框,在对话框中的“页数”文本框中输入文档的页数,并设置页面的显示方式,再单击“页面大小”下拉按钮,选择纸张的大小,或者也可以在“宽度”和“高度”数值框中输入准确数值,自定义纸张的大小,设置文档大小后,用户还可以选择纸张显示的方向和出血的多少。;完成设置后单击“新建文档”对话框中的“边距和分栏”按钮,打开“边距和分栏”对话框,在对话框中对页面边距进行调整,并指定新建文件的分栏数,如下左图所示,如果需要在创建的文档各边设置不同的边距,则单击对话框中的链接图标,取消链接,然后再分别在各数值框中输入相应的数值即可,设置好以后单击“确定”按钮,将在InDesign中创建一个新的空白文档,如下右图所示。;1.3.2新建版面网格文档
使用“新建文档”对话框不但可以创建新的空白文档,还可以创建新的版面网格文档。在“新建文档”对话框中,单击“版面网格对话框”按钮,如下左图所示,会打开“新建版面网格”对话框,在此对话框中可以对网格属性、字体、大小、栏数以及起点的相关参数进行设置,如下右图所示。
;根据需要完成网格属性的设置后,单击“确定”按钮,创建版面网格文档,效果如右图所示。版面网格文档只有在“正常”视图模式下才能显示网格效果,如果切换至“预览”或“出血”等视图模式下将不能显示版面网格效果。;1.3.3新建书籍文件
书籍文件是一个可以共享样式、色板、主页以及项目的文档集,可以按顺序为书籍内的文档编入页面编号、打印书籍中选定的文档或者是将其导成PDF格式的文件。在InDesign中如果需要创建新的书籍文档,可以单击初始页中的“书籍”按钮或执行“文件新建书籍”命令,打开“新建书籍”对话框,在对话框中指定书籍名、存储位置,如下左图所示,设置后单击“保存”按钮,创建书籍文件。创建书籍文件后将显示“书籍”面板,如下右图所示。;创建书籍文件后,可以向创建的书籍文件中添加文档,单击“书籍”面板右下角的“添加文档”按钮,如下左图所示,将弹出“添加文档”对话框,在对话框中找到要添加的文档页面,如下右图所示,单击“打开”按钮将选择的文档添加至书籍中。;添加书籍后,被添加的文档会显示在“书籍”面板中,在面板中双击添加的文件,文件将处于打开状态,如左图所示。
在InDesign中,如果要重复使用一个或多个文档中的对象,如图形、文本或整个页面时,就可以创建一个文件库,将这些需要重复使用的对象添加到“库”中,当需要使用这些对象的时候,只需要将其从库中调出即可。
创建库文件时,执行“文件新建库”菜单命令,打开“新建库”对话框,在对话框中的“保存在”下拉列表中选择要保存的位置;在“文件名”下拉列表框中输入文件名;在“保存类型”下拉列表中选择文件的保存类型,如下左图所示,设置后单击“保存”按钮即可创建库文件,同时会显示如右图所示的“库”面板。;1.3.5增加单个或多个页面
向页面添加单个页面,可以有多种方法来实现。方法一是执行“版面页面添加页面”命令添加页面;方法二是单击“页面”面板右下方的“创建新页面”按钮添加新页面。
;如下图所示,创建包含2个页面的文档,执行“版面页面添加页面”命令,在文档最后添加一个空白的文档页面,效果如下图所示。
;执行“添加页面”命令只能在文档末尾添加一个新的文档页面,如果我们需要指定添加页面的位置时,就需要使用“页面”面板进行添加。添加页面前,在“页面”面板中的要添加一个空白页面的文档页面上单击,选中页面,单击“页面”面板右下角的“创建新页面”面板,选择的页面后方就会添加一个新页面。如右图所示,选择页面“1”,单击“创建新页面”按钮后,在页面“1”后添加一个新页面。;在InDesign中,不但可以向文档中添加单个页面,也可以同时添加多个页面。
如果需要在文档中增加多个页面,则可以执行“版面页面插入页面”菜单命令,如下左图所示,打开“插入页面”对话框,在对话框中输入要插入的页数,如右图所示,并指定插入页面的位置。设置后单击“确定”按钮将会在指定的页面后方插入多个页面。;如果觉得使用菜单命令插入页面很麻烦,也可以使用“页面”面板进行多个页面的插入。在“页面”面板中单击右上角的扩展按钮,打开“页面”面板菜单,在该菜单下执行“插入页面”命令,同样打开“插入页面”对话框,在对话框中输入选项,插入页面,效果如右图所示。;1.3.6删除页面或跨页
在文档中添加多个页面后,如果对设置的效果不满意,还可以将这些页面删除。在删除页面前,首先在“页面”面板中选中要删除的页面或跨页,如下左图所示,选择了跨页2~3,选择页面后单击“页面”面板右下角的“删除选中页面”按钮,单击按钮后,弹出如下中图所示的“警告”对话框,询问是否要同时删除页面中的内容,如果单击“确定”按钮,那么被选中的页面从“页面”面板中删除,删除后效果如下右图所示。;Chapter02商业卡片设计;本章学习重点:
商业卡片的设计主要表现主体的意识和个性,强调人的主观感情,其艺术的形式意识特别突出,表现方式也非常灵活。
卡片的版面特点为规格小,但设置元素却俱全。其视觉元素中属性造型要素有插图、标志、商品名、饰框、底纹、线条等;属性文字构成要素有公司名、标语、人名、联络方式等;其他相关要素有色彩、构成等。卡片的版式主要用水平形、垂直形、斜形、十字形和交叉形等,如下图所示。;根据卡片的编排特点,设计时需要注意以下几点。
(1)在进行卡片版式编排前,首先要了解卡片挂有人或用户的基本信息,如身份、职业、喜好、单位以及其单位的性质等。
(2)设计前需要考虑后期制作所选用的卡片纸张类型和颜色,这些与后期效果有很大的关系。
(3)卡片设计一般以文字为主的形式居多,图形在卡片中居于次要地位,主要联络信息的文字一般控制在5~9号之间,文字突出但不要太过夸张,弱化但要可见。;(4)卡片的设置以简洁、明确、可读为设计的基本要求。设计时不要忘记卡片的本质作用,不要因为增加无意义的图形、线条、符号等破坏版面的文字信息,同时也不要把字体、颜色用得过于复杂。
(6)卡片设计分为单色或黑白卡片设计、限色设计、全色设计等,不同的形式输出要求不一样,收费也不同,设计的风格和要求也不尽相同。;2.2卡片的印刷工艺
卡片上光可以增加其耐磨性和观赏性。一般卡片上光常用的方法有上普通树脂、涂塑胶油(PVA)、裱塑胶膜(PP或PVC)、袜消光塑胶膜等。以上这些上光方式,均可提升印刷的精致度,如下图两幅图像即为上光后的卡片效果。; 2.轧型
轧型即为打模,以钢模刀加压卡片切成不规则造型,此类卡片尺寸大多数不同于传统尺寸,变化性较大,如下左图所示。
在纸面上压出凹凸纹饰,以增加其表面的触觉效果,这类卡片常具有浮雕的视觉感,如下中图所示。
为加强表面视觉效果,把文字或纹样以印模加热压上金箔、银箔等材料,形成金、银等特殊光泽。
虽然在平版印刷内也有金色和银色的油墨,但油墨的印刷效果无法像烫金后的效果那么鲜艳美丽,不能表现卡片的价值感,如下两幅图像所示为分别采用了烫金色和银色后制作出的卡片效果。;2.3个人名片设计
学习在InDesign中进行基础文字的处理,包括文字字体的选择、字号的调整、字符的间距调整等。
使用“文字工具”输入横排文字效果、使用“字符”面板更改文本颜色、用“字符”面板更改文字属性。;【创作要点:留白突出文字】
留白是指在版面中巧妙地留出空白区域,用留白的空间来衬托主题,将读者视线集中在主体上。留白在名片设置中运用很多,本章中所设置的名片即运用了留白的视觉传达手法,使版面更富有空间感,给人以丰富的想象空间,同时这样的留白空间中的文字信息也更加醒目,给人留下更深刻的印象。;【设计制作流程】
○首先确定名片的尺寸大小,新建两个文档页面用于名片正面和名片背面的设计,并在其中第一个页面中进行名片背面的设计;
○将名片背面中的一些视觉元素复制到另一个文档页面,结合文本工具调整文本的颜色和大小,完成名片正面的设计;
○创建新的文件,把设计好的名片背面和正面效果图复制到文件中进行排版,展示完整的名片设计效果。;2.3.1文字的输入
平面构成是把视觉元素在二维的平面上,按照美的视觉效果和力学的原理进行编排和组合,从纯粹的视觉审美和视觉心理的角度寻求组成平面的各种可能性和可行性,是关于平面设计的思维方式和平面设计的方法论。;Step01:启动InDesignCS6应用程序,执行“文件新建文件”菜单命令,设置“页数”为2,“宽度”为55,“高度”为90mm,单击“边距和分栏”按钮,设置上、下、左、右边距为3,如下图所示,单击“确定”按钮,新建文件。;Step02:新建文件后,打开“页面”面板,在面板中会显示创建的两个空白页面,单击页面A,切换至页面A,显示新建的空白文件效果,如右图所示。;Step03:运用图形绘制工具绘制一个绿色的矩形,执行“文件置入”菜单命令,置入“随书光盘\素材\第2章\01.ai花纹素材,并在“效果”面板中将混合模式改为“滤色”,“不透明度”设为11%,降低不透明度,使花纹叠加至矩形内部,如左图所示。;Step04:选择工具箱中的“文字工具”,在画面中单击并拖曳鼠标,绘制一个文本框,用于输入名片中的文字信息,如下图所示。;Step05:绘制文本框以后,会在文本框的起始位置显示一个光标插入点,此时单击并输入字母WEDDING,输入后单击工具箱中的任意工具,查看输入的文字效果,如下图所示。;Step06:继续使用同样的方法,运用“文字工具”在页面中绘制更多的文本框,然后在文本框中输入相应的文本信息,如右图所示。;2.3.2选择并更改文字属性
Step01:单击工具箱中的“文字工具”,在更改字体和字号的文本框内单击并拖曳鼠标,选中文本框中的文字,此时被选中的文字会显示为反相效果,如右图所示。
;Step02:执行“文字字符”菜单命令,或按下快捷键Ctrl+T,打开“字符”面板,在面板中显示了当前选中文字的字体、字号以及字符间距等信息,这里我们先要对文字的字体进行调整,单击“设置字体”下拉按钮,在展开的列表中单击“方正大黑—GBK”字体,把文字由默认的“宋体”改为“方正大黑—GBK”字体,如下图所示。;Step03:在“字符”面板完成文字字体的更改后,在版面中可以看到更改后的文字显示为较粗字体效果,单击页面中的其他任意位置,即可退出文字编辑,显示设置的文字效果,如左图所示。;Step04:单击选中文本框,在“字符”面板中继续进行设置,单击“字体大小”选项右侧的下拉按钮,在展开的下拉列表中选择“30点”选项,把文字字号从12号更改为30号,放大文字后由于文本框太小,文字显示为溢流文本,此时如果要显示出文本框中的文字,单击并拖曳文本框,调整其大小,如下图所示。;Step05:单击“字符”面板中的“字符间距”旁边的下拉按钮,在展开的下拉列表中选择“-100”选项,把字符间距由0调整为-100,如下图所示。;Step06:设置字符间距后,返回页面,可以看到文本框中的文字变得更为紧凑,如下图所示。;Step07:执行“对象适合使框架适合内容”菜单命令,调整文本框大小使其适合于文本大小,如下图所示。;Step08:单击工具箱中的“选择工具”按钮,单击字母CENTER,选中文本框及文本框中的文字,执行“文字字符”菜单命令,打开“字符”面板,在面板对文字字体进行设置,单击“设置字体”下拉按钮,在展开的下拉列表中选择“方正大黑—GBK”字体,把文字由默认的“宋体”改为“方正大黑—GBK”字体,如下图所示。;Step09:接下来继续对文字的大小进行设置,双击“设置字号”选项,将光标插入点放置到文本框中,在文本框中输入文字的字号为35点,设置后单击页面中的任意位置,退出文字编辑,显示调整文字大小后的效果,如左图所示。;Step10:单击工具箱中的“文字工具”按钮,在更改字体和字号的文本框内单击并拖曳鼠标,选中文本框中的文字,此时被选中的文字会显示为反相效果,如右图所示。;2.3.3更改文字色彩
Step01:单击工具箱中的“文字工具”按钮,在更改字体和字号的文本框内单击并拖曳鼠标,选中文本框中的文字,此时被选中的文字会显示为反相效果,如下图所示,打开“色板”面板,单击面板中的“纸色”,把选中的文字颜色更改为纸色。;Step02:单击页面中的其他区域,查看设置后的文字,可以看到原来黑色的文字更改为了白色效果,如左图所示。;Step03:单击工具箱中的“文字工具”按钮,继续在文字上面单击并拖曳鼠标,选中字母CENTER,如下图所示。;Step04:打开“色板”面板,单击面板中的“纸色”把文字更改为白色效果,如下图所示,继续使用同样的方法,对名片中的其他文字颜色也进行设置,使页面中的文字都更改为白色,效果如右图所示。;Step05:单击“选择工具”按钮,选择“选择工具”,按住Shift键不放,依次单击页面中的文字对象,将其同时选中,打开“对齐”面板,单击“水平对齐”按钮,对齐文字,如下图所示。;Step06:用“选择工具”单击页面底部的段落文字将文本选中,执行“文字段落”菜单命令,打开“段落”面板,单击面板中的“居中对齐”按钮,如下图所示,对齐文本框中的段落文本。;2.3.4下划线文字的设置
Step01:单击工具箱中的“文字工具”按钮,在文本框中单击并拖曳鼠标,把第一排文字“我们为您提供全面的高级婚礼服务”选中,显示反相状态,如右图所示。;Step02:打开“字符”面板,单击面板右上角的扩展按钮,打开“字符”面板菜单,在菜单中单击“下划线”命令,如左图所示,为选中的文字添加下划线效果,如下图所示。;Step03:打开“字符”面板,单击面板右上角的扩展按钮,打开“字符”面板菜单,在菜单中单击“下划线选项”命令,如左图所示,打开如下图所示的“下划线选项”对线:在对话框中可看到启用下划线效果,在此我们需要调整下划线的粗细,单击“粗细”下拉按钮,在展开的列表中单击“1点”选项,如下图所示。;Step05:单击“下划线选项”对话框中的“位移”下拉列表,对下划线的位置进行调整,把“位移”设置为“3点”,如下图所示,加宽下划线与文字的间距。;Step06:单击“颜色”下拉按钮,在打开的“颜色”列表中把颜色设置为C37.M15.Y95.K0,如下左图所示,再单击“确定”按钮,返回页面,查看调整后的下划线效果,如下右图所示,设置后把随书光盘/素材/Charpter02/02.ai变形的编辑后的文字“喜”字置入文档中间位置。;2.3.5名片正面的制作
Step01:打开“页面”面板,单击面板中的页面2,显示另一个页面,选择“矩形工具”,在页面中绘制一个矩形框,打开“颜色”面板,在面板中把矩形轮廓线,如右图所示。;Step02:选择页面1,单击工具箱中的“选择工具”按钮,选中“选择工具”,按住Shift键不放,在页面中的文字上单击,选中字母WEDDING和CENTER,如下左图所示,单击页面2,按下快捷键Ctrl+V,把选中的白色文字粘贴于新的页面中,如下右图所示。;Step03:单击工具箱中的“文字工具”按钮,在字母WEDDING上单击并拖曳鼠标,选中字母使其显示为反相效果,如下图所示,再单击“色板”面板中的“黑色”,把选中的文字更改为黑色。;Step04:单击工具箱中“文字工具”按钮,在字母CENTER上单击并拖曳鼠标,选中字母使其显示为反相效果,如下图所示,再单击“色板”面板中的“黑色”,把选中的文字更改为黑色。;Step05:用“选择工具”单击选中WEDDING,执行“窗口效果”菜单命令,打开“效果”面板,在面板中把“不透明度”设置为15%,降低文字的不透明度,如左图所示。;Step06:继续使用同样的方法,对CENTER进行设置,降低其不透明度,然后运用“文字工具”在页面中的其他位置输入更多的名片信息,效果如左图所示。;Step07:单击工具箱中“文字工具”按钮,在最后一行文字“服务一生一次/回忆一生一世”上单击并拖曳鼠标,选中文字对象,被选中的文字显示为反相效果,如下图所示。;Step08:打开“字符”面板,单击面板右上角的扩展按钮,打开“字符”面板菜单,在菜单中单击“下划线选项”命令,如左图所示,打开如下图所示的“下划线选项”对线:勾选“启用下划线”复选框,启用下划线效果,启用下划线后在对话框下方的选项显示为可调整状态,如左图所示。;Step10:在对话框中将下划线点”,单击下划线点,把下划线颜色设置为灰色,“类型”为“虚线”,如右图所示。;Step11:返回图像窗口,可以看到为文字添加的下划线效果,如下图所示,执行“文件/置入”菜单命令,把设计好的“喜”字添加到画面中,然后在下方对文字的颜色进行更改,得到更丰富的名片色彩,如右图所示。;2.3.6名片效果的展示
Step01:创建新文件,将随书光盘/素材/03.jpg木纹素材置入页面中,然后选中“矩形工具”,在页面右侧绘制一个黑色的矩形,如右图所示。;Step02:选中前面制作好的名片,分别将名片正面和背面效果编组,然后把它们复制到文档中,运用前面所讲知识调整名片及名片中的文字大小,展示完整的名片正面和背面效果,如右图所示。;Step03:单击“选择工具”按钮,同时选中木纹图像上的名片图像,执行“对象效果投影”菜单命令,打开“效果”对话框,在对话框中设置选项,如下图所示,为名片添加投影效果。;Step04:复制添加投影后的名片图像,执行“编辑变换垂直翻转”菜单命令,垂直翻转图像,用“选择工具”把复制的图像移至原名片下方,单击“渐变羽化工具”按钮,从复制名片上方向下拖曳鼠标,设置渐变羽化,将图像创建为倒影效果,如下图所示。;2.4举一反三
通过前面的学习,我们学习了名片的设计与制作,掌握了基础的文字编辑与设置,下面利用所学知识对制作的名片做调整,运用所学知识对名片中的文字大小、字体以及颜色做局部调整,制作出不同视觉效果的名片,效果如下图所示。
3.将文字颜色更改为与标志颜色更一致的色彩效果。;2.5课后练习——VIP贵宾卡设计
本章主要讲解了卡片的设计与制作方法以及InDsign中的基础文字的设置,大家可以学习到文字的输入、文本的设置、文本颜色的更改以及文字的快速对齐等,下面我们再通过课后练习题的方式来巩固前面所学知识,学习制作一个简单的VIP贵宾卡。;操作要点:
5.旋转图像添加上投影,展现更有立体感的卡片效果。;Chapter03DM单设计;本章学习重点:
DM是英文directmailadvertising的缩写,直译为“直接邮寄广告”。因为DM单的设计表现自由度较高,同时运用范围也非常广泛,所以DM单的表现形式也呈现了多样化。
传单型的DM单也被称作单页DM单,它主要用于促销等活动的宣传或新产品上市等实效性较强的事件的宣传。单页DM单尺寸灵活多变,设计时要突显宣传内容。如下两幅图像所示均为酒楼单页DM单,条形折叠的设计方便于人们随身携带,根据不同的产品特色选择了不同的色彩搭配方式,给人眼前一亮的感觉。;2.册子型
册子型的DM单主要用于企业文化、企业产品信息的详细介绍,一般由企业直接邮寄给旗下产品的目标消费群,或者是曾经购买过其产品的消费者,用于加深企业在消费者心中的印象,向人们提供更为全面的产品???息介绍。如下左图所示的册子型DM单中,采用了紧凑的版面设计方式,高反差的色彩对比让册子更具有吸引力;右图则为大型卖场所设计的册子型DM单,画面采用紧凑的编排方式,详细介绍了不同的产品,读者能够从中获得更多的产品信息。;3.卡片型
卡片型DM单设计新颖,制作精致,它除了以邮寄、卖场展示等方式出现,起到同单页DM单和册子型DM单相同的企业形象和产品系统信息宣传推广外,还可以以贺卡、明信片等多种方式出现,如下图所示即为卡片型DM单效果。;3.2DM单设计的要点
DM被称为直邮广告,通常由8开或16开广告纸正反面彩色印刷而成,具有直接、快速等特点,为商品宣传自身形象和产品提供了更好的载体。
学习在InDesign中对文字进行变形处理,包括创建文字轮廓、调整文字轮廓、文字路径与图形的组合、文字的描边等。
执行“创建轮廓”命令将文字转换为图形、使用“删除锚点工具”删除路径锚点、用“转换方向点工具”转换路径锚点、用“直接选择工具”选择路径锚点、“定向羽化”为??字添加渐变色彩。;【创作要点:字体变化】
字体变化是一种实现文字传达的表达方式,是将文字作为图形元素进行图形化、意向化的处理,使其更富有创意,表现更深层的设计思想。在本实例中,对优惠大酬宾几个字进行了转曲并变形,这样利用文字的变化,既能避免画面的单调与平淡感,又能以丰富的表现形式打动人心。;【设计制作流程】
○选用文字工具在页面中输入主题文字,对输入的主题文字进行转曲,将文字转换为图形后,结合路径编辑工具对文字进行变形设置;
○复制主题文字,在文档中的其他留白区域绘制不同颜色的图形,制作为文字底纹,在图形上添加更多文字信息。;3.3.1将输入文字转曲
Step01:启动InDesignCS6应用程序,执行“文件打开”菜单命令,打开素材文件,如下左图所示,选择“文字工具”,在左页面中输入文字“优惠”,打开“字符”面板,在面板中对文字属性进行设置,设置字体为“方正综艺简体”,文字大小为90点,倾斜度为10,如下中图所示,然后将文字颜色更改为R246、G189、B0,如下右图所示。;Step02:选择“文字工具”,在页面中单击并拖曳鼠标,绘制文本框,在绘制的文本框中输入文字“大”,然后打开“字符”面板,在面板中对文字属性进行调整,设置字体为“方正综艺简体”,文字大小为130点,倾斜度为10,调整输入的文字效果。;Step03:选用“文字工具”在页面中输入文字“酬”和“宾”,打开“字符”面板,在面板中文字属性进行设置,如左图所示,然后设置为相同的颜色,效果如下图所示。;Step04:单击“选择工具”按钮,把鼠标移至文字“优惠”上方,单击鼠标将文字选中,执行“文字创建轮廓”菜单命令,将文字转换为图形效果,如下图所示。;Step05:单击工具箱中的“直接选择工具”按钮,单击按钮后,可以看到页面中转换为轮廓后的文字上的锚点效果,如右图所示。;Step06:选择“选择工具”选中文字“大”,执行“文字创建轮廓”菜单命令,把文字转换为图形效果,单击“直接选择工具”按钮,单击转换后的文字,查看路径效果,如左图所示。;Step07:继续使用同样的方法,单击“选择工具”按钮,选中页面中的文字,执行“文字创建轮廓”菜单命令,把页面中的文字都转换为图形效果。;3.3.2对转曲文字变形
Step01:选中文字“优”,按下工具箱中的“钢笔工具”按钮不放,在展开的隐藏工具中单击“删除锚点工具”,如下左图所示,将鼠标移到文字“优”中的路径锚点上,此时鼠标光标会显示为形,如下中图所示,单击鼠标后将鼠标单击位置的锚点删除,如下右图所示。;Step02:将鼠标移至路径中的另一个锚点位置,鼠标指针再次变为形,如下左图所示,单击鼠标,将鼠标单击位置的锚点删除,如下中图所示,继续使用同样的方法,对文字“优”进行变形,变形后的文字效果如下右图所示。;Step03:按住工具箱中的“钢笔工具”按钮不放,在展开的隐藏工具中单击“转换方向点工具”,将鼠标移至要转换方向点的路径锚点位置,此时鼠标变为形,如左图所示,单击鼠标,将曲线点转换为直线:将鼠标移至路径中的另一个锚点位置,鼠标指针再次变为形,如下左图所示,单击鼠标,将鼠标单击位置的锚点转换为直线锚点,如下中图所示,继续使用同样的方法,对文字“优”上的方向点进行转换,转换后的效果如下右图所示。;Step05:单击工具箱中的“直接选择工具”按钮,将鼠标移至文字上的其中一个锚点位置,如下左图所示,单击鼠标选中锚点,显示为实心效果,再向左下角拖曳该路径锚点,如下中图所示,当拖曳至一定位置后,释放鼠标,我们看到更改为路径锚点的位置,变换了文字效果,如下右图所示。;Step06:再运用“直接选择工具”单击路径上的另一锚点使其显示为选中状态,单击并拖曳路径锚点,更改锚点的位置,变换文字效果,如左图所示。;Step07:继续使用同样的方法,对文字“优”上的其他路径锚点进行设置,然后把多余的锚点删除,得到简化的文字效果,如左图所示。;Step08:单击“直接选择工具”按钮,单击文字“惠”,选中文字及锚点对象,如下左图所示,选择工具箱中的“转换方向点工具”,将鼠标移至文字上的锚点位置,此时鼠标会显示为形,如下中图所示,单击鼠标将曲线点转换为直线点,继续使用同样方法,完成路径点的转换,转换后的效果如下右图所示。;Step09:选择工具箱中的“删除锚点工具”,将鼠标移到多余的锚点位置,单击鼠标删除路径锚点,如右图所示,通过删除路径锚点简化文字效果。;Step10:用“直接选择工具”选中文字“大”,结合“转换点工具”和“删除锚点工具”简化文字,再选择“添加锚点工具”,在需要添加锚点的文字位置,单击鼠标,添加锚点,如左图所示。;Step11:单击“直接选择工具”按钮,单击路径上添加的锚点,选中锚点再单击并拖曳该锚点,变向路径形状,更改文字效果,如下图所示。
Step12:在文字“大”上面再添加锚点,然后分别拖曳锚点,完成路径文字的更改,如下图所示,使用同样的操作方法对文字“酬”“宾”进行变形处理。;3.3.3文字与图形的结合
Step01:单击“椭圆工具”按钮,在文字“优”右上方单击并拖曳鼠标,绘制一个小圆,如下左图所示,执行“吸管工具”,将鼠标移至文字优上,单击鼠标,如下中图所示,单击鼠标后可以看到用吸取的颜色填充图形,得到橙色的小圆效果,如下右图所示。;Step02:选择“钢笔工具”,文字“宾”下方绘制图形,选用“吸管工具”在文字上单击,将绘制的图形填充上与文字相同的颜色效果,如左图所示。;Step03:选择橙色的小圆,复制图形移至文字“惠”下方,得到更完整的文字效果,选择“选择工具”,按下Shift键不放,单击文字“优惠”和文字旁边的两个圆,将它们同时选中,如下左图所示,按下快捷键Ctrl+G,将选中对象编组,给合文字和图形效果,如下右图所示。;Step04:继续使用“椭圆工具”在文字“酬”字上绘制不同大小的圆形,然后用“选择工具”同时选中文字和图形,如下左图所示,按下Ctrl+G组合键,将选中对象编组,如下右图所示。;3.3.4添加叠加文字效果
Step01:单击“选择工具”按钮,选择工具然后在编组的文字“优惠”上单击,选中文字,按下快捷键Ctrl+C,按下快捷键Ctrl+V,复制文字,如下图所示。
Step02:打开“色板”面板,在面板中单击“黑色”选项,把选中的文字描边颜色设置为黑色,如下图所示。;Step03:打开“描边”面板,单击面板中的“粗细”下拉按钮,在展开的列表中选择“20点”,更改描边粗细,为文字添加较宽的描边效果,如下图所示。
Step04:打开“颜色”面板,在面板中对文字填充色进行更改,设置R0.G0.B0,把文字填充为黑色,如下图所示。;Step05:单击“颜色”面板中的“描边(单击启用)”图标,启用锚边选项,然后输入描边颜色为95%,如下图所示,更改描边颜色。;Step06:用“选择工具”选中文字“优惠”,按下快捷键Ctrl+C,按下快捷键Ctrl+V,复制文字,打开“颜色”面板,把文字填充色设置为R233.G52.B38,如下图所示。
;Step07:单击“颜色”面板中的“描边(单击启用)”图标,启用描边颜色选项,然后将描边颜色设置为R232.G52.B38,如下图所示。;Step08:打开“描边”面板,在面板中单击“粗细”下拉按钮,在展开的下拉列表中把“粗细”设置为“30点”,如右图所示,为文字添加更宽的描边效果。;Step09:选择“选择工具”,按住Shift键不放,依次单击三个不同颜色的“优惠”,将它们同时选中,如下左图所示,执行“窗口对齐和版面对齐”菜单命令,打开“对齐”面板,单击“水平居中对齐”按钮,如下中图所示,水平居中对齐文字,效果如下右图所示。;Step10:单击“对齐”面板中的“垂直居中对齐”按钮,如左图所示,垂直居中对齐文字对象。;Step11:用“选择工具”选中红色的文字图形,执行“对象排列后移一层”菜单命令,如下左图所示,将选中的红色文字对象后移一层,如下图所示,显示黑色的文字效果。;Step12:再使用同样的方法,继续调整红色文字对象和黑色文字对象的排列顺序,将这两个颜色的文字移至橙色文本下方,效果如左图所示。;Step13:单击“选择工具”按钮,然后在编组的文字“大酬宾”上单击,选中文字,按下快捷键Ctrl+C,按下快捷键Ctrl+V,复制文字,然后把复制的文字颜色设置为R233.G52.B38,如下图所示。;Step14:单击“颜色”面板中的“描边(单击启用)”图标,启用描边颜色选项,然后将描边颜色设置为R230.G33.B42,如下图所示,更改文字的描边颜色。;Step15:打开“描边”面板,在面板中单击“粗细”下拉按钮,在展开的下拉列表中把“粗细”设置为“30点”,如下图所示,为文字添加更宽的描边效果。;Step16:再复制文字“大酬宾”,打开“颜色”面板,对复制的文字的填充色的描边颜色进行更改,然后适当调整描边粗细后,得到更丰富的文字效果,如下图所示。;Step17:选择“选择工具”,按住Shift键不放,依次单击三个不同颜色的“大酬宾”,将它们同时选中,如下左图所示,执行“窗口对齐和版面对齐”菜单命令,打开“对齐”面板,单击“水平居中对齐”按钮,如下左图所示,再单击“垂直居中对齐”按钮,如下中图所示,单击按钮后对齐选中的文字对象,效果如下右图所示。;3.3.5文字透明效果的制作
Step01:用“选择工具”选中文字,如下图所示,按下快捷键Ctrl+C,复制文字,在页面中的任意位置右击,在弹出的快捷菜单中执行“原位粘贴”命令,在原位粘贴复制的文字,打开“颜色”面板,将文字颜色更改为R254、G244、B159,如右图所示。;Step02:执行“文字效果定向羽化”菜单命令,打开“效果”对话框,在对话框中勾选“定向羽化”复选框,如下左图所示,在对话框中右侧设置羽化宽度,在“下”选???右侧的文本框中输入数值18,调整羽化宽度,再单击“收缩”选项右侧的倒三角形按钮,拖曳滑块将“收缩”值设置为100%,单击“形状”下拉按钮,在展开的下拉列表中选择“仅第一个边缘”选项,输入“角度”为4,如下左图所示,设置后勾选“预览”复选框,查看效果如下右图所示。;Step03:单击“效果”对话框左侧的“斜面和浮雕”效果,展开“斜面和浮雕”效果选项,单击“阴影”右侧的色块,如下左图所示,打开“效果颜色”对话框,在对话框中选择“色板”颜色,单击黄色,如下右图所示,再单击“确定”按钮。;Step04:返回“效果”对话框,单击对话框右下角的“确定”按钮,如下左图所示,返回文档中,应用设置的效果选项,得到更有立体感的文字效果。;Step05:用“选择工具”选中文字,如下图所示,按下快捷键Ctrl+C,复制文字,在页面中的任意位置右击,在弹出的快捷菜单中执行“原位粘贴”命令,在原位粘贴复制的文字,如下图所示。;Step06:用“选择工具”选中复制的文字,打开“颜色”面板,将文字颜色设置为R254、G244、B159,在页面中查看文字效果,如下图所示。;Step07:执行“文字效果定向羽化”菜单命令,打开“效果”对话框,在对话框中???选“定向羽化”复选框,如下左图所示,在对话框中右侧设置羽化宽度,在“下”选项右侧的文本框中输入数值18,调整羽化宽度,再单击“收缩”选项右侧的倒三角形按钮,拖曳滑块将“收缩”值设置为100%,单击“形状”下拉按钮,在展开的下拉列表中选择“仅第一个边缘”选项,输入“角度”为4,如下左图所示,设置后勾选“预览”复选框,查看效果如下右图所示。;Step08:单击“效果”对话框左侧的“斜面和浮雕”效果,展开“斜面和浮雕”效果选项,单击“阴影”右侧的色块,如下左图所示,打开“效果颜色”对话框,在对话框中选择“色板”颜色,单击黄色,如下右图所示,再单击“确定”按钮。;Step09:返回“效果”对话框,单击对话框右下角的“确定”按钮,如下左图所示,返回文档中,应用设置的效果选项,得到更有立体感的文字效果。;3.3.6复制并添加文字
Step01:单击“选择工具”按钮,然后在编组的文字“优惠”上单击,选中文字,按下快捷键Ctrl+C,按下快捷键Ctrl+V,复制文字,然后把复制的文字移到右页面,效果如下图所示。;Step02:单击工具箱中的“文字工具”按钮,在“优惠”下方绘制文本框,输入文字,打开“字符”面板,更改文字的字体、字号等选项,如下左图所示,再把文字颜色更改为统一的橙色效果,如下右图所示。;Step03:单击“选择工具”按钮,把鼠标移至输入的“大酬宾”文字上,单击鼠标选中文字,执行“文字创建轮廓”菜单命令,将文字转换为图形,如下左图所示,执行“编辑变换切变”菜单命令,打开“切变”面板,输入“切变角度”为10,如下中图所示,单击“确定”按钮,设置切变效果,如下右图所示。;Step04:单击“选择工具”按钮,在“大酬宾”上单击,选中文字,按下快捷键Ctrl+C,按下快捷键Ctrl+V,复制文字,效果如下图所示。;Step05:用“选择工具”选中复制的文字,单击“吸管工具”按钮,将鼠标移至上方已描边的黑色文字位置,单击鼠标,为复制的文字也添加上相同的描边效果,如下图所示。;Step06:单击“选择工具”按钮,在“大酬宾”上单击,选中文字,按下快捷键Ctrl+C,按下快捷键Ctrl+V,再次复制文字,如下左图所示,单击“吸管工具”按钮,将鼠标移至上方已描边的红色文字位置,单击鼠标,为复制的文字添加相同的文字描边效果,如下右图???示。;Step07:选择“选择工具”,同时选中三个不同颜色的“大酬宾”,打开“对齐”面板,单击“水平居中对齐”按钮,再单击“垂直居中对齐”按钮,对齐文字,然后适当调整文字排列顺序,得到叠加的文字效果。;Step08:单击工具箱中的“文字工具”按钮,在“优惠”下方绘制文本框,输入店家名称,打开“字符”面板,更改文字的字体、字号等选项,如下图所示,再把文字颜色题改为红色效果,如下图所示。;Step09:选择工具箱中的“圆形工具”,在页面中单击并拖曳鼠标,绘制一个颜色为RGB的圆形图形,然后复制三个图形,调整顺序,得到并排的四个小圆效果,如下图所示。;Step10:结合“文字工具”和“字符”面板,在小圆上方输入文字“中式快餐”,如下图所示,继续使用同样的方法,在页面中添加更多文字和图形效果。;3.4举一反三
通过前面的学习,我们学习了DM单设计与制作方法,掌握了InDesign中文字的转曲与字体设计方法,下面对前一小节中的设计进行更改,在页面中重新输入文字,并对文的字形进行设计,制作出不同的DM单,效果如下图所示。;操作要点:
3.用“选择工具”选中文字下方的图形,更改文字的背景色彩。;3.5课后练习——美容院活动单页
本章以文字的转曲与变形为出发点,讲解了DM单的设计与制作方法,学完本章后大家不仅可以学会输入文字,还可以学会文字与图形之间的转换、文字效果的添加等。为了巩固本章所学内容,下面为大家准备一个课后习题,制作一份美容院活动单页,效果如下图所示。;操作要点:
3.对文字图形进行变形,在路径上进行锚点的添加与编辑操作,创建变形的字体效果;
4.在要突出显示的文字下方绘制上简单的图形。;Chapter04杂志内页设计;本章学习重点:
编排杂志版面时应注意页面的整体性特征,使页面展开后具有整体统一的视觉效果。充分运用版面的节奏,使页面在统一中求变化,既加强版面与版面对比,又要具有阅读的节奏美感,如下三幅图所示,版面中颜色的区分主要表现为杂志版面中版面编排的多样化与节奏感,并非一味追寻一种版面结构,通过页与页之间的不断变化,反而提高读者继续阅读的兴趣。
;杂志属于连续性平面版式设计,一般采用分栏的方式编排,分栏时可以理性地编排页面中的各种元素,根据设计内容和风格,选择版面分栏的形式。杂志内页设计主要针对版面需要,将文字与图片等各种信息进行编排组合,形成书页,使页与页之间形成连续、清晰顺畅的视觉美感。杂志设计风格主要由杂志本身所表达的内容来决定。; 1.保持一定的页面结构
在对杂志页面进行设计时,需要保持一定的页面结构,这样可以避免版面紊乱,使页与页之间具有连贯性,不影响视觉流畅,如下图所示为同一本杂志中的多个页的设计效果,从图上看每个页面中都添加了相同颜色的几何体图形加以修饰,让页面看起来更加生动,同时也起到统一页面结构的作用。; 2.统一色调与字体
在杂志页面中,页与页之间的版面构成在不断变化,但最终还是要与整体相协调。在色彩与文字的编排上,如果同一主题的文章中采用统一的色调与字体,这样可以使整个杂志版面阅读节奏流畅。如果在每个页面中都采用不同的字体与色调,加上背景纹理的设置,会打??版面的协调统一性,使整个版面阅读起来很费力,如下左图所示。
杂志页面中由于页与页之间的主要作用不同,在版面设计中所采用的编排方式也要有所区分,要根据每个页面所表现的具体内容来选择版面编排的方式,明确每个页面的作用是非常重要的,如下右图所示,左侧页面为大图的效果展示,而右侧页面则采用文字进行补充说明。
3.根据图版率调整页面的整体效果;如下左图为高图版率的页面效果,右图为低图版率的页面效果。; 4.合理利用各种不同的模式进行排版
如下左图所示为利用辅助线对页面进行划分,再根据线条位置进行页面排版,如下中图所示,完成设计后我们把辅助线隐藏,版面仍然会给人以井然有序的印象。; 5.根据版式设计来区分内容的先后顺序; 6.按照阅读顺序来引导视线的移动方向
就多数杂志页面中视线流动方向的基本类型而言,包括两个类别,(1)对于向右侧打开的杂志来说,视线往往是从对页的右上方向左方移动,如下左图所示;(2)对于左侧打开的杂志来说,视线则多是从左上方到右下方移??,如下右图所示。如果不能根据这两种读者视线的基本移动方式进行页面的排版设计,那么设计的作品会给人非常零乱的感觉,不方便读者阅读。; 7.有目的性的余白设计
如下图所示,页面中采用了大量留白设计,整个页面非常简洁而又不失设计感。;4.3科普杂志内页设计
学习使用版面的设置和特殊符号的运用,包括创建段落文本、串联文本、设置首字下沉、首行缩进、版权符号的添加以及页码的插入等。
使用“文字工具”绘制文本框创建段落文本、使用“段落”面板调整段落样式、执行“插入特殊字符”命令插入符号。;【创作要点:统一段落样式】
当版面中拥有较大的文字段落时,选择一个合适的段落样式,可以使用版面显得更加富有规律。在本实例中,页面中为段落文字设置了统一的左对齐效果,形成一个协调的画面。同时,在每个段落中设置了首字下沉样式,这样就把紧凑的文字区分开来,提升了文字的可读性。;【设计制作流程】
○根据杂志中内页文章的具体内容,选择合适的图片,并确定图片与文字的摆放位置,向页面添加文字和图片;
○根据版面需要,对创建的段落文字指定段落样式,设置缩进和下沉效果,再对文字的颜色做调整,丰富版面效果;
○对版面的细节进行处理,输入标题文字,并在页面顶部和底部绘制文本框,添加上书籍刊号、当前页面的页码等信息。;4.3.1创建段落文本
Step01:启用InDesignCS6程序,执行“文件新建文档”菜单命令,新建一个横向的文档页面,如下图所示。;Step02:执行“文件置入”菜单命令,把随书光盘\素材\10\01.02.03.jpg素材图像置入文档页面,根据版面将图像调整至合适大小,效果如右图所示。;Step03:选用“矩形工具”绘制矩形,设置填充颜色为R234、G232、B233,描边颜色为黑色,不透明值为44%,如下图所示,再复制矩形填充满整个版面。;Step04:单击“选择工具”按钮,按下Shift键不放,单击绘制的灰色矩形,将它们同时选中,执行“对象排列置为底层”菜单命令,调整图形排列顺序,把灰色矩形移到最底层,效果如下图所示。;Step05:单击工具箱中的“文字工具”按钮,在左侧页面的图像旁边单击并拖曳鼠标,绘制一个文本框,用于输入段落文字。;Step06:将光标插入点置于绘制的文本框内,执行“文件置入”菜单命令,打开“置入”对话框,在对话框中单击“智能系统”文档,如下左图所示,单击右下角的“确定”按钮,将文本置入文本框中,效果如下右图所示。;4.3.2文本串联
Step01:置入文本后,由于文档没有显示完整,因此在文本框右下角会显示溢流文本图标,单击该图标,如下左图所示,单击后在光标旁边会显示未显示文本缩览图,此时单击并拖曳鼠标,绘制文本框,如下中图所示,绘制完成后释放鼠标,在新文本框中串接文本,效果如下右图所示。;Step02:单击第二文本框右下角会显示溢流文本图标,如右图所示,单击后在光标旁边会显示未显示文本缩览图。;Step03:将鼠标移至要串接文本的位置,单击并拖曳鼠标,绘制一个新的文本框,释放鼠标串接文本,此时在“控制”面板中适当调整文本框的宽度和高度,变换其大小,效果如下图所示。;Step04:继续使用同样的方法,在页面中绘制更多的不同大小的文本框,并在文本框中进行文字的串接操作,得到如下图所示的页面效果。;Step05:单击“文字工具”按钮,在页面中单击并拖曳鼠标,绘制新的文本框,如下左图所示,执行“文件置入”菜单命令,打开“置入”对话框,在对话框中选择要置入的“智能系统2”文档,单击“确定”按钮,置入文本,效果如下右图所示。;Step06:置入文本后,将鼠标移至文本框右下角的加号图标上,然后在页面中的另一位置单击并拖曳鼠标,绘制文本框,串接文本,如左图所示,再使用同样的方法,完成更多文本串接操作,然后用“选择工具”选中文本框,单击“控制”面板中的“底对齐”按钮,对齐文本,如下图所示。;4.3.3段落文本的对齐设置
Step01:单击“文字工具”按钮,在页面中的一部分文本框上单击并拖曳鼠标,选中文本如下右图所示。
Step02:执行“文字段落”菜单命令,打开“段落”面板,单击面板中“左对齐”按钮,对齐选中的段落文本,如下图所示。;Step03:执行“文字字符”菜单命令,打开“字符”面板,选择Candara字体,设置“字体大小”为10点,其他参数不变,更改选中文字的字体和大小,如下图所示。;Step04:继续使用“文字工具”选择串接文本框中剩下的文字,打开“段落”面板,单击面板中的“左对齐”按钮,对齐文字,效果如下图所示。
Step05:选中文字,执行“文字字符”菜单命令,打开“字符”面板,选择Candara字体,设置“字体大小”为10点,其他参数不变,更改选中文字的字体和大小,如右图所示。;Step06:单击“文字工具”按钮,在左侧页面下方的段落文字上单???并拖曳鼠标,选中段落文本,如下图所示,打开“字符”面板,在面板中对文字属性进行设置,如右图所示,更改文字效果。;Step07:用“文字工具”选中文本,执行“文字段落”菜单命令,打开“段落”面板,单击面板中“左对齐”按钮,对齐选中的段落文本,如下图所示。;4.3.4设置缩行和首字下沉效果
Step01:单击“文字工具”按钮,在画面中的一部分文本框中单击并拖曳鼠标,选中文本框中的所有文字,使其显示为反相效果,如下图所示。;Step02:打开“段落”面板,在面板中的“首行左缩进”文本框中输入数字4,其他参数不变,为选中的文字设置首行左缩进效果,如下图所示。;Step03:继续在“段落”面板中进行设置,输入“首字下沉行数”为2,“首字下沉一个或多个字符”值为1,如下图所示,设置后得到如左图所所示的文本效果。;4.3.5文字大小写的转换
Step01:单击“文字工具”按钮,用“文字工具”选择左侧页面底部的段落文本,显示为反相效果,如下图所示。;Step02:执行“文字更改大小写大写”菜单命令,把选中的文字全部更改为大写效果,如下图所示。;Step03:用“文字工具”在右侧页面的左上角创建段落文本,打开“字符”面板,在面板中对文字字体、大小进行设置,如下左图所示,设置完成后得到如下中图所示的文本效果,执行“文字更改大小写大写”菜单命令,把文字全部更改为大写效果,如下图所示。;Step04:用“文字工具”选中段落文本,执行“文字更改大小写大写”菜单命令,把选中的文字全部更改为大写效果,如右图所示。;4.3.6图文混排
Step01:单击“选择工具”按钮,在页面中较大的鼠标图像位置单击,选中右侧页面中的其中一个鼠标图像,如下图所示。
Step02:执行“窗口对象和版面文本绕排”菜单命令,打开“文本绕排”面板,单击面板中的“沿对象形状绕排”按钮,设置文本绕排效果,如下图所示。;Step03:在“文本绕排”面板中的“上边距”文本框中输入数值3,再单击“链接”图标,为文本设置相同的距离效果,如左图所示。;4.3.7版面文字的处理
Step01:用“文字工具”选中右侧页面左上角的文字对象,打开“描边”面板,在面板中将“粗细”设置为0.25点,加粗选中的文字,如右图所示。;Step02:选中文本,在“控制”面板中单击“填色”右侧的下拉按钮,单击列表中的蓝色,再单击“描边”右侧的下拉按钮,在展开列表中单击蓝色,将文字填充和描边颜色都更改为蓝色,如下图所示。
Step03:使用相同的操作方法,加粗文字,并根据版面情况,对页面中的文字的颜色做一定的调整,得到如下图所示的版面效果。;Step04:选择“文字工具”,在左侧页面顶部绘制文本框,输入文字,打开“字符”面板,在面板中设置字体为FranklinGothicHeaw,“字体大小”为60点,“字符间距”为-50,如左图所示,设置完成后的文字效果如下图所示。;Step05:用“文字工具”选中最右侧的/号,如下左图所示,打开“字符”面板,在面板中把文字字体更改为“方正兰亭大黑-GBK”,其他参数不变,如下右图所示,再在“控制”面板中将文字颜色更改为粉红色。;Step06:继续使用“文字工具”在右侧页面顶部也输入文字,结合“字符”面板和“控制”面板,设置相同的字体和颜色效果,如下图所示。;4.3.8页眉与页脚的设置
Step01:单击工具箱中的“直线工具”按钮,在页面顶部单击,绘制直线起点,再按下Shift键不放,单击并拖曳鼠标,绘制一条水平直线,效果如下图所示。
Step02:用“选择工具”选中绘制的直线,在“控制”面板中单击“描边”下拉按钮,在展开的列表中单击蓝色,设置描边“粗细”为2点,更改描边效果,如下图所示。;Step03:单击“文字工具”按钮,在直线上方绘制文本框,然后将光标插入点置于绘制的文本框之中,如下图所示。;Step04:执行“文字插入特殊字符符号版权符号”菜单命令,在
局域网组建、管理与维护(第2版)(杨威 杨陟卓 史春秀)PPT全套完整教学课件.ppt
计算机组装与维护(第3版)(谭炜 谢丽丽)PPT全套完整教学课件.pptx
Cocos2d-x游戏开发标准教程(于复兴 吴亚峰 索依娜)PPT全套完整教学课件.ppt
网络工程设计与系统集成(第3版)(杨陟卓 杨威 王赛)PPT全套完整教学课件.ppt
Photoshop CS5平面设计教程(李美月 韩珂)PPT全套完整教学课件.ppt
数字平面设计教程——Photoshop+CC(第2版)(卢杰 汪惟宝 )PPT全套完整教学课件.ppt
网络操作系统——Windows Server 2008篇(刘本军 李建利)PPT全套完整教学课件.pptx
2024级“管理科学与工程”学术学位硕士研究生培养方案(120100).pdf
原创力文档创建于2008年,本站为文档C2C交易模式,即用户上传的文档直接分享给其他用户(可下载、阅读),本站只是中间服务平台,本站所有文档下载所得的收益归上传人所有。原创力文档是网络服务平台方,若您的权利被侵害,请发链接和相关诉求至 电线) ,上传者耀世登陆,