恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
让人震撼的场景原画!PS高手赶紧试一试!
0.0°
2020-08-03 原创文章 经验/观点 举报 524 3 1 0

近些年,由于游戏行业的火热,很多人都对原画这个方向产生了浓厚的兴趣,除了行业薪资可观,很多人也含有一颗对游戏热爱的心。


能亲眼看到自己的作品呈现在玩家面前,也是一种成就感满满的事情,而场景原画,就是原画当中最热门的系列之一,负责游戏当中的场景道具设计,大到游戏场景中的建筑,小到锅碗瓢盆,都是场景原画师在规划设计。


之前就有小伙伴求原画的教程,今天它来啦!不要问难不难,因为学习不怕困难!一起来试试吧!


场景原画案例:空中宫殿


1

制作花絮

01 绘制透视网格(主消失点)

本案例使用三点透视法绘制透视网格。对使用透视笔刷绘制的透视网格进行“自由变换”,并在画面左下方设置第一个消失点。由于该消失点位于画面内,会对整体构图产生较大影响,所以称之为“主消失点”。


我们经常将画面最重要的部分设置在能吸引观众视线的主消失点上。就本书而言,因为最初想要把书名设置在右上角处,所以将主消失点设置在画面左侧。


02 绘制透视网格(横向消失点)

在画面之外设置横向消失点,用蓝色线条绘制从右向左发散的横向透视网格。


03 绘制透视网格(垂直消失)

在画面之外设置第三个消失点。使用透视笔刷绘制透视网格,并对其进行纵向拉长,使其向画面上方移动。


04 绘制黑白底稿

在透视网格图层下方新建图层,使用喷雾笔刷绘制底稿。必须要注意的是,本图为封面插图,因此要比一般画面更注重布局和构图。


此外,为了便于后期调整,在绘制底稿的阶段不应该过度拘泥于画面细节和具体设定,所以最好选用笔触不清晰的笔刷。


贴合透视网格

使用三点透视法绘图时,所绘物体必须与透视网格贴合。


05 涂绘底色

新建“叠加”混合模式图层,为天空上色。假设光源位于画面右侧之外,所以图中所有要素的右侧都应为光源的颜色——黄色。


06 绘制人物轮廓

提高整体对比度,绘制人物轮廓。此外,为使画面更丰富,可使用“椭圆选框工具”在画面右上方添加月亮。


由于月亮无论从哪个角度看都呈圆形,所以使用“椭圆选框工具”时按住Shift ,绘制出正圆后填充颜色即可。


在宏大场景下绘制人物:

在绘制背景宏大的画面时,一般会加入人物或建筑物,这样便可以通过多个物体的比较来识别大小。如图所示,当有人在旁边时,同样的箱子就会显得变大了很多。


07 调整布局

本书带有腰封,而腰封有可能遮挡部分封面插图,因此要根据腰封的宽度调整插图布局。


考虑腰封后发现,原图中的消失点几乎完全被遮挡,这大大削弱了画面的感染力。此时可选中包括透视网格在内的所有图层,将画面整体上移,如图一,然后补充下方缺失的部分,如图二。

图1


图2

通过复制粘贴补充画面:

不必从零开始补充如图所示的空白,只需复制粘贴原图的下半部分,然后以此为基础进行修改即可。这种方法简单、快捷,而且能保证信息量充足。


08 绘制体现透视效果的物体

使用三点透视法绘图能表现出强烈的透视效果,这对于营造高大磅礴感是非常重要的。沿透视网格设计近景中的道路,能突出主消失点。


09 照片合成

将神庙与海边悬崖、道路与岩石的近景照片进行合成。绘制场景宏大的画面时,最好使用规模较大的物体照片。例如,海边悬崖就是一种使用频率非常高的素材。


10 听取他人的意见

当封面插图绘制到如图所示的阶段,作者特意将画稿发给本书的编辑,得到了诸如“希望场景更华丽”“希望颜色更饱满”“天空颜色较淡会使封面看上去像褪色了一样”“画面主题不清晰”等宝贵的意见。此后,笔者依照编辑的意见对插图做出了修改。


11 绘制飞鸟

使用粉笔笔刷,在主消失点的方位绘制飞鸟。作者认为,华丽的画面即为色彩丰富、要素多且分布不规则的画面。


在插图中添加花朵,那么会使画面看起来非常不自然,所以作者决定在图中的多处添加飞鸟。考虑到宏大场景的主题,此处特意将飞鸟的颜色统一为白色。


12 加深天空颜色

新建“叠加”混合模式图层,使用蓝色系的喷雾笔刷加深天空颜色,然后新建“曲线”调整图层,进一步加深画面主体及道路的颜色,使其与天空颜色相呼应。


在这个过程中需要使用图层蒙版,避免将“曲线”调整效果应用于天空。


使用图层蒙版确定所调整图层的范围:

为便于说明,下面介绍将天空颜色调整为红色的方法。


1. 新建调整图层

在菜单栏中选择“图层”→“新建调整图层”→“色相 / 饱和度”命令,新建“色相 / 饱和度”调整图层。


2. 改变色相

向右拖动“色相”滑块,将数值调整到“+134”左右,此时色相偏红。注意,此步骤会使画面整体的色相发生改变。


3. 添加图层蒙版

单击“图层蒙版缩览图”,使用黑色且“不透明度”为100%的喷雾笔刷,涂抹树、云和草所在的位置。此步骤能还原除天空以外的其他部分的颜色。


13 反复试错

杂乱的云朵干扰了对画面主题的表达,因此可使用蓝色的粉笔笔刷对其进行填涂和覆盖。


此时,画面中仍然存在许多不尽如人意之处,可以分图层进行不同的调整,比如在宫殿上方添加排列成环状的岩石,如图1所示,或者加入大量飞鸟等,如图2所示。


“试错”是十分重要的环节,因为即使脑海中有许多非常不错的想法,实际操作起来也可能会遭遇重重困难,很难将想法完全实现。


图1


图2


14 确定宫殿的设计

经过多方面的考量,作者最终决定删除悬浮于空中的巨大水晶,并在宫殿周围添加了城墙。设计封面时应优先考虑观众的接受度,且应尽量简单易懂。


就本书而言,如果能让读者在看到封面插图时,萌生“我也好想画出这样的画啊”的想法,那就再好不过了。为此,作者舍弃了部分符合个人喜好的设定,优化了整体设计。


设计要注重 “平衡”

有魅力的设计应注重“复杂”与“平缓”的平衡。举例来说,如图26所示的部分为复杂的装饰,而如图27所示的部分是城墙的墙面,该部分较平缓。设计的重点在于平衡信息量多和少的部分。


15 调整天空色调并添加云朵

当天空的蓝色比较强烈时,可新建“色彩平衡”调整图层,增强高光中的红色。如图28,此步骤能调整色温,提升画面暖度。


由于在原稿中,如图29所示部分的颜色过于暗淡,所以沿透视网格进行裁剪,将此处绘制为云海。


此外,作者还选用喷雾笔刷,在如图30所示的斜线上方添加轻柔的云朵,使其整体走向偏向消失点,以诱导观众视线。


16 插画合成

为使画面色彩更丰富,可以创建“叠加”混合模式图层,用暖色较多的插画,如图一,与画稿进行合成,如图二合成后,封面插图会变得更加华丽。

图1

图2


17 绘制宫殿细节

接下来,使用喷雾笔刷打造阴影的立体感,使用水彩笔刷绘制高光,进一步完善宫殿细节。宫殿会吸引观众的全部视线,因此必须要绝对抓人眼球。在此可以选用白色为基础色,并参考哥特式建筑进行设计。


在表现磅礴感的部位绘制高光

要着重在能表现磅礴感的部位添加高光(图33)。相反地,阴影(图34)要比较柔和、不显眼。这是因为“空气远近法则”在远景中会发挥比较明显的作用,使得看清阴影下的物体比较困难。


这里的重点在于表现模糊的阴影与清晰的高光。无论是整体偏明亮还是整体偏黑暗的图像,在绘图时都应该注意这一点。


绘制装饰部分的细小阴影

在绘制细节装饰比较密集的部位(图35)时,只添加高光会使该部分变得白而模糊,这样一来,前面为绘制细节而付出的努力就付之东流了。此时可使用“不透明度”为90%的黑色水彩笔刷,在高光旁绘制细小阴影,以增强对比度。


绘制远景中的高大建筑物

将天空颜色略微调暗,使用该色绘制远景中高大建筑物的轮廓,再将天空颜色略微调亮,使用该色在建筑物上添加高光。


这种方法能营造出建筑物与天空融为一体的视觉效果(图36),是一种在绘制远景中的高大建筑物时非常方便的方法。


18 绘制岩石细节

使用水彩笔刷、水平笔刷和喷雾笔刷绘制岩石细节。不要从“拾色器”中选色,而要使用“吸管工具”选取画面中已有的颜色。以水彩笔刷和水平笔刷绘制出清晰的高光(图37),以喷雾笔刷和水平笔刷绘制出柔和的阴影(图38)。


设计具有科幻感的古代文明

在此以岩石表现古代文明的科幻感。设定画面中的岩石为已消失的古代文明的遗迹,而宫殿正是在此基础上建成的。如图39所示,在设计具有科幻感的古代文明时,将直线与曲线组合是一种惯用手法。


19 绘制人物与动物

由于本次封面的设计无须过于突出人物形象,所以不使用水彩笔刷,而使用“不透明度”为90%~100%的椭圆笔刷)绘制人物。


为使人物形象更鲜明,作者特意选用在画面中所占比例较少的红色来绘制人物的斗篷和裙子。绘制重点在于人物服饰的白边及头发的反光,只需使用白色在头发和衣服的受光处略微涂色即可。


接下来,使用条纹笔刷绘制驯鹿。为表现鹿角的立体感,应沿透视网格进行绘制。


20 暂时搁置

到此为止,基本完成了封面插图的创作,可以向编辑提交了。如图所示,封面设计师将文字放置在了画面下方。作者最初预想的是将标题设置在右上角,但设计师的方案显然也不会破坏画面的整体流畅度。



有幸见识到他人出色的工作能力实属一大幸事。在确认画面的视线诱导和整体平衡性等细节准确无误后,最好不要再纠结于画稿设计,暂时将其搁置一周左右。


21 表现动态模糊效果

使用“涂抹工具”表现出飞鸟的动态模糊效果。将喷雾笔刷的“硬度”设置为30%,在主消失点附近,将飞鸟沿如图42所示的箭头方向布置。模糊的飞鸟能表现出速度感(图43)。


22 绘制飞鸟的细节

使用粉笔笔刷和椭圆笔刷绘制飞鸟的细节后,封面插图就完成了。如图所示,此时无须过于突出飞鸟的立体感,而更应该重点表现飞鸟的轮廓。要在观众看到画面的一瞬间,优先传达出“啊,天空中有飞鸟!”的信息。


23 绘制镜头光晕及眩光

在“线性加深”混合模式图层中,使用“不透明度”为70%的喷雾笔刷绘制镜头光晕(图45)及眩光(图46)。镜头光晕能不露声色地突出画面中最显眼的部分,是一种非常炫酷的绘图方法。

镜头光晕的绘制方法

1. 在“线性加深”混合模式图层中,使用喷雾笔刷绘制一个点。

2. 按住Shift,同时移动笔刷,绘制出一条横线,并使用“橡皮擦工具”擦除部分横线。

3. 使用深紫色或蓝色的喷雾笔刷,沿图像边缘略微描摹。

4. 使用将笔刷形状设定为粉笔笔刷的“橡皮擦工具”,擦拭出线条及色彩渐变。

Powered by Froala Editor

更新:2020-08-03

收藏

3人已收藏

数艺设

人民邮电出版社数字艺术分社

  • 491

    作品

  • 1108

    粉丝

  • 0

    关注

  • 分享一个普通插画师,很难Hold住的画法!
  • 为什么现在学Photoshop,也不算晚?
  • 乌江榨菜国风新包装!设计师画了40多稿
  • 你感受过五彩斑斓的孤独吗?这些高饱和度插画里隐藏着生活的力量
相关标签
原画

    猜你喜欢

      2020-08-03 原创文章 经验/观点 举报 524 3 1 0

      让人震撼的场景原画!PS高手赶紧试一试!

      0.0°

      你确定要举报让人震撼的场景原画!PS高手赶紧试一试!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年08月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录