《动漫设计与图像处理 Photoshop CS4与Flash CS4案例教程 教学课件 ppt 作者 于斌 第13章》由会员分享，可在线阅读，更多相关《动漫设计与图像处理 Photoshop CS4与Flash CS4案例教程 教学课件 ppt 作者 于斌 第13章（78页珍藏版）》请在金锄头文库上搜索。
1、动漫设计与图像处理之,第13章 photoshop CS4 与flash CS4的综合应用,学习内容,任务1：制作小鸟鸣叫时的动作变化画面,13.1,任务2：制作情意浓浓的情人节巧克力,13.2,任务3：打造云端舞蹈的天使,13.3,任务4：制作童话里秋天的风景画,13.4,任务5：制作飞扬的薄纱效果,13.5,学习内容,任务6：制作GIF闪烁动态效果图,13.6,任务7：制作一款笔记本的广告,13.7,任务8：制作2010新年吉祥虎贺卡,13.8,学习目标,提高Photoshop CS4和flash CS4的综合应用能力 了解Photoshop CS4和flash CS4之间的互补关系 感受
2、Photoshop CS4和flash CS4联合操作与效果,任务1：制作小鸟鸣叫时的动作变化画面,用Photoshop的动画功能来制作一个活生生的带有鸣叫的动作变化的小鸟，主要是描绘出小鸟依依动人的鸣叫动作，并举一反三创作出更多的动作变化生动的作品。 图13-2为制作完以后其中一动作的画面。,任务1：制作小鸟鸣叫时的动作变化画面,图13-1：原图 图13-2：动作的画面,任务1：制作小鸟鸣叫时的动作变化画面,制作过程如下： 【步骤1】打开图片，复制图层1，用钢笔工具圈选出鸟的头部。如下图12-3所示。 【步骤2】按住Ctrl+j 键（鸟的头部）选取图层2，并隐藏下边的背景层和图层1（点击关闭
3、小眼睛）。 【步骤3】抠出小鸟头部（单一背景一般使用快速蒙板+色彩范围），用吸管点击小鸟头外部背景，如图12-4所示。 注：（退出色彩范围后将会看到小鸟头部主体部分也有部分被选中）,任务1：制作小鸟鸣叫时的动作变化画面,图13-3：选出鸟的头部 图13-4：抠出小鸟头部,任务1：制作小鸟鸣叫时的动作变化画面,【步骤4】点击快速蒙板“Q”。（前景色为白色，后背景色为黑） 注：可以用画笔擦去误选部分，同时也可以转换前景色为黑色，背景色为白色，并用画笔补充漏选处。 【步骤5】再点击“Q”退出快速蒙板，点击“Delete”键，选择“取消选择”。 【步骤6】放大300%，用钢笔勾选出上喙 ，并用同样的方
4、法勾选出下啄，并分别建选区图层。如图12-5所示。 【步骤7】隐藏上下喙图层，激活图层2，用橡皮擦擦去鸟喙。如图12-6所示。,任务1：制作小鸟鸣叫时的动作变化画面,图13-5：用钢笔勾选出上喙 图13-6：用橡皮擦擦区鸟喙,任务1：制作小鸟鸣叫时的动作变化画面,【步骤8】激活上喙图层，编辑一自由变换，使上喙略上翘同时使下喙略下厥 ，用移动工具调整成张嘴状。 【步骤9】向下合并至图层2鸟嘴张开了。滤镜液化使鸟头略向前伸。如图12-7所示 【步骤10】回到PS面板，激活图层1，用图章工具去掉图层2遮不住的图层1外露部分，向下合并图层。 【步骤11】用钢笔工具勾选尾巴。如图12-8所示。,任务1：
5、制作小鸟鸣叫时的动作变化画面,图13-7：滤镜液化使鸟头略向前伸 图13-8：用钢笔工具勾选尾巴,任务1：制作小鸟鸣叫时的动作变化画面,【步骤12】Ctrl+j 建图层（尾），“编辑自由变换”（将中心点移到尾巴根部）旋转移动尾巴略下垂。用橡皮擦擦掉选区（尾部遮挡的图层1的花朵部分，向下合并图层至图层1）,如图12-9所示。 【步骤13】进入IR界面,从图层建立帧，设置延迟时间。如图12-10所示。,任务1：制作小鸟鸣叫时的动作变化画面,图13-9：用橡皮擦擦掉选区 图13-10：设置延迟时间,任务1：制作小鸟鸣叫时的动作变化画面,完成制作后存储为GIF格式。如图13-11所示。 图13-12为
6、完成后的最终界面。,图13-11：存储为GIF格式 图13-12：完成后的最终界面,任务1：制作小鸟鸣叫时的动作变化画面,图12-11：存储为GIF格式 图12-12：完成后的最终界面,制作过程如下： 【步骤1】新建一个图层，用圆角矩形画出葛矩形，填充棕色，双击图层，斜面浮雕数据，为图片设定等高线，效果图如图13-14所示。 【步骤2】新建图层，按住CTRL键，单击巧克力图层，调出选区，执行“编辑描边”（用棕色）,设6像素。如图13-15所示。 【步骤3】再次按住CTRL键，单击巧克力图层调出选区，按CTRL+SHIFT+D组合键，执行反选命令，然后按DELELT键删除选区。执行“滤镜模糊高斯
7、模糊”（半径设为13）。,任务2：制作情意浓浓的情人节巧克力,图13-13：最终效果 图13-14：设定等高线效果图 图13-15：执行“编辑描边 ”,任务2：制作情意浓浓的情人节巧克力,【步骤4】在图片上打上文字后，把文字删格化，如图13-16所示。 【步骤5】新建个图层，用钢笔工具在巧克力上面画些线条。如图13-17所示。执行“编辑描边”（半径为3，颜色用吸管工具吸取巧克力的色），按CTRL使条线载入选区，斜面浮雕数据如图12-18所示。一块浓浓巧克力被制作出来了。,任务2：制作情意浓浓的情人节巧克力,图13-16：把文字删格化 图13-17：巧克力上面画些线条,任务2：制作情意浓浓的情人
8、节巧克力,图13-18：斜面浮雕数据,任务2：制作情意浓浓的情人节巧克力,制作过程如下： 【步骤1】打开一张如图13-19所示的图片，使用多边形套索工具将图片里的女孩抠出来，将抠出来的女孩贴到一个新的图层中，原来的图片删掉，调整一下亮度（“图像-调整-曲线”Ctrl+m）。如图13-21所示。,任务3：打造云端舞蹈的天使,图13-19：最终效果图 图13-20：原图 图13-21：抠出来的女孩,任务3：打造云端舞蹈的天使,【步骤2】给女孩的衣服换个花纹，找个自己喜欢的花纹放到新层中，新建层透明度设置为53%，并使用多边行套索工具将女孩的衣服抠出来。将花纹中被选择的地方剪切下来，放到新层中，原始
9、层删除 ，并将新层类型设置为叠加。 【步骤3】制作头发的效果。使用涂抹工具笔刷，强度设置为60%，将头发的方向进行模糊。效果如下图13-23所示。,任务3：打造云端舞蹈的天使,图13-22：给女孩的衣服换个花纹 图13-23：头发的方向进行模糊,任务3：打造云端舞蹈的天使,【步骤4】处理背景。首先找到一副天空的图片并粘贴到一个新层中，将背景图层放到其他图层的下面，点击“编辑自由变换”，将背景图片调整到合适的大小并点击“图像调整亮度/对比度”将图片调的强烈一点。还可以自定义画刷几只蝴蝶，选择笔刷工具绘制一些不同角度的蝴蝶，角度可以使用“编辑自由变换”来进行调整。,任务3：打造云端舞蹈的天使,【步
10、骤5】回到笔刷设置界面下，点击重新设置笔刷，将笔触的硬度设置为0%，点击“滤镜模糊动感模糊”。 【步骤6】制作画面中的花边。找一张花边图片插入新层中，点击“图像调整反相”将花边变成白色，同时将花边加亮，将花边复制几个，把画面的上部分平铺，使用打刷笔在蝴蝶的位置涂抹一下。为了让图片看起来更亮些，执行“滤镜模糊高斯模糊”。同时利用光线效果在女孩脚下加上一个云朵，使效果更加的逼真动人。,12.3 任务3：打造云端舞蹈的天使,制作过程如下： 【步骤1】新建一个文档,大小为1920*1200，并命名为“秋”。 【步骤2】为背景添加颜色。选中背景图层，双击，在弹出的对话框选择“确定”，使其变成普通层。再次
11、双击，在图层样式表里选择“渐变叠加”，颜色设置为#fcef87到fe9f09。如图12-25所示。,任务4：制作童话里秋天的风景画,图13-24：效果图,任务4：制作童话里秋天的风景画,图13-25：为背景添加一个颜色,12.4 任务4：制作童话里秋天的风景画,【步骤3】新建一个图层，重命名为“hill”，选择钢笔工具，画一个闭合的“山”的图形，右键单击，选择“填充路径”。选择颜色后，双击这个图层，在图层样式表里选择“渐变叠加”，设置颜色为“#b30100”到“#fe9833”。再次选择路径，右击，选择“删除路径”。如图13-26所示。,任务4：制作童话里秋天的风景画,图13-26：选择“删除
12、路径”,12.4 任务4：制作童话里秋天的风景画,【步骤4】新建一个图层并命名“pond”，设置前景色为“#fcef87”，背景色为“#db8500”。选择“矩形选区”工具，在山脚下画一个矩形选区，在工具箱上选择“渐变”图标，在渐变的属性栏上点击渐变的图框，选择刚设置的渐变，在选区内拉一个从上到下的线性渐变，最后按“Ctrl+D”取消矩形选择。如图12-27所示。,任务4：制作童话里秋天的风景画,图13-27：设置前景色,任务4：制作童话里秋天的风景画,【步骤5】为草丛做一个倒影。首先创建一个新的图层并命名为“Blend”，在工具箱上选择“笔刷”并设置软边，使用画笔在草丛的下面画出一个倒影，然
13、后使用“模糊”工具，进一步模糊。如图13-28所示。 【步骤6】把“波纹”、“叶子”拖至文档中，并把这些图层放置到“pond”图层的上面。复制树叶的图层（按住“alt”键并在文档中拖动树叶），使用“自由变换（Clrt+T）”，让叶子看起来更像被风吹走的样子。如图13-29所示。,任务4：制作童话里秋天的风景画,图13-28：为草丛做一个倒影 图13-29：被风吹走的样子,任务4：制作童话里秋天的风景画,利用Photoshop制作在风中飞扬的薄纱，效果迷人，但技术同样精彩。用画笔工具制作一些复杂的效果也不是很容易的，所以下面我们将学习这个课程。 最终效果图如图13-30所示，制作本作品所需素材如
14、图13-31所示。,任务5：制作飞扬的薄纱效果,图13-30：效果图 图13-31：原图,12.5 任务5：制作飞扬的薄纱效果,制作过程如下： 【步骤1】新建文件，设置如图13-32所示，将其填充为黑色。 【步骤2】新建文件，设置属性。 【步骤3】使用钢笔工具，右键单击画布，选择“描边路径”，勾出纱窗横截面的轮廓路径。单击“画笔”工具设置属性，在弹出的对话框中选择“画笔”，执行编辑定义画笔命令，在对话框中输入“纱1”，再次执行该操作，定义画笔输入“纱2”。重复步骤最后得到效果图如图13-33所示。,任务5：制作飞扬的薄纱效果,图13-32：属性设置 图13-33：勾出纱窗横截面的轮廓,任务5：
15、制作飞扬的薄纱效果,【步骤4】回到“轻纱”文件，打开路径面板，分别新建“路径1”、“路径2”、“路径31” “路径4”，使用“钢笔工具”勾画不同走向的路径。,任务5：制作飞扬的薄纱效果,【步骤5】回到图层面板，分别新建“图层1”、“图层2”、“图层3”、“图层4”。对“图层1”进行操作，选择“路径1”，单击“钢笔”工具，选择“描边路径”，在弹出的对话框中选择“画笔”，对“图层2”、“图层3”、“图层4”同样执行“图层1”的操作，可以结合使用“自由变换”，调整角度与图层的关系，得到一条新的窗纱，完成后的效果如图13-34所示。 把制作好的窗纱拖到“素材1”中进行调整，最终得到如图13-30所示的效果。,任务5：制作飞扬的薄纱效果,图13-34窗纱,任务5：制作飞扬的薄纱效果,本小节主要是介绍使用Photoshop自带的Imager
