1、计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 学习目标学习目标 运用简单几何形元素,配合运用简单几何形元素,配合“交互式透明交互式透明”工具,创造时尚杂工具,创造时尚杂志封面。志封面。教学重点教学重点 几何形体的重复变化,几何形体的重复变化,“交互式透明交互式透明”工具的灵活运用。工具的灵活运用。计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 学习建议学习建议 (1)(1)了解书籍设计知识,了解计算机对书籍设计作用。了解书籍设计知识,了解计算机对书籍设计作用。(2)(2)掌握使用平面设计软件的工作流程,更好地
2、利用计算机掌握使用平面设计软件的工作流程,更好地利用计算机软件完成书籍设计工作。软件完成书籍设计工作。(3)(3)虚拟课题或实际项目进行练习,熟练掌握计算机辅助书虚拟课题或实际项目进行练习,熟练掌握计算机辅助书籍设计的技巧。籍设计的技巧。计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 6.1 6.1 计算机辅助书籍设计概述计算机辅助书籍设计概述 现代书籍设计离不开计算机软件的支持,它可以使书籍设计现代书籍设计离不开计算机软件的支持,它可以使书籍设计达到更精细、更完美的境界。本章节通过对达到更精细、更完美的境界。本章节通过对Photoshop CS4Ph
3、otoshop CS4辅助辅助书籍插画设计及书籍插画设计及CorelDRAWCorelDRAW X3 X3辅助页面版式设计,经典案例设计辅助页面版式设计,经典案例设计方法剖析及思维拓展练习等学习,旨在使学习者利用计算机软件方法剖析及思维拓展练习等学习,旨在使学习者利用计算机软件更有效率的工作。更有效率的工作。计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 6.1.1 Photoshop CS4 6.1.1 Photoshop CS4辅助书籍插画设计中常用工具、命辅助书籍插画设计中常用工具、命令令 在书籍设计中,经常利用插画设计来增加书籍的可读性和在书籍
4、设计中,经常利用插画设计来增加书籍的可读性和趣味性,有些是利用图片,有些是卡通,可以将这些设计元素处趣味性,有些是利用图片,有些是卡通,可以将这些设计元素处理、排版使之更加协调,下面讲解理、排版使之更加协调,下面讲解Photoshop CS4Photoshop CS4辅助书籍插画辅助书籍插画设计中常用工具、命令。设计中常用工具、命令。计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 1.1.通道通道 (1 1)新建通道)新建通道 新建通道要为图片添加一个新建通道要为图片添加一个Alpha 1Alpha 1,可以,可以通过选区建立新的通道,单击通过选区建立
5、新的通道,单击“添加通道添加通道”按钮,就可以添加一按钮,就可以添加一个个Alpha 1Alpha 1,即黑色,即黑色Alpha 1Alpha 1。6-1 6-1 新建通道面板新建通道面板计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (2 2)建立选区通道)建立选区通道 建立选区通道的方法有几种,最常建立选区通道的方法有几种,最常使用使用“钢笔工具钢笔工具”和和“画笔工具画笔工具”“”“绳套工具绳套工具”、“魔术棒工魔术棒工具具”等来修改通道。可以使用等来修改通道。可以使用“滤镜滤镜”命令来给通道选取做特殊命令来给通道选取做特殊效果,得到千变万化的图
6、像效果效果,得到千变万化的图像效果。6-2 6-2 去背去背滤镜滤镜后效果后效果计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (3 3)选区通道及反选通道)选区通道及反选通道 通过容差数值的设置,建立通过容差数值的设置,建立选区通道调整选区范围。反选通道是利用现有选取通道而形成新选区通道调整选区范围。反选通道是利用现有选取通道而形成新的相反通道。的相反通道。(4 4)删除通道)删除通道 使用删除通道操作时,选择通道将不需使用删除通道操作时,选择通道将不需要通道删除操作,图象恢复红、绿、蓝及全色通道。要通道删除操作,图象恢复红、绿、蓝及全色通道。计算机
7、辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 2.2.专色通道专色通道 (1 1)生成专色通道)生成专色通道 在书籍插画设计中,可以建立专色在书籍插画设计中,可以建立专色通道,形成专色通道后,系统将自动对选区添色。通道,形成专色通道后,系统将自动对选区添色。打开一幅素材图片,选择工具栏中的打开一幅素材图片,选择工具栏中的“魔术棒工具魔术棒工具”,选择选择选区然后选择工具栏中选区然后选择工具栏中【路径路径】【工作路径工作路径】命令。命令。6-3 6-3 显显示工作路示工作路径径 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助
8、书籍设计 在在“路径路径”面板中选择面板中选择“载入选取载入选取”,打开,打开“通道通道”面板面板右上角三角形按钮,在弹出的菜单中,选择右上角三角形按钮,在弹出的菜单中,选择“新建专色通道新建专色通道”命命令,弹出令,弹出“新建专色通道新建专色通道”对话框,单击色块,选择对话框,单击色块,选择R230R230、G175G175、B10B10,设置后确定,在,设置后确定,在“通道通道”面板中出现专色面板中出现专色1 1。6-4 6-4 新建新建专专色通道色通道 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (2 2)复制和删除通道)复制和删除通道 打开
9、一幅素材图片,选择打开一幅素材图片,选择“通道通道”面板面板,选择选择“复制通道复制通道”命令,然后复制出相同像素尺寸的通道。命令,然后复制出相同像素尺寸的通道。选择选择“删除通道删除通道”命令,删除不需要的通道。命令,删除不需要的通道。6-5 6-5 通道面板通道面板 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (3 3)分离和合并通道)分离和合并通道 打开一幅素材图片,选择打开一幅素材图片,选择【窗口窗口】【通道通道】命令,在命令,在“通道通道”面板中,单击右上角的三角形按钮,面板中,单击右上角的三角形按钮,弹出扩展菜单,选择弹出扩展菜单,选择
10、“分离通道分离通道”命令,图像就分离为三个通道命令,图像就分离为三个通道的图像。的图像。6-6 6-6 分离合分离合并并通道通道 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 单击单击“通道通道”面板右上角的三角形按钮,弹出扩展菜单,面板右上角的三角形按钮,弹出扩展菜单,选择选择“合并通道合并通道”命令,弹出命令,弹出“合并通道合并通道”对话框,设置对话框,设置“模式模式”为为“RGBRGB颜色颜色”,“通道通道”为为3 3,完成设置后单击,完成设置后单击“确定确定”按钮。按钮。6-7 6-7 合合并并通道及指定通道模式通道及指定通道模式选择选择6-
11、8 6-8 合合并并通道效果通道效果 素材素材图图片片计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 6.1.2 6.1.2 运用运用PhotoshopPhotoshop绘制个性插画绘制个性插画 (1 1)首先启动)首先启动Photoshop CS4Photoshop CS4软件,新建一个文件命名为软件,新建一个文件命名为“个性插画个性插画”,在属性栏中设置大小为,在属性栏中设置大小为210mm210mm,高为,高为297mm297mm,分辨,分辨率为率为150150像素像素/in/in。6-9 6-9 新建面板新建面板对话对话框框 计算机辅助平面设计
12、计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (2 2)打开一张照片拖拽到其中,按)打开一张照片拖拽到其中,按“ctrl+Tctrl+T”组合键,组合键,并进行自由变换,对头像图层进行旋转、缩小、移动及画面轮廓并进行自由变换,对头像图层进行旋转、缩小、移动及画面轮廓进行必要的操作进行必要的操作。6-10 6-10 打打开开操作操作图图片片 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (3 3)双击人物图层,弹出)双击人物图层,弹出“图层样式图层样式”对话框,勾选对话框,勾选“投投影影”复选框,进行各项设置。复选框,进行各项
13、设置。6-11 6-11 通通过图过图片片样样式式调调整整图图片片 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (4 4)单击)单击“形状形状”工具,并在工具选项栏中设置属性为图工具,并在工具选项栏中设置属性为图层,选择自己想要的形状加以变化,将颜色设置为层,选择自己想要的形状加以变化,将颜色设置为R0 G0 B0R0 G0 B0,结,结合合“Shift”Shift”键在画布上绘制出一个正圆形状。键在画布上绘制出一个正圆形状。6-12 6-12 利用形利用形状状工具工具画图画图 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计
14、计算机辅助书籍设计 (5 5)运用前面同样的方法再制作一个白色的圆至于中间,)运用前面同样的方法再制作一个白色的圆至于中间,再其圆外框选一个圆,单击再其圆外框选一个圆,单击“选框选框”工具,在画布上绘制一个圆工具,在画布上绘制一个圆形状选区,执行菜单形状选区,执行菜单“编辑编辑”/“/“描边描边”,按,按“ctrl+Dctrl+D”取消选取消选区。区。6-13 6-13 设设置描置描边边工具工具对话对话框框计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (6 6)选择)选择“图层图层2”2”,按,按“Ctrl+JCtrl+J”组合键复制图层,并组合键复
15、制图层,并按按“Ctrl+TCtrl+T”组合键自由变换旋转及缩小组合键自由变换旋转及缩小“图层图层2 2副本副本”,再用,再用相同的方法复制出相同的方法复制出“图层图层2 2副本副本2”2”。6-14 6-14 复复制制图层图层操作操作 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (7 7)新建一个)新建一个“图层图层3”3”置于置于“图层图层1”1”下方,再选择下方,再选择“矩形框选矩形框选”工具,在画布上框选一个矩形状及填色,并按工具,在画布上框选一个矩形状及填色,并按“CtCtrl+Trl+T”组合键自由变换旋转及缩放,放于想要的位置。组合
16、键自由变换旋转及缩放,放于想要的位置。6-15 6-15 调调整整图层图层操作操作 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (8 8)再用相同的方法复制出多个图层,并按)再用相同的方法复制出多个图层,并按“Ctrl+TCtrl+T”组合键自由变换旋转及缩放,放于想要的外置。组合键自由变换旋转及缩放,放于想要的外置。6-16 6-16 调调整多整多个图层个图层操作操作 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (9 9)为了不使黑条过于单调,利用铅笔工具在周围画出几)为了不使黑条过于单调,利用铅笔工
17、具在周围画出几条细线,是画面更生动。条细线,是画面更生动。6-17 6-17 利用利用铅笔铅笔工具勾工具勾线线 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (1010)单击)单击“形状形状”工具,并在工具选项栏中设置属性为工具,并在工具选项栏中设置属性为图层,选择自己想要的形状加以变化。图层,选择自己想要的形状加以变化。6-18 6-18 选择选择形形状状工具工具画图画图 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计(1111)再利用前面所掌握的给画面贴加细小的东西。)再利用前面所掌握的给画面贴加细小的东
18、西。6-19 6-19 添加添加图图形形细节细节 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (1212)新建一个)新建一个“图层图层6”6”,选择,选择“铅笔铅笔”工具,设置好工具,设置好画笔大小,进入画笔大小,进入“画笔预设画笔预设”框中设置框中设置“间隔间隔”百分比,在画面百分比,在画面画出想要的虚线。画出想要的虚线。6-20 6-20 绘绘制制画画面面虚线虚线 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (1313)选择)选择“图层图层6”6”,按,按“Ctrl+JCtrl+J”组合键复制图层,
19、组合键复制图层,并按并按“Ctrl+TCtrl+T”组合键自由变换旋转及缩小组合键自由变换旋转及缩小“图层图层6 6副本副本”,再,再用相同的方法复制出用相同的方法复制出“图层图层6 6副本副本2”2”和和“图层图层6 6副本副本3”3”。6-21 6-21 复复制新制新图层图层操作操作 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计(1414)选择)选择“图层图层6 6副本副本3”3”【不透明度不透明度】设置设置“50%”50%”。6-22 6-22 不透明度操作不透明度操作 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算
20、机辅助书籍设计 (1515)最后根据画面整体感加入小图案,同前面所述的步骤)最后根据画面整体感加入小图案,同前面所述的步骤绘制图案。绘制图案。6-23 6-23 显显示最示最终终效果效果 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 6.2 6.2 运用运用CorelDRAWCorelDRAW X3 X3辅助书籍页面版式设计辅助书籍页面版式设计 6.2.1 6.2.1 设置书籍的版面大小和开本方式设置书籍的版面大小和开本方式 (1 1)首先启动)首先启动CorelDRAWCorelDRAW X3 X3,新建一个文档,在属性栏,新建一个文档,在属性栏中
21、设置页面大小为中设置页面大小为400mm400mm260mm260mm。(2 2)单击工具箱中)单击工具箱中“矩形工具矩形工具”按钮,在页面中绘制一个按钮,在页面中绘制一个185mm185mm260mm260mm矩形。矩形。计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (3 3)单击鼠标右键,选取矩形,单击菜单中的)单击鼠标右键,选取矩形,单击菜单中的【排列排列】【对齐和分布对齐和分布】命令,选择命令,选择“对齐和分布对齐和分布”对话框,勾选左(对话框,勾选左(L L)及顶部(及顶部(T T)对齐方式,对齐对象到()对齐方式,对齐对象到(O O)页边
22、,单击)页边,单击【应用应用】【关闭关闭】。6-24 6-24 选择对齐与选择对齐与分布面板分布面板 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (4 4)选取矩形,单击菜单列)选取矩形,单击菜单列【编辑编辑】【复制复制】命令,在页命令,在页面右空白处,单击鼠标右键选择菜单列面右空白处,单击鼠标右键选择菜单列【编辑编辑】【粘贴粘贴】命令。命令。(5 5)拖动鼠标左键,移动新建矩形,单击菜单中的)拖动鼠标左键,移动新建矩形,单击菜单中的【排列排列】【对齐和分布对齐和分布】命令,选择命令,选择“对齐和分布对齐和分布”对话框,勾选右(对话框,勾选右(R
23、R)及顶部(及顶部(T T)对齐方式,对齐对象到()对齐方式,对齐对象到(O O)页边,单击)页边,单击【应用应用】【关闭关闭】。6-25 6-25 设设置置顶顶部、右部、部、右部、页边对齐页边对齐方式方式 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (6 6)书脊厚度纸张)书脊厚度纸张印张数,就是书脊的厚度,这里我们印张数,就是书脊的厚度,这里我们设定书脊厚度为设定书脊厚度为30MM30MM,封面版式轮廓图如图所示。,封面版式轮廓图如图所示。6-26 6-26 设设定定书书脊厚度脊厚度为为30MM30MM 计算机辅助平面设计计算机辅助平面设计第第
24、6 6章章 计算机辅助书籍设计计算机辅助书籍设计(7 7)书籍开本方式,根据)书籍开本方式,根据1168mm1168mm850mm850mm的纸张尺寸定。的纸张尺寸定。6-27 6-27 书书籍籍开开本方式本方式设计设计 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 6.2.2 6.2.2 版式设计网格设定版式设计网格设定 版式设计是书籍设计的重要组成部分,将插画、文字、图版式设计是书籍设计的重要组成部分,将插画、文字、图形等设计元素整体设计安排,使得读者能够更轻松阅读并达到视形等设计元素整体设计安排,使得读者能够更轻松阅读并达到视觉享受。觉享受。版
25、式设计主要分为版式设计主要分为3 3种模式:古典版式设计、网格式版式设种模式:古典版式设计、网格式版式设计及自由式版式设计。下面将利用计及自由式版式设计。下面将利用CorelDRAWCorelDRAW工具进行网格设定。工具进行网格设定。计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (1 1)首先启动)首先启动CorelDRAWCorelDRAW X3 X3,新建一个文档,在属性栏,新建一个文档,在属性栏中设置页面大小为中设置页面大小为220 mm220 mm140mm140mm。(2 2)绘制网格需要借助辅助线,拉出辅助线,为绘制网格)绘制网格需要借
26、助辅助线,拉出辅助线,为绘制网格打下基础。打下基础。6-28 6-28 设设定定参参考考辅辅助助线线计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (3 3)单击工具箱中)单击工具箱中“矩形工具矩形工具”按钮,在页面中绘制一个按钮,在页面中绘制一个3030mmmm30mm30mm矩形,单击菜单矩形,单击菜单【视图视图】勾选勾选【对齐辅助线对齐辅助线】命令,命令,移动矩形贴齐辅助线。移动矩形贴齐辅助线。计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (4 4)单击菜单列)单击菜单列【窗口窗口】【泊坞窗泊坞窗】【变
27、换变换】勾选勾选【位置位置】命令,在命令,在“变换变换”对话框中对话框中“水平位置水平位置”输入输入31.5 mm31.5 mm,“垂直位置垂直位置”输入输入0 mm0 mm,单击,单击“应用到再制应用到再制”向右复制两个矩形。向右复制两个矩形。6-29 6-29 设设置置网网格格宽宽度及度及间间距距 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计(5 5)在)在“变换变换”对话框中对话框中“水平位置水平位置”输入输入0mm0mm,“垂直位置垂直位置”输入输入32.1 mm32.1 mm,单击,单击“应用到再制应用到再制”向下复制三个矩形。用步向下复制
28、三个矩形。用步骤(骤(4 4)同样的方法完成所有的网格绘制并)同样的方法完成所有的网格绘制并“复制复制”、“移动。移动。6-30 6-30 绘绘制等距制等距网网格格计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 6.2.3 6.2.3 文本和段落的编排文本和段落的编排 以文字为主的书籍编排,比如字典、汇编和清单等,应确以文字为主的书籍编排,比如字典、汇编和清单等,应确保书籍设计的文本内部结构合理,方便读者使用,视觉的层次也保书籍设计的文本内部结构合理,方便读者使用,视觉的层次也应该清晰识别。下面利用应该清晰识别。下面利用CorelDRAWCorelDR
29、AW工具进行文本和段落的编排。工具进行文本和段落的编排。计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (1 1)运行)运行CorelDRAWCorelDRAW X3 X3,新建一个文档,按下快捷键,新建一个文档,按下快捷键“CtCtrl+Nrl+N”新建一个文件。在属性栏中设置页面大小为新建一个文件。在属性栏中设置页面大小为220mm220mm140mm140mm。双击双击“矩形工具矩形工具”,创建数个矩形分割页面并添加数条辅助线,创建数个矩形分割页面并添加数条辅助线。6-31 6-31 设设置置网网格框架格框架图图计算机辅助平面设计计算机辅助平面设
30、计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (2 2)单击工具箱中)单击工具箱中“文本工具文本工具”按钮,在页面中单击鼠标按钮,在页面中单击鼠标左键,拖拽一个文本框,单击鼠标右键选择编辑文本,输入文本左键,拖拽一个文本框,单击鼠标右键选择编辑文本,输入文本信息至编辑框内,选择字体、字号及对齐方式。信息至编辑框内,选择字体、字号及对齐方式。6-32 6-32 编辑编辑文本工具文本工具图图计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (3 3)在)在“文本框文本框”中出现,就表示所有的文字都编辑进去,中出现,就表示所有的文字都编辑进去,出现还
31、有文字没有在文本框内,可以通过调整字号及拉大文本对出现还有文字没有在文本框内,可以通过调整字号及拉大文本对话框把所有的文字都编排进去。话框把所有的文字都编排进去。6-33 6-33 文字完全文字完全显显示示标记标记 6-34 6-34 文字未完全文字未完全显显示示标记标记 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (4 4)单击菜单栏中)单击菜单栏中“文本文本”下拉菜单,选择下拉菜单,选择“文本格式文本格式”鼠标左键打开鼠标左键打开“格式化文本格式化文本”对话框。对话框。6-35 6-35 格式化文本格式化文本对话对话框框显显示示 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 (5 5)在)在“格式化文本格式化文本”对话框选择段落,对齐方式选择左对话框选择段落,对齐方式选择左对齐,间隔字符选择对齐,间隔字符选择20%20%,段前断后选择,段前断后选择150%150%,首行,首行2MM2MM。6-36 6-36 设设置格式化文本置格式化文本对话对话框框 计算机辅助平面设计计算机辅助平面设计第第6 6章章 计算机辅助书籍设计计算机辅助书籍设计 6-37 6-37 段落排版完成段落排版完成图图