手绘板在Flash的使用课件

第9章手绘板在Flash中的使用第9章手绘板在Flash中的使用 近些年来，数字绘画开始兴起，而这一切都源于一块小小的板子。1984年，刚刚成立仅一年的Wacom公司在市场上推出了一款神奇的小板子，用户可以在它上面绘制图形，并且在电脑上实时显示，这一技术在早期主要用于电脑辅助CAD设计，取得了很大的成功。1988年，这块神奇的小板子开始进入欧美市场，两年以后，迪斯尼就开始使用这块板子创作著名的美女与野兽动画电影。随后，这块小板子以神奇的速度开始进入动画、绘画、漫画等多个领域，这就是本章所要重点讲述的“手绘板”。9.19.1、关于手绘板、关于手绘板 “手绘板”，又名数位板、手绘板、绘画板、手写板等等，是计算机输入设备的一种。近些年来，数字绘画开始兴起，而这一切都源于一块小小的9.1.19.1.1、手绘板概述、手绘板概述 “手绘板”通常由一块板子和一只笔组成，配合电脑中的相关绘图软件，如Adobe Photoshop、Corel Painter、Autodesk Sketchbook Pro、Easy Paint Tool SAI等进行绘制。通常的绘制流程为：安装手绘板的驱动程序；打开相关绘图软件，并新建文件，选择相应的工具、笔刷；使用绘图笔在手绘板上进行绘制，然后就会看到，在板子上绘制的图形会实时显示在电脑的绘图软件中。9.1.1、手绘板概述 2001年，Wacom公司推出了一款全新的手绘板，但是当时没人将这件产品定义为手绘板，而称之为“LCD数位屏”（俗称手绘屏），这就是“新帝”(Cintiq)，它将手绘板和显示器合二为一，使用户可以直接在显示屏上进行绘制，但由于价格昂贵，目前在高端用户群中使用的频率较高。2001年，Wacom公司推出了一款全新的手绘板，但 相比于传统绘画方式，手绘板的优势很明显，其中最重要的一点就是可以实时纠正绘画过程中出现的错误。例如在传统绘画中，如果有一笔颜色绘制错了，那就需要用其他颜色再去遮挡，而使用手绘板的话，只需要按下键盘的“Ctrl+Z”快捷键，撤销刚才那一步就可以了。除此之外，由于不使用颜料、水等作画工具，不但经济实惠，而且也很环保。随着技术的进步，使用手绘板进行数字绘画的人会越来越多，关于数字绘画能否代替传统绘画的争论也已开始。但从目前的发展来看，数字绘画由于自身的局限性，依然无法完美地表现出传统绘画的效果，例如水墨在宣纸纸上的晕染、油画笔触的厚重感、水彩由于水分的多少而在纸上呈现出的效果以及颜色之间的过渡等，都是传统绘画的优势。因此，数字绘画和传统绘画在未来相当长的一段时间内，都会不断地取长补短，并行发展的。除此之外，手绘板也在三维、影视特效等多个领域显现着作用，大家熟知的泰坦尼克 号、星球大战、阿凡达等多部电影的特技，都有手绘板的身影。相比于传统绘画方式，手绘板的优势很明显，其中最重要的9.1.29.1.2、手绘板的参数、手绘板的参数 如果还没有使用过手绘板，在购买的时候肯定会对各种各样的参数产生困惑，究竟一款手绘板的参数具体代表着什么。实际上对于一块手绘板而言，最重要的参数就是两个尺寸大小和压力感应。尺寸大小比较容易理解，毕竟手绘板越大，工作起来就会更加得心应手。而压力感应是以级数为基本单位的，例如压力感应为1024级，意思是说从起笔压力7克力到500克力之间，在细微的电磁变化中区分1024个级数，从使用者微妙的力度变化中表现出粗细浓淡的笔触效果。读取速率的提升能有效避免断线和折线，但这一参数同时也受到PC运行速度的制约，如果机器配置太低，也会影响绘图板的读取速。9.1.2、手绘板的参数 除此之外，还有以下一些参数：1、活动区域 数位板的绘图区域，又名工作区域，与数位板的物理尺寸不同。通常手绘板上有一块区域称之为“绘图区域”，绘图笔在这个区域内才能正常绘制。2、纵横比 数位板或显示屏幕的垂直方向尺寸和水平方向尺寸的比例。数位板的尺寸比例一般与显示屏相对应，以4：3为主流比例。对应宽屏比例的数位板为16：9或者16：10。3、点击力度为了激发单击而必须施加到笔的笔尖的力量大小。4、双击间距两次单击被作为一次双击接受时，光标可以在两个单击期间移动的最大间距（以屏幕像素作为单位）。增大双击间距可以使双击更加容易，但是在某些图形应用程序中，较大的双击间距可能会使笔刷操作产生迟疑。5、双击速度两次单击被作为一次双击接受时，两次单击期间所能间隔的最长时间。除此之外，还有以下一些参数：6、可识别橡皮擦的应用程序内置有对橡皮擦支持的应用程序软件。这些应用程序以不同方式使用橡皮擦所带来的好处，取决于不同应用程序的实际需求。7、指动轮数位笔上的控制滚轮。8、横向数位板的一个“方向”设置。在横向放置的状态下，数位板的状态指示灯位于数位板的顶部。直角数位板将会处于水平位置。9、映射数位笔与显示器屏幕上光标位置之间的关系。10、数位板上的快捷键对于Windows，快捷键包括SHIFT、ALT和CTRL。对于Macintosh，快捷键包括SHIFT、CONTROL、COMMAND和OPTION。11、鼠标加速度一个可以用来调整当您的数位笔在鼠标模式下的屏幕光标加速度的设置。12、笔芯 数位板的笔芯是可以随意更换的，而且笔芯的种类也挺丰富。特别要注意的是，长期使用一根笔芯，笔芯会被磨损出尖出来，那样就会刮花手绘板工作区。6、可识别橡皮擦的应用程序9.1.39.1.3、手绘板的绘图效果、手绘板的绘图效果 由于手绘板可以逼真地模拟手绘的效果，就相当于可以完全替代纸和笔作画，所以很多数字艺术家们从头到尾都使用手绘板在电脑中进行绘画，无论是草稿、线稿、上色等所有流程都可以胜任。9.1.3、手绘板的绘图效果 由于有压力感应（简称压感），手的用力大小可以绘制出不同的效果，并且在一些软件里面可以设置不同的笔刷，所以很多的绘画可以模拟非常逼真的手绘效果。由于有压力感应（简称压感），手的用力大小可以绘制出不 无论是角色还是场景，手绘板都完全可以胜任。正因为绘图板有这么大的作用，所以现在几乎成为动画、插画、漫画、影视特效、三维制作中必不可少的工具。无论是角色还是场景，手绘板都完全可以胜任。9.29.2、FlashFlash中关于手绘板的设置中关于手绘板的设置 在Flash中，适合手绘板并且常用的工具，只有“铅笔工具”和“刷子工具”，接下来就分别介绍下这两种工具配合手绘板使用的方法。9.2.19.2.1、铅笔工具配合手绘板的使用方法、铅笔工具配合手绘板的使用方法 在使用手绘板前，一定要安装相关的驱动程序，这样在软件中才能激活关于手绘板的参数，也更能将手绘板的作用发挥得淋漓尽致，下图是安装手绘板的驱动前后，铅笔工具的相关参数对比。9.2、Flash中关于手绘板的设置 可以看出，安装手绘板对铅笔工具的参数并没有什么影响，因为铅笔工具是绘制“线”的，手绘板的压力、斜度等无法对Flash中的线起作用。虽然参数没有改变，但是安装手绘板以后，就可以使用铅笔工具自由的绘制了。例如绘制极其复杂的场景时，如果需要勾线，按照前面所使用的直线工具配合选择工具的方法，工作量会极大，而使用铅笔工具配合手绘板，将会极大的提升工作效率，下图这张场景线稿就是使用这种方法绘制的。可以看出，安装手绘板对铅笔工具的参数并没有什么影响，9.2.29.2.2、刷子工具配合手绘板的使用方法、刷子工具配合手绘板的使用方法 刷子工具是在Flash中，将手绘板作用发挥到最大的工具，安装了手绘板驱动以后，再选择刷子工具，会看到工具栏下方会多出来两个按钮，下图是安装手绘板的驱动前后，刷子工具的相关参数对比。多出来的两个按钮分别是“使用压力”和“使用斜度”，这也是因手绘板而异的，如果用的手绘板比较低端，不能辨别绘图笔斜度的话，那就没有“使用斜度”的按钮了。9.2.2、刷子工具配合手绘板的使用方法 点击“使用压力”按钮，使其处于打开状态，然后再使用不同的力度绘制，Flash中的刷子工具就能绘制出不同粗细的图形，力度越大图形则越大，反之就越小。点击“使用斜度”按钮，使其处于打开状态，将绘图笔用不同的斜度在手绘板上绘制，也能在Flash中绘制出不同粗细的图形，下图分别是没有打开“使用压力”和“使用斜度”按钮、只打开了“使用压力”按钮、打开了“使用压力”和“使用斜度”两个按钮三种状态下，绘制的同一条曲线的效果。点击“使用压力”按钮，使其处于打开状态，然后再使用不 选择“刷子工具”，在属性栏中有一个“平滑”选项，数值越高，绘制出来的线和图形就越平滑，下图是“平滑”参数分别为0、50、100的情况下，绘制的同样图形的不同效果。需要注意的是，使用刷子工具绘制出来的是色块，而不是线条。另外，一般的绘图笔都可以反过来，当做橡皮工具来使用的。选择“刷子工具”，在属性栏中有一个“平滑”选项，数值9.39.3、手绘板在、手绘板在FlashFlash中的绘图实例中的绘图实例 由于Flash软件本身的局限性，例如笔刷很单一、图层模式较少、针对手绘板的设置不多等，所以不可能画出来非常细腻的效果，但在Flash中使用手绘板还是能够绘制出比较独特的效果的。9.3.19.3.1、使用手绘板在、使用手绘板在FlashFlash中绘制设定草图实例中绘制设定草图实例大场景大场景 在设定一部动画片的角色和场景的时候，都要从草图阶段开始绘制，所谓的草图就是不刻意绘制地很精细，甚至用笔都并不是很讲究，只要求快速的绘制出大体效果、铺上大的色块，并多出几套不同的方案。在这些方案中挑选一套最满意的，进入到下一阶段精细绘制中。一般的草图都是在Photoshop、Painter等软件中进行绘制，但如果是制作Flash动画，也可以直接在Flash中进行绘制。接下来将以一个实例来介绍下在Flash中绘制设定草图的过程，该实例是一个依山傍海的城堡场景。9.3、手绘板在Flash中的绘图实例 本实例的制作过程请参考本书，最终效果如下图。本实例的制作过程请参考本书，最终效果如下图。本实例的制作过程请参考本书，最终效果如下图。9.3.29.3.2、使用手绘板在、使用手绘板在FlashFlash中绘制漫画实例中绘制漫画实例这小俩口这小俩口 在目前有很多画手，以漫画的形式记录下自己生活的点点滴滴，并发布到网络中，很多作品还红极一时，不仅赚足了人气，还出版成书，热销海内外，其中最有代表性的要数台湾的弯弯绘制的可不可以不要上班、可不可以不要上学系列，和日本高木直子的一个人上东京、150cm Life等。绘制的时候，很多人选择的是Photoshop、Comic Studio、SAI等软件进行绘制，但实际上通过Flash也进行绘制，而且是矢量的，无论是出版还是贴在网络上，都可以导出不同格式、精度的图片，也更加方便。9.3.2、使用手绘板在Flash中绘制漫画实例这小俩口 在Flash中绘制漫画，可以先使用铅笔工具绘制草图。在Flash中绘制漫画，可以先使用铅笔工具绘制草图。本实例的制作过程请参考本书，最终效果如下图。本实例的制作过程请参考本书，最终效果如下图。本实例的制作过程请参考本书，最终效果如下图。9.3.39.3.3、使用手绘板在、使用手绘板在FlashFlash中绘制精细场景实例中绘制精细场景实例大自然大自然 绘制比较精细的场景的时候，Photoshop、Painter等软件自然是首选，但这些软件所绘制出来的毕竟是位图，无法进行随意的放大缩小，而且位图导入Flash中做动画效果的时候，常常会遇到各种各样的抖动、画面质量下降等问题。实际上在Flash中绘制比较精细的场景，虽然质量无法和Photoshop、Painter等软件绘制出来的相比，但也有它自身的优势，接下来将通过一个实例来对Flash中绘制精细场景的整个过程进行讲解。9.3.3、使用手绘板在Flash中绘制精细场景实例大自 本实例的制作过程请参考本书，最终效果如下图。本实例的制作过程请参考本书，最终效果如下图。本实例的制作过程请参考本书，最终效果如下图。本章小结：本章小结：本章主要针对手绘板配合Flash绘制的方法进行了讲解，由于这并不是Flash的特色，因此在软件中相关的设置也不多。可以这么说，这种绘图方式并不是Flash的长处，但这并不影响手绘板在Flash制作中的大规模使用。由于现在动画制作水平的不断提高，在Flash动画制作中，逐帧制作的形式也开始普遍，这就经常要求Flash动画制作人员能够快速绘制出原画，再将原画勾线上色进行动画的制作，所以手绘板经常被用于原画草图的绘制。除此之外，熟练使用手绘板的动画制作人员，在各个制作环节中都能将效率提高，可以说，手绘板是动画制作人员的必备设备之一。本章小结：练习题：练习题：使用手绘板，绘制出一家人的全家福照片，并上色，最终参考效果如下图所示。练习题：