CG数字插画PPT课件

1、数字插画 第一章 数字插画的基础知识第一节 CG数字插画的概述第二节 CG数字插画的一般流程及步骤第三节 CG数字插画软件的相互联系及互导方式第1页/共50页第一节 CG绘画的概述 CG的含义CG为Computer Graphics（电脑图形）的英文缩写，核心意思为数码图形。第2页/共50页第一节 CG绘画的概述 CG的运用范围数码化作品第3页/共50页第一节 CG绘画的概述 CG的运用范围CG行业范围广告影视动画游戏第4页/共50页第一节 CG绘画的概述 CG的运用的方向二维三维静止动画CG绘画第5页/共50页第一节 CG绘画的概述 CG行业现状由CG和虚拟真实技术制作的媒体文化，都可以归于

2、CG范畴。CG行业已经形成一个以技术为基础的可观的视觉艺术创意型经济产业。第6页/共50页第一节 CG绘画的概述 绘制CG插画的手段以及平台介绍Adobe公司研发的PhotoShop CS4第7页/共50页第一节 CG绘画的概述 绘制CG插画的手段以及平台介绍Corel公司开发的Painter11第8页/共50页第一节 CG绘画的概述 绘制CG插画的手段以及平台介绍数位板第9页/共50页第一节 CG绘画的概述 绘制CG插画的手段以及平台介绍Photo Shop：图形处理最为强大的软件图像扫描编辑修改图像制作广告创意图像输入与输出第10页/共50页第一节 CG绘画的概述 绘制CG插画的手段以及平

3、台介绍Painter：艺术级绘画软件上百种绘画工具重新定义笔刷样式墨水流量压感纸张的穿透能力第11页/共50页第一节 CG绘画的概述 CG绘画的一般流程及步骤数位板：如同纸张上的手绘感觉模拟各种绘画工具压力大小进行图案的贴图绘画第12页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：第一步 起稿构思好大致的世界观 可以用纸张构思 第13页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：扫描到PS中，在草稿的基础上，画出尽可能详细的透视线第14页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：把人物的比例放到画面的不同位置中 细化场景线稿第15页/共50页第二

4、节 CG绘画的一般流程及步骤CG绘画基本步骤：在同样的透视关系中绘制前层人物 第16页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：把人物和背景放在一起观察和调整第17页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：第二步 人物线稿 首先在草图的基础上第一次进行细化，调整结构和动态。第18页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：再回到草图的基础上进行第二次细化，绘制出精确的单线稿第19页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：第三步 色调 尝试不同的色调，找出合适的色调第20页/共50页第二节 CG绘画的一般流程及步骤CG绘

5、画基本步骤：尝试不同的色调，找出合适的色调第21页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：人物也使用了与环境协调的颜色第22页/共50页第二节 CG绘画的一般流程及步骤第四步 材质 寻找可以使用的素材，然后按照透视来贴素材，必要的时候需要手动绘制一部分素材来使用第23页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：第五步 选用画笔例如选用PS画笔中比较接近绒毛质感的画笔，按照台阶的起伏来绘制地毯第24页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：第六步 绘制阴影定好太阳的位置，阴影的方向应该是从太阳开始呈放射状的（蓝色的参考线）第25页/共50

6、页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：第七步 绘制彩绘玻璃先确定好玻璃的主体颜色，不能让玻璃的色彩与整体色调脱节第26页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：深入描绘，并把玻璃窗的厚度表现出来第27页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：给玻璃加上反光，然后使用橡皮擦出树的轮廓第28页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：第八步 墙面材质 找到合适的素材，并拼接成需要的尺寸第29页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：改变素材以适应墙壁的透视，找到适合的图层属性，让素材看起来更像墙壁的一部分。

7、去掉多余的部分第30页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：改变素材以适应墙壁的透视，找到适合的图层属性，让素材看起来更像墙壁的一部分。去掉多余的部分第31页/共50页第二节 CG绘画的一般流程及步骤远处的建筑虽然模糊，但却很重要，要尽可能表现出层层推远的效果，可以增加空间感。第32页/共50页第二节 CG绘画的一般流程及步骤CG绘画基本步骤：第十步 道具和人物 在增加细节的过程中要时刻注意调整与整体的关系。切忌细节太过抢眼。第33页/共50页第二节 CG绘画的一般流程及步骤在增加细节的过程中要时刻注意调整与整体的关系。切忌细节太过抢眼。第34页/共50页第二节 CG绘画

8、的一般流程及步骤第十一步 最终调整这一步是非常重要的，所有东西都画完以后可以把图层尽可能合并（注意保留原始图层）第35页/共50页第二节 CG绘画的一般流程及步骤第十二步 调整层次 画面前后层次还没有拉开，画面缺少重色，所以加强了饱和度和对比度。并把远景中的层次适当加强了。雾气也增加了一些，所以只保留了很少的部分第36页/共50页第二节 CG绘画的一般流程及步骤第十二步 补充光源第37页/共50页第二节 CG绘画的一般流程及步骤第十二步 补充光源第38页/共50页第三节 CG绘画软件的相互联系及互导方式CG绘画软件的相互联系以及互导方式 都建立再图像文件格式上图像文件格式：图像文件格式指图像文

9、件的保存输出方式限制：不同的图像颜色模式和内容，允许存储的文件格式各不相同第39页/共50页第三节 CG绘画软件的相互联系及互导方式什么是图像颜色模式？第40页/共50页第三节 CG绘画软件的相互联系及互导方式什么是图像颜色模式?颜色模式各种表示颜色的方法。色彩空间即色域，即既定的色彩范围。颜色模式 : 色彩空间 RGB颜色模式中包含很多色彩空间，如Adobe RGB、 sRGB。第41页/共50页第三节 CG绘画软件的相互联系及互导方式颜色模式颜色模式原理原理媒介媒介/适用范围适用范围HSB人眼视觉感受人眼视觉感受最接近人类色彩辩认模式最接近人类色彩辩认模式RGB光源三原色光源三原色屏幕显示

10、、数字图像处理屏幕显示、数字图像处理CMYK物体三原色物体三原色印刷印刷Lab大自然大自然/ /理论颜色库理论颜色库处理处理Photo CDPhoto CD（照片光盘）图像、（照片光盘）图像、单独编辑图像中的亮度和颜色值、单独编辑图像中的亮度和颜色值、在不同系统中转移图像在不同系统中转移图像Bitmap位位 0/10/1不能识别颜色和灰度的设备；文字不能识别颜色和灰度的设备；文字识别识别Grayscale非彩色非彩色( (无色相和饱和度无色相和饱和度) )模式转换中介模式转换中介Duotone2-42-4种有彩色合而为一种有彩色合而为一专色印刷专色印刷Indexed映射颜色模式映射颜色模式We

11、bWeb用图用图第42页/共50页第三节 CG绘画软件的相互联系及互导方式基于光源三原色的颜色，即加色模式，基色相混合后变亮。RGB模式下，图像颜色均由红、绿、蓝3种基色按一定比例混合而成。混合的颜色越多，生成的颜色越明亮。 第43页/共50页第三节 CG绘画软件的相互联系及互导方式RGB红色红色25500绿色绿色02550蓝色蓝色00255白色白色255255255黑色黑色000RGB模式对应的媒介是显示器，是最佳的图像编辑颜色模式。大部分图形图像编辑命令和工具都可以在RGB模式下使用。当，光色三原色的值相等，为灰度颜色。值越大，灰度越浅。值越小，灰度越深。第44页/共50页第三节 CG绘画软件的相互联系及互导方式基于（物体三原色）印刷颜料的颜色，即减色模式，基色混合后变暗。图像颜色均由青色、洋红、黄色和黑色4种油墨按一定比例混合而成青色、洋红、黄色分别是RGB颜色模式中的红、绿、蓝的补色。第45页/共50页第三节 CG绘画软件的相互联系及互导方式RGB模式的图像文件 CMYK模式的图像文件第46页/共50页可以保存Photoshop中通道信息的文件格式PSDTIFF TGA BMP PCXGIF可以保存图像的色彩信息，但不能保存Photosho