1.1 准备工作
数字绘画即电脑绘画,是运用电脑绘图软件结合手绘板进行绘画和艺术创作的方式,因此软件、硬件和人就构成了完成数字绘画的三个重要部分。随着软件的不断普及和硬件的更新换代,越来越多的人希望进入这个领域进行探索和创作。
数字绘画的适用领域非常之多,无论是商业行为还是进行独立的艺术创作,几乎涵盖了所有依托计算机技术进行的视觉艺术创作活动,如平面设计、网页设计、三维动画、影视艺术、游戏设计、建筑设计等。
在进入数字绘画或电脑绘画这个领域之前,我们应当做好怎样的准备,就成为每一位入门者需要思考的问题。毫无疑问,一定的美术基础是必需的,而硬件技术的发展已经实现了绝大部分电脑对平面设计软件运行的基本要求。同样地,在软件使用方面我们也应当有一个相对全面的了解,正所谓“工欲善其事,必先利其器”,只有这样才能使我们在进行数字绘画的时候更好更快地实现每一位创作者心中的图像。
1.1.1 主流数字绘画软件特征比较
数字绘画所使用的软件种类很多,也各有特点,如Photoshop、Painter、SAI、Illustrator、CorelDRAW、FreeHand、ZBrush、SketchUp等。不同的软件各自有不同的特点,初学者很容易无从选择。就目前设计领域的工作特点来说,单纯地掌握一个软件是不够的,在工作中需要若干软件的配合使用才能达到最好的效果,实现最快的效率。而妄图掌握所有软件也是一种不切实际的想法,是我们个人精力难以实现的。学习什么样的软件主要取决于未来职业规划的需要,而且根据设计师们的反馈,很多的软件由于界面布局、工具操作等具有很大的共通性,因此熟练掌握一个软件之后,对掌握其他软件有很大帮助。最为重要的是,市面上很多软件在功能上具有很大的相似性,因此我们与其求多,不如求精。
下面就为大家介绍一下在数字绘画领域使用十分广泛的三个软件:Photoshop、Painter和SAI。
(1)Photoshop
Photoshop全称为Adobe Photoshop(图1-1),简称“PS”,是由Adobe Systems开发和发行的图像处理软件。
图1-1 Photoshop CC版本软件启动界面
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。PS有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
2003年,Adobe Photoshop 8被更名为Adobe Photoshop CS。2013年7月,Adobe公司推出了最新版本的Photoshop CC,自此,Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代。
Adobe支持Windows操作系统、安卓系统与Mac OS,但Linux操作系统用户可以通过使用Wine来运行Photoshop。
在设计领域,Photoshop是最基础和使用最为广泛的设计软件,数字绘画是其强大功能模块中的一个。Photoshop画笔工具不但可以绘制超写实CG插画,同样也可以实现对真实绘画效果的模拟,因此,在进行电脑绘画学习时,以Photoshop软件入门是十分明智的选择。本书即以Photoshop CC版本为工具进行数字绘画的案例示范。
(2)Painter
如果用一句话总结Painter(图1-2)软件的特点,那就是这个软件可以很好地实现对真实绘画效果的模拟。
图1-2 Painter 2016版本软件启动界面
Painter是一款极其优秀的仿自然绘画软件,拥有全面和逼真的仿自然画笔。它是专门为渴望追求自由创意及需要用数码工具来仿真传统绘画的数码艺术家、插画家及摄影师开发的。它能通过数码手段复制自然媒质效果,是同级产品中的佼佼者。
Painter,意为“画家”,加拿大著名的图形图像类软件开发公司Corel公司用Painter为其图形处理软件命名真可谓是实至名归。与Photoshop相似,Painter也是基于栅格图像处理的图形处理软件。
把Painter定为追求在电脑上实现手绘效果的数字绘画软件比较适合,其中内置的上百种绘画工具可实现对真实绘画效果的模拟,并可对多种类型的笔刷重新定义样式、墨水流量、压感,Painter为将数字绘画提高到一个新的高度提供了可能性。
(3)SAI
Easy Paint Tool SAI,简称SAI,意为小巧的绘画工具,是日本SYSTEMAX公司研发的软件,特点是免安装、小巧、简易。
SAI具备一定的对自然手绘材质的模拟能力,然而其最大的特点则是抖动修正功能,在使用手绘板进行绘制的时候可以很容易画出流畅优美的线条。另外,SAI的钢笔工具也具有独特的容易操作的特点。
尽管如此,由于功能限制和其他原因,SAI虽然逐渐流行但普及性并不是很高。这并不影响它成为一款十分优秀易用的电脑绘画软件(图1-3)。
图1-3 SAI软件界面
1.1.2 Photoshop绘画的特点和优势
Photoshop的应用领域十分广泛,功能的强大和操作的简易是Photoshop得以广为人知,并在各个领域普遍使用的重要原因,几乎所有的数字艺术家都可以熟练使用Photoshop进行艺术创作,或者是在工作中使用Photoshop软件进行完善与补充。
本书的所有案例都用Photoshop绘制完成,这也仅仅是使用了Photoshop软件的其中一个功能。具体而言,Photoshop的特点和优势如下。
第一,软件的使用十分普及。相信大家在进行数字绘画的学习以前,就听过或者接触过Photoshop软件。在数字绘画、平面设计、广告摄影、影像创意、网页制作、视觉创意、界面设计等诸多领域,Photoshop都得以广泛使用。
第二,软件界面布局具有代表性。市面上可见的大多数软件,尤其是设计类软件,都遵循类似的软件布局,这使得我们在进行不同软件学习的时候,减少了陌生感(图1-4)。
图1-4 Photoshop软件界面
第三,教程丰富,入门便捷。Photoshop自20世纪90年代初即进入中国,随着软件技术的不断更新换代,其受众也越来越广泛。在中国,我们可以通过各种渠道,无论是网络资源还是学校教育,获取关于Photoshop学习的资料,包括视频教程、步骤解析等。对于身处这个时代的我们,在进行软件学习尤其是入门学习的时候,Photoshop便成为很好的选择。
第四,汉化彻底,且国际流行。Photoshop从最初的需要插件进行汉化,到现在官方语言中即自带简体中文版,可见Adobe公司对中国市场的重视和软件本身在中国范围内的普及。与很多三维软件和小众软件不同的是,Photoshop汉化是非常专业和彻底的,也是经历多年的市场考验总结经验得来的,具有极高的准确度。文字的障碍不再成为入门的桎梏,降低了入门学习的门槛,也使得更多的人有机会接触并使用Photoshop软件实现自己的创意。
Photoshop软件保持几乎每年一次的版本升级频率,这使得它紧跟设计潮流,因此,Photoshop在世界范围内保持着极高的用户普及率。
第五,绘画功能齐全。尽管数字绘画只是Photoshop功能模块中的一项,但其绘画功能也是极其强大和丰富的。Photoshop内置画笔形态各异,笔刷插件更是数不胜数(图1-5、图1-6)。
图1-5 Photoshop内置画笔
图1-6 Photoshop内置画笔预设
1.1.3 软件基础和重点工具讲解
Photoshop软件的应用领域非常广泛,其学习和使用也是一个循序渐进的过程,首先我们要对软件有一个宏观的了解,然后再详细介绍在使用软件进行绘制时的常用工具。
1.1.3.1 软件基础介绍
启动Photoshop CC,出现如图1-7所示的界面,界面布局在图1-4中已有大概介绍,具体包含菜单栏、工具属性栏、工具箱、图像窗口和浮动面板等。其中,菜单栏的位置是固定的,其他面板在使用过程中都可以根据使用者的习惯进行调动或关闭。一般情况下,软件会记住使用者对界面的改变,以保证对其工作习惯的延续。
图1-7 Photoshop初次启动界面
下面我们就软件重点进行分析,另外在进行具体案例绘制时,也会将所使用的工具在每一案例的前面单独列出并讲解。
(1)界面颜色
Photoshop CC软件的启动界面是黑色的,而很多人在进行教程学习时发现其中的软件界面颜色较浅,这主要是因为软件设计者考虑到了软件使用者会进行长时间操作,因而通过设计将电脑屏幕对眼睛的伤害降到最低。更改界面颜色也十分方便,为了本书的印刷效果,我们将软件界面更改为浅灰色。
具体方法如下:执行菜单栏“编辑”>“首选项”>“界面”(图1-8)。
图1-8 界面颜色的更改
在打开的界面设置中,我们可以很清晰地看到Photoshop软件预设的四种颜色方案,只需要点选自己喜欢的颜色即可快速更改整个软件界面的颜色。实际上,我们也能看到对软件界面颜色可以设置更个性化的配色方案,但是一般不建议更改。
(2)工具与浮动面板
首先在按住键盘的Tab键时,可以隐藏Photoshop软件的所有工具和面板,这主要是为了在工具使用熟练的前提下,使用者可以将精力更多地集中在图像上面。同样地,再按一次Tab键又可以恢复显示(图1-9)。
图1-9 按Tab键隐藏工具和面板
点击菜单栏的“窗口”按钮,可以展开窗口内包含的所有工具与浮动面板。如图1-10所示,任一选项如果在前方被勾选,就说明这一工具或面板在软件界面中显示,反之则隐藏。因此,如果在操作中不小心关闭了某一面板,可以在窗口菜单中快速找到并予以显示。以“图层”面板为例,我们既可以在“窗口”中进行显示或隐藏,也可以将其拖动到界面中任意位置,并进行折叠或关闭(图1-11)。
图1-10 窗口菜单
图1-11 折叠或关闭图层面板
(3)文件格式
文件格式是一种将文件以不同方式进行保存的格式。Photoshop支持几十种文件格式,因此能很好地支持多种应用程序。在Photoshop中,常见的格式有PSD、BMP、PDF、JPEG、GIF、TGA、TIFF等。在执行菜单栏“打开”或“存储为”时,可以在弹出的面板中点选不同的文件格式(图1-12)。
图1-12 Photoshop支持的文件格式
在使用Photoshop时,最为常用的文件格式是PSD和JPEG,下面分析这两个文件格式的特点。
PSD格式:PSD(Photoshop Document)是Photoshop的专用文件格式,这种格式可以存储Photoshop中所有的图层、通道、参考线、注解和颜色模式等信息。在保存图像时,若图像中包含有图层,则一般都用Photoshop(PSD)格式保存。PSD格式在保存时会将文件压缩,以减少所占用的磁盘空间,但PSD格式所包含的图像数据信息较多(如图层、通道、剪辑路径等),因此比其他格式的图像文件还是要大得多。由于PSD文件保留所有原图像数据信息,因而修改起来较为方便。大多数排版软件不支持PSD格式的文件,但是在Painter和SAI软件中可以保存或打开该文件。
由此可见,我们在进行设计或创作时,应尽量保存PSD文件,以便后期继续操作或修改。同时,PSD文件作为作品的源文件,在许多比赛或其他时候被要求提供,以证明作品的版权归属。
当然,PSD文件由于保存到的原始信息很多,所有文件量也相应增大,许多看图软件如Windows自带的画图工具、Windows照片查看器都是打不开PSD文件的,但是Adobe公司的软件基本上都可以打开或者导入PSD文件,如Adobe Illustrator、PageMaker、InDesign等,专业看图软件如ACDSee也可以即时浏览PSD文件。
JPEG格式:JPEG(Joint Photographic Experts Group)是由国际标准组织和国际电话电报咨询委员会为静态图像所建立的第一个国际数字图像压缩标准,也是至今一直在使用的、应用最广的图像压缩标准。JPEG由于可以提供有损压缩,因此压缩比可以达到其他传统压缩算法无法比拟的程度。
JPEG格式又简称jpg格式或.jpg格式,是一种比较常见的图像格式。如果你的图片是其他格式,可以通过以下方法转化。
① 使用Photoshop,打开图像以后,点击“文件”>“另存为”,在“保存类型”下拉菜单选择JPEG格式,点击“保存”之后还可以选择是否对图像进行压缩,以及进行压缩比设置。这个方法比较简单,而且适合画质比较好的、要求比较高的图片转换(图1-13)。
图1-13 使用Photoshop存储JPEG格式
② 如果要求不高,也可以直接使用Windows附带的图画程序,选择JPEG格式即可。这种转换方式画质不高。或者使用ACDSee软件,点击“文件”>“另存为”,也可保存成需要的格式。
如果是用JPEG格式转其他格式,以上方法同样适用。JPEG格式也是常用的文件格式之一,通常我们会保存源文件为PSD格式,同时存储一份JPEG文件,以满足不同需求。
Tips
在此特别指出一个软件初学者容易犯的错误,在点击鼠标右键对文件进行重命名时,有时会将文件格式后缀也一并更改,造成电脑对文件无法识别。正确的方法为,保留文件后缀,以保证其格式可识别(图1-14)。
图1-14 文件重命名
总之,由于PSD文件对原始信息的充分保留以及JPEG文件便于浏览和体积小的特点,这两个文件格式将是我们在未来进行数字绘画时经常用到的。当然,Photoshop同时支持数十种文件格式,它们也各有特点,这会在后文需要的时候再进行分析讲解。
1.1.3.2 重点工具讲解
以上我们对软件的部分内容和注意事项有了一些基础了解,下面对一些重点工具和内容进行学习,其他工具在具体使用前会进行讲解。
(1)新建文件
进行电脑绘画的第一步,就是新建一个文件,就如同在进行手绘之前准备好一张画布一样。
启动Photoshop CC之后,在菜单栏点击“新建”>“文件”,对弹出的面板进行新文件的设置(图1-15)。
图1-15 新建文件
我们需要依次对文件的名称和尺寸进行设置。其中尺寸可以选择预设中的“国际标准纸张”>“A3/A4”,也可在预设中自定义尺寸。需要注意的是,新建文件的分辨率最好不要低于300像素,这是为了保证文件绘制时有足够的细节以及保证打印时的清晰度。
如何查看或更改已经打开的文件尺寸与分辨率呢?依次点击菜单栏“图像”>“图像大小”/“画布大小”即可。需要强调的是,虽然我们可以在此对文件的尺寸与分辨率进行更改,但是一般规律是:将大图和高分辨率图改小时问题不大,但将小图和低分辨率图像改大时效果往往并不尽如人意。因此我们在进行数字绘画或设计之前,务必考虑好未来修改的各种可能性。
有一个良好的工作习惯很重要,在进行电脑进行创作时,难免会遇到各种问题,因此务必要经常保存文件。虽然Photoshop CC提供了文件的自动保存功能(在“编辑”>“首选项”>“文件处理”>“文件存储选项”中进行设置),但我们依然要将文件的经常保存和多方备份作为良好习惯延续下去。
新建文件的快捷键是:Ctrl+N;保存文件的快捷键是:Ctrl+S。
(2)工具箱
在第一次启动Photoshop CC时,工具箱(图1-16)会出现在屏幕左侧。可通过拖移工具箱的标题栏来移动它。也可以通过选取菜单栏“窗口”>“工具”显示或隐藏工具箱。工具箱中的每一个工具用一个图标来表示,有些工具所在位置的右下角会有一个很小的箭头,如果有,表明有多个工具共享此位置(图1-17),要想看到一个工具箱位置中的所有工具,需将鼠标指针移动到此工具箱的位置并且按住鼠标按钮不放。要想选择其中的一个工具,需将鼠标移动到此工具上,单击此工具来选择它。当松开鼠标以后,该工具就会出现在“工具箱”面板上。
图1-16 工具箱与快捷键
图1-17 工具扩展符号
Photoshop软件版本很多,但是基本界面布局变动不大,工具箱有增添和改动,但主要部分的工具变化不大。
如果将鼠标指针在一个工具上停留几秒钟,就会出现这个工具的名称和快捷键,这有助于我们在频繁使用某一工具时记住快捷键,以节约时间、提高效率。
需要特别强调的是,快捷键的使用应在英文输入法模式下进行。
(3)画笔工具
画笔工具是使用Photoshop进行数字绘画的主要工具,因此有必要对其进行深入细致的了解。
展开画笔工具的隐藏工具后,可以看到,画笔工具(图1-18)有四种:画笔工具、铅笔工具、颜色替换工具和混合器画笔工具,它们的快捷键是B。我们将主要使用画笔工具和混合器画笔工具来完成本书的案例。
图1-18 画笔工具
当我们点选工具箱中的画笔工具或按快捷键B选择画笔工具时,工具属性栏就会自动切换为画笔工具的属性设置(图1-19)。
图1-19 画笔工具设置
通过笔刷类型和画笔预设可以很直观地看到,Photoshop的内置笔刷素材非常丰富,基本可以满足数字绘画时的各种需求。其实,在进行数字绘画时,真正使用到的笔刷和设置很少,尤其是当绘画者逐渐形成个人风格之后。在本书大部分案例的绘制过程中,我们都不需要打开图1-19所展示的这些复杂设置。
Photoshop帮我们设计了更为快捷简单的笔刷选择方法,那就是在画笔工具模式下,点击鼠标右键,即可打开如图1-20所示的笔刷预设面板,我们可以很直观地对画笔的角度、大小、硬度、类型进行拖动更改和点击选择。
图1-20 右键调出笔刷预设面板
当然,在绘制过程中,可能我们只需要调节画笔大小,进入细节的描绘或进行整体的绘制,此时使用快捷键更为方便,即按键盘的“[”调小,按“]”调大。
点击笔刷预设面板右上角的设置图标,在展开的菜单中内置了6种笔刷显示的方式,分别是:仅文本、小缩略图、大缩略图、描边缩览图、大列表、小列表,以便使用者根据不同的习惯进行笔刷的显示(图1-21)。
图1-21 笔刷显示的不同方式
在进行写实绘画时,主要使用的是预置笔刷中的 “柔边圆”,因为这个笔刷绘制的笔触效果更接近真实,也便于写实绘画时的笔触衔接(图1-22)。
图1-22 柔边圆笔刷
接下来,我们分析画笔绘画的效果,并研究画笔工具设置的不同给绘画效果带来的改变。画笔工具的充分使用还需要数位板的配合,数位板介绍请参见本章1.1.4。不透明度和流量后面的压力控制按钮在默认情况下是不被点选的,也就是说,即使我们在电脑上连接了手绘板,也需要将压力控制按钮点选之后手绘笔才能真正发生作用。压力控制按钮见图1-23红圈部分。
图1-23 压力控制按钮
下面,我们来分析压力控制按钮点选前后的不同效果。
首先新建一个空白文件(宽36厘米、高15厘米、分辨率300像素),然后点选工具箱中的画笔(或按快捷键B)进入画笔工具,将前景色设置为黑色(位置参见图1-16),其他参数不变,点击鼠标右键,在弹出菜单中将画笔大小更改为200像素,绘画效果如图1-24所示。
图1-24 压力控制对笔触的影响
A:不透明度为20%,流量100%;
B:不透明度为100%,流量20%;
C:不透明度为100%,流量100%;
D:不透明度为100%,流量100%,点选不透明度压力按钮;
E:不透明度为100%,流量100%,点选不透明度压力按钮和压力控制按钮。
通过对比可以很清晰地看到,在点选压力控制按钮之后,手绘笔的绘画效果有了明显改变,即通过用笔的轻重来模仿现实生活中用笔浓、淡、粗、细的效果。
同时,我们也观察到,压力控制按钮实际上对应的是工具属性栏中画笔调节面板的传递、建立和形状动态,对应情况如图1-25所示。
图1-25 压力控制按钮与选项的关联
(4)图层面板
图层是Photoshop中一个非常重要的概念。“层”就好像一张张透明胶片,我们在每一张透明胶片上进行绘图,图层面板就是集中管理这些不同层次图片的地方。由于软件的便捷性,我们可以通过对图层进行单独的修改,进而直观简便地对画面做出调整。
图层面板属于浮动面板,可以点选菜单栏“窗口”>“图层”,也可以按快捷键F7,实现对图层面板的打开或关闭(图1-26)。
图1-26 图层面板
图层是进行数字绘画时经常用到的功能,图层的合理使用往往是鉴定使用者是否专业的方法之一,正确使用图层功能可以使工作效率极大地提高。如图1-26所示,图层面板集合了很多参数和设置,但是我们将来使用时并不会全部用到。在菜单栏中也有相同功能的“图层”栏存在。我们应当在反复使用中熟练掌握图层功能。
1.1.4 数位板的使用
数位板,又叫手绘板、绘图板、绘画板,是计算机输入设备的一种,也是我们在进行数字绘画或CG插画时的必备工具之一。数位板通常由一块板子和一支压感笔组成,在进行数字绘画时常使用数位板来模拟纸上手绘,而且借助软件技术的便捷,可以更快地实现对图像的绘制和编辑(图1-27)。
图1-27 手绘板和手绘屏
数位板可以结合Photoshop、Painter、SAI等绘图软件进行插画绘制或其他平面设计,也可以结合ZBrush等数字雕刻软件进行三维数字造型设计,还可以在游戏中发挥其精准性和高灵敏度的特点。数位板正确使用的前提是驱动程序的合理安装。
随着硬件技术的发展,数位屏也逐渐普及。与数位板相比,数位屏(又称手绘屏)在绘画时具有更直观的特点,不同尺寸的数位屏可以满足使用者对大绘图区域或便携的要求。但是数位屏的价格相对较高,大家可根据各自需要购买。
数位板的品牌很多,国外有Wacom,国内有汉王、友基等,同一品牌也有一定的价格差距。以Wacom为例,手绘板有入门级Bamboo系列和专业级Intuos(影拓)系列,手绘屏有Cintiq(新帝)系列。本书案例的绘制所使用的手绘板型号为Wacom Intuos Pro PTH-651。
由于工作习惯的不同,有时候我们会将线稿画在纸上,用扫描仪或数码相机将手绘线稿转成数字文件,然后在软件中进行修线、上色等工作,这在后面的案例中会再作分析。