当前位置:首页 >教程首页 > U I 设计 > 商业插画高级设计师班 >SAI与Photoshop打造游戏场景

SAI与Photoshop打造游戏场景

发布时间:2018-11-17 19:57:24

 

 

导言:

这篇教程主要讲解了SAI的使用方法,但是SAI作为一个小体积软件,它的功能在很多方面并不全面。所以作者用Photoshop辅佐,绘制了一个场景为例来具体讲解下。这个场景的构思来自于著名的游戏《最终幻想》。

 

第一步

首先,我们要绘制一个比较复杂的建筑群。先利用Photoshop的路径功能作为透视标尺。新建图层,然后使用钢笔工具拉出6条路径。(图01)

 

图01

 

第二步

拉动一横一竖两条辅助线到合适的位置,之后将6条路径的末点都集中到辅助线的交点处。作为基本的透视关系标尺。(图02)

 

图02

 

第三步

基于标尺绘制大致的透视关系草图。绘画的时候可以根据画面效果,适当调整。(图03)

 

图03

 

#p#e#

 

第四步

保存一个SAI可以打开的图片格式,JPG或PSD皆可。然后在SAI中打开它,新建图层,调整透明度,并基于原来的透视图,画出了新的草图。同样在画面的左右下角对标准透视线稍作了调整。(图04)

 

图04

 

第五步

开始细化,画出图中的具体内容。因为画面比较复杂,又以线条为主,所以步骤较多。这一步只要画相对简单点的草图内容即可。(图05)

 

图05

 

第六步

考验耐心的时候到了,现在慢慢地画出线稿。注意线条的粗细。一般来说,轮廓线会画得粗些,细节会详细些。这个步骤我跳得很快,因为这一步的关键不在技术,而在耐心。(图06、07)

 

图06

 

图07

 

#p#e#

 

第七步

好了,现在添加上所有的细节:地面的石砖,建筑表面的灰尘,树叶,还有瓦片。这些同样需要耐心,没有耐心画不出好画来的。线稿终于画完了!这时候这张画就已经成功一半了。(图08)

 

图08

 

第八步

开始上色。新建图层,画出最基本的固有色:树木的绿,地面的黄,石柱的青。(图09)

 

图09

 

第九步

因为画面内容较多,现在要细化固有色。开始把颜色区分开来。(图10)

 

图10

 

#p#e#

 

第十步

基于固有色,画上基本的明暗和阴影关系。这时候画面的色彩开始丰富了,使用SAI也要告一段落了。(图11)

 

图11

 

第十一步

因为SAI的笔刷表现力有限,所以这个时候我们需要Photoshop帮忙。打开Photoshop,制作想要的笔刷,这里列出我使用的几种笔刷。(图12)

 

图12

 

第十二步

在Photoshop中打开这张作品,使用制作好的这些笔刷绘制相应的内容部分。有了之前的色彩关系,画起来就不费劲了。(图13)

 

图13

 

#p#e#

 

第十三步

继续细化,这张画已经接近完成了。(图14)

 

图14

 

第十四步

进入最后的调整阶段:开始调整画面的阴影部分,并且给画面中一些细小的地方增加光影效果,比如地砖等等。趁画面还没有合并图层,可以调整一些线条的粗细。(图15)

 

图15

 

第十五步

因为这张画是设定图,所以没有画出天空。最后再调整一遍效果,比如一些房顶的颜色,右下角旗帜的色彩等,让画面的整体感更好。OK ,完成。(图16)

 

图16

 

总的来说,这是一张中规中矩的图。使用SAI可以轻松地完成一些高难度的自然绘画模拟效果和富有表现力的艺术作品,但恰恰是中规中距的作品不太好完成。相信大家看完全部的教程之后,这个感觉会更加深刻。

 

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定