第3章--数字绘画基础课件

基础与项目实战 基础与项目实战1第3章数字绘画基础韩国设计师金亨泰使用数字绘画所完成的角色设计第3章 数字绘画基础韩国设计师金亨泰使用数字绘画所完成的角23.1新建项目 启动启动 Photoshop Photoshop 后，可以先将界面布局调整成数字后，可以先将界面布局调整成数字绘画的布局。单击主菜单栏右侧的布局快捷选项，在其中绘画的布局。单击主菜单栏右侧的布局快捷选项，在其中选择选择“绘画绘画”，如图，如图 3-1 3-1 所示。完成后界面将调整为绘所示。完成后界面将调整为绘画布局，如图画布局，如图 3-2 3-2 所示。所示。图3-1Photoshop绘画界面布局调整3.1 新建项目 启动 Photoshop 3图3-2Photoshop界面中各功能区图 3-2 Photoshop 界面中各功能区4 按按“Ctrl+N”“Ctrl+N”组合键可打开组合键可打开“新建新建”对话框，如图对话框，如图 3-3 3-3 所示。在其中可对文件的名称、大小、格式、背景色进行设所示。在其中可对文件的名称、大小、格式、背景色进行设置。置。图3-3“新建”菜单设置 按“Ctrl+N”组合键可打开“新建”对话框5注意事项1文件尺寸不宜过大2色彩模式的选择需要考虑作品最终呈现的形态3精度的选择与作品最终是否是用于打印输出有关注意事项63.2文件命名与管理 在数字绘画的过程中，需要对文件进行有序管理。因为在数字绘画的过程中，需要对文件进行有序管理。因为在工作中可能多个项目同时进行，而修改建议可能是在一周在工作中可能多个项目同时进行，而修改建议可能是在一周甚至更长的时间之后才获得，所以对数绘文件进行合理的分甚至更长的时间之后才获得，所以对数绘文件进行合理的分类管理非常重要。类管理非常重要。通常情况下可以按照通常情况下可以按照“时间时间”+“”+“项目名项目名”的方式的方式建立文件夹对文件进行分类，并按照建立文件夹对文件进行分类，并按照“作品名作品名”+“”+“数字序数字序列列”的方式对文件进行命名，如图的方式对文件进行命名，如图 3-4 3-4 所示。所示。3.2 文件命名与管理 在数字绘画的过程中，7图3-4新建菜单设置图 3-4 新建菜单设置83.3画笔属性设置 掌握画笔（画笔快捷键为掌握画笔（画笔快捷键为 B B，缩放画笔快捷键为，缩放画笔快捷键为 和和 ）的设置是数字绘画学习的基础。选中工具栏中的画笔工）的设置是数字绘画学习的基础。选中工具栏中的画笔工具后，在画笔属性栏中可对画笔的笔尖形状、画笔模式、不具后，在画笔属性栏中可对画笔的笔尖形状、画笔模式、不透明度等进行设置，如图透明度等进行设置，如图 3-5 3-5 所示。所示。在使用专业级的数位板时，部分画笔具有侧锋属在使用专业级的数位板时，部分画笔具有侧锋属性，如图性，如图 3-6 3-6 所示。我们可以在绘制时，通过数位笔的倾所示。我们可以在绘制时，通过数位笔的倾斜来调整这些画笔的笔尖形状，从而绘制出更为生动、自然斜来调整这些画笔的笔尖形状，从而绘制出更为生动、自然的线条。的线条。3.3 画笔属性设置 掌握画笔（画笔快捷键为 9图3-5“新建”菜单设置图 3-5“新建”菜单设置10图3-6“新建”菜单设置图 3-6“新建”菜单设置113.3.1画笔笔尖形状设置 在在 Photoshop Photoshop 中，除了默认的画笔形状外，我们中，除了默认的画笔形状外，我们还可通过画笔预设面板加载更多的内置画笔，如图还可通过画笔预设面板加载更多的内置画笔，如图 3-7 3-7 所所示。使用相同的方式可以追加其他的内置画笔。示。使用相同的方式可以追加其他的内置画笔。1 1加载内置画笔加载内置画笔3.3.1 画笔笔尖形状设置1加载内置画笔12图3-7加载更多内置画笔图 3-7 加载更多内置画笔13 除了软件内置的笔尖形状外，我们还可使用自除了软件内置的笔尖形状外，我们还可使用自定义画笔的方式自制笔尖形状。执行主菜单的定义画笔的方式自制笔尖形状。执行主菜单的“编辑编辑”“”“定义画笔预设定义画笔预设”命令，即可将当前的文件创建为自命令，即可将当前的文件创建为自定义画笔，如图定义画笔，如图 3-8 3-8 所示。使用所示。使用“定义画笔预设定义画笔预设”时，时，Photoshop Photoshop 会将当前文件所有图层中的内容轮廓定义为笔会将当前文件所有图层中的内容轮廓定义为笔尖形状，因此需要优先删除文件中默认的尖形状，因此需要优先删除文件中默认的“背景背景”，不然，不然画笔形状将调用画布形状。画笔形状将调用画布形状。2 2自定义笔尖形状自定义笔尖形状 2自定义笔尖形状14图3-8自定义笔尖形状图 3-8 自定义笔尖形状153.3.2画笔软硬设置 在画笔笔尖下拉菜单中可对画笔软硬进行设置。在画笔笔尖下拉菜单中可对画笔软硬进行设置。硬度数值越接近硬度数值越接近 100%100%，所绘制的笔痕边缘越实；硬度数值，所绘制的笔痕边缘越实；硬度数值越接近越接近 0%0%，所绘制的笔痕边缘越虚，如图，所绘制的笔痕边缘越虚，如图 3-9 3-9 所示。所示。3.3.2 画笔软硬设置16图3-9画笔软硬设置图 3-9 画笔软硬设置173.3.3笔迹形状设置 单击画笔属性栏中的单击画笔属性栏中的“”“”按钮可打开画笔按钮可打开画笔面板。在这个面板中我们可对画笔的间距、形状、动态方式面板。在这个面板中我们可对画笔的间距、形状、动态方式等属性进行更为精确的设置，如图等属性进行更为精确的设置，如图 3-10 3-10 所示。所示。3.3.3 笔迹形状设置18图3-10画笔软硬设置图 3-10 画笔软硬设置19 在画笔面板中，激活在画笔面板中，激活“画笔笔尖形状画笔笔尖形状”一栏。滑一栏。滑动动“间距间距”滑杆，就可以控制笔尖形状之间的间距，如图滑杆，就可以控制笔尖形状之间的间距，如图 3-11 3-11 所示。所示。1 1虚线绘制虚线绘制 在画笔面板中，激活“画笔笔尖形状”一栏。滑20图3-11通过画笔的“间距”属性绘制“虚线”图 3-11 通过画笔的“间距”属性绘制“虚线”21 在画笔面板中，勾选并激活在画笔面板中，勾选并激活“形状动态形状动态”，可绘制，可绘制出带有随机边缘肌理的画笔痕迹，如图出带有随机边缘肌理的画笔痕迹，如图 3-12 3-12所示。此外，在所示。此外，在其中每一项的其中每一项的“控制控制”下拉菜单中可以选择下拉菜单中可以选择“渐隐渐隐”“”“钢笔钢笔压力压力”“”“钢笔斜度钢笔斜度”等方式来控制对应的属性。等方式来控制对应的属性。2 2画笔形状动态设置画笔形状动态设置 在画笔面板中，勾选并激活“形状动态”，可绘制22图3-12通过画笔的“形状动态”属性绘制动态效果图 3-12 通过画笔的“形状动态”属性绘制动态效果23 在画笔面板中，勾选并激活在画笔面板中，勾选并激活“散布散布”，可设置画笔的散，可设置画笔的散布和数量属性，如图布和数量属性，如图 3-13 3-13 所示。所示。图3-13画笔的“散布”属性设置 在画笔面板中，勾选并激活“散布”，可设置画笔24 在画笔面板中，勾选并激活在画笔面板中，勾选并激活“纹理纹理”选项可对画笔选项可对画笔添加纹理属性，如图添加纹理属性，如图 3-14 3-14 所示，可以方便地模仿出皮肤纹所示，可以方便地模仿出皮肤纹理、铁锈肌理等，使得数字绘画具备更为丰富的、真实的细理、铁锈肌理等，使得数字绘画具备更为丰富的、真实的细节。节。3 3添加画笔纹理添加画笔纹理 在画笔面板中，勾选并激活“纹理”选项可对画笔25图3-14为画笔添加纹理属性图 3-14 为画笔添加纹理属性263.4图层设置管理 在进行数绘项目制作时，需要按照不同的项目特点进行在进行数绘项目制作时，需要按照不同的项目特点进行图层的分层管理。常用的分层方式有以下图层的分层管理。常用的分层方式有以下 3 3 种。种。1按“高光”“填充色”“阴影”进行分类2按照对象的部件进行分类3按照“前景”“中景”“背景”进行分类3.4 图层设置管理 在进行数绘项目制作时，27图3-15图层管理方式按填充色、高光、阴影分图层绘制出大概造型。根据基本形设计出机械角色的造型线稿。新建一层，并绘制出填充色。在该图层上方新建阴影图层和高光图层，并绘制相应内容。图 3-15 图层管理方式按填充色、高光、阴影分图层 28图3-16图层管理方式按对象各部件分图层图 3-16 图层管理方式按对象各部件分图层29图3-17图层管理方式按前景、中景、背景分图层图 3-17 图层管理方式按前景、中景、背景分图层303.4.1图层命名方式管理 对图层进行色彩标记和命名标记是一种非常有效对图层进行色彩标记和命名标记是一种非常有效的管理技巧。它使得绘画者可以快速地找到对应图层，如图的管理技巧。它使得绘画者可以快速地找到对应图层，如图 3-18 3-18 所示。因为在数字绘画时，图层会累积得越来越多，所示。因为在数字绘画时，图层会累积得越来越多，虽然可以通过虽然可以通过“合并图层合并图层”的方式来减少一些不必要的图层，的方式来减少一些不必要的图层，但有时为了方便修改不得不保留大量的图层。所以，为图层但有时为了方便修改不得不保留大量的图层。所以，为图层添加色彩标记和一个醒目的名字可以节省大量找图层的时间。添加色彩标记和一个醒目的名字可以节省大量找图层的时间。3.4.1 图层命名方式管理31图3-18对图层应用色彩标记图 3-18 对图层应用色彩标记323.4.2图层混合模式设置 在数字绘画时，有时需要保留线稿，并在线稿基在数字绘画时，有时需要保留线稿，并在线稿基础上进行上色，此时就可以将线稿图层设置为础上进行上色，此时就可以将线稿图层设置为“正片叠底正片叠底”，如图，如图 3-19 3-19 所示。使用正片叠底后，线稿中的白色会被去所示。使用正片叠底后，线稿中的白色会被去除而黑色线稿会被保留。除而黑色线稿会被保留。1 1使用使用“正片叠底正片叠底”保留描边线保留描边线3.4.2 图层混合模式设置1使用“正片叠底”保留描边线33图3-19使用正片叠底的方式保留描边线在图层面板中，将线稿图层移动到最上层，并设置图层的混合模式为“正片叠底”（Darken）。此时，可以看到原图层中的白色部分消失了，仅留下了黑色的线稿。在线稿图层下方创建阴影（Shadow）与高光（Highlight）图层，并绘制上相应的色彩，可以看到新绘制的色彩并没有被线稿图层中的白色背景覆盖。图 3-19 使用正片叠底的方式保留描边线 在图层面板中，34 在素描稿图层上方新建一个图层，将其图层模式在素描稿图层上方新建一个图层，将其图层模式设置为设置为“颜色颜色”，即可在不影响明暗关系的基础上对画面进，即可在不影响明暗关系的基础上对画面进行上色。其中，行上色。其中，“颜色颜色”主要用于绘制对象的固有色，主要用于绘制对象的固有色，“叠叠加加”和和“柔光柔光”可以用于绘制金属色、环境反光色等，如图可以用于绘制金属色、环境反光色等，如图 3-20 3-20 所示。所示。2 2使用使用“颜色颜色”“”“叠加叠加”和和“柔光柔光”为素描稿上色为素描稿上色 在素描稿图层上方新建一个图层，将其图层模式35图3-20使用“颜色”“叠加”和“柔光”为素描稿上色绘制完成的素描稿。在素描稿上方新建一个图层，将其混合模式改为“颜色”，并绘制对象的固有色，此时色彩不会覆盖原有画面中的明暗效果，仅会改变色相属性。完成后，在“颜色”图层的上方再新建一个混合模式为“叠加”的图层，使用金色绘制角色身上的铠甲，可以看到铠甲变成带有金属质感和光感的色彩。在所有图层的上方新建一个混合模式为“柔光”的图层，调整一下画面的整体色彩基调。图 3-20 使用“颜色”“叠加”和“柔光”为素描稿上色 363.5蒙版的应用3.5.1图层蒙版 图层蒙版是最常用的一种蒙版方式，可以被理解为在图层蒙版是最常用的一种蒙版方式，可以被理解为在已有图层上放了一张透明的玻璃片。蒙版只具有黑、白、灰的已有图层上放了一张透明的玻璃片。蒙版只具有黑、白、灰的亮度彩色属性，涂黑的地方代表不透明，即看不见当前图层中亮度彩色属性，涂黑的地方代表不透明，即看不见当前图层中的内容；涂白色代表该区域是透明的，可以看到当前图层上的的内容；涂白色代表该区域是透明的，可以看到当前图层上的内容；涂灰则代表蒙版为半透明。它的功能类似于内容；涂灰则代表蒙版为半透明。它的功能类似于Photoshop Photoshop 中的橡皮工具，可以将该图层中不要的部分去除，但与橡皮擦中的橡皮工具，可以将该图层中不要的部分去除，但与橡皮擦不同之处在于橡皮擦一旦超出历史记录是无法反悔的，而图层不同之处在于橡皮擦一旦超出历史记录是无法反悔的，而图层蒙版可以在任何时候对其进行修改。图蒙版可以在任何时候对其进行修改。图 3-21 3-21 所示是使用图层所示是使用图层蒙版对画面中的角色手上添加蒙版对画面中的角色手上添加“火焰火焰”的方法。的方法。3.5 蒙版的应用3.5.1 图层蒙版37图3-21图层蒙版的使用拍摄一张火焰的照片。使用通道将照片中的火焰与背景分离后拖入绘画作品中。创建图层蒙版，按键盘中的D键，使前景色和背景色恢复到黑白状态。选择画笔工具，擦去多余的火焰。图 3-21 图层蒙版的使用 拍摄一张火焰的照片。383.5.2剪切蒙版 图层剪切蒙版是将下方图层中的内容作为上一图图层剪切蒙版是将下方图层中的内容作为上一图层的蒙版，下方有图形的位置可以实现绘制，没有图形的位层的蒙版，下方有图形的位置可以实现绘制，没有图形的位置上则无法实现绘制，这种方式常与叠加上色、质感、图案置上则无法实现绘制，这种方式常与叠加上色、质感、图案叠加。图叠加。图 3-22 3-22 所示中，角色身上的布纹质感就是使用剪切所示中，角色身上的布纹质感就是使用剪切蒙版的方式进行添加的。蒙版的方式进行添加的。3.5.2 剪切蒙版39图3-22图层剪切蒙版的使用图 3-22 图层剪切蒙版的使用403.5.3矢量蒙版 矢量蒙版是创建矢量图形时所生成的蒙版。其特矢量蒙版是创建矢量图形时所生成的蒙版。其特点是使用自由变换对图像进行缩放时，不会降低图像精度，点是使用自由变换对图像进行缩放时，不会降低图像精度，且可以通过且可以通过“”“”（直接选择工具）对其节点进行调整，（直接选择工具）对其节点进行调整，从而使得从而使得 Photoshop Photoshop 具备一定的矢量图形编辑能力。具备一定的矢量图形编辑能力。3.5.3 矢量蒙版411请在Photoshop中设置画笔来模仿烟雾、火焰等效果，如图3-23所示。思考与练习思考与练习图3-23材质画笔制作练习1请在 Photoshop 中设置画笔来模仿烟雾、火焰等效42思考与练习思考与练习2.武器道具剪影设计。选择且只能选择一种武器道具，并使用数绘的方式来设计其剪影造型，如图3-24、图3-25、图3-26所示。图3-24剪影武器的练习范例大剑图3-25剪影武器的练习范例单手斧思考与练习2.武器道具剪影设计。图 3-24 剪影武器的练43图3-26剪影武器的练习范例剑图 3-26 剪影武器的练习范例剑44