鼠绘教程:《未来城堡》概念设计解析

2016-02-17 03:31 66 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是鼠绘教程:《未来城堡》概念设计解析,一起来学习了解下吧!

【 tulaoshi.com - 平面设计 】

这个概念设计的主题是一个类似于星战里面的场景,普通的砖石和高科技装置结合的建筑。我想让基座的石质显得更加朴实和未经修饰,从而衬托出科技来。所以确定下来后,我便去搜集了一些这方面的资料。每个设计,我们会需要去分析这些资料,并且总结出所要设计的场景的特点。这包括结构,材质,环境等因素。我希望所绘制的概念图,不仅仅只是空泛的概念,而是可以直接拿来深化的结构清晰的设计。

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

效果图

第一步

起稿。其实画场景的起稿方式有很多种,这里我选的一种是直接铺色调的起稿方式。用渐变选择饱和度很低的色彩,拉出天空的颜 色。选择低饱和度的色彩是为了后期可以更好的深入。(图01)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图01

第二步

我分了三层。背景(天空+远景),中景(主体建筑),近景(环境和画框)。然后我利用选区工具将需要绘制建筑的剪影勾勒了出 来。很多人觉得自己画的场景不够锐利,软趴趴的,其实选区工具可以很好的解决这一点。这一步只需要画出大体的形状就行,包 括构图,建筑的位置等。(图02)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图02

第三步

为了让主体建筑从画面中突显出来,并且更有氛围,我设计了一道阳光,让建筑的上层反射出暖色的光芒,而建筑下面以及近景则 处于阴影中。这是一个高耸入云的城堡,紫色的玻璃顶,土红色的砖石,在他们之间穿插着许多看上去比较科技的装置。这建筑仿 佛是直接在岩石上开凿的,它们与岩石融为一体。还有一个瞭望塔,这能让主体建筑显得更高大敦实。这几个建筑的比例关系很重 要。(图03)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图03

第四步

简单处理了一下建筑的主体后,我开始绘制近景。近景需要画出层次,要和主体建筑拉开距离。为了方便,我选择先绘制后调整的 方法。(图04)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图04

第五步

进一步的绘制三个层次上的东西。这里我为远景添加了一些山体,以及天空中的云霞,作为气氛的烘托,这些能让观者能更清楚地 了解这个城堡所处的地理环境。并且,我再次提亮了建筑主体上受阳光照射的部分。(图05)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图05

第六步

这时大的东西都画出来了,开始觉得画面有些灰了。所以我利用色阶调整了画面,并且通过色彩平衡将画面的颜色调的偏蓝、偏紫 了一些。这时候开始慢慢的给主体建筑进行塑造,我将主体建筑几个顶的结构都大概表达了一下。后面的步骤不过是将这些地方设 计的更美观更合理一些罢了。这里想说的是,物体的轮廓一定要保持清晰。(图06)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图06

第七步

这一步主要是做了一些画面上的调整。因为之前整个画面都比较灰,看上去较平,为了能更好的突出主体建筑,我新建了一层,利 用图层属性正片叠底对近景进行压深。而城堡的受光面则也新建了一层,利用颜色减淡,将亮部提得更亮。然后对远景稍作调整。 近处的山石我也在之前的基础上画的更实了一些,并且对细部进行了简单的刻画。(图07)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图07

第八步

当我回头再看这张画的时候,突然觉得近处的东西实在太平了,于是我决定推掉之前的想法重新再来。这样便有了现在的这些岩石 ,我想他们应该能很好地与城堡本身进行呼应。这些岩石很多都被风化了,彼此间露出一些锐利的边角。无论是近景、中景还是远 景,我都加入了这样的元素。一是为了统一,二是相同的元素能更好的突出城堡这个不同的建筑。

我想让城堡显得更加高大,于是 调整了一下画面的透视,现在有些仰视的感觉了。空中可能翱翔着一些飞船,这能为场景提供一些生动的元素。画面的下部不能让 它看起来很堵,必须有几个能透气的地方,通过这些地方,能让观者的视线看得很远。(红框的地方)(图08、09)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图08

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图09

第九步

这一步都是对之前所设计的进行一些细节上的刻画了。没有什么太多好说的,就是需要注意不要把画面画死了。最好能够概括着画 ,不要面面俱到。(图10)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图10

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

第十步

有点遗憾的是,这时候我发现我似乎忽略了主体建筑的设计。于是我重新把自己觉得不太合理的地方统统涂了一遍,首先是让建筑 主体的结构更加丰富,毕竟它是这次设计的重点,也是画面的核心,所以它一定要是最耐看的地方。然后是把周边的山石进行调整 设计。我又在画面的最前方增加了三艘互相追逐的小飞船,他们的增加一是让画面更生动,二是能进行视线的引导。所以他们的位 置和尾烟都需要考虑,要能指引观者看到城堡上。(图11)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图11

终图

然后就是把所有值得视线关注的地方进行细化了。上一步所绘制的结构草图这一步都需要把他们清楚地表达出来。重要的是一定要 把结构交待清楚,不要含糊其辞。(图12)

鼠绘教程:《未来城堡》概念设计解析,PS教程,图老师教程网

图12

总结:

1.色彩是个很重要的元素,我有时候要花不少时间进行颜色的搭配,总希望能做到尽善尽美。我希望不仅能够尽量接近真实的色彩 ,而且还要加上一些更为戏剧化的效果。让色彩出于真实而比真实来的更美。这样对于游戏或者影视作品来说,都能更加吸引观众 的眼睛。

2.把关键的地方先设计出来,也就是把我们最感兴趣的地方画出来。这样画面才不会平。场景设计和插画一样,也要有重点和普通 的地方。画面中最好有几个以主次关系相联系的视觉焦点。这几个焦点是这幅画的重中之重,这些区域刻画好了,这张画或者这个 设计基本上就算是完成了大部分。当然,画面中的所有部分都要同时进行,但是最好是先画这几个焦点,然后再画其余的部分。

3.为了让画面更有说服力,我们在一开始可以随意地尽可能往有趣的地方去想,但是在后期处理收尾的时候就要参考一些资料,使 得自己的东西似乎真的在历史中存在过。

4.对于写实的概念设计稿,为了让画面更加真实和漂亮,画面中最亮和最暗的部分一定要是很小的一块,而大部分以灰调子为主。 这里城堡是最亮的地方,画面左下角是最暗的。

5.要给眼睛留出休息的地方,也就是画面需要有一些比较松的地方。这里天空便充当了这个角色。

来源:http://www.tulaoshi.com/n/20160217/1578090.html

延伸阅读
标签: PS PS教程
1、啥叫像素 你把一张图片放到最大你就看到图片的秘密了~对就是那一个一个小格子,也就是传说中的像素啦。 这可是我自己发现的哦,一般人我不告诉他。至于对不对我就不知道啦。(老师你咋这么不负责任呢!... 这位同学有话好说的勒,你先把板砖收起来先。) 100像素/厘米=1厘米X1厘米的范围内有100x100=10000 个小格子(...
photoshop鼠绘哈蜜瓜教程 下面是最终完成效果图: 1.新建640*480文档,白背景。 新建一层,命名瓜皮,用矩形选框在画布中间画个大椭圆,填充浅绿色(159/182/115)。 2.将选区储存为ALPHA1。取消选择,双击瓜皮层,选择内发光:混合模式为正片叠底,不透明度85%,颜色66/82/36,大小8。(02) 3.在背景上新建一层,将...
photoshop鼠绘漫画教程 最终效果图 1、今天我们用PS来画一张几米的漫画,是一个小女孩坐在窗户上,先用钢笔勾tulaoshi出窗户与女孩的轮廓。 2、接下来新建一层,勾出女孩与小鸟的外形。 3、因为窗户的边缘并不是规则的直线,所以我们要根据刚开始画的直线重 开始上色了,先给窗帘与天空上色。如图: photoshop...
Photoshop鼠绘西红柿教程 最终效果 1.先用钢笔工具勾出番茄的轮廓。 2.按CTRL+ENTET将路径转为选区,填充红色(220/79/61)。 3.在上部画个椭圆选区,用选择-变换选区略倾斜些,羽化20,调出亮度/饱和度:增加亮度55,增加饱和度50。 Photoshop鼠绘西红柿教程(2) 4.画个大椭圆,羽化20,反选,增加亮度30...
标签: PS PS基础
本教程介绍水彩风格的插画鼠绘方法。在这篇教程中作者更多的是介绍创作的思路及作者的一些心得等。这些都是非常宝贵的。因为绘画的时候,线稿只表示画面的大致主体,后期还有相当多的东西需要自己去完善,如色彩及细节等,这些都需要在不断摸索及学习中慢慢掌握。 最终效果 1、确定了这些之后,就可以开始草图的绘制了。以下是我在ArtRage...

经验教程

619

收藏

53
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部