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