查看: 22302|回复: 6
上一主题 下一主题 跳转到指定楼层

[教程]laida的简单背景绘制教程(更新完毕~)

20

主题

73

存在感

33

活跃日
 4 

SOS团一星级★

发帖: 703
SOS币: 8334
注册: 2007-08-18
访问: 2010-08-20

楼主
发表于 2009/06/11 | 编辑

猜你喜欢: sai背景教程, SAI背景, sai


前言:1、此教程乃本人原创教程,欢迎转载。转载请注明原作者~
   2、教程示例图的参考图来源于P站画师バーニア600的作品,有兴趣的可以自行前往其P站观摩学习,附上地址:http://www.pixiv.net/member.php?id=106414
   3、绘图使用的工具为PS和SAI。
   4、示例图成品
    
图片需登录后查看


第一部分:绘制一条铁轨~
1、准备素材:一张铁轨的照片
以下这张图就是本次绘制使用的铁轨照片,是端午祭坐火车回家时候在车站顺手拍的,不光是铁轨使用到这张照片,之后的回车站台也会使用到~

图片需登录后查看

2、照片的处理及绘制背景:拍摄的照片是不能直接的运用到制图中充当背景的,所以必须对原始的照片进行适当的处理。下面就是偶处理照片的具体步骤:
(1)先在PS内建立一张A4大小的图层,DPI为350,之后对着参考图将大致想要画的东西的线稿绘制出来,线稿不必太细,因为后期除了人物以外基本都不需要线稿、、、(PS:偶这线稿就是走弯路的表现,描的细致但是后面完全用不上,泪目)
图片需登录后查看

(2)依据参照图将整幅图的大致色调绘制出来,这步对接下来照片的处理的影响比较大。
图片需登录后查看

(3)将事先准备好的照片中除铁路的部分保留外,其余部分都用PS的橡皮工具擦除,之后将图层模式改为“正片叠底”和适当调整图层的透明度,并且选择“图像”菜单中的“调整”选项--->“亮度/对比度”,将适当的调解亮度,并且把对比度提升到最高。之后依旧是打开“图像”菜单中的“调整”选项――->“色彩平衡”和“色相/饱和度”这两个选项,将照片处理的和背景的底色的色彩相一致,最后在在“滤镜”菜单中适当的使用“模糊选项”,这样对照片的处理就基本完成了~
以下这张就是处理完毕后的照片
图片需登录后查看

(4)接下来以这张处理好的照片为基础图层,建立几个新的图层。之后保存为PSD文件。至此PS的使命就结束了,接下来就要依靠SAI这款软件进行上色了。用SAI保存好的PSD文件,在第一个图层上用与背景色相对应的颜色用画笔工具进行厚涂,这里需要注意的是笔刷的浓度不能太高,最好在30%-50%左右就好了,并且对铁轨的反光面加上反光和高光。依照同样的办法把第二条铁路也绘制完成,这样就完成了铁轨部分背景的绘制工作~
图片需登录后查看

第二部分:绘制一辆蒸汽火车头~
1、准备素材:一张蒸汽火车的照片
以下这张蒸汽火车头的照片就是直接在百度图片里面找的,这里不得不说一下,找照片素材的时候搜索的关键字不需要太复杂,起初偶用“蒸汽火车”这关键词搜索出来的图少的可怜,但是用“火车”这关键字搜索的时候去搜出了不少相当不错的照片……….
图片需登录后查看

2、照片的处理及绘制背景:和第一部分处理铁轨的步骤其实差不多,绘制火车的时候首先要将照片中火车部分和其多余的背景部分分离开~
不过原图照片中的火车与线稿的的火车的透视不太符合,所以在将火车和背景分离后就要适当的对火车头进行变形处理,具体步骤是:在“编辑”菜单中选择“自由变换”选项,将火车适当的进行拉伸,之后再在“编辑”菜单中选择“变换”―――>“变形”选项,将火车头适当的变形,这样火车部分就和线稿相适应了。之后所要进行的就是和第一部分画铁轨一样的步骤,将图层模式改为“正片叠底”和适当调整图层的透明度等,这里就不再重复叙述了~
图片需登录后查看

3、将处理好照片置入到之前绘制好铁轨的PSD文件中,并且将其移动到于线稿对应的位置。因为之前已经将背景底色绘制完成,所以置入后就可以以照片为基础图层,新建一个或多个图层进行厚涂。厚涂使用的工具是SAI的画笔,流量和绘制铁轨时候一样采用30%-50%为宜,绘制的时候需要注意的是应当先铺大色块,在慢慢的磨细节部分,同时开始注意火车周围光的散射造成的火车车体的反光,并且在一些转折处可以适当用纯度较高的暖色会指出高光,加强整体的效果。
图片需登录后查看

上图的说明:
01是去除线稿的背景图层
02是添加了之前绘制好的铁轨的图层
03是将处理好的火车置入后的图层
04是降低了图层透明度后的图层
05是厚涂后的图层
06是出去背景和照片后单独的厚涂图层
4、车体绘制完毕后接下来就是绘制车头的灯光和车厢的灯光,这就只需要用到PS的路径工具即可,用色尽可能的纯一些,并且最亮的部分可以适当用用图层效果,这步比较简单所以就不再做详细的叙述了~至此,火车部分的绘制就完成了~~
图片需登录后查看

第三部分:绘制站台~
1、站台部分的照片素材和铁轨部分使用的是同一张照片,所以就不再贴原图了。不过这次使用的这是站台部分,所以需要把铁轨那部分擦除。之后仍然是按照前两部分照片的处理方法,将照片适当的进行变形和拉伸处理,并且适当的调整照片的色彩平衡、对比度和色相。一下是处理好的站台照片。
图片需登录后查看

2、接下来就是把处理好的照片置入到绘制好火车和铁轨的PSD中,并且进行厚涂,这一部和之前的绘制方法没有啥区别,能出啥效果全看个人对整幅图的把握。为宜要提醒的是,由于站台部分是整幅图的亮部,所以可以大胆的使用多一些暖色~一下是站台绘制的细部对比,希望对各位绘制有帮助~~至此,站台绘制也算是完成了~
图片需登录后查看

第四部分:背景绘制以及后期处理~
这里的背景就是指那些铁路上的支架和云彩,支架的绘制方法和前三部分绘制方法都是一致的,唯一要说明的是那些电线杆并不是直接取照片的原图,而是经过了水平翻转和组合后出来的~比较巧合的是p照片是否发现无意中还在图的最左侧残留了半截火车头,索性也把它P了,现在看来使得图更加饱满了~
图片需登录后查看

至此,电线杆的绘制也完成了,接下来是云朵,由于以前曾经照着视频绘制过一次云朵,所以云笔的使用就不介绍了,有兴趣翻翻以前偶发的帖子应该还能找到地址。偶这里就偷懒的把以前绘制的云朵拿到这张图里来使用了。至于火车喷出的白烟,偶是用网上找到的烟雾笔刷随便刷的,现在看来很失败,偶自己都不好意思说制作方法了,泪奔~~~
以下是添加了云朵的完成背景图
图片需登录后查看

至此,背景大体上就完毕了,之后就是绘制人物和后期处理了。由于人物绘制不是本教程的重点,所以人物绘制的部分就不写了,下面就是最后的后期处理部分。
由于背景部分完成后个人觉得对比度不够,所以就新建了两个图层,一个图层用于强化图左边暗部,将笔刷调至最大,流量30%左右重复的刷,就可以了。之后再另一个图层上选区暖色,将站台整体反复轻轻的涂上一层,之后选择图层模式中的“线性减淡”选项,并且将图层透明度调整到75%,整幅图的后期处理就基本完成了。之后还可以合并所有背景图层,再用“曲线”进行更加细微的调整,这些都可以凭借个人感觉去做,这里就不再啰嗦了。
图片需登录后查看

附录:光蝶绘制
不知道有谁看出来图中人物手上的蝴蝶的出处了……(蝴蝶图截取自某神作的宣传PV)
步骤:打开PS,将蝴蝶原图导入绘制好的示例图PSD,并且在蝴蝶图层下新建一个图层。用画笔选择淡蓝色画笔在蝴蝶图层下绘制出多个大小不等的光光点,之后复制此图层。在复制的图层上使用滤镜特效:高斯模糊,光蝶绘制完成~
结语:至此,所有的教程就完结了,第一次写教程,也不知道是否写的详实、容易理解。不过学习绘制背景很多时候亲自去实践比看理论来的更有效果。
撒花~~~

第一次写教程,不好之处多多包涵~


[ 此贴被laida在2009-06-12 15:04重新编辑 ]
此帖被评分,最近评分记录
SOS币:180(十六望)存在感:4(十六望)

37

主题

55

存在感

45

活跃日
 2 

实习生

1楼
发表于 2009/06/11 | 编辑
这图好像看过......
这教程实在经典....

280

主题

1911

存在感

178

活跃日

禁止发言

2楼
发表于 2009/06/12 | 编辑
No permission to view this article

33

主题

95

存在感

21

活跃日
 3 

SOS团新手

3楼
发表于 2009/06/12 | 编辑
小十六这是你出的教程吗,自己试的吗?

20

主题

73

存在感

33

活跃日
 4 

SOS团一星级★

4楼
发表于 2009/06/12 | 编辑
引用第4楼jancy2009-06-12 13:50发表的“”:
小十六这是你出的教程吗,自己试的吗?


=,=偶可不是16啊。。。。。。。。。

172

主题

1703

存在感

113

活跃日
美女离线 这里有我最重要的回忆。
 5 

SOS团二星级★★

5楼
发表于 2009/06/12 | 编辑
原来这个就是传说中的姬神XD?
哦哦,上色也要很好才行呢……

24

主题

92

存在感

27

活跃日
 3 

SOS团新手

6楼
发表于 2009/06/13 | 编辑
看傻了..有点比较简单的么...

关于我们|无图版|SOSG WIKI

Copyright © 2006-2024 SosG.Net
Total 0.036854(s) query 8, Gzip enabled,  沪ICP备07006640号-3