资源描述
准备知识:Illutrator基本知识学习难度:中级学习目的理解并掌握三折页尺寸、版面、内容的设计排版常规，并可以应用于实际案例中。重点分析 三折页尺寸设定、浏览顺序、图文排版技巧、折位线设定。三折页排版前知识什么是三折页?三折页是一种双面印刷在一张纸上的印刷品,一般通过两次折叠形成三个部分,每一面的三个部分自成一页，因此每一面有三页，正反两面共有六页。1 副本.jg(88.4 K）三折页叠合时只能看到封面与封底两页。02 副本.jpg (9.9 K)打开封面能看到内页。03副本.jpg (11787B）完全打开后的内页。对各页分别命名。4 副本.jg (3 KB)封面页。05 副本.jpg (3.38 KB）内页和内页,工作中也简称为P1和2。06 副本.jg(11.1KB)P1、P、事实上印在纸张的一面。07 副本jpg (200.46 KB)展开后封面、封底和P在一面。08 副本.pg (185. KB）展开后P、P、4在另一面，其中封面与相对，封底与P3相对,与P4相对。这里的内页顺序是按观众打开三折页后浏览的顺序来划分的。尺寸设立09 副本.pg (3124 KB)由于三折页印刷在一张纸上,因此展开的尺寸才是三折页的总尺寸,最常用的总尺寸为大度1开(21X85m)和大度开(285 X 40m),叠合后来的尺寸分别为96X10mm和185m,这两个尺寸比较以便观众拿捏和观看。32开及如下或4开及以上的总尺寸非常少见，由于叠合后的尺寸要么太大不好拿或不以便携带，要么太小不以便阅读。而异数开(非原则开数）尺寸由于成本也许会提高因此也很少见。正度16开与正度8开尺寸比大度16开与大度8开尺寸略小,但价格却与大度尺寸相称,因此大多数客户也不会选择，由于三折页面积小了,广告的空间也就小了。0副本.p (23.97 K)理论上把一张纸折成三折页,只要把长边均分三份折两次就能完毕。11 副本.pg （16 B)但事实上这种折法是有问题的。由于任何纸张均有厚度，而三折页中有一页被包裹里面，因此里面的一页不能与外面的两页等宽。12副本jpg (20.2K)如果内页与两外页等宽，又强行的折叠,则内页的边沿会产生卷曲,影响美观。13副本. (3.B）以总尺寸为大度8开(285 40mm）为例，在设定三折页各页尺寸时，可以合适地缩小内页的宽度，增长两个外页的宽度。如图中内页宽设为总宽420mm的1/3再减2m,即138,外页宽设为总宽2mm的1再加1mm，即11mm，从而让内页比外页窄3m。14 副本.jp (20.06 K)只要内、外页宽度的差值不小于纸张的厚度,就足以让内页平整地叠在外页里面,从而让内页在叠合的时候不会发生边沿卷曲。三折页排版注:本文以AI C软件为例进行排版的有关内容解说,CD及FHnd的制作措施与之类似，只需要变化一下软件命令即可。页面设立15 副本.jpg (82.95KB）【Ctrl+N】后,在新建文档对话框中,设立画板数量为以相应三折页的正反两面,大小按大度8开设立为宽度420、高度2mm,取向为横向，出血为3,由于本例用于印刷，因此颜色模式设为CMYK，栅格效果为00ppi。1 副本.jg(24.01 KB)这是生成的页面,红色外框为加上出血的范畴，黑色内框为页面范畴,本例把左边页设为“封面、封底和2”面,右边页设为“P1、P3、4”面。折位辅助线设立:折位线:折位位置是划分各个页面的边界，是重要的设计制作参照位置，在制作文献此前必需精拟定位。7 副本.jpg (49.8B)先进行“封面、封底和P2”面的设定。【Ctrl+】显示标尺,从标尺中拉出竖向辅助线，用【Ctr+At+；】把辅助线解锁，用黑箭头工具选择辅助线(选择后其显示为蓝色）,在变换面板中把它的坐标按P2的宽度设为138mm的位置。18 副本jpg （5.79 B）封面、封底间折位应当为P2页宽加封底页宽,即X坐标为13841=29m的位置。19 副本.jp (47.19 KB)“P1、P3、P4”面的折位辅助线设定与前文类似，1、P间折位为1宽度141 m的位置。20 副本.jp (44 KB)P3、4间折位为P1宽度+3宽度,282m的位置。文字排版区域辅助线设立排版安全距离:为了让三折页每个页面上的文字排版都能实现风格的统一,它们的排版区域应当统一化。一般来说文字的排版区域不可以到页面的边沿,边沿的文字很也许由于折叠或裁切的误差而呈现残缺,不利于信息对观众的传达，因此排版时文字的区域到页面的边沿一般均有一种安全距离,这个安全距离往往设为页面高度或宽度的1/20到10左右。1副本.jpg （53.06 KB)在本例中，把横向安全距离设为1m，竖向安全距离设为17.mm,因此封面的文字排版区域宽度就为封面页宽度减左边10再减右边0，即为41-0-0121mm,文字排版区域高度为封面页高度减上边17.5再减下边175，即为285-1.5-17.=250mm，以此尺寸用矩形工具在空白的区域单击后画出矩形。22副本jpg (9.76 K)封底页文字排版区域与封面相似,把矩形用黑箭头工具按住【At】键不放移动复制一种即可。23 副本.jpg(6.5 B）P2的宽度为138,因此文字排版区域的宽度为310-0118。24副本.jpg (63.8 KB)打开对齐面板，在右下角的对齐选项中勾选“对齐画板”。25副本jpg （5.3B)用垂直居中对齐按钮把三个矩形与页面上下居中对齐。6 副本jpg (5901 KB）2页上的文字排版区域矩形，在变换面板上把它的左上顶点坐标设为横向安全距10m。2 副本.pg （2.74 KB)封底与封面上的文字排版区域矩形，左上顶点X坐标分别为8+10=8mm和138+14+10289mm。8 副本.jpg (1.8KB)用类似的措施设定“P1、P3、P4”面的文字排版区域矩形尺寸及位置,需要注意两面是左右镜像的位置关系，坐标很容易算错,一定要仔细,坐标误差在m以上就很有也许导致最后印刷出来的是废品。29 副本.jpg (4.KB)选择所有六个矩形，用【tr+5】把矩形转化为辅助线，并用【ClAlt+;】把设定好的辅助线锁定,以避免误制作导致辅助线移位。封面封底背景制作由于本案例的封面封底背景为一张持续的大图，因此这两个背景制作在一种文献中。3副本.p (59.3 B)在PS中【tr+N】新建文献,宽度设为封底页宽加封面页宽再加右侧出血,即1+13=285mm;高度为页面高度加上出血再加下出血，即2853+3291m,由于用于印刷，辨别率设为00像素/英寸，颜色模式为CMYK。31副本.jpg (2.18 KB)分别在上、下、右边用辅助线设定出血位置，三根辅助线到边沿的距离都为出血尺寸3mm，设定期用【Ctrl+R】打开标尺,并通过放大来精拟定位。32 副本.jpg (2596 ）精确地设定封面与封底的边界。33 副本.pg(52.3 KB)封面标题的居中是要居中在边沿辅助线与封底分隔辅助线的中间,而不是文献的中间。34 副本.jpg （164.5 K)背景的底图要铺满到出血以外，底图的内容要尽量把观众爱慕的部分完整地展示在封面或封底中。5 副本.pg （1061KB)文献保存为无压缩的TF格式,这种格式图像品质无损并且在平面印刷行业中兼容性最高。封面封底排版副本.jp (194.3 )在AI中用【菜单:文献置入】命令把封面封底背景文献置入。 副本.pg(90.32 KB）精确设定左上角节点的位置为X坐标:4m、Y坐标-,这个坐标在计算时要注意考虑出血的3mm。38副本.jpg (187.49 K)在封面正下方的排版内容中,文字标志要与封面mm的宽度居中，但白色半透明矩形要与左侧的封面封底分隔辅助线和右边的出血红线对齐,这样才干保证观众即能看到与封面居中的文字标志，又能看到贯穿封面的白色半透明矩。39 副本.g (1963KB）封底的下半部内容排版完毕并用【Ctl+G】群组后，需要与封底的宽度居中对齐，这是一种难点。 副本.jpg （11.05 K)本例的解决措施是画一种与封底宽度相似的矩形，即宽41m，并把它左边节点的X坐标设立为封底左侧辅助线的位置,即18mm处。41 副本.jp(3.38 ）然后用对齐面板把封底内容与此矩形水平居中对齐,对齐时在同步选择这两个图形之后,多单击一次矩形，这样可以保证此矩形不会移位,而封底内容会向它对齐,对齐完毕后此矩形即可删除。“P1、P3、”内页排版42 副本.jpg (61.9 KB)一方面制作背景色块,用矩形工具精确画出整个“P、P4”面加出血尺寸的矩形,即宽度：42+3+3426mm，高度：2853=291m，并精确地把左上角节点定位在：-3、Y:-3mm的位置。4副本.jg(115.75 KB)把一般的矩形图片置入A。设计分析：置入图片的位置和尺寸的安排需要注意几点，1、边沿的处的图片必须延申到出血边框;、图片尽量不要跨越折位线，纸张在折叠后,折位上容易产生裂纹，也许会影响图片美观，并且跨页的图片不以便浏览;3、图片在整个“P1、P3、P4”面上的分布要趋于均衡又有变化,同步在每个单页上的分布又能达到合理、美观、平衡；4、图片之间的颜色即要互相配合又要互相反衬，即有变化又有规律；5、图片的大小与位置可以在互相的变化中形成某种整体性的平衡。透明背景图片的制作:44 副本. （136.7 K)案例中需要退底的图片背景复杂，需要在P中用钢笔工具勾图退底，勾图时可以勾得略小某些，这样可以让退底的图形边沿较为干净。4 副本.pg (122.4 KB)按住【rl】键不放，单击途径面板上的路转选区，用【Ctr+】把图形复制退底为一种透明的图层，然后把其他图层删除以形成透明背景。46副本.pg (138.9KB)把退底的文献保存为PSD格式。47副本.jpg （944 B)在AI中置入这个PSD文献,图形的背景即为透明。48 副本.jpg (94.69 B)其他透明背景的图形也用类似措施解决并置入。照片形式图片的制作:副本jpg (.8 KB)先置入一张矩形图片。50 副本.jp(64.59 KB)用矩形工具画一种宽度与高度比图片略大的白色矩形,注意宽度与高度大出的尺寸要尽量相等。5 副本.pg (69.38 KB)用对齐面板把它们在水平与竖直方向上居中对齐。52 副本.jpg （6737 K)用钢笔工具勾出图中的形状,在“照片”四个角勾向外，每边的中部勾向内。5 副本.jg (.7K）把勾的图形填充黑色,并用【tr+Shift+】置后。4 副本.jpg (6.5 KB)用【菜单:效果模糊高斯模糊】命令把图形合适模糊。55 副本.jp(734 B)在透明度面板上设正片叠底模式,减少不透明度到合适，制作成阴影，从而让图片看起来象是一张照片“贴”在页面上。56 副本.jpg(698 K)由于有多张照片形式的图片，每一张图片的阴影可以略微地调节一下形状和位置,让它们不尽相似，从而产生自然而不机械的效果。5副本jg （1347 KB)照片形式的图片在放置时可以依附于大的图片，并让它们的尺寸略小，可以合适地旋转放置，让它们带有情趣。由于大面积的图片都是正的，小面积的图片是旋转的,因此整个版面显得即稳又活。标题制作:58副本j（5.3K)输入文字,并设定好相应的大小和字体，把它们居中对齐。5副本.jpg (75.3 K)选择所有文字，用【Ctrl+Sft+O】命令转为曲线。60副本.pg(57.8 B)用矩形工具画一种品红色矩形。61 副本.j (71.16 KB）用圆角矩形工具画一种紫色圆角矩形，并把它们居中对齐,调节好位置。6 副本.pg （9.1 KB)选择以上图形,用【rlAltM】命令建立封套网格，行数与列数均设为1,这样以便下一步调节变形的形状。6 副本.jpg （4.43 K)用白箭头工具分别调节封套网格四个顶点的位置与方向线,产生一种透视变形。6副本.jpg (716 K)用钢笔工具勾一种体现车牌厚度的图形，并填充“深紫-浅紫-深紫浅紫-深紫”的渐变色，渐变的方向要调节到与透视的方向一致。65副本.jpg (52.11 KB)用钢笔工具勾出上大下小的梯形，并填充深灰到浅灰的渐变色，渐变的方向要调节到与车牌杆的方向一致。 副本.jpg (53.8 K)用圆形工具画两个同心正圆,制作为站点,并置于车牌图形的背面。67副本.jpg （65.5 KB)其他标题的制作措施大体类似，把它们以不同倾角置于页面中,注意不可让标题的文字跨过折位线，这会影响文字的阅读，同步注意标题的分布要均匀,与图片的位置也要合理。68 副本.pg (15.5KB)用钢笔工具勾出各站之间的连线以表达旅游的路线，在描边面板中把粗细调节到合适,并设立虚线,最后把路线置到车站牌与图片的背面，由于路线即长又大，置后不影响浏览,同步可以保证图片与标题的完整显示。设计分析：本例的标题设计成了车站牌的形式,其设计意图是想体现旅游的线路与美食的关系，为了突出标题的文字内容，车站牌采用了上大下小的透视效果,即有趣味性又能较好的实现设计意图，路线的设计让整个版面显得更有整体性和逻辑性,提高了设计的趣味性和阅读性。文字排版69 副本.pg (9.8 KB)把文字提成多种文本框以便于在各个图片的空隙中排版，为了提高排版效率，可以把各个文本框链接起来。从而可以迅速地控制各个文本框内文字的多少。0 副本pg (032 KB）由于设计中存在诸多不规则的退底图形和倾斜图形,文字在排版时，文本框区域就要与这些图形形成相应的匹配,因此需要进行异形排版。71副本jg(211. B)用白箭头工具调节文本框顶点的节点,到图形的边沿位置。72副本jpg(208.9 B)用钢笔工具在需要曲线文本框的位置增长节点,并按住【t】键在节点中拖出方向线。73 副本.g (22.4 KB)用白箭头工具调节节点位置和方向线,以让文本框的形状与图形匹配。P2的排版设计分析:P2页的排版非常特殊,由于在观众浏览时P2页是与1页相应浏览的,因此P2页的排版设计也需要与P1页相应进行。4 副本.jpg （125KB）按P页的尺寸用矩形工具精确制作一种矩形。7 副本jpg （54.5 KB）精拟定位在P1页的正上方位。6 副本.jpg （17.6 KB)同步复制矩形与“P1、3、P4”面上的内容，以保持原设计内容不被修改。77副本jpg （1539 )把“P、3、P”面上的内容群组，并置于矩形的背面,同步选择矩形及内容,用【Crl7】制作蒙版。7 副本.jp (29.13 KB)把蒙版后的页内容置于P2页的左侧,并精拟定位其右上角节点位置为坐标：0、Y坐标:0,以精确地模拟P1页与P页相应浏览时的情形。79 副本.jpg (21.19 )相应着页内容来排版P2页内容，图片位置的安排要让两个页面的版面平衡合理,特别是车站牌下的路线要与P1页对上位置,以让观众产生它们本是对页的视觉印象。0 副本.jpg （24.72B)设计时要仔细观测P页与2页的设计关系,也许需要反复调节2页的设计布局来与P1页相相应。折位线制作三折页的折叠不是人工完毕的,而是用折纸机进行的,因此必需在文献中精确地告诉印刷厂折叠的位置，这个位置是通过折位线来体现的。81 副本.pg (55.2K)按住【hift】键不放，用直线工具画出一根竖直线，设高度为5mm左右,粗线为0.2p或0082mm。82 副本.jpg （6.4 B)把线条的填充设为无,线颜色设为套版色,套版色一般在色板面板上的第二个位置。83副本.jpg(62.37 K)把折位线置于出血线外侧约mm左右的位置,并精拟定位在折叠的位置。84副本.jpg(1.82KB)通过反复复制和定位,每一种折位需要上下两根折位线来体现,三折页的一面一共要设立上下共四根折位线。85 副本pg (939 ）86 副本.pg(176.1 KB）三折页的正反两面都需要制作折位线，以以便印刷厂的师傅对位。折位线制作技巧小结:裁切线粗细 0.25t或0.0882m；阐明:裁切线如果设立过细，在印刷半成品中也许会看不清,如果设立过粗,裁切师傅很难拟定精确的下刀位置，而02pt或.82mm刚好是在一般四色印刷中看得很清晰的最细线条,因此按这个粗细设立可保证裁切工作的顺利不出错。裁切线颜色 线填充设为“套版色”，面填充设为“无”;阐明：在多色印刷中“套版色”是每一种颜色均有并且均为100%,这样设立的好处是以便印刷师傅把各色的印刷版精确对位，以利于印刷工作的顺利不出错。裁切线位置 放置在出血色图文的外侧，接近出血图文的边沿但不接触出血图文，一般距出血图文外侧2mm左右；阐明：如果把裁切线放置在出血色图文里甚至成品图文里侧，则成品的图案中很也许会浮现裁切线,影响成品质量甚至会导致废品；如果放置在出血色图文以外较远的位置则会挥霍纸张面积增长印刷成本。裁切线长度 5m左右;阐明：裁切线设立过短不利于在印刷半成品中观看，过长则挥霍纸张面积增长印刷成本，裁切线设为5m左右即看得清晰又但是分的挥霍纸张。三折页设计排版要点小结一、软件技术及工作流程1、多用精确操作,即多用标尺、辅助线、坐标、变换面板、对齐面板以及其他精确性命令,不要养成随随便便的操作习惯,这是决定设计师与否专业的因素之一；、文献制作中要注意与同事的兼容性,即一切文献名、文献夹、目录地址都要用自己与同事都能明白的较具体名称命名,不要怕命名时打字的麻烦,诸多时候一种排版文献中的图片就有几十甚至几百张，具体的命名可以让将来的修改正程迅速有效,另一方面,兼容性的工作方式可以容易与同事形成团队的工作模式，从而提高设计品质和人员能效。提高了工作效率，就是提高了个人与公司在单位时间内的收入,因此这样的工作方式意味着更高的利润;3、排版工作繁碎而费时，因此更需要强调工作环节的合理性,即客户沟通设计分析草图设计封面设计内页样页设计设计小样制作客户通过设计小样精稿制作客户修改并通过精稿输出文献制作，这些工作环节的前后顺序和每一步由有关负责人的确认都是需要谨慎而严格的执行,这样可以有效提高工作的品质和效率。有时也许会觉得跨过某些工作环节可以节省工作时间,然而工作的现实却往往恰恰相反,特别是对于那些缺少工作经验的设计师来说更是如此。二、风格与版面注意:任何设计的风格都必然以客户的需要和设计的内容为基本，而本案例是以旅游为重要内容,因此在设计上以丰富、活泼、有趣、体现食欲为主,从而让广告促发观众对旅游的欲望。但无论是什么设计风格,绝不能脱离客户需要和设计内容而仅仅依托设计师天马行空的想象力去发明,在这里一切想象都必需以商业目的为根据，否则一切发明都没有经济价值。1、除非是追求多变的风格，否则在排版设计中需要注重全局观。整个设计从封面、封底到内页,从图形到文字、从大小变化到位置关系等都应当形成统一的风格,特别是在内页设计中应当把这些风格严格地执行，以保证整体风格独特和鲜明;2、各页的版面在设计和制作时应当把观众可以同步浏览的多种页面相应设计,例如P1、P3、4三页，以及P与2两页，每页的设计不仅规定单独浏览时的优美、平衡,并且更规定与相应页同步浏览时也要优美、平衡;、当版面中图片与文字都较多时，要合理地安排它们的相对位置，要特别注意即让有关的图文在空间上形成联系,又让图文在页面的整体上趋于均衡，即让图文有一定变化，又让图文在整体上趋于有序,即让图文之间的关系有相离、相交、相接的变化,又让图文各自清晰、内容完整、有层次，这些要点是排版设计的重要核心之一;4、大、中、小标题的设计要有层次,形成主次分明的信息传达形式。在某些需要活泼与变化的设计中,标题往往是发挥设计师在设计上聪颖独创的好地方，某些形象有趣的标题往往能让整个设计眼前一亮、富有个性、印象深刻,从而产生更好的广告效果；5、商业意图在设计排版的实行过程中，要注意由始致终的进行贯彻,所谓设计与否到位,往往决定于商业意图在设计中的贯彻限度;6、在排版设计中,设计师除了要站在审美的角度审视作品以外,更要随时站在两个视角来审视作品,即站在观众(潜在消费者）和站在客户(广告主)的角度审视。任何设计手法、色彩、形状、图形、布局、字体，都需要在这两种角度的审视中反复检查、谨慎选择，这样的排版设计才干在更美观、更新颖、更个性的基本上更有效、更合理、更有价值;7、排版设计没有公式、没有答案、没有对错,但排版设计有规律、有需求、有底线,这阐明排版设计虽外表自由却内有规律，虽发自自我却回向大众,即要有趣更要有用，设计师的真正作用就在这些排版设计的特点中找到恰当的平衡位置。a
展开阅读全文