《计算机辅助平面设计第六章商业海报设计》由会员分享，可在线阅读，更多相关《计算机辅助平面设计第六章商业海报设计（39页珍藏版）》请在金锄头文库上搜索。
1、第六章商业海报设计2本章导读 海报是一种具有可复制性和可传播性，以图形、文字等平面设计表现手段传递文化、商业和其他方面信息的视觉传达媒体。海报大致可以分为公共招贴海报、商业招贴海报、艺术招贴海报三类。根据不同的海报类型，可以采用有针对性的设计手法，如点线面的画法，表现质感、光和影的方法，拼贴等艺术处理手段。学习目标 掌握商业海报设计的基本技巧，对商业海报设计有一定的思维启发，并能够自己制作商业海报。第一节时尚创意音乐海报设计 本案例是针对音乐会或音乐节制作的海报，海报的整体音乐感强烈，曲线的运用增加了画面的动感，字体的形式更富有夸张的特性。 （1）在Illustrator CS6 中新建文档，
2、将其名称改为“创意音乐海报”，宽度为60 cm， 高度为90 cm， 颜色模式选择为CMYK，其他选项为默认设置，然后单击“确定”按钮，如图6-1 所示。 （2）使用矩形工具绘制一个与画板尺寸相同的矩形，再进行底色填充，描边设定为无。其效果如图6-2 所示。图6-1 新建文档3（3） 选中矩形对象， 执行“ 对象”“创建渐变网格”命令，打开“创建渐变网格”对话框，调整行数和列数均为7，其他选项设为默认，如图6-3 所示。其效果如图6-4 所示（4）使用直接选择工具调整节点，可以通过更改节点的颜色来绘制背景，必要时还可以修改节点的位置，效果如图6-5 所示。（5）使用圆角矩形工具绘制一个矩形，并
3、为其填充任意色（这里选用红色），用选择工具在按住快捷键Shift Alt 的同时向上拖拽，复制出一个相同的对象。并且按快捷键Ctrl+D 复制出多个对象，效果如图6-6 图6-8 所示。（6）选中复制好的对象，执行“对象”“复合路径”“建立”命令，将这些对象合成为一个复合对象，效果如图6-9 所示。图6-图6-2 新建矩形图形并填充颜色图6-3 创建渐变网格图6-4 网格创建效果图6-5 节点的修改4图6-9 建立复合对象图6-6 绘制一个任意颜色的矩形图6-7 复制矩形图6-8 复制多个矩形5（7）使用工具箱中的直接选择工具，选中刚刚建立的复合对象，调出“渐变”面板，调整渐变的颜色，其颜色可
4、以根据个人喜好来设置。再次将对象复制，并调整其大小至画面合适的位置。其效果如图6-10、图6-11 所示。（8）使用钢笔工具绘制曲线对象，绘制的过程中尽量减少节点的设置，保持线条的圆滑饱满，颜色设置为白色，效果如图6-12 所示。图6-10为复合对象创建渐变填充图6-11复制对象并调整其位置大小图6-12绘制曲线对象6（9）调出“透明度”面板，更改该曲线图形的透明度设置，设置不透明度为50%，模式为“变亮”，如图6-13 所示。调出“ 颜色” 面板， 设定颜色数值为C ：3，M ：6，Y ：43，K ：21，根据图形节点位置添加颜色，如图6-14 所示。其效果如图6-15 所示。图6-15设置
5、曲线图形后的效果展示图6-13透明度设置图6-14为节点添加颜色7（10）使用工具箱中的钢笔工具在工作区域绘制一条曲线，并将描边粗细改为21 pt，采用移动复制的方法复制多条曲线，如图6-16、图6-17 所示。图6-16使用钢笔工具绘制曲线图6-17复制多调曲线8（11）采用与上述相同的方法进行复制，并填充不同的描边颜色， 使画面有色彩的效果， 如图6-18 图6-20 所示。图6-20复制并添加描边颜色三图6-19复制并添加描边颜色二图6-18复制并添加描边颜色一9（12）使用工具箱中的椭圆工具，按住Shift 键的同时绘制正圆，并填充相应的渐变颜色，效果如图6-21、图6-22 所示。图
6、6-21绘制正圆图6-22为正圆添加渐变颜色（13）再绘制一个正圆，并将其填充为线性渐变，保持该对象的选中状态，双击比例缩放工具，在弹出的“比例缩放”对话框中调整相应的数值，效果如图6-23、图6-24 所示。图6-23再次绘制正圆并添加渐变颜色图6-24缩放绘制的正圆10（14）选中对象与原始对象，按住快捷键Ctrl+Alt+B，形成圆的渐变增加，再调整图形顺序。再次使用椭圆工具绘制一个圆形，并填充相应的渐变。其效果如图6-25、图6-26 所示。图6-25圆的渐变图6-26绘制圆形并添加渐变效果（15）调整上述绘制好的圆形图层顺序，并去除描边颜色，按快捷键Ctrl+G 进行编组。其效果如图
7、6-27、图6-28 所示。图6-27调整圆的顺序图6-28将图形进行编组（16）将上述编组的图形进行复制，并调整大小，重新进行图形的排列。其效果如图6-29 所示。图6-29复制并重新排列图形11（17）在“符号”面板中找出艺术纹理符号，用符号喷枪工具喷出相应的符号，并调整其位置到画面中合适的方位。其效果如图6-30、图6-31所示。图6-30调整图形的位置图6-31喷出艺术纹理符号12（18）使用星形工具绘制图像，并填充不同的颜色，效果如图6-32 所示。（19）选取人物图片素材，置入Illustrator 中，并执行“对象”“实时描摹”“描摹选项”命令进行调整，如图6-33 所示。其效果
8、和参数设置如图6-34 所示。图6-32绘制不同颜色的星形图形图6-33置入图片并进行实时描摹13图6-34 “描摹选项”设定14（20）对上述描摹完的对象执行“对象”“扩展”命令，效果如图6-35 所示。（21）使用工具箱中的直接选择工具将不需要的内容选中并删除，效果如图6-36 所示。（22）调整上述制作的人物图形，并更改其颜色和位置；调出“透明度”面板，调整图像的混合模式为“正片叠底”。其效果如图6-37、图6-38 所示。图6-35将图像进行扩展图6-36删除描摹对象中不需要的部分图6-37调整图像颜色和位置15图6-38调整图像的透明度（23）选中人物图形，执行“效果”“风格化”“投
9、影”命令（图6-39），打开“投影”对话框，设置模式为“正片叠底”，“X 位移”为0.18 cm，“Y 位移”为0.25 cm，“模糊”为0.18 cm，颜色为黑色。其效果如图6-40 所示。图6-39设置投影效果图6-40投影参数设定16（24）对人物图形执行“效果”“风格化”“涂抹”命令（图6-41），打开“涂抹选项”对话框，其参数设置如图6-42 所示。其效果如图6-43 所示。（25）使用工具箱中的椭圆工具，按住Shift 键绘制大小不同的两个圆，设为水平居中对齐。其效果如图6-44 所示。图6-41对图形进行涂抹图6-42涂抹参数设定图6-43涂抹后的效果展示图6-44绘制大小不同的
10、两个圆17（26） 使用快捷键Ctrl+Alt+B 形成图形的渐变复制，执行“对象”“混合”“混合选项”命令，打开“混合选项”对话框，进行相关参数的调整，效果如图6-45 所示。（27） 选中上述进行“ 混合选项”设定的图形，执行“对象”“混合”“扩展”命令（图6-46），按快捷键Alt Shift 进行复制，如图6-47所示。其效果如图6-48 所示。图6-45“混合选项”设置及其效果图6-46扩展对象18图6-47将对象进行复制图6-48复制图形的最终效果（28）调出“透明度”面板，降低图形的透明度，并更改其混合模式为“柔光”，如图6-49 所示。其效果如图6-50 所示。图6-49图形透
11、明度设定图6-50图形效果展示19（29）使用工具箱中的文字工具输入文字JIJI DISCO，设定新的颜色并进行复制，效果如图6-51、图6-52 所示。（30）对第一个文字对象进行立体设定，执行“效果”“3D” “凸出和斜角”命令，在打开的“3D 凸出和斜角选项”对话框中进行相关参数的设定，如图6-53、图6-54 所示。图6-51输入文字图6-52设定文字的颜色并复制图6-53为第一个文字对象文字添加3D 效果20（31）对第二个文字对象进行与上述步骤相同的操作，并设定不同的参数，如图6-55、图6-56所示。图6-54第一个文字对象“凸出和斜角”的参数设定图6-55为第二个文字对象文字添
12、加3D 效果图6-56第二个文字对象“凸出和斜角”的参数设定21（32）调整两个文字对象的前后顺序，效果如图6-57 图6-59 所示。图6-57调整文字的顺序图6-58将文字重新排列图6-59文字调整效果展示22（33）将文字放入海报中，形成最终的效果。海报的背景颜色可以根据设计意图来设定，使用直接选择工具选中背景网络节点，更改渐变颜色。其最终效果如图6-60、图6-61 所示。图6-60音乐海报最终效果一图6-61音乐海报最终效果二23第二节简约海报设计 本案例采用单纯的手绘海报形式，通过图形图像的叠加、减缺来完成整体的设计，从难度来看很容易被接受，适合由简到难的学习训练。 （1）在Ill
13、ustrator 中新建A4 大小的画板，用矩形工具绘制一个宽为216 mm、高为303 mm 的矩形，与画板中心对齐，并填充颜色，效果如图6-62 所示。 （2）绘制7 个矩形的长条，将其颜色分别设定7 个亮一些的颜色，可根据个人喜好自行设定，间距应保持一致，并要求对齐。其效果如图6-63 所示。图6-62新建并绘制画布图6-63绘制7 个矩形长条24（3）使用圆角矩形工具在工作区内绘制圆角矩形，并填充蓝色渐变；再次使用矩形工具绘制黄色矩形。其效果分别如图6-64、图6-65 所示。图6-64绘制蓝色渐变矩形图6-65绘制黄色矩形25（4）绘制眼睛部分，因为两只眼睛是一模一样的，所以制作好一
14、只后复制就可以。这里采用椭圆工具绘制，白色圆加黑色眼睛再加白色小圆。按快捷键Ctrl+G 编组，按住Alt 键拖动至另一边。其效果如图6-66、图6-67 所示。图6-66绘制眼睛图6-67眼睛绘制完成（5）接着绘制嘴巴，使用椭圆工具先画一个红色的圆，再在圆上绘制一个矩形。其效果如图6-68、图6-69 所示。图6-68绘制嘴巴的圆形图6-69绘制嘴巴的矩形26（6）选中上述绘制的圆和矩形，执行“对象”“剪切蒙版”“建立”命令，并将其拖到适当的位置。其效果如图6-70 所示。 （7）用钢笔工具绘制图形，设定颜色为黑色，并使用镜像工具复制出另一边。按快捷键Ctrl+Shift+F9打开“路径查找
15、器”面板，选择这两个图形，使用合并工具将两个图形联合。其效果如图6-71、图6-72 所示。图6-70绘制完成的嘴巴图6-71用钢笔工具绘制图形图6-72镜像并将两个图形联合27（8）再次使用椭圆工具绘制一个白色的圆，按住Alt键拖动圆的图形，复制出另一个圆。再次使用“路经查找器”面板，选择“形状模式”选项区中的“交集”选项，制作交叉在一起的图形。其效果如图6-73、图6-74所示。图6-73绘制圆形并复制图6-74为两个圆做交集28（9）选择白色图形与黑色图形，在“路径查找器”面板的“形状模式”选项区中单击“减去顶层”按钮，效果如图6-75 所示。（10）根据个人设计意图输入文字。至此，简约
16、海报的效果就做好了，其效果如图6-76 所示。 图6-75执行“减去顶层”命令后的效果图6-76简约海报的最终效果29第三节大气汽车海报设计（1）提取素材，这里先抠出汽车，如图6-77 所示。使用“变换”命令转动“汽车”，并转为智能对象备用。使用钢笔工具抠出汽车路径，删除多余区域，如图6-78 所示。（2）进行云朵抠图，这里需要注意的是，要得到那种实心的大云朵，而不是虚虚散散的浮云，如图6-79 所示。在红色通道里抠出云朵，并把云朵和天较为明确地分离，如图6-80 所示。将云朵抠出来，按快捷键Ctrl+Shift+U 进行去色处理，备用，如图6-81 所示。图6-77准备的汽车素材图6-78用
17、钢笔工具抠出的汽车素材30图6-79云朵素材一图6-81抠出的云朵素材一图6-80 通道里的云朵31 按上述方法抠出图6-82、图6-83 所示的素材，得到图6-84、图6-85 的素材，留作备用。（3）用曲线对那些暗部过多的云朵进行提亮处理，使其更加白一些，然后复制、变形、放置、蒙版擦拭，构建一个环境，如图6-86 所示。图6-82云朵素材二图6-83云朵素材三32图6-84抠出的云朵素材二图6-85抠出的云朵素材三 图6-86曲线调整后的云朵素材33 对所有的云朵素材都在“曲线”对话框里进行调整，然后调整图层顺序并合理布局云朵素材，如图6-87 所示。（4）把之前抠出的汽车素材置入云朵中，
18、得到图6-88 所示的效果。图6-87对云朵素材调整后的效果图6-88置入汽车后的效果34 可以在最下层放一个蓝色背景进行观察。这里构造的是一个左边的云层窝状，右边留白。应灵活地分别在汽车层的上下构建环境，让云朵和汽车产生遮挡效果。修饰蒙版的画笔采用柔角画笔即可，其质地比较接近云朵。其效果如图6-89 所示。 （5）此时，场景中的云和汽车基本融合了。下面来处理环境关系，这里给汽车的玻璃添加上反射的云朵画面，使其更加逼真，直接用蒙版擦拭即可。其效果如图6-90 所示。 （6）下面进行其他细节的添加。前车轮处溅出的云是动态的，截取一部分变形就可以了。其效果如图6-91 所示。图6-89对云朵图层添
19、加图层蒙版后的效果图6-90添加玻璃反射后的效果图6-91对前车轮添加云朵后的效果35 （7）与前车轮类似，在后车轮处也应添加云朵，然后用蒙版擦拭得自然一些，其效果如图6-92 所示。 （8）场景基本没问题了，但汽车与光源光线不匹配，显得生硬。接下来就是给整个环境做光线匹配。光源从右侧打过来，找到暗部区域（以车身为例），用钢笔工具勾画暗部区域，填充黑色，调节不透明度，施加高斯模糊，如图6-93 图6-95 所示。图6-92对后车轮添加云朵后的效果图6-93用钢笔工具添加选区并填充黑色图6-94添加高斯模糊后的效果图6-95对侧面面板进行调整后的效果36 为车子前方阴影部分做效果，并与车子侧面的
20、阴影部分合并图层。添加高斯模糊，其模糊半径为2.1 像素。采用与上述类似的步骤为后视镜添加阴影，效果如图6-96 所示。 （8）接下来进行车子与环境云朵的匹配。这里选择在最上层新建图层，添加右边车身对底盘下云朵的影响；同理，做好选区并添加黑色，使用动感模糊，效果如图6-97、图6-98所示。图6-97“动感模糊”设置图6-96添加后视镜的阴影图6-98添加动感模糊后的效果37 还需要给车身侧面添加一些暗部（模糊），效果如图6-99、图6-100 所示 对多余的部分可以进行选区控制，采用蒙版来擦拭，这些步骤并不是一次完成的。这是因为要做高斯模糊，其与透明度调节的数值不一样，最好每次都新建图层，将
21、混合模式设为“正片叠底”，如图6-101所示。 （9）接下来进行调色，这里需要提高对比度，调色用蒙版控制，主要调整的是云朵，车身要保护起来，效果如图6-102所示。 （10）导入“吉利世界”车标素材，并调整位置，效果如图6-103 所示。汽车海报最终的效果如图6-104 所示。图6-99给车身侧面添加模糊图6-100 给车身侧面添加模糊后的效果图6-101 图层蒙版设置38图6-102 进行调色后的效果图6-103 导入车标后的效果图6-104 汽车海报最终的效果39课堂基础训练课堂基础训练（1）熟悉在Photoshop中制作海报的注意事项。（2）熟悉在Illustrator中制作海报的注意事项。课后进阶课后进阶（1）制作一张环保主题海报，并对主题进行字体设计。（2）制作一张个人音乐会海报招贴。优秀案例赏析优秀案例赏析请欣赏图6-105图6-107所示的海报。图6-105 可口可乐创意海报图6-106 国外品牌汽车海报图6-107 创意减肥海报
