动漫电脑插画技法 课件全套 张文博 第1-6章 动漫电脑插画概述-人物插画的绘制_第1页
动漫电脑插画技法 课件全套 张文博 第1-6章 动漫电脑插画概述-人物插画的绘制_第2页
动漫电脑插画技法 课件全套 张文博 第1-6章 动漫电脑插画概述-人物插画的绘制_第3页
动漫电脑插画技法 课件全套 张文博 第1-6章 动漫电脑插画概述-人物插画的绘制_第4页
动漫电脑插画技法 课件全套 张文博 第1-6章 动漫电脑插画概述-人物插画的绘制_第5页
已阅读5页,还剩460页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

动漫电脑插画技法新编21世纪高等职业教育精品教材·电子与信息类PART01第一章动漫电脑插画概述PART02第二章动漫电脑插画的工具PART03第三章Photoshop软件应用PART04第四章基础静物和动植物的绘制PART05第五章场景插画的绘制PART06第六章人物插画的绘制目录CONTENTSPART01第一章动漫电脑插画概述第一节动画、漫画和插画的概念第二节动漫电脑插画的发展现状第三节动漫电脑插画的分类第一章动漫电脑插画概述(1)了解动画、漫画和插画的概念;(2)了解动漫电脑插画的发展现状;(3)掌握动漫电脑插画的分类。【学习目标】第一节动画、漫画和插画的概念一、动画的定义动画是动画片的简称,是用逐格的手段制作完成的有生命律动感的画面。在各种绘画艺术形式中,动画是最年轻的,它的历史只有百余年。时至今日,动画已成为一个更大的概念,它涵盖了动画电影、动画电视影片、网络动画、手机动画、科技动画、医学动画、展示动画、教学动画等范围。经历超过一个世纪的演变,动画艺术如今已经构建了相对成熟的理论和产业框架。早在20世纪20年代,中国就诞生了本土的动画片,当时称为美术片。中国动画主动借鉴和运用了传统的中国画、木偶戏、皮影戏、戏曲、民间雕塑等各种民间艺术的表现手法,同时在内容和情感上融合了中国人自己的题材故事和审美情趣,并逐步形成了具有独特民族风格的动画影片。第一节动画、漫画和插画的概念二、漫画的概念动漫艺术是画作中的一类,经常运用夸大、隐喻、象征的表现方式,借以讽刺、批判或赞美某些人或事,具备强烈的社会关联性,是寓含讽刺或幽默元素的浪漫主义画作。它和其他画作的区别主要体现在其独树一帜的构思策略及演绎手法上。1925年,由郑振铎担任主编的上海期刊《文学周报》开始连载丰子恺的绘画作品,他为这种独特风格的艺术形式取了一个新的名字—“漫画”。自此,这个词在中国广为流传。现代漫画艺术在呈现上主要有两种表现形式:一种是经常可见于报纸、杂志的单图或四格的漫画,主要旨在讽刺和搞笑;另一种则是故事性漫画,与动画的融合程度极高,通常在专业的漫画刊物上进行连载,或者集结成某种形式的出版物。在这些漫画中,故事性漫画是最为普遍的形式,融合了娱乐性、艺术性及商业性。第一节动画、漫画和插画的概念三、什么是插画通称“插图”的插画,在欧美地区通常用“illustration”来表示,意思是“光亮”。总的来说,插图可以使文本的含义更加透彻。《现代汉语词典》对插画的定义是:艺术性的插图。插画一般用于书籍杂志,可以穿插在正文中,或采用插页的方式存在,对正文内容起到有效的补充解释或艺术赏析的作用。《本草纲目》插图如图1-1-1所示。在欧洲,插画最初被应用在宗教读物上。随后,在各种出版物中大规模使用,如自然科学书籍、语言文法书籍及经典作家合集等。现代插画这一艺术形式起源于19世纪初,随着报纸和书籍的发展而逐渐流行。在艺术商品化程度不断提高及新型绘画材料与工具更新迭代的情况下,插画艺术已经进入了商业化的阶段。在中国,现代插画经历了黑板报、版画、宣传画等形式的创新。20世纪90年代末,随着电脑技术的普及,更多利用电脑进行插画创作的艺术家涌现。第一节动画、漫画和插画的概念第二节动漫电脑插画的发展现状就目前插画行业的成熟程度来看,其专业领域划分深入细致,包括以儿童、时装、图书、报刊、广告、电子游戏等为主导的众多专业领域,并且每个方向都有对应的插画家。另外,近些年,受电影行业的影响和推动,数字艺术创作者创造出众多震撼的视觉传说。CG插画的创作需要引用和学习国际先进制作技术和水平,但更为重要的是要和我国的传统艺术形式深度融合,展示中国传统文化的独特魅力。我们需要开发和利用传统绘画中的各种艺术形式、表现手法和元素符号,将其与现代CG插画设计相结合,走继承、发展、创新的道路,创造一种真正属于我们自己的插画艺术形式,这是中国CG插画产业未来发展的必然方向。第三节动漫电脑插画的分类一、按绘画内容分类(一)儿童卡通类(二)青春类(三)商业广告类(四)影视原画类(五)游戏原画类第三节动漫电脑插画的分类一、按绘画技法分类(一)平面插画(二)赛璐珞画风(三)厚涂写实类(四)古风CG插画类动漫电脑插画技法新编21世纪高等职业教育精品教材·电子与信息类PART01第一章动漫电脑插画概述PART02第二章动漫电脑插画的工具PART03第三章Photoshop软件应用PART04第四章基础静物和动植物的绘制PART05第五章场景插画的绘制PART06第六章人物插画的绘制目录CONTENTSPART02第二章动漫电脑插画的工具第一节动漫电脑插画的硬件工具第二节动漫电脑插画的常用软件第二章动漫电脑插画的工具(1)了解电脑绘画所需电脑的基本配置;(2)了解数位板的基本参数;(3)了解数位屏的优缺点;(4)了解动漫电脑插画所需的常用软件;(5)了解各种软件工具的优缺点。【学习目标】第一节动画电脑插画的硬件工具一、计算机计算机是进行电脑插画创作的必备工具,在配置上主要从CPU、主板、内存、显卡、显示器等方面考虑,如图2-1-1所示。电脑绘画首先要看日常的使用场景,即所用软件对应的配置,最常用的软件有:Photoshop(Ps)、SAI、CSP,这三款软件对电脑配置的要求都不高,普通电脑都可正常运行、使用。但是,还需要考虑技术进步对软件的可持续性要求,插画设计师购置电脑的使用期限为至少3年,3D辅助软件绘制插画和概念设计已经成为技术发展的趋势,所以在预算范围内,应选择实用性强、配置较高的计算机。第一节动画电脑插画的硬件工具二、数位板数位板,又名绘图板、绘画板、手绘板等,是计算机输入设备的一种,通常由一块板子和一支压感笔组成。它和手写板类似,作为非常规的输入产品,都是针对一定的使用群体,如图2-1-2、图2-1-3所示。数位板主要应用在绘画创作方面,就像画家的画板和画笔。动画电影中逼真的画面和栩栩如生的人物,就是通过数位板一笔一笔画出来的。数位板的这项绘画功能,是键盘和手写板无法媲美的。数位板主要面向设计、美术相关专业师生以及广告公司与设计工作室、CG动画设计师等。第一节动画电脑插画的硬件工具第一节动画电脑插画的硬件工具数位板的主要参数有压力感应(压感)、分辨率、读取速度、板面大小等。其中压感的级数是关键参数,如一块数位板压感为1024级,也就是说从起笔压力在7克力到500克力之间,在细微的电磁变化中区分1024个级数。数位板从使用者微妙的力度变化中呈现出粗细浓淡的笔触效果,在软件辅助下能够模拟逼真的绘画体验。读取速度的提升能有效避免断线和折线,但这一参数同时也受到计算机运行速度的制约,如果机器配置太低,也会影响数位板的读取速度。第一节动画电脑插画的硬件工具压感、分辨率和读取速度虽然很重要,但是真正感觉出其中区别的使用者并不多,不用刻意去追求最高的参数,够用就可以了。手感好坏因人而异,因为板子的摩擦力不同,笔的轻重不同,对手感影响很大,参数只是参考的标准之一,并不是唯一的标准,一般初学者购买入门级数位板即可。(1)压感级别就是用笔轻重的感应灵敏度,如图2-1-4所示第一节动画电脑插画的硬件工具压感有四个等级,分别为512(入门)、1024(进阶)、2048(专家)、8192(最高)。随着2048压感的逐渐普及,1024压感有变成入门级的趋势,就像当初1024压感逐渐取代512压感一样。随着Wacom将Bamboo的数位板压感调整为1024,市面上已经基本上没有512压感的数位板了。(2)分辨率某种意义上可理解成数码相机的像素。常见的分辨率有2540、3048、4000、5080,分辨率越高,数位板的绘画精度越高。早期数位板精度不够时,将笔放在数位板上,光标可能因为精度不足而不断抖动,现在已经很少出现这个问题了。假设数位板的实际使用面积是由无数个小方块组成的,分辨率的高低就是指单位面积里小方块的数量,小方块越多,那么每画一笔,可读取的数据就越多,相同的一笔,分辨率越高,信息量越大,线条越顺滑第一节动画电脑插画的硬件工具(3)读取速度就是感应速度。

常见的读取速度有:100、133、150、200、220、266(单位:点/秒),数位板的读取速度普遍在133点/秒以上。由于手臂运动速度有限,读取速度的大小对绘画的影响并不明显,现在常用产品的读取速度最低为133点/秒,最高为230点/秒,当读取速度在100点/秒以上时一般不会出现明显的延迟现象,读取速度为200点/秒以上的产品基本没有延迟。(4)板面大小是数位板非常重要的参数。常见的板面大小有:4×6/4×5(大约为A5纸的一半)、5×8/6×8(大约为A4纸的一半)、9×12(A4纸大小)、12×19(单位:英寸,1英寸=2.54厘米)。4×6/4×5大小的数位板,相对而言更适合携带。在选择数位板尺寸时,请考虑以下两点:①板面太小,手腕手臂舒展不开;②板面太大,手臂运动范围很大,容易疲劳第一节动画电脑插画的硬件工具

三、数位屏数位屏将LED显示器与数位板整合于一体,用户可以使用其配套的压感笔在液晶屏幕上直接输入,包括手写和绘画,如图2-1-5所示。数位屏除了具有LED显示器的无辐射、节省空间等特点外,还能直接写屏输入,书写感觉与在普通纸上一样。作为高端的电脑输入输出装置,数位屏可以使办公环境更加简洁、时尚。又因为其写屏输入的模式更直观、高效,因此,液晶数位屏在注重使用效果和企业形象的各种应用领域中具有广阔的使用前景,如金融、医疗、多媒体制作、建筑制图、设计出版等。第一节动画电脑插画的硬件工具数位屏与数位板相比,其优点是绘画更直观,所画即所得,屏幕更大;缺点是价格更昂贵,不好携带,绘画时需要经常低头,对颈椎不好。而数位板价格相对便宜,方便携带,绘画时手眼分离,可以有效地缓解颈椎压力。数位板和数位屏各有优势,对于刚刚接触电脑绘画的学生来说,如果没有太多预算,建议选择数位板,等绘画水平提升了,再考虑买数位屏。无论选择哪种产品,都可以帮助你更好地完成一幅绘画作品。第二节动漫电脑插画的常用软件一、AdobePhotoshopAdobePhotoshop,简称“Ps”,是由AdobeSystems开发和发行的图像处理软件。Ps主要处理由像素所构成的数字图像,使用其众多的编修与绘图工具,可以有效地进行图片编辑和创造工作。Ps有很多功能,在图像、图形、文字、视频、出版等方面均有涉及。平面设计是Ps应用最为广泛的领域,无论是图书封面,还是海报,这些平面印刷品通常都需要Ps软件对图像进行处理。Ps的功能强大,界面丰富,操作较简单,容易上手。二、SAISAI是由日本SYSTEMAX公司销售、SYSTEMAXSoftwareDevelopment开发的一款绘图软件。其特点是界面简洁,适合绘制二次元漫画,可以和Ps结合使用。第二节动漫电脑插画的常用软件三、AdobeIllustratorAdobeIllustrator(AI)作为全球知名的矢量图形软件,最大的特点在于钢笔工具的使用,使操作简单、功能强大的矢量绘图成为可能。它还有文字处理、上色等功能,在插图制作和印刷制品(如广告传单、小册子)设计制作方面有广泛应用。但是AI只适合绘制平面插画,而Ps拥有各种各样的笔刷,可以绘制各种风格的艺术作品。第二节动漫电脑插画的常用软件四、ProcreateProcreate是一款运行在iPadOS上的功能强大的绘画应用软件,使iPad也能够拥有和台式电脑绘画软件相媲美的绘图效果。Procreate提供了各种各样的画笔工具,可以用来绘制多种艺术作品。用户还可以自定义设置画笔参数值,内置了色彩滴管、油漆桶等多种绘图功能,并且拥有矩形、椭圆形以及直线等不同形状的绘画辅助工具,支持素描创作和插图制作。Procreate的主要特点包括:突破性的画布分辨率、136种简单易用的画笔、高级图层系统以及由iOS上最快的64位绘图引擎SilicaM支持。以上四种是近几年比较常用的绘图软件,Ps、SAI、AI是电脑软件,Procreate是在平板上使用的。其中Ps的功能最为强大,很多艺术家使用Ps来绘制作品。本书即以Ps软件操作为载体讲授各种插画的绘制方法。动漫电脑插画技法新编21世纪高等职业教育精品教材·电子与信息类PART01第一章动漫电脑插画概述PART02第二章动漫电脑插画的工具PART03第三章Photoshop软件应用PART04第四章基础静物和动植物的绘制PART05第五章场景插画的绘制PART06第六章人物插画的绘制目录CONTENTSPART03第三章Photoshop软件应用第一节Photoshop的界面和新建文件第二节Photoshop画笔的分类和制作第三节Photoshop图层的分类和运用第三章Photoshop软件应用(1)了解Ps软件的界面和掌握如何新建文件;(2)了解画笔的分类;(3)掌握画笔的制作方法;(4)了解各种图层模式的特点。【学习目标】第一节Photoshop的界面和新建文件一、界面构成Photoshop(Ps)的界面由菜单栏、工具选项栏、工具箱、图像窗口、浮动调板、状态栏等组成,如图3-1-1所示。第一节Photoshop的界面和新建文件菜单栏:Photoshop菜单栏有文件、编辑、图像、图层、文字等,如图3-1-2所示。第一节Photoshop的界面和新建文件工具选项栏:随着使用的工具不同,工具选项栏上的设置项也不同,如图3-1-3所示。工具箱:工具下有三角标记,即该工具下还有其他类似的命令。当选择使用某工具时,工具选项栏会列出该工具的选项,按工具上提示的快捷键使用该工具即可。我们绘画常用的工作窗口有颜色、画笔、导航器和图层,需要在菜单栏中的窗口里勾选,将其放到Ps面板上,如图3-1-4至图3-1-7所示。第一节Photoshop的界面和新建文件工具选项栏:随着使用的工具不同,工具选项栏上的设置项也不同,如图3-1-3所示。工具箱:工具下有三角标记,即该工具下还有其他类似的命令。当选择使用某工具时,工具选项栏会列出该工具的选项,按工具上提示的快捷键使用该工具即可。我们绘画常用的工作窗口有颜色、画笔、导航器和图层,需要在菜单栏中的窗口里勾选,将其放到Ps面板上,如图3-1-4至图3-1-7所示。第一节Photoshop的界面和新建文件工具选项栏:随着使用的工具不同,工具选项栏上的设置项也不同,如图3-1-3所示。工具箱:工具下有三角标记,即该工具下还有其他类似的命令。当选择使用某工具时,工具选项栏会列出该工具的选项,按工具上提示的快捷键使用该工具即可。我们绘画常用的工作窗口有颜色、画笔、导航器和图层,需要在菜单栏中的窗口里勾选,将其放到Ps面板上,如图3-1-4至图3-1-7所示。第一节Photoshop的界面和新建文件二、新建文件在打开Ps软件新建文件时,软件会给出预设大小,分别有照片、打印、图稿和插图、Web、移动设备等不同的图片尺寸选择,我们可以根据需要进行选择,如图3-1-8所示。新建文件的时候要了解下面几个基本的概念:(一)像素像素是组成图像的基本单元,它是一个小的方形颜色块。我们新建Ps文件一般都是以像素为基本单位的。(二)图像分辨率图像分辨率是单位面积内像素的数量。分辨率越高,像素越多,图像的信息量越大。像素单位为PPI(PixelsPerInch),如300PPI表示该图像每平方英寸(1平方英寸=0.0006452平方米)含有300×300个像素。图像分辨率和图像尺寸的大小决定了文件的大小和输出质量,分辨率越高,图像越清晰,所生成的文件也越大。图像分辨率成了图像品质和文件大小代名词,我们新建的文件分辨率一般就是300PPI。第一节Photoshop的界面和新建文件(三)颜色模式用于显示和打印图像的颜色模式,常用的有RGB、CMYK、LAB、灰度等。电子设备上显示的动漫插画一般默认为RGB模式。第二节Photoshop画笔的分类和制作一、画笔的分类画笔是Photoshop(Ps)中的工具之一,它是一些预设的图案,能够以画笔的形式直接使用。Ps画笔大致可以分为以下三类:(一)塑造型画笔塑造型画笔就是用来塑造形体的笔刷,这种画笔在画物体的轮廓时更有力度,内部饱满,不易出现镂空的现象,画笔的外轮廓比较利落,笔触效果也比较清晰,如图3-2-1所示。建议新手刚开始不知道用什么画笔的时候,可以挑选这种画笔。第二节Photoshop画笔的分类和制作(二)肌理型画笔这种画笔大多用来增加画面的层次感,使画面更加丰富。因为它的肌理性比较强,所以较少用来塑造形体或轮廓,经常用来呈现轮廓边缘不清晰的情况。这种画笔比较重要,画笔的内部镂空肌理和外部轮廓是其特点,如图3-2-2所示。第二节Photoshop画笔的分类和制作(三)特殊效果画笔这种画笔在画笔盘上比较好辨认,一般都是特定的造型,例如飞鸟和花丛等,如图3-2-3所示。这种画笔一般只能画一些特定的物件。此类画笔使用较为简单,只要根据自己所需要的特定效果来使用就可以了。第二节Photoshop画笔的分类和制作二、画笔的制作Ps有很多预设的画笔供选择使用,如图3-2-4所示,也可以根据需要自己制作画笔。第二节Photoshop画笔的分类和制作(一)形状画笔的制作我们可以把任意形状,例如圆形、方形、花形以及随意的墨点等形状自定义为画笔来使用。在新的图层上绘制任意形状,然后在编辑里打开自定义画笔预设,在弹出的窗口中输入画笔名称,单击“确定”按钮,如图3-2-5所示,这样就有了一个对应形状的画笔,这个画笔会出现在画笔列表的最下面。第二节Photoshop画笔的分类和制作(二)中国书法水墨画笔的制作制作中国书法水墨画笔时,可以先找一下中国书法作品作参考,再使用Ps自带的基础画笔来进行设置。(1)首先使用硬边圆形画笔点一些大小不同的点,形成一个圆的形状,如图3-2-6所示,然后单击“编辑”,定义画笔预设将这个图案保存成画笔。第二节Photoshop画笔的分类和制作(2)打开画笔设置,画笔笔尖形状间距调整为6%,如图3-2-7所示。第二节Photoshop画笔的分类和制作(3)在形状动态上进行勾选,大小抖动改为50%,最小直径改为8%,圆度抖动改为35%,最小圆度改为25%。这时可以写字试一下,发现已经有了水墨的肌理感,如图3-2-8所示。(4)在双重画笔处进行勾选;打开传递,不透明度抖动设为1%;勾选平滑,这时的画笔更加光滑,并且具有水墨的肌理感,如图3-2-9所示。第二节Photoshop画笔的分类和制作(3)在形状动态上进行勾选,大小抖动改为50%,最小直径改为8%,圆度抖动改为35%,最小圆度改为25%。这时可以写字试一下,发现已经有了水墨的肌理感,如图3-2-8所示。(4)在双重画笔处进行勾选;打开传递,不透明度抖动设为1%;勾选平滑,这时的画笔更加光滑,并且具有水墨的肌理感,如图3-2-9所示。第二节Photoshop画笔的分类和制作(三)荷叶画笔的制作(1)使用硬边圆形画笔,选择纯黑色画出三片大小、方向不同的荷叶剪影;在编辑里面单击“定义画笔预设”,在弹出的对话框里输入画笔名称,单击“确定”按钮,保存这个轮廓画笔,如图3-2-10所示。第二节Photoshop画笔的分类和制作(2)勾选画笔笔尖形状,间距改为10%,如图3-2-11所示。(3)勾选形状动态,大小抖动改为29%,最小直径改为35%,角度抖动和圆度抖动都改为0%,如图3-2-12所示。第二节Photoshop画笔的分类和制作(4)勾选散布,散布参数是668%,数量为1,散布可以使荷叶分布面积更大,如图3-2-13所示。第二节Photoshop画笔的分类和制作(5)选择纹理可以使图案具有肌理感,但是荷叶不是很需要有肌理感,所以无须改变纹理参数;继续勾选颜色动态,色相抖动改为12%,亮度抖动改为19%,纯度改为-40%,这样画出来的荷叶就有了色彩、明度和纯度的变化。全部参数调整完成后,单击右下角的加号,保存这个画笔,如图3-2-14所示。第二节Photoshop画笔的分类和制作(6)使用新建的荷叶画笔,选择绿色,在画布上点几下,就有了很多色彩和明度不同的荷叶,在此基础上进一步细化,即可完成一片荷塘的绘制,如图3-2-15所示。第二节Photoshop画笔的分类和制作(7)如果想要得到半透明的效果,可以选择湿边和杂色,图案会有水彩般半透明的效果,如图3-2-16所示。保存这个画笔,可以和上一个不透明的荷叶画笔一起使用,画出更多效果的插画。第三节Photoshop图层的分类和运用一、图层的概念Photoshop图层就像一些带有图像的透明拷贝纸,互相堆叠在一起,如图3-3-1所示。将每个图像放置在独立的图层上,用户可自由更改图层的外观和布局,且不会互相影响。第三节Photoshop图层的分类和运用图层是Photoshop最基本、最重要的常用功能。使用图层可以方便管理和修改图像,还可以创建各种特效。新建图层、删除图层、合并图层等操作都可以在相应的图层上单击鼠标右键完成,快捷键我们会在练习过程中使用。第三节Photoshop图层的分类和运用二、图层的分类图层的分类指的是图层可以调整各种模式,通过改变图层模式可以得到不同的画面效果。图3-3-2所示是一张玫瑰花图。我们在这张玫瑰花图上面,新建一个图层,填充紫色,看一下不同的图层模式的画面效果。第三节Photoshop图层的分类和运用(1)正常模式下,紫色把下面的玫瑰花图完全遮挡了,如图3-3-3所示。第三节Photoshop图层的分类和运用(2)正片叠底模式下,玫瑰花图受紫色的影响而整体变暗,如图3-3-4所示。第三节Photoshop图层的分类和运用(3)颜色加深模式的特点是保留当前图案中的白色区域,并加强深色区域,当前图案没有受到太多上一图层紫色的影响,如图3-3-5所示。第三节Photoshop图层的分类和运用(4)叠加模式下,玫瑰花的颜色整体变亮了,并且受到上一图层紫色的影响,多了一层浅紫色调,如图3-3-6所示。第三节Photoshop图层的分类和运用(5)滤色模式的特点是可以使图案产生漂白的效果,该模式和正片叠底模式产生的效果相反,如图3-3-7所示。第三节Photoshop图层的分类和运用(6)差值模式下,图案中的白色区域会使图案产生相反的效果,而黑色区域会接近下面图层的图案,如图3-3-8所示。第三节Photoshop图层的分类和运用(7)颜色模式可以将紫色图层的色相和饱和度应用到玫瑰花图层中,并保持玫瑰花图案的亮度,如图3-3-9所示。动漫电脑插画技法新编21世纪高等职业教育精品教材·电子与信息类PART01第一章动漫电脑插画概述PART02第二章动漫电脑插画的工具PART03第三章Photoshop软件应用PART04第四章基础静物和动植物的绘制PART05第五章场景插画的绘制PART06第六章人物插画的绘制目录CONTENTSPART04第四章基础静物和动植物的绘制第一节基础静物的绘制第二节动植物的绘制第四章基础静物和动植物的绘制(1)掌握Ps软件基础工具,如套索、画笔和橡皮工具的使用;(2)熟练使用肌理型画笔给静物上色;(3)熟练使用钢笔工具绘制物体轮廓;(4)掌握平面插画的色彩搭配。【学习目标】第一节基础静物的绘制示例1古风扇子的绘制在这次课程中,我们将学习如何绘制一幅古风扇子图。通过本次课程的学习,大家能够理解绘制物体造型的基本方法,即一个看似复杂的物体其实是由一个基本型按照一定的排列方法组合而成的,并且能够熟练利用Ps图形工具将其表达出来。本示例中的折扇就是由三角形为一个基本型,按照一定的角度旋转排列而成的。本次课程的重点是运用“Ctrl+Alt+Shift+T”组合键连续复制绘制折扇造型。第一节基础静物的绘制(1)首先,打开Ps软件,新建一个像素大小为1500×2000,分辨率为300的文件,然后在视图中打开,并显示网格,如图4-1-1所示。第一节基础静物的绘制(2)使用钢笔工具,以网格为标尺画一个三角形,并且填充浅灰色,作为扇面转折基本型,如图4-1-2所示。第一节基础静物的绘制(2)使用钢笔工具,以网格为标尺画一个三角形,并且填充浅灰色,作为扇面转折基本型,如图4-1-2所示。第一节基础静物的绘制(3)按“Ctrl+J”组合键复制图层,然后按“Ctrl+Y”组合键将这个图层水平翻转(或按“Ctrl+T”组合键,再单击鼠标右键,选择水平翻转)并拖动它和刚才画的三角形拼在一起,变成一叶扇子的形状,如图4-1-3所示。第一节基础静物的绘制(4)所绘折扇为浅颜色,需在背景图层上新建图层,填充一个浅灰色。为便于观察,将刚才绘制完成的两个三角形的左边部分颜色加深,表现出扇子单页的明暗转折,如图4-1-4所示。第一节基础静物的绘制(5)合并两个三角形到一个图层,再按“Ctrl+J”组合键复制一个相同的图层,按“Ctrl+T”组合键出现自由变换框,将中心点拉到这个形状的最底端尖角处,如图4-1-5所示。第一节基础静物的绘制(6)单击拖动扇叶的右上角向右旋转至两个形状紧密贴合,如图4-1-6所示。第一节基础静物的绘制(7)多次使用“Ctrl+Alt+Shift+T”组合键连续复制图层,扇叶会根据刚才旋转的角度自动复制,直至形成一个完整扇面的形状,如图4-1-7所示。第一节基础静物的绘制(8)将所有扇面单页图层合并,旋转扇面角度将其调正,然后使用框选工具,按住“Shift”键拉出一个正圆形选择范围,将其放到扇子下面正中间,单击“删除”按钮,得到一个完整的折扇扇面,如图4-1-8所示。第一节基础静物的绘制(9)绘制扇骨基本型。新建图层,画一条深棕色的直线,并拖动到扇面图层下面,旋转到合适位置,如图4-1-9所示。第一节基础静物的绘制(10)复制扇骨基本型并自由变换,把中心点拖到扇面中间垂直的位置,继续使用连续复制功能,复制出所有扇骨,合并图层,并且把扇骨拖到和扇面吻合的位置,扇子基本完成,如图4-1-10所示。第一节基础静物的绘制(11)新建图层并置于折扇图层之上,打开一张水墨竹子素材(如图4-1-11所示),将其拖到新建的图层中,单击鼠标右键创建剪贴蒙版,将图层模式改成“正片叠底”。第一节基础静物的绘制(12)按“Ctrl+T”组合键调整整体画面的亮度,把背景设置为白色,古风扇子完成,如图4-1-12所示。第一节基础静物的绘制示例2古风酒壶的绘制在这次课程中,我们将学习如何绘制一幅古风酒壶图。通过本次课程的学习,大家可以了解中国传统器具独特的造型美感,并且能够熟练利用Ps中各种图形工具将造型复杂且独具魅力的古风酒壶造型准确地表现出来。本次课程的重点是使用硬边圆形画笔、柔边缘喷枪画笔、方形粗糙画笔等画笔工具表现出古风酒壶的肌理感和壶身的浮雕莲花。第一节基础静物的绘制(1)新建一个像素为2000×2000、分辨率为300的方形画布,背景图层填充为浅灰色。然后新建图层,使用长方形框选工具框出一个填充白色的长方形作为桌面;在最上面图层中使用硬边圆形画笔简单画出酒壶的轮廓草稿,如图4-1-13所示。第一节基础静物的绘制(2)把草稿图层的不透明度降低到30%。在上面新建图层,使用椭圆形套索工具画一个圆形,填充为绿色,将此圆形作为酒壶壶身的下半部分,然后使用钢笔工具画出酒壶壶身的上半部分,如图4-1-14所示。第一节基础静物的绘制(3)在壶身图层下面新建图层,使用硬边圆形画笔画出酒壶的把手,把手边缘要光滑平整,使用自由变换里的“变形”来调整酒壶把手的形状,如图4-1-15所示。第一节基础静物的绘制(4)使用钢笔工具画出酒壶壶嘴的形状,使用橡皮工具将壶身和壶嘴的头部修整平整,并擦出壶嘴边缘的尖角,如图4-1-16所示。第一节基础静物的绘制(5)用硬边圆形画笔绘制一个圆点作为壶盖的把手,然后在下面画一个三角形作为壶盖。注意壶身、壶盖、把手和壶嘴要画在不同图层,方便后面上色,如图4-1-17所示。第一节基础静物的绘制(6)在壶身下面新建图层,使用椭圆形套索工具画出酒壶的底座,先填充和壶身一样的绿色,再使用柔边缘喷枪画笔在两边过渡更深的绿色,体现酒壶的立体感,如图4-1-18所示。第一节基础静物的绘制(7)刻画壶身部分的细节。先锁定不透明图层,然后使用柔边缘喷枪画笔,选一个比底色深一点的绿色,轻轻涂抹在酒壶的底部、两边靠近边缘的地方和壶颈部分,体现壶身的立体感,如图4-1-19所示。第一节基础静物的绘制(8)给酒壶设定一个右前方的光源,先使用较暗的绿色涂抹在壶嘴和把手的背光面,然后使用接近白色的浅绿色涂抹在壶嘴和把手的受光面,如图4-1-20所示。第一节基础静物的绘制(9)刻画酒壶细节。酒壶壶身部分需要雕刻一朵莲花纹样。新建图层,使用方形粗糙画笔画出莲花的简单轮廓,将这个图层的不透明度调整到50%左右,让花朵和壶身融为一体。然后使用半透明圆形画笔画出壶身的高光,壶身的高光一般是窗户的形状,是长方形,而壶嘴和把手上的高光会因为自身形状不规则而变形,形成细细的长条形,如图4-1-21所示。第一节基础静物的绘制(10)在最下面新建图层,打开柔边缘喷枪画笔,画笔形状调整为椭圆形,调大笔刷,选一个灰绿色点放在酒壶左下方作为酒壶的阴影,古风酒壶绘制完成,如图4-1-22所示。第一节基础静物的绘制示例三海鲜锅平面插画的绘制在这次课程中,我们将学习如何绘制一幅海鲜锅平面插画。通过本次课程的学习,大家能够熟练利用Ps中的各种图形工具将砂锅和各种食材的色彩、肌理准确地表现出来。本次课程的重点是使用套索工具和毛边画笔等画笔工具结合文字设计,以图文并茂的形式绘制海报风满满的商业插画。第一节基础静物的绘制(1)新建一个宽为2000像素、高为2500像素、分辨率为300的画布,使用铅笔画出草稿,将青菜、虾、香菇、扇贝、豆腐以及最下面的面条等食材连同砂锅一同勾勒出草稿,如图4-1-23所示。第一节基础静物的绘制(2)将草稿图层置于最上面,不透明度调整为50%,填充为浅蓝色的背景,然后用钢笔工具把砂锅的范围选出来,暂时填充成深蓝色,如图4-1-24所示。第一节基础静物的绘制(3)新建图层置于海鲜锅图层之上,画砂锅里的食材。用自由套索工具画青菜叶子,菜叶一共六片,先画上面的三片,选择范围后填充绿色,然后用毛边画笔加入黄色的肌理,再在下面新建图层,继续绘制下面的三片菜叶,填充的颜色需比上面三片菜叶稍微深一点,最后用黄绿色画出叶脉,如图4-1-25所示。第一节基础静物的绘制(4)绘制砂锅。先锁定透明图层,将砂锅填充为米黄色,使用肌理铺色画笔给砂锅的外圈加上棕色作为阴影,内圈加入更浅的米色,使砂锅呈现立体感和肌理感,如图4-1-26所示。第一节基础静物的绘制(5)绘制扇贝。将扇贝填充成灰白的底色,然后画出里面红色的扇贝肉和粉色的裙边,画完一个之后用复制功能画另一个,如图4-1-27所示。第一节基础静物的绘制(6)绘制香菇。使用毛边画笔将香菇填充成深棕色,再用浅棕色画出香菇顶部,最后用浅米色画出香菇顶部的花刀,如图4-1-28所示。第一节基础静物的绘制(7)绘制大虾和蟹棒。使用套索工具画出大虾的形态,然后填充红色,再用深一点的红色画出大虾的分节,最后用粉色画出大虾的亮面,点上黑色的眼睛。画完一只后复制成三只,调整位置,排列组合。接下来画出右侧的蟹棒,如图4-1-29所示。第一节基础静物的绘制(8)绘制剩余食材。使用毛边粗糙笔依次画出豆腐、海带结和蚕豆,并刻画食材上面的细节,如图4-1-30所示。第一节基础静物的绘制(9)绘制面条和汤底。使用毛边画笔在所有食材下面画出面条的形状,注意不要往一个方向排列,而是要沿砂锅转圈地画。汤底的底色填充成橘红色,如图4-1-31所示。第一节基础静物的绘制(10)绘制桌布。在海鲜锅的下面绘制一块花布,布的颜色为橘红色,用深红色和白色的花纹进行装饰,如图4-1-32所示。第一节基础静物的绘制(11)调整画面肌理效果。在图层最上方导入一张纹理图,图层模式改成叠加模式,可以通过调整不透明度使画面达到理想的色调和清晰度,叠加纹理效果可以使画面更有质感、更明亮,如图4-1-33所示。第一节基础静物的绘制(12)加入文字设计,如图4-1-34所示,这个插画就可以应用在海报或广告设计里面了。第一节基础静物的绘制(13)海鲜锅平面插画绘制完成,如图4-1-35所示。第二节动植物的绘制示例1扁平丰水果插画的绘制在这次课程中,我们将学习如何绘制一幅扁平风水果插画。通过本次课程的学习,大家可以了解植物的基本生长方式,并且能够熟练利用Ps中各种笔刷将水果和枝叶的颜色、肌理准确生动地表现出来。本次课程的重点是使用毛边粗糙笔、粉笔画笔等画笔工具表现出橘皮和叶脉的特殊肌理。第二节动植物的绘制(1)打开Ps软件,新建一个1000×1000像素,分辨率为300的文件,然后新建图层来进行绘制。橘子的形状是比较规则的圆形,为了快速绘制,我们可以使用椭圆形框选工具,绘制一个圆形区域,然后按“Alt+Delete”组合键填充橘黄色,如图4-2-1所示。(2)锁定不透明图层,使用毛边粗糙笔涂抹出橘子的明暗关系,此画笔的效果和橘子皮的肌理很相似,按照画球形的方法,在保留底色的基础上,吸取色板右下方更鲜艳的橘黄色绘制橘子的暗面,吸取色板左上方更浅的颜色绘制橘子的亮面,如图4-2-2所示第二节动植物的绘制(3)使用自由套索工具绘制橘子的果蒂,并填充黄绿色,再用硬边圆形画笔绘制茎的部分,如图4-2-3所示。(4)使用钢笔工具,绘制橘子的叶子。橘子的叶子是两头尖的卵形,画出左右两边各一片即可。使用钢笔工具选择区域后,按“Alt+Delete”组合键填充黄绿色,叶子的绿色饱和度不要太高,要和橘子的颜色相协调,如图4-2-4所示。第二节动植物的绘制(5)由于使用钢笔工具画出的叶子线条比较僵硬,所以需选中叶片后按“Ctrl+T”组合键自由变换,然后单击鼠标右键,选择“变形”,拉出比较自然的叶片形状,如图4-2-5所示。(6)选中叶片,在移动的状态下按“Alt”键,复制叶片,用上一步的方法“变形”叶片,同时缩小叶片,并把另外两片叶片移动到茎的上方,如图4-2-6所示。(注意:需要将新复制的两片叶片放到新的图层里,便于后续绘制。第二节动植物的绘制(7)图画的基本造型完成,需进一步刻画细节。首先,使用硬边画笔把叶片和茎连接起来。然后选中叶片图层,单击锁定不透明度,选择圆形粉笔画笔,给叶片加一些肌理效果,使叶片的根部颜色加深,叶梢颜色提亮,如图4-2-7所示。第二节动植物的绘制(8)绘制叶子脉络肌理。将毛边画笔缩小,吸取较深的颜色画下面两片叶子的叶脉,选择较浅的颜色画上面两片叶子的叶脉,这样可以使画面更加丰富,如图4-2-8所示;然后用圆形粉笔画笔对橘子的部分进行涂抹。由于橘子基本型是用框选工具绘制的,边缘太过平滑,需要将橘子图层放大,用橡皮工具或者毛边画笔沿橘子的边缘擦一圈,使橘子的外轮廓更具肌理感。第二节动植物的绘制(9)绘制阴影部分。先将橘子图层和叶子图层合并,复制新图层,按“Ctrl+U”组合键打开色相饱和度工具,调整此图层的明度到-100,然后向右下方移动到合适位置,此时阴影的颜色是纯黑的,再调整此图层的不透明度到36%,将得到一个浅灰色的阴影。进一步丰富阴影部分的颜色,在此图层锁定不透明度,使用柔边缘喷枪画笔给阴影加入接近橘子和叶子颜色的冷色调,扁平风水果插画—橘子就绘制完成了,如图4-2-9所示。第二节动植物的绘制示例2古风玉兰花的绘制在这次课程中,我们将学习如何绘制一幅古风玉兰花图。通过本次课程的学习,大家可以了解玉兰花的造型特点,并且能够熟练使用Ps中各种图形工具将古韵高雅、寓意吉祥的玉兰花造型准确地表现出来。本次课程的重点是通过使用勾线画笔、画笔、橡皮等画笔工具和色调、明度的调节表现出古风玉兰花花枝的肌理感和氛围感。第二节动植物的绘制(1)创建一个宽度为1500像素、高度为2000像素、分辨率为300的新文件,如图4-2-10所示。第二节动植物的绘制(2)绘制浅色的玉兰花,为了让花朵更明显,先新建背景图层并填充灰绿色,背景颜色可以随时调整。打开参考图片,新建图层,先使用铅笔,吸取白色画出一朵玉兰花的草稿,如图4-2-11所示。第二节动植物的绘制(3)使用硬边圆形画笔吸取偏黄的浅色画出一片花瓣。白玉兰的颜色是偏粉或偏黄的浅色,所以避免使用纯白色来填充。然后,使用柔边圆形画笔涂出花瓣根部的粉色,使用半透明圆形画笔画出花瓣上的脉络,如图4-2-12所示。第二节动植物的绘制(4)注意每一片花瓣都需新建一个图层来画,交错使用画笔和橡皮工具画出不同形状的花瓣,锁定透明图层刻画花瓣的细节,全部完成后再合并成一个图层,如图4-2-13所示。第二节动植物的绘制(5)一朵玉兰花绘制完成后,将其移到画布角落备用。然后开始绘制半开的玉兰花,先画出半开花朵的轮廓,这里可以直接使用硬边圆形画笔,也可以先用框选工具画一个椭圆形,然后使用橡皮工具擦出花朵的形状,如图4-2-14所示。第二节动植物的绘制(6)锁定透明图层,使用柔边圆形画笔涂出粉色部分,然后新建图层,画出花萼,注意花萼的形状从正面看是由三个尖角组成的,整个花头暗面的色调呈粉绿色,如图4-2-15所示。第二节动植物的绘制(7)绘制枝干部分。玉兰花是木本多年生植物,枝干光滑而粗壮,可使用有一定肌理感的勾线画笔来画枝干,注意枝干的交错和粗细变化,避免出现平行的枝条和“鸡爪”形状的枝杈,如图4-2-16所示。第二节动植物的绘制(8)枝干绘制完成后,将刚才画的两朵玉兰花复制多个,错落地分布在枝干上,注意不要复制太多,可以适当地翻转和缩小一些花,使整体看起来更自然,如图4-2-17所示。第二节动植物的绘制(9)刻画枝干的细节,如图4-2-18所示。给深棕色的枝干加上一些浅棕色的亮面,然后手绘一些花蕾,花蕾是椭圆形的,根部有偏绿色的花萼,将花蕾也错落地分布在枝干上。第二节动植物的绘制(10)将玉兰花图层和枝干图层全部合并,并复制,按“Ctrl+U”组合键将此图层动漫电脑插画技法的明度拉到最低,然后将图层的不透明度改成20%,并拖动此图层,使其和上面的图层错开,将会得到一个浅灰色的阴影。接下来处理背景部分,使用椭圆形框选工具,按“Shift”键拉出一个正圆形,填充浅色,图层模式改成外发光模式,颜色填充浅黄色,这样就得到一个边缘发光的圆形背景,如图4-2-19所示。第二节动植物的绘制(11)由于玉兰花的颜色偏浅,为了突出花朵,将圆形背景改成较深的黄灰色,背景的其他部分是更浅的灰色,这样古风玉兰花的绘制就完成了,如图4-2-20所示。第二节动植物的绘制示例3平面猫头像的绘制在这次课程中,我们将学习如何绘制一幅平面风格的猫头像。通过本次课程的学习,大家可以掌握钢笔的用法并能概括地表现猫的皮毛和色彩。本次课程的重点是使用钢笔工具、自由套索工具和一些肌理画笔等表现猫的皮毛花纹的颜色和肌理。(1)新建一个1000×1000像素、分辨率为300的文件,然后新建图层,在新图层上用铅笔画笔画出草稿,确定猫五官的位置和外部轮廓的形状,如图4-2-21所示。第二节动植物的绘制(2)将草稿图层的透明度改为50%并置顶,这样是为了在接下来的步骤中既能参考草稿,又不会挡住下面图层的内容。然后新建图层,使用钢笔工具画出猫的头部轮廓,再使用浅黄棕色填充猫的皮毛底色,如图4-2-22所示。第二节动植物的绘制(3)新建图层,用钢笔工具画出猫的身体部分,并填充白色(注意:将身体图层置于头部图层的下面)。由于猫的身体部分主要是白色,为了区分背景颜色,需新建一个背景图层,将背景颜色填充为浅蓝色,如图4-2-23所示。第二节动植物的绘制(4)绘制猫的眼睛。在头部图层上面新建一个图层,参考草稿,使用钢笔工具画出眼睛的形状,用黄色填充一只猫眼睛,在没有取消选取的情况下,使用圆形画笔画出黑色的眼睛轮廓和椭圆形的瞳孔。眼睛里面的阴影可以使用半透明画笔吸取较深的棕色进行涂抹,如图4-2-24所示。第二节动植物的绘制(5)一边的眼睛绘制完成后,复制图层,单击鼠标右键选择水平反转或按“Ctrl+Y”组合键,移动复制的眼睛到另一边,这样猫的两只眼睛就绘制完成了,如图4-2-25所示。第二节动植物的绘制(6)使用钢笔工具画出鼻子的形状,猫的鼻子是一个倒三角形,填充粉色,然后把硬边圆形画笔缩小(单击鼠标右键,选择缩小笔刷),吸取比这个粉色深一点的红色,手绘出猫的鼻子和嘴巴的线条,猫的嘴巴是“人”字形,如图4-2-26所示。第二节动植物的绘制(7)猫的五官绘制完成后,合并图层(选中图层,按“Ctrl+E”组合键)。在猫的头部图层上面新建一个图层,在图层上单击鼠标右键选择创建剪贴蒙版,然后在这个图层上使用钢笔工具绘制猫下半张脸的轮廓并填充白色,如图4-2-27所示。第二节动植物的绘制(8)绘制猫的头部花纹。新建图层,创建剪贴蒙版,然后参考猫的照片,用自由套索工具画出猫的头部深色花纹的轮廓,并填充深棕色。在选定的状态下,使用圆形粉笔画笔给这些棕色纹理添加一些肌理感,如图4-2-28所示。第二节动植物的绘制(9)重复上一步的操作,画出猫的耳朵和额头部分的深棕色纹理(注意:形状可以概括成几何图形来处理)。如果使用自由套索工具时手不够稳,也可以使用钢笔工具来完成,如图4-2-29所示。第二节动植物的绘制(10)刻画猫的耳朵细节。新建一个图层,创建剪贴蒙版,给猫的耳朵部分填充粉红色,粉红色可以直接吸取鼻子部分的颜色。猫耳朵里有一层较长的毛,可使用自由套索工具,在猫耳朵上画出一簇猫毛的形状,并填充白色,如图4-2-30所示。第二节动植物的绘制(11)丰富猫的面部颜色。选择一个比底色(黄棕色)浅一点的颜色,在猫的眼睛周围和耳朵下面加上不同的色块,如图4-2-31所示。第二节动植物的绘制(12)将猫的面部纹理图层都复制一层,选择水平反转,将复制的纹理调整到合适位置,这样猫的完整面部纹理就绘制完成了,如图4-2-32所示。第二节动植物的绘制(13)由于猫的下半张脸和身体都是白色,为了区分上下结构,使用钢笔工具绘制一个红色的项圈,将项圈图层置于头部图层下面、身体图层上面,并且在身体图层上面创建剪贴蒙版,如图4-2-33所示。第二节动植物的绘制(14)用圆形画笔吸取白色刻画出猫眼睛的高光,如图4-2-34所示。合并所有图层,按“Ctrl+M”组合键调整整体的色调。第二节动植物的绘制(15)平面猫头像绘制完成,如图4-2-35所示。动漫电脑插画技法新编21世纪高等职业教育精品教材·电子与信息类PART01第一章动漫电脑插画概述PART02第二章动漫电脑插画的工具PART03第三章Photoshop软件应用PART04第四章基础静物和动植物的绘制PART05第五章场景插画的绘制PART06第六章人物插画的绘制目录CONTENTSPART05第五章动漫电脑插画的工具第一节平面场景插画第二节古风场景插画第三节写实场景插画第五章场景插画的绘制(1)掌握使用Ps软件绘制各种树木和建筑;(2)掌握场景插画的构图;(3)掌握场景插画的色彩搭配;(4)掌握古风场景插画的素材组合。【学习目标】第一节平面场景插画示例1自制笔刷画桃花在这次课程中,我们学习制作桃花笔刷,然后用这个自制笔刷绘制一棵桃花树作为后面场景插画的素材。第三章已经介绍了笔刷的制作,这里通过调整笔刷、色相、饱和度等参数,制作一个丰富、自然的桃花笔刷。第一节平面场景插画(1)要制作一个桃花笔刷,首先要新建图层,在新的图层上使用硬边实心圆画笔画出花朵,注意花朵的颜色要用纯黑色,画出大小和形态不同的四五个花朵;然后用橡皮工具选择描线笔刷擦出花蕊,如图5-1-1所示。第一节平面场景插画(2)完成花朵的绘制后,在编辑里单击“定义画笔预设”,在弹出的对话框里给画笔命名为桃花,这样就有了画笔的基础形态。然后打开画笔设置的第一项,勾选形状动态,将大小抖动拉到8%,最小直径改为0%,角度抖动改为30%,圆度抖动改为12%,最小圆度改为25%,同时在画布上试用一下效果。在选择红色的情况下,我们可以画出成片有方向变化的实心同色花朵,如图5-1-2所示。第一节平面场景插画(3)勾选画笔设置里的散布,设定散布值为300%,数量为1,数量抖动为10%,再试用笔刷,可以得到花朵数量的变化;然后打开颜色动态,色相抖动改成9%,色相抖动如果超过30%就会画出色彩差别很大的花朵,这里想要的都是红色系的花朵,所以色相抖动要在10%以下。饱和度抖动和亮度抖动都调整到6%左右即可,这样我们可以画出有色彩和明度、饱和度变化的颜色丰富的花朵,如图5-1-3所示。第一节平面场景插画(4)勾选颜色动态设置下面的传递参数,设定不透明度抖动和流量抖动在15%左右,图案会有一个透明度的变化,如图5-1-4所示。如果你想画出比较清晰的花朵,可以不勾选传递参数,半透明的笔刷更适合比较虚化的背景。第一节平面场景插画(5)在画笔设置里勾选杂色和湿边,这样可以得到类似水彩的效果,如图5-1-5所示。(6)勾选平滑参数,另外在绘制成片的桃花时,可以用橡皮工具选择这个笔刷,画笔和橡皮工具交替使用,可以得到更自然的效果,如图5-1-6所示。第一节平面场景插画(7)桃花笔刷制作完成后,新建一个图层来画树干,这里使用了一个自制的多边形笔刷,笔刷上面形状比较尖,下边缘是平的,很适合用来画树干,吸取黑色画出交错的枝干,注意靠近根部的地方会比较粗,如图5-1-7所示。第一节平面场景插画(8)继续画出上面的树杈,画树干的时候画笔要调大,画树杈的时候画笔要调细一点,注意树杈的形状要符合自然规律,不能出现平行的树枝和“鸡爪”形状的枝杈,如图5-1-8所示。第一节平面场景插画(9)树干和树杈绘制完成后,可以用前面制作的桃花笔刷画出成片的桃花,注意疏密变化,如图5-1-9所示。(10)在枝干上画出错落的桃花,可以交替使用透明桃花笔刷和橡皮工具,使树冠更有层次感,如图5-1-10所示。第一节平面场景插画(11)桃花树绘制完成后,如图5-1-11所示。素材可以存储为“.png”格式的文件,便于在后面的风景插画中使用。第一节平面场景插画示例2柳树的画法在这次课程中,我们使用画笔工具绘制柳树,用喷枪画笔绘制树冠,用柳叶笔刷绘制柳叶,最后加入描边效果绘制出柳树素材图。本示例的重点是灵活使用柔边缘喷枪画笔整体铺色,对于主要柳叶的绘制,可以直接手绘,也可以下载、使用专门的笔刷。第一节平面场景插画(1)柳树的枝干和其他树木有所区别,尤其是垂柳,枝干比较弯曲蜿蜒,我们还是用一个三角形实心画笔来绘制它的枝干,如图5-1-12所示。(2)注意画出主枝干往下弯曲的形态,树的根部比较粗,越往上越细;然后使用描线笔刷,把笔刷调得稍微粗一点,画一些向下的细枝条,如图5-1-13所示。第一节平面场景插画(3)继续画出更多细枝,注意细枝是向下的形态,使用描线笔刷画线条的时候要快速果断,才能画出流畅的线条,如图5-1-14所示。(4)柳树的枝干绘制完成后,在枝干图层下面新建图层,使用椭圆形框选工具,根据树的局部轮廓拉出大小合适的椭圆形并填充成浅绿色;然后在光标移动的状态下,按“Alt”键复制多个椭圆形,覆盖整个树的轮廓范围,如图5-1-15所示。第一节平面场景插画(5)把所有的椭圆形合并成一个图层,然后用长方形框选工具裁掉下半部分多余的绿色轮廓;然后锁定不透明图层,将柳树的树冠画出黄绿色的渐变,注意一定要先锁定不透明图层,这样才能把渐变效果应用到树冠上。另外,渐变的颜色是Ps系统预设的颜色,可以根据插画的整体色调选择需要的颜色,如图5-1-16所示。第一节平面场景插画(6)把柔边缘喷枪画笔放大,涂抹柳树下半部分比较平的边缘,使其有一个柔和的过渡;然后选定树干图层,也进行锁定半透明图层的操作,再使用柔边缘喷枪画笔,把树干涂抹成深棕色,如图5-1-17所示。第一节平面场景插画(7)这里还可以增加树干的肌理效果,在继续锁定不透明图层的情况下,使用肌理铺色画笔,在树干根部涂抹一些更深的棕色,在树干上方涂抹一些浅棕色,让树干整体有一个肌理的色彩变化;然后打开柳叶笔刷,沿着柳枝下垂的方向画一些柳叶,如图5-1-18所示。柳叶笔刷的制作方法可以参考桃花笔刷的制作。第一节平面场景插画(8)多次复制柳叶笔刷,让柳叶的形状更加清楚,如果画的过长,可以使用柔边缘喷枪画笔涂抹出柔和的过渡效果,如图5-1-19所示。第一节平面场景插画(9)现在要给柳条和枝干都加入描边效果,在编辑里面单击打开“描边”,宽度设置成2像素(这个要根据所画图像的大小来设置),颜色设置成黄色,黄色的描边会使绿色的柳树图像显得更加华丽,如图5-1-20所示。(10)柳树绘制完成,如图5-1-21所示。这样的柳树可以复制多个,放到风景插画中使用。第一节平面场景插画示例3古建筑亭子的画法在这次课程中,我们以真实南湖亭子照片为原型绘制亭子插画,用画笔画出轮廓线,用笔刷涂色,用蒙版工具增加明暗关系。本示例的重点是对称轴的使用和中国传统建筑的屋檐和柱子的绘制。第一节平面场景插画(1)打开一张南湖亭子的照片素材,将照片素材拖到Ps图层中,将图层不透明度改成30%,在该图层上面新建一个图层来勾线稿,如图5-1-22所示。(2)勾选对称工具里面的左右对称,使用勾线画笔沿着亭子的轮廓画线,如图5-1-23所示,注意用笔要快速流畅,如果画错就撤销,再画一次。第一节平面场景插画(3)根据照片描出亭子的线稿,如图5-1-24所示。除了曲线,在画阁楼和柱子时都可以按“Shift”键画水平和垂直的线条,完成后关闭对称工具。(4)将照片图层恢复100%的不透明度,将其缩小后放到左上角作为颜色参考;在亭子线稿下面新建图层,用暗红色给亭子的栏杆和柱子部分涂色,这里使用的是硬边圆形画笔,按“Shift”键涂抹水平的台座和垂直的柱子可以快速完成涂色,如图5-1-25所示。第一节平面场景插画(5)亭子上面覆盖着黄瓦,红色底色完成后,在上面再新建一个图层,将亭子的顶部和飞檐涂抹土黄色,注意使用硬边画笔,缩小画笔后细致地涂抹边缘轮廓,不要把颜色涂出线稿的范围,如图5-1-26所示。第一节平面场景插画(6)亭子飞檐下的圈梁上面有蓝色图案,我们在红色图层上面新建图层,使用长方形框选工具,画出几个长方形,然后填充成天蓝色,再在选定的状态下,在上面涂抹一些绿色和白色,然后再复制两个图层,拖动到下面的圈梁上,模拟从远处看亭子上面的彩绘效果,如图5-1-27所示。第一节平面场景插画(7)在新的图层上将亭子的底座涂抹深灰色;涂抹底色使用的都是硬边圆形画笔;在黄色图层上面新建图层,单击鼠标右键选择创建剪贴蒙版,吸取一个浅黄色,使用半透明圆形画笔,沿着飞檐的线条给亭子的顶部和亭檐加上亮面,如图5-1-28所示。第一节平面场景插画(8)在红色图层上面新建图层,单击鼠标右键选择创建剪贴蒙版,在被亭檐遮挡的地方加入更深的颜色,表示亭子的阴影。然后再新建图层,创建剪贴蒙版,在柱子上加入明亮的浅红色,表示柱子的亮面。因为是平面风格的插画素材,所以没必要刻画太多的明暗关系,有三个明暗色调就可以了,如图5-1-29所示。第一节平面场景插画(9)为了让整个图像看起来更加明亮和华丽,我们回到线稿图层,锁定图层的不透明度,选择一个明黄色,使用硬边圆形画笔,把线稿涂抹成黄色,这样一个古建筑亭子素材就完成了,如图5-1-30所示。我们可以把背景关掉,图像另存为“.png”文件,这个文件格式是透明背景的文件,便于下次使用这个素材。第一节平面场景插画示例4古代楼阁的绘制这次课程以中国古代楼阁建筑为原型绘制楼阁素材,用画笔画出线稿,用硬边画笔涂色,用创建剪贴蒙版增加明暗关系,从而完成清风楼插画绘制。本示例的重点是把侧面的照片改为正面对称的图,并要高度概括楼阁的细节,让画面更加简洁。第一节平面场景插画(1)新建一个A4大小的文件,打开一张正面的清风楼的照片,如图5-1-31所示,将其拖到新建的文件图层里。(2)将照片的不透明度调整为30%,在照片图层上面新建图层,使用勾线画笔描出清风楼的线稿,关闭图层。对于清风楼第一层的匾额部分,我们使用长方形框选工具,选出一个范围,然后填充黑色,如图5-1-32所示。第一节平面场景插画(3)在线稿图层下面新建图层,使用硬边圆形画笔,吸取砖红色,涂出清风楼大部分的飞檐和柱子。注意涂边缘的时候可以把画笔缩小,涂色范围不要超过线稿,如图5-1-33所示。(4)清风楼的窗户是白色的玻璃,因为映射了天空的蓝色,所以呈现蓝灰色,可以在红色图层下面新建图层,使用硬边画笔画出窗户的蓝灰色和楼顶的黄色,如图5-1-34所示。第一节平面场景插画(5)清风楼的每一层都有栏杆,我们可以在红色图层上面新建图层,用浅灰色涂栏杆的颜色,如图5-1-35所示。(6)现在给楼体加一些暗面,在红色图层上面新建图层,单击鼠标右键选择创建剪贴蒙版,然后在这个图层上使用偏暗的深红色,画出飞檐下面和柱子的部分,如图5-1-36所示。第一节平面场景插画(7)因为要画的是一个平面风格的建筑,所以不需要刻画太多明暗关系,而要追求装饰效果,在最上面的图层上添加文字工具,打上清风楼三个字,选择合适的字体,如图5-1-37所示。(8)为了使图像更加明亮和华丽,可以在线稿图层上锁定不透明度,然后使用硬边画笔,将线稿涂成浅黄色,如图5-1-38所示。第一节平面场景插画(9)古代楼阁清风楼就绘制完成了,如图5-1-39所示,这个建筑素材可以应用到很多插画设计中。第一节平面场景插画示例5垂柳青风楼场景插画绘制这次课程以前面的柳树、楼阁为素材,用渐变工具绘制水面、背景,用钢笔工具绘制波浪,用翻转命令绘制倒影,用扭曲—波纹工具制作倒影效果,用飞鸟剪影笔刷绘制飞鸟,用橡皮工具绘制月亮,完成一幅垂柳清风楼场景插画。本示例的重点是要在绘画开始前确定画面的构图和素材的分布,整体的色彩搭配也要统一。第一节平面场景插画(1)新建一个宽度为2000像素、高度为1500像素、分辨率为300的画布,然后把前面完成的各种素材打开,将其拖到不同的图层中。打开柳树图层和清风楼图层,关闭其他素材,如图5-1-40所示。第一节平面场景插画(2)在画面的构图上我们可以参考摄影构图的九宫格构图法。九宫格构图法就是用两条水平线和两条垂直线把画面平均分成九份,然后把主要的景物或人物放到中间的四个交点上,这些交点就是黄金分割点,把清风楼放到右侧的黄金分图5-1-40导入柳树和清风楼素材割点上。缩小柳树,再多次复制,将很多柳树错落分布在清风楼后边,并形成水平的构图,如图5-1-41所示第一节平面场景插画(3)调整柳树的方向和大小,使其排列自然,不要复制得太呆板;画出玉石栏杆,复制多个,并调整大小,水平排列在柳树和清风楼前面。注意柳树、清风楼和栏杆都在各自图层上,然后在下面的图层上,使用渐变工具拉一个蓝绿色渐变的背景,这个蓝绿色是系统自带的颜色,饱和度比较高,可以先铺色,然后使用色相和饱和度调整工具进行调整,降低饱和度,提高明度,如图5-1-42所示。第一节平面场景插画(4)画面的下半部分是运河的水面,我们可以先用长方形框选工具选择这个区域,然后使用渐变工具画出饱和度高一点的蓝绿色,天空和水都加入绿色调是因为画面里有大量绿色的树木,这样可以使整体色调趋于一致。这里想在水面上画出波浪,可以用铅笔大概画出波浪的草稿,如图5-1-43所示。第一节平面场景插画(5)按照波浪的草稿,在新的图层上使用钢笔工具画出波浪的轮廓,闭合区域后使用柔边缘喷枪画笔涂抹一些白色,可以交替使用画笔和橡皮工具得到朦朦胧胧的白色效果。画出几条波浪后,将它们复制一层,垂直翻转,然后使用自由变换里的“变形”进行拉伸,让形状有所变化,白色波浪就绘制完成了,如图5-1-44所示。第一节平面场景插画(6)将清风楼图层、柳树图层和栏杆图层放到一个组里,复制、合并这个组,然后复制这三个素材的组合图层,自由变换,单击鼠标右键选择垂直翻转,然后把翻转的图层的不透明度改为50%左右,这样就有了景物在水中的倒影,如图5-1-45所示。第一节平面场景插画(7)太阳的画法是先用硬边圆形画笔点一个大圆点,然后双击图层打开混合选项,选择外发光,设置混合模式为滤色,不透明度为100%,杂色为0%,颜色可以选择黄色调,这样就有了一个发出柔和黄色光芒的太阳,如图5-1-46所示。第一节平面场景插画(8)水中的倒影要有和波浪一致的波澜,这里可以使用滤镜里的扭曲—波纹工具,也可以使用滤镜里的液化工具,选择液化工具里的第一个工具左右涂抹两下即可,然后把倒影图层的不透明度改为32%,如图5-1-47所示。第一节平面场景插画(9)使用飞鸟剪影笔刷加入一些白色的飞鸟元素,将几只飞鸟在水面上按斜线排列,这样可以打破画面的水平线构图,使画面更富有动感,如图5-1-48所示。使用点状喷溅笔刷在水面上喷洒一些白点,表示溅起的水花,起到烘托氛围的作用,白天的场景就绘制完成了。第一节平面场景插画(10)如果想要绘制夜景,我们可以在背景图层上面新建一个图层,用渐变工具拉一个深蓝色渐变的背景,这样可以使天空中的月亮更明亮,如图5-1-49所示。第一节平面场景插画(11)由于水的颜色是蓝绿色调,我们可以关闭水面图层,露出背景的深蓝色就可以了,如图5-1-50所示。第一节平面场景插画(12)如果想要画出弯月,可以先使用硬边圆形画笔点一个大白点,然后用橡皮工具擦去中间部分,再打开图层混合选项选择外发光,这样一张垂柳清风楼的夜景插画就绘制完成了,如图5-1-51所示。第一节平面场景插画示例6桃花亭台场景插画绘制这次课程以前面画的亭子和桃花树为素材,用自由变化调整玉石栏杆,绘制石板路面,制作透视关系,用创建剪贴蒙版调整色调,用飞鸟剪影笔刷绘制飞鸟,完成桃花亭台场景插画的绘制。本示例的重点是画面中透视的应用,整体对称式构图的使用,使复制的树木具有层次感的技巧,以及如何使用色彩作为整体氛围的烘托。第一节平面场景插画(1)新建一个宽度为2000像素、高度为1500像素、分辨率为300的文件,把前面画的亭子和桃花树素材打开并拖到新的图层中,这里要做一个对称构图的场景,要把亭子放到画面正中靠上的位置并调整大小,如图5-1-52所示。第一节平面场景插画(2)打开桃花树素材,调整大小后在移动的状态下按“Alt”键拖动复制多个,在亭子后方错落排列,可以适当反转一些树木,使树林看起来更自然,如图5-1-53所示。第一节平面场景插画(3)使用多边形框选工具

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论