Photoshop+Illustrator平面设计立体化教程（微课版）（Photoshop2021+Illustrator2021）课件 项目7书籍装帧设计

新形态立体化精品系列教材书籍装帧设计项目7Photoshop+Illustrator平面设计立体化教程（微课版）（Photoshop2021+Illustrator2021）情景描述项目7书籍装帧设计米拉进入公司后不断提升自己的平面设计技术，不仅能够制作出画面丰富、有层次的设计作品，也能够和同事融洽相处。这些进步被老洪看在眼中，于是老洪准备将公司近期的重要设计工作——儿童读物与文艺类书籍的装帧设计任务交给米拉，并告诉米拉，书籍装帧设计是一个综合性设计领域，需要她深入了解书籍装帧设计的专业知识，以及具备丰富的软件操作经验，尤其是本次任务中这两个类型的书籍各有特点，在设计时也应有不同的侧重点，这都需要设计师精心策划，同时还要注意把控好书籍装帧的整体风格，使书籍装帧局部与整体协调统一。目录《毛绒玩具DIY》儿童读物装帧设计任务7.1《光影绘色：诗画人生》文艺类书籍装帧设计任务7.2综合实战《游江南》文艺类书籍装帧设计儿童读物是专门面向儿童的、适应他们认知水平和阅读习惯的书籍。出版社要求《毛绒玩具DIY》封面上的语言尽量简单易懂，而且插图要新颖有趣，将儿童喜欢的元素融入书籍装帧中，激发儿童的兴趣、好奇心、想象力及探究欲望，引导他们喜欢、热爱、主动阅读。同时，在色彩上要充分考虑儿童的视觉和心理特点，贴近儿童的认知和阅读习惯，让儿童感到温暖、舒适、亲切。（一）任务背景任务描述任务7.1《毛绒玩具DIY》儿童读物装帧设计①

制作尺寸为391mm×191mm，分辨率为 300像素/英寸的儿童读物装帧。②

书籍封面的插画美观生动，符合儿童的审美。③

针对儿童的性格特点，选择适用于儿童读物装帧的色彩。（二）任务目标任务描述（三）知识要点Photoshop弯度钢笔工具的使用；在Illustrator中变形对象、混合对象、使用渐变工具。任务7.1《毛绒玩具DIY》儿童读物装帧设计知识准备1．色彩在儿童读物装帧设计中的应用一般来说，儿童的性格比较单纯、活泼、可爱，因此大部分儿童读物都会选择明度较高的，带给人欢快、明亮、柔和、温馨等视觉感受的色彩，如红、橙、黄、绿、蓝等色彩，如下图所示。2．Photoshop中的弯度钢笔工具与其他基本绘图工具一样，选择“弯度钢笔工具”后，可先在其工具属性栏中设置绘图模式、填充、描边等相关参数，然后将鼠标指针移到图像编辑区中进行绘制，具体使用方法与Illustrator中的“曲率工具”类似。只需使用“弯度钢笔工具”在图像编辑区中创建两个锚点后，再单击鼠标左键创建第3个锚点，Photoshop将自动连接这3个锚点，并形成平滑的曲线；如果想要继续绘制直线段，可双击第3个锚点，将平滑锚点转换为尖角锚点；选中锚点后，按住鼠标左键即可拖动该锚点；选择锚点后按【Delete】键可删除该锚点；将“弯度钢笔工具”点。绘制过程如上图所示。3．Illustrator变形对象（1）使用“变形”效果组变形选择对象，选择【效果】/【变形】命令，在弹出的子菜单中将显示“变形”效果组的全部效果，如下图所示，选择任意变形效果，打开“变形选项”对话框，如下图所示，设置变形参数后，单击按钮，可将设置好的变形效果应用到选定的对象中，如下图所示。3．Illustrator变形对象（2）使用“扭曲和变换”效果组变形选择【效果】/【扭曲和变换】命令，在弹出的子菜单中可以看到7种变形效果，如下图所示。4．Illustrator混合对象（1）创建混合

使用工具：选择“混合工具”，在两个需要混合的对象上分别单击。下图所示为在两条曲线上建立混合效果。

使用命令：选择混合的两个对象，选择【对象】/【混合】/【建立】命令。

使用快捷键：选择混合的两个对象，按【Alt+Ctrl+B】组合键。4．Illustrator混合对象（2）修改混合效果若自动创建的混合效果不符合需要，可以选择创建的混合对象，再选择【对象】/【混合】/【混合选项】命令（或双击“混合工具”），打开“混合选项”对话框，如右图所示。在其中设置混合参数后，单击“确定”按钮修改混合效果。4．Illustrator混合对象（3）反向混合

若要反向混合路径上的混合顺序，可以选择混合对象，然后选择【对象】/【混合】/【反向混合轴】命令。若要反向混合路径上的叠放顺序，可以选择混合对象，然后选择【对象】/【混合】/【反向堆叠】命令。5．Illustrator渐变工具与Photoshop一样，Illustrator中也有“渐变工具”中的“渐变工具”，可对图形进行渐变操作。Illustrator需要配合控制栏的参数（见下图）使用，在控制栏（或“属性”面板或“渐变”面板）中单击“渐变类型”栏中的按钮，设置渐变类型，包括“线性渐变”“径向渐变”、“任意形状渐变”3种渐变类型，如下图所示。任务实施1．制作毛绒图形考虑到书籍内容与毛绒玩具相关，因此米拉打算制作毛绒图形，由于毛绒图形的边缘具有类似锯齿的形状，因此米拉考虑利用星形和混合对象操作作为创建毛绒效果的基础图形，然后添加“收缩”效果和“粗糙”效果将锯齿处理成毛绒效果，具体操作如下。1创建星形2设置圆角并添加径向渐变3缩小图形1．制作毛绒图形4设置混合选项6添加收缩效果5建立混合效果7添加粗糙化效果8变形毛绒效果果1．制作毛绒图形9绘制眼镜、嘴巴、手11完成图形绘制10制作阴影2．制作儿童读物封面1划分区域3转换锚点2绘制弧线米拉打算将完成的毛绒图形和书名置入儿童读物的封面中央，使封面主题更突出。为了将读者的视线聚焦到封面中央，米拉还考虑运用波浪形的圆滑图形围绕在书名四周，并重叠多层图形组成背景框。另外，考虑到本书目标读者为儿童，为了带给儿童活泼和舒适的视觉感受，米拉打算以橙色为主色，以其他较明亮的类似色或对比色为辅助色，具体操作如下。2．制作儿童读物封面4图形绘制效果6绘制椭圆图形5绘制波浪形状7投影效果2．制作儿童读物封面10输入文字8添加图层蒙版9复制毛绒图形12输入路径文字11添加描边2．制作儿童读物封面15输入其他文字13复制文字14绘制爱心图形3．制作儿童读物书脊和封底1完成书脊3完成封底2制作封底背景为了让书籍的整体外观看起来更加连贯、统一，米拉打算在制作书脊和封底时沿用封面的背景色与风格，具体操作如下。目录《毛绒玩具DIY》儿童读物装帧设计《游江南》文艺类书籍装帧设计综合实战《光影绘色：诗画人生》文艺类书籍装帧设计任务7.2任务7.1《光影绘色：诗画人生》是一本文艺类书籍，该书将色彩、光影等元素与人生哲学相结合，以诗意的语言和绘画的方式呈现出来，给人以美的享受和思考的启示。某出版社准备出版该书籍，现已进入装帧设计阶段，需要设计师完成书籍装帧设计，包括封面、封底、书脊和勒口，要求画面简洁而富有艺术感，给人以清新、优雅、柔美的感觉.。（一）任务背景任务描述任务7.2《光影绘色：诗画人生》文艺类书籍装帧设计①

制作视觉观感上轻盈、梦幻和柔和，并具有很强的设计感和艺术性的书籍封面。②

根据书籍封面制作出相同风格的封底、书脊和勒口。③

通过变形书名文字使书名更突出，更有艺术性和设计感。（二）任务目标任务描述任务7.2《光影绘色：诗画人生》文艺类书籍装帧设计（三）知识要点Photoshop中的“高斯模糊”滤镜、“方框模糊”滤镜、“动感模糊”滤镜、“添加杂色”滤镜、“拼贴”滤镜；Illustrator中的创建文字轮廓操作和图形样式运用。知识准备1．常见的文艺类书籍装帧设计要点常见的文艺类书籍有小说类、散文类、诗歌类、画集和摄影集等形式，这些书籍的装帧设计具有不同的特点，如下图所示。2．Photoshop中的滤镜Photoshop中的滤镜是一种插件模块，可以改变像素的位置和颜色，进而生成特殊效果。在Photoshop中应用滤镜效果时，可以使用滤镜库、特殊滤镜和滤镜组来完成。2．Photoshop中的滤镜滤镜库可同时为图像应用多种滤镜，节省多次应用滤镜的操作时间。具体方法为：选择【滤镜】/【滤镜库】命令，打开“滤镜库”对话框，在滤镜组列表中选择所需滤镜选项，如下图所示，单击“确定”按钮。（1）滤镜库2．Photoshop中的滤镜Photoshop的“滤镜”菜单中提供了多个滤镜组，如右图所示，可对图像进行模糊、锐化等特殊效果的处理。（2）滤镜组2．Photoshop中的滤镜在Photoshop的“滤镜”菜单下还有一些特殊滤镜，具体方法为：选择【滤镜】命令，选择所需的特殊滤镜子命令，在打开的对话框中设置参数，单击“确定”按钮。各个特殊滤镜的作用如下。（3）特殊滤镜

“自适应广角”滤镜：可调整图像的范围，包括调整图像的透视、球面化和鱼眼效果等，使图像产生类似使用不同镜头拍摄的效果。

“CameraRaw滤镜”滤镜：可调整图像的颜色、色温、色调、曝光、对比度、高光、阴影、白色、黑色、纹理、清晰度、自然饱和度、饱和度等，上图所示为使用该滤镜进行调色的前后对比效果。2．Photoshop中的滤镜（3）特殊滤镜

“镜头校正”滤镜：可修复因拍摄不当或相机自身问题而出现的图像扭曲问题。

“液化”滤镜：可以推、拉、旋转、反射、折叠和膨胀图像的任意区域，可实现图像的各种特殊效果，可应用于8位/通道或16位/通道图像。右图所示为使用该滤镜增加人物身高的前后对比效果。

“消失点”滤镜：使用该滤镜在选择的图像区域内进行克隆、喷绘、粘贴图像等操作时，操作会自动应用透视原理，按照透视的角度和比例自动适应对图像的修改。3．Illustrator创建文字轮廓如果选择创建的文字，选择【文字】/【创建轮廓】命令，或按【Shift+Ctrl+O】组合键，可以将文字转换为形状，便于修改文字轮廓，或进行渐变填充等操作，但文字属性将丢失，不可再修改字体。下图所示为编辑“清仓大促”文字的轮廓，并添加渐变的效果。4．Illustrator中的图形样式图形样式是指可反复使用的外观属性，通过图形样式可以快速更改对象的外观，提高工作效率。具体操作方法为：选中对象，选择【窗口】/【图形样式】命令，打开“图形样式”面板，选择图形样式为对象应用，如下图所示。任务实施1．绘制书籍封面背景米拉准备为书籍封面制作色彩丰富的背景图像，为此需要先绘制不同色彩的图形，然后运用滤镜来模糊图形，具体操作如下。1绘制正圆2模糊正圆3绘制并编辑矩形4．Illustrator中的图形样式4模糊矩形5模糊所有图形6为图形增加杂色7制作拼贴效果2．变形书名文字为了让书名看起来更有设计感，米拉打算将书名文字转换成文字轮廓，然后通过调整文字轮廓的锚点和路径，使文字产生变形，具体操作如下。1添加背景2输入文字3变形“诗”字4调整文字的转角2．变形书名文字6绘制圆形替代笔画7调整“光”字锚点8调整“影”字锚点5删除文字锚点2．变形书名文字9变形其他文字10输入英文书名11输入其他文字12完成封面3．制作书脊、封底和勒口完成封面的制作后，米拉打算延续该封面的风格制作书脊、封底和勒口，具体操作如下。1新建画板2调整画板位置3绘制矩形4输入文字3．制作书脊、封底和勒口5添加与调整文案6制作封底和勒口目录《光影绘色：诗画人生》文艺类书籍装帧设计任务7.2《游江南》文艺类书籍装帧设计综合实战《毛绒玩具DIY》儿童读物装帧设计任务7.1实战背景实战描述综合实战

《游江南》文艺类书籍装帧设计某古典文学《游江南》以主人公游历江南为主线，展现了江南极富韵味的水乡风貌与风景名胜，以及在当地遇到的趣闻轶事。现需要为该书设计封面、封底和书脊，要求视觉效果简约、古典、大气，富有韵味，能营造出悠远的意境。本实战的参考效果如上图所示。实战目标①图形简约大方，同时其他文字也要简洁大方、易于辨识。②选择合适的字体，文字编排以古书中常用的竖向排列为主。③以深蓝色为主，搭配少量金色和白色，色彩搭配有亮点。实战描述知识要点Photoshop中的“胶片颗粒”滤镜、“云彩”滤镜；Illustrator中的混合工具、渐变工具。综合实战

《游江南》文艺类书籍装帧设计思路及步骤（1）

打开Photoshop，新建名称为“《游江南》书籍背景”，宽度为“226mm”，高度为“226mm”，分辨率为“300像素/英寸”，颜色模式为“RGB颜色”的文件。（2）

新建图层，并为其填充“#dbc2a4”颜色，选择【滤镜】/【滤镜库】命令，打开“滤镜库”对话框，选择“艺术效果”滤镜组中的“胶片颗粒”滤镜，在右侧设置滤镜参数后单击“确定”按钮。（3）

再次新建一个图层，按【D】键将前景色和背景色切换成默认值，选择【滤镜】/【渲染】/【云彩】命令，为新图层添加“云彩”滤镜，然后将该图层的混合模式更改为“柔光”，并设置不透明度为“20%”。（4）

置入“古朴质感.jpg”素材，调整其大小，使其完全覆盖背景图层，修改“古朴质感”图层的混合模式为“浅色”，不透明度为“50%”。实战描述综合实战

《游江南》文艺类书籍装帧设计（5）

新建图层，并为其填充“#1e2155”颜色，设置该图层的混合模式为“强光”，最后将图像导出为JPG格式的文件。（6）

打开Illustrator，新建宽度为“226mm”，高度为“226mm”，出血为“3mm”的文件，然后置入在Photoshop中制作的“《游江南》书籍背景.jpg”背景图片，调整其大小，使其铺满整个画板。（7）

使用“曲率工具”绘制两条上下排列的曲线，上方曲线的描边为“#f1b228”，下方曲线的描边为“#FFFFFF”，描边大小均为“2pt”，填充均为“无”。（8）

双击“混合工具”，打开“混合选项”对话框，设置